Web Push Setup

npm install @sendrealm/react

npx @sendrealm/react setup

cp node_modules/@sendrealm/react/sendrealm-service-worker.js public/sendrealm-service-worker.js

import { useEffect } from "react";
import { init } from "@sendrealm/react";

export function App() {
  useEffect(() => {
    void init({
      appId: "YOUR_SENDREALM_PUSH_APP_ID",
      autoRequestPermission: false,
    });
  }, []);

  return (
    <>
      {/* your app */}
    </>
  );
}

import { useSendrealmSubscription } from "@sendrealm/react";

export function NotificationButton() {
  const { subscribed, optIn, optOut } = useSendrealmSubscription();

  return (
    <button onClick={() => (subscribed ? optOut() : optIn())}>
      {subscribed ? "Disable notifications" : "Enable notifications"}
    </button>
  );
}

import { getSendrealmClient } from "@sendrealm/react";

const sendrealm = getSendrealmClient();

await sendrealm.login("user_123", "user@example.com");
await sendrealm.addTags({ plan: "pro", locale: "en-US" });

"use client";

import { useEffect } from "react";
import { init } from "@sendrealm/react";

export function SendrealmInit() {
  useEffect(() => {
    void init({
      appId: "YOUR_SENDREALM_PUSH_APP_ID",
      autoRequestPermission: false,
    });
  }, []);

  return null;
}