A launch screen for your early adopters

import { NotificationStream } from "@notificationstream/node";

const ns = new NotificationStream({ secretKey: process.env.NOTIFICATIONSTREAM_SECRET_KEY });

// When someone joins your early access program
await ns.projectUsers.updateTags(user.id, { add: ["early-adopter"] });

// And when they leave it
await ns.projectUsers.updateTags(user.id, { remove: ["early-adopter"] });

import AsyncStorage from "@react-native-async-storage/async-storage";
import { useIsFocused } from "@react-navigation/native";
import { NotificationProvider, usePresentedNotification } from "@notificationstream/react-native";

export function App({ user, getNotificationToken }) {
  return (
    <NotificationProvider
      publishableKey="pk_live_8fK2…"
      user={{ id: user.id, name: user.name, locale: user.locale }}
      token={getNotificationToken} // signed by your backend
      storage={AsyncStorage}
      // Also present what went live while the app was closed
      deliverOnStart="unseen"
    >
      <Navigation />
    </NotificationProvider>
  );
}

// Mounted on the home screen: takes launch announcements, one at a time
export function LaunchAnnouncement() {
  const isFocused = useIsFocused();
  const { notification, dismiss } = usePresentedNotification({
    filter: (item) => item.category === "launch",
    enabled: isFocused,
  });
  if (!notification) return null;
  // Your own full-screen component: title, body, actionLabel, data.hero…
  return <LaunchScreen item={notification} onClose={() => dismiss()} />;
}