@wavebirdai/api 0.0.0-stage → 0.1.0-beta.10

package/templates/WavebirdPlacement.jsx

@@ -0,0 +1,41 @@
+"use client";
+
+import { useEffect, useRef } from "react";
+import { createPublisherAds } from "@wavebirdai/api/browser";
+
+export function WavebirdPlacement({ clientId, userId, conversationId, onReady }) {
+  const target = useRef(null);
+  useEffect(() => {
+    if (!target.current || !clientId || !userId || !conversationId) return;
+    const controller = new AbortController();
+    let disposed = false;
+    let ads = null;
+    void fetch("/api/sponsor-session", { cache: "no-store", signal: controller.signal }).then(async response => {
+      if (!response.ok) return;
+      const sessionId = (await response.json()).session_id;
+      if (disposed || !/^[A-Za-z0-9_-]{1,128}$/.test(sessionId)) return;
+      ads = createPublisherAds({
+      target: target.current,
+      clientId,
+      surfaceId: "chat_assistant",
+      jobType: "chat",
+      timing: "during",
+      consentMode: "wavebird_consent",
+      userId,
+      conversationId,
+      sessionId,
+      turnBinding: true,
+      rendererUrl: "https://api.wavebird.ai/v1/render.js",
+      placementEndpoint: "/api/sponsor-slot",
+      consentEndpoint: "/api/sponsor-consent",
+      privacySettingsTarget: "#wavebird-privacy-settings"
+      });
+      onReady?.(ads);
+    }).catch(() => {});
+    return () => { disposed = true; controller.abort(); onReady?.(null); ads?.dispose(); };
+  }, [clientId, userId, conversationId, onReady]);
+  return <>
+    <button id="wavebird-privacy-settings" type="button">Sponsored choices</button>
+    <section ref={target} aria-label="Sponsored placement area" style={{ width: "100%", maxWidth: 728, height: 346 }} />
+  </>;
+}

package/templates/WavebirdPlacement.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { useEffect, useRef } from "react";
+import { createPublisherAds, type PublisherAds } from "@wavebirdai/api/browser";
+
+export function WavebirdPlacement({ clientId, userId, conversationId, onReady }: {
+  clientId: string;
+  userId: string;
+  conversationId: string;
+  onReady?: (ads: PublisherAds | null) => void;
+}) {
+  const target = useRef<HTMLElement | null>(null);
+  useEffect(() => {
+    if (!target.current || !clientId || !userId || !conversationId) return;
+    const container = target.current;
+    const controller = new AbortController();
+    let disposed = false;
+    let ads: PublisherAds | null = null;
+    void fetch("/api/sponsor-session", { cache: "no-store", signal: controller.signal }).then(async response => {
+      if (!response.ok) return;
+      const sessionId = (await response.json()).session_id;
+      if (disposed || !/^[A-Za-z0-9_-]{1,128}$/.test(sessionId)) return;
+      ads = createPublisherAds({
+      target: container,
+      clientId,
+      surfaceId: "chat_assistant",
+      jobType: "chat",
+      timing: "during",
+      consentMode: "wavebird_consent",
+      userId,
+      conversationId,
+      sessionId,
+      turnBinding: true,
+      rendererUrl: "https://api.wavebird.ai/v1/render.js",
+      placementEndpoint: "/api/sponsor-slot",
+      consentEndpoint: "/api/sponsor-consent",
+      privacySettingsTarget: "#wavebird-privacy-settings"
+      });
+      onReady?.(ads);
+    }).catch(() => {});
+    return () => { disposed = true; controller.abort(); onReady?.(null); ads?.dispose(); };
+  }, [clientId, userId, conversationId, onReady]);
+  return <>
+    <button id="wavebird-privacy-settings" type="button">Sponsored choices</button>
+    <section ref={target} aria-label="Sponsored placement area" style={{ width: "100%", maxWidth: 728, height: 346 }} />
+  </>;
+}

package/templates/model.js

@@ -0,0 +1,3 @@
+export async function existingGeneration() {
+  throw new Error("Connect your existing authenticated generation stream in lib/model.js");
+}

package/templates/model.ts

@@ -0,0 +1,3 @@
+export async function existingGeneration(_signal: AbortSignal): Promise<Response> {
+  throw new Error("Connect your existing authenticated generation stream in lib/model.ts");
+}