@sevenfold/setto-client 0.10.0 → 0.10.1

package/dist/chrome.d.ts

@@ -6,6 +6,21 @@ export interface SettoChromeHandshake {
     /** The host's React, so the chrome bundle ships no framework of its own. */
     react: typeof React;
     reactDom: typeof ReactDOM;
+    /**
+     * Hand back a component and the host renders it.
+     *
+     * Inverted deliberately. The first cut had the chrome create its own React
+     * root, which cannot work: `createRoot` lives in `react-dom/client`, not
+     * `react-dom`, and React 19 removed `render` altogether — so the bundle
+     * loaded, found neither, and mounted nothing at all.
+     *
+     * Rendering it from here is better than passing `createRoot` across would
+     * have been. The chrome ends up inside the host's own tree, so its hooks are
+     * the host's hooks with no second root to keep in step, and the error
+     * boundary that keeps a mistake off the customer's page lives on this side
+     * where it cannot be forgotten.
+     */
+    mount: (Component: React.ComponentType) => void;
     config: {
         siteId: string;
         apiUrl: string;
@@ -33,4 +48,4 @@ declare global {
         __settoChromeLoaded__?: boolean;
     }
 }
-export declare function SettoChrome(): null;
+export declare function SettoChrome(): import("react/jsx-runtime").JSX.Element | null;

package/dist/setto-client.js

@@ -21364,8 +21364,21 @@ const CHROME_CONTRACT = 1;
 function chromeUrl(apiUrl) {
   return `${apiUrl.replace(/\/$/, "")}/chrome/v${CHROME_CONTRACT}.js`;
 }
+class ChromeBoundary extends React.Component {
+  state = { dead: false };
+  static getDerivedStateFromError() {
+    return { dead: true };
+  }
+  componentDidCatch(error) {
+    console.warn("[setto] chrome failed, continuing without it", error);
+  }
+  render() {
+    return this.state.dead ? null : this.props.children;
+  }
+}
 function SettoChrome() {
   const setto = useSetto();
+  const [Chrome, setChrome] = useState(null);
   const listeners = useRef(/* @__PURE__ */ new Set());
   const stateRef = useRef(() => ({
     hasSession: false,
@@ -21412,7 +21425,10 @@ function SettoChrome() {
         subscribe: (listener) => {
           listeners.current.add(listener);
           return () => listeners.current.delete(listener);
-        }
+        },
+        // `setChrome(() => C)`: a component is a function, and the updater form
+        // is the only way to put one into state without React calling it.
+        mount: (Component) => setChrome(() => Component)
       };
       const script = document.createElement("script");
       script.src = chromeUrl(setto.config.apiUrl);
@@ -21423,7 +21439,8 @@ function SettoChrome() {
     } catch {
     }
   }, []);
-  return null;
+  if (!Chrome) return null;
+  return /* @__PURE__ */ jsx(ChromeBoundary, { children: /* @__PURE__ */ jsx(Chrome, {}) });
 }
 const SETTO_BASE = "/setto";
 function siteHomeUrl(pathname = "/") {