@bitbitpress/client 1.1.0 → 1.1.1

package/dist/react/index.d.ts

@@ -1,60 +1,35 @@
-import { type RenderUnknown, type SynthesisViewTreeProps } from '../synthesisView/engine.js';
-import type { ComponentMap, ContentInput, SynthesisViewEvent, SynthesizeViewFetcher } from '../synthesisView/types.js';
-export { type BitBitContextValue, BitBitProvider } from '../synthesisView/context.js';
-export { createComponentMap, type GlobModules, type RequireContext, } from '../synthesisView/createComponentMap.js';
-export type { ComponentMap, ContentInput, FlatUiKeyNameNode, FlatUiNode, FlatUiPrimitiveNode, SynthesisViewEvent, SynthesisViewEventInput, SynthesizeViewFetcher, ViewEventHandleWith, ViewInputs, } from '../synthesisView/types.js';
-export { type UseEventDrivenViewOptions, type UseEventDrivenViewResult, useEventDrivenView, } from '../synthesisView/useEventDrivenView.js';
-export { bitBitBuiltins } from './primitives.js';
-export type BitBitViewRendererProps = Omit<SynthesisViewTreeProps, 'renderUnknown' | 'defaultComponents'> & {
-    /** Override how unregistered components render. Defaults to a dev-only
-     *  marker (see {@link isDevEnvironment}). */
-    renderUnknown?: RenderUnknown;
-    /** Force the in-dev warning behavior regardless of `process.env.NODE_ENV`.
-     *  Set true in CMS / preview hosts (e.g. BitBitPress's own admin UI) so
-     *  unknown components stay visible even when those hosts are built in
-     *  production mode. Defaults to env-derived. */
-    dev?: boolean;
-};
-/** Web renderer for a pre-fetched `uiData` array. BB built-in primitives are
- *  registered automatically; pass `components` to add or override entries by
- *  name. Use `<BitBitView>` if you want it to fetch for you. */
-export declare function BitBitViewRenderer({ renderUnknown, dev, onEvent, ...rest }: BitBitViewRendererProps): import("react").FunctionComponentElement<SynthesisViewTreeProps>;
-export type BitBitViewProps = {
-    /** A BitBitPressClient (or anything with `user.synthesizeViewItem`). */
-    client: SynthesizeViewFetcher;
+import type { SynthesisUiPlatform, SynthesisUiStreamEvent, SynthesizeUiFetcher } from '../synthesisUi/types.js';
+export type { BitBitViewContext, GeneratedUiModule, GeneratedUiViewHandle, } from '../runtime/index.js';
+export { type BitBitContextValue, BitBitProvider } from '../synthesisUi/context.js';
+export type { SynthesisUiPlatform, SynthesisUiStreamEvent, SynthesizeUiFetcher };
+export interface BitBitSynthesisProps {
+    /** Client to fetch the UI through. Optional when a `<BitBitProvider client>`
+     *  is in scope. */
+    client?: SynthesizeUiFetcher;
     keyName: string;
-    contentInputs?: ContentInput[];
-    components?: ComponentMap;
-    /** Fires for `HOST` events the component contract declared. `AGENT`
-     *  events are handled internally — the SDK rounds-trips to the synthesis
-     *  endpoint and swaps the UI in place; customers don't see them unless
-     *  they explicitly opt in via the contract. */
-    onEvent?: (event: SynthesisViewEvent) => void;
-    renderUnknown?: RenderUnknown;
-    /** Force the in-dev warning behavior regardless of `process.env.NODE_ENV`.
-     *  See {@link BitBitViewRendererProps.dev}. */
-    dev?: boolean;
-    /** Force a dark/light mode. Defaults to the browser's
-     *  `prefers-color-scheme` (live-updates if the user toggles their OS
-     *  theme). */
-    darkMode?: boolean;
-    /** When true (default), speculatively prefetches the agent's next-UI for
-     *  AGENT events whose payloads don't need runtime input. Real clicks land
-     *  on the cached response with zero server roundtrip. Set false to
-     *  disable. */
-    preloadNextUi?: boolean;
-};
+    /** Target platform. Defaults to `web`; the studio passes `mobile` to
+     *  preview the react-native-web bundle. */
+    platform?: SynthesisUiPlatform;
+    /** Brand analytics / link tracking. */
+    onTrack?: (event: string, payload?: unknown) => void;
+    /** Host slot callbacks (developer-supplied event handlers). */
+    onEvent?: (name: string, payload?: unknown) => void;
+    /** Navigate a link the view requested. */
+    onNavigate?: (href: string) => void;
+}
 /**
- * Web view: fetches a synthesis view by `keyName` and renders it in place.
- * AGENT-handled events drive the next UI back through the agent
- * (preloaded when possible). HOST events fire to `onEvent`.
+ * Web view for a server-generated SynthesisUI. Streams the UI by `keyName`
+ * through `client` (or the `<BitBitProvider client>` in scope): loads and
+ * mounts the built bundle (which owns its React) on the `manifest`, then pushes
+ * `data` into the mounted view as it streams in. Web mounts in a Shadow DOM;
+ * the `mobile` preview (react-native-web) mounts in the light DOM so rn-web's
+ * global stylesheet applies. Native delivery (React Native via Re.Pack) is a
+ * separate entry.
  */
-export declare function BitBitView({ client, keyName, contentInputs, components, onEvent, renderUnknown, dev, darkMode, preloadNextUi, }: BitBitViewProps): import("react").DetailedReactHTMLElement<{
-    'data-bitbit-error': boolean;
+export declare function BitBitSynthesis({ client: clientProp, keyName, platform, onTrack, onEvent, onNavigate, }: BitBitSynthesisProps): import("react").DetailedReactHTMLElement<{
+    ref: import("react").RefObject<HTMLDivElement>;
     style: {
-        color: "#b00020";
-        fontFamily: "monospace";
-        fontSize: number;
+        height: string;
     };
-}, HTMLElement> | import("react").FunctionComponentElement<BitBitViewRendererProps> | null;
+}, HTMLDivElement>;
 //# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,sBAAsB,EAC5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,2BAA2B,CAAC;AAInC,OAAO,EAAE,KAAK,kBAAkB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACtF,OAAO,EACL,kBAAkB,EAClB,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,wCAAwC,CAAC;AAChD,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,EACnB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,kBAAkB,GACnB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAsBjD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,sBAAsB,EACtB,eAAe,GAAG,mBAAmB,CACtC,GAAG;IACF;iDAC6C;IAC7C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;oDAGgD;IAChD,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AA6BF;;gEAEgE;AAChE,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,GAAG,EACH,OAAO,EACP,GAAG,IAAI,EACR,EAAE,uBAAuB,oEAQzB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,wEAAwE;IACxE,MAAM,EAAE,qBAAqB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;;mDAG+C;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;mDAC+C;IAC/C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;kBAEc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;mBAGe;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,EACP,aAAa,EACb,UAAU,EACV,OAAO,EACP,aAAa,EACb,GAAG,EACH,QAAQ,EACR,aAAa,GACd,EAAE,eAAe;;;;;;;2FAgCjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,kBAAkB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AACpF,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,CAAC;AAEjF,MAAM,WAAW,oBAAoB;IACnC;uBACmB;IACnB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB;+CAC2C;IAC3C,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,uCAAuC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,0CAA0C;IAC1C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAID;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EAAE,UAAU,EAClB,OAAO,EACP,QAAgB,EAChB,OAAO,EACP,OAAO,EACP,UAAU,GACX,EAAE,oBAAoB;;;;;mBAkEtB"}

package/dist/react/index.js

@@ -1,85 +1,73 @@
-import { createElement, useEffect, useState } from 'react';
-import { devLog, isDevEnvironment } from '../synthesisView/devLog.js';
-import { SynthesisViewTree, } from '../synthesisView/engine.js';
-import { useEventDrivenView } from '../synthesisView/useEventDrivenView.js';
-import { bitBitBuiltins } from './primitives.js';
-export { BitBitProvider } from '../synthesisView/context.js';
-export { createComponentMap, } from '../synthesisView/createComponentMap.js';
-export { useEventDrivenView, } from '../synthesisView/useEventDrivenView.js';
-export { bitBitBuiltins } from './primitives.js';
-/** Track the browser's `prefers-color-scheme` and re-render on change. Returns
- *  `null` during SSR or when the API isn't available — callers fall back to
- *  the server's default. */
-function useSystemDarkMode() {
-    const [isDark, setIsDark] = useState(() => {
-        if (typeof window === 'undefined' || !window.matchMedia)
-            return null;
-        return window.matchMedia('(prefers-color-scheme: dark)').matches;
-    });
-    useEffect(() => {
-        if (typeof window === 'undefined' || !window.matchMedia)
-            return;
-        const mq = window.matchMedia('(prefers-color-scheme: dark)');
-        const onChange = (e) => setIsDark(e.matches);
-        mq.addEventListener('change', onChange);
-        return () => mq.removeEventListener('change', onChange);
-    }, []);
-    return isDark;
-}
-const renderUnknownWarning = (name) => createElement('span', {
-    'data-bitbit-unknown': name,
-    style: { color: '#b00020', fontFamily: 'monospace', fontSize: 12 },
-}, `⚠ Unknown component: ${name}`);
-/** Silent in production: an unknown name renders nothing rather than splashing
- *  a debug marker in the customer's real app. */
-const renderUnknownSilent = () => null;
-/** Wrap `onEvent` so each emission prints to the console with the dispatch
- *  routing inline. Routed through {@link devLog} so the message is auto-
- *  prefixed with `[BB]` and stripped to a no-op outside dev. */
-function withDevEventLog(dev, onEvent) {
-    return (event) => {
-        devLog(dev, `event ${event.componentName}.${event.slot} → ${event.handleWith}`, event);
-        onEvent?.(event);
-    };
-}
-/** Web renderer for a pre-fetched `uiData` array. BB built-in primitives are
- *  registered automatically; pass `components` to add or override entries by
- *  name. Use `<BitBitView>` if you want it to fetch for you. */
-export function BitBitViewRenderer({ renderUnknown, dev, onEvent, ...rest }) {
-    const isDev = dev ?? isDevEnvironment();
-    return createElement(SynthesisViewTree, {
-        ...rest,
-        defaultComponents: bitBitBuiltins,
-        renderUnknown: renderUnknown ?? (isDev ? renderUnknownWarning : renderUnknownSilent),
-        onEvent: isDev ? withDevEventLog(dev, onEvent) : onEvent,
-    });
-}
+import { createElement, useEffect, useRef } from 'react';
+import { loadGeneratedModule, mountGeneratedView, } from '../runtime/index.js';
+import { useBitBitContext } from '../synthesisUi/context.js';
+export { BitBitProvider } from '../synthesisUi/context.js';
+const noop = () => { };
 /**
- * Web view: fetches a synthesis view by `keyName` and renders it in place.
- * AGENT-handled events drive the next UI back through the agent
- * (preloaded when possible). HOST events fire to `onEvent`.
+ * Web view for a server-generated SynthesisUI. Streams the UI by `keyName`
+ * through `client` (or the `<BitBitProvider client>` in scope): loads and
+ * mounts the built bundle (which owns its React) on the `manifest`, then pushes
+ * `data` into the mounted view as it streams in. Web mounts in a Shadow DOM;
+ * the `mobile` preview (react-native-web) mounts in the light DOM so rn-web's
+ * global stylesheet applies. Native delivery (React Native via Re.Pack) is a
+ * separate entry.
  */
-export function BitBitView({ client, keyName, contentInputs, components, onEvent, renderUnknown, dev, darkMode, preloadNextUi, }) {
-    const systemDark = useSystemDarkMode();
-    const resolvedDark = darkMode ?? systemDark ?? undefined;
-    const viewInputs = resolvedDark !== undefined ? { darkMode: resolvedDark } : undefined;
-    const { uiData, loading, error, handleEvent } = useEventDrivenView(client, keyName, onEvent, contentInputs, viewInputs, { preloadNextUi });
-    if (loading)
-        return null;
-    if (error) {
-        return createElement('div', {
-            'data-bitbit-error': true,
-            style: { color: '#b00020', fontFamily: 'monospace', fontSize: 12 },
-        }, error);
-    }
-    if (!uiData.length)
-        return null;
-    return createElement(BitBitViewRenderer, {
-        uiData,
-        components,
-        onEvent: handleEvent,
-        renderUnknown,
-        dev,
-    });
+export function BitBitSynthesis({ client: clientProp, keyName, platform = 'web', onTrack, onEvent, onNavigate, }) {
+    const contextClient = useBitBitContext()?.client;
+    const client = clientProp ?? contextClient;
+    const hostRef = useRef(null);
+    useEffect(() => {
+        const host = hostRef.current;
+        if (!host || !client)
+            return;
+        let cancelled = false;
+        let handle;
+        let mod;
+        let theme = {};
+        // Auto-beacon when `client` is a full BitBitPressClient (the bare preview
+        // fetcher has no `trackItem`, so the studio stays inspector-only). Failures
+        // are swallowed — analytics must never break the view.
+        const trackItem = client.user.trackItem;
+        const beacon = (type, name, payload) => {
+            trackItem?.({ keyName, type, ...(name != null && { name }), payload })?.catch?.(() => { });
+        };
+        const makeCtx = () => ({
+            theme,
+            track: (event, payload) => {
+                onTrack?.(event, payload);
+                beacon('CLICK', event, payload);
+            },
+            onEvent: onEvent ?? noop,
+            navigate: onNavigate,
+        });
+        void (async () => {
+            const stream = await client.user.synthesizeUi({ keyName, platform });
+            for await (const event of stream) {
+                if (cancelled)
+                    break;
+                if (event.type === 'manifest') {
+                    theme = event.theme;
+                    const src = event.bundleUrl ?? event.bundleSource;
+                    if (src)
+                        mod = await loadGeneratedModule(src);
+                }
+                else if (event.type === 'data' && mod) {
+                    // Mount on the first data event (bundle is ready); update thereafter.
+                    if (handle) {
+                        handle.update({ data: event.data, ctx: makeCtx() });
+                    }
+                    else {
+                        handle = mountGeneratedView(host, mod, { data: event.data, ctx: makeCtx() }, { isolateStyles: platform !== 'mobile' });
+                        beacon('VIEW');
+                    }
+                }
+            }
+        })();
+        return () => {
+            cancelled = true;
+            handle?.unmount();
+        };
+    }, [client, keyName, platform, onTrack, onEvent, onNavigate]);
+    return createElement('div', { ref: hostRef, style: { height: '100%' } });
 }
 //# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"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"}

package/dist/react-native-expo/index.d.ts

@@ -1,53 +1,2 @@
-import { type RenderUnknown, type SynthesisViewTreeProps } from '../synthesisView/engine.js';
-import type { ComponentMap, ContentInput, SynthesisViewEvent, SynthesizeViewFetcher } from '../synthesisView/types.js';
-export { type BitBitContextValue, BitBitProvider } from '../synthesisView/context.js';
-export { createComponentMap, type GlobModules, type RequireContext, } from '../synthesisView/createComponentMap.js';
-export type { ComponentMap, ContentInput, FlatUiKeyNameNode, FlatUiNode, FlatUiPrimitiveNode, SynthesisViewEvent, SynthesisViewEventInput, SynthesizeViewFetcher, ViewEventHandleWith, ViewInputs, } from '../synthesisView/types.js';
-export { type UseEventDrivenViewOptions, type UseEventDrivenViewResult, useEventDrivenView, } from '../synthesisView/useEventDrivenView.js';
-export { bitBitBuiltins } from './primitives.js';
-export type BitBitViewRendererProps = Omit<SynthesisViewTreeProps, 'renderUnknown' | 'defaultComponents'> & {
-    /**
-     * Override how unregistered components render. Defaults are env-derived:
-     * a dev-only warning marker when `process.env.NODE_ENV !== 'production'`,
-     * silent in production builds. Set `dev` to force the warning behavior.
-     */
-    renderUnknown?: RenderUnknown;
-    /** Force the in-dev warning behavior regardless of `process.env.NODE_ENV`. */
-    dev?: boolean;
-};
-/**
- * React Native (Expo) renderer for a pre-fetched `uiData` array. BB built-in
- * primitives are registered automatically; pass `components` to add or
- * override entries by name. Targets Expo specifically — the built-ins lean
- * on Expo packages (`expo-linear-gradient`, etc.). Use `<BitBitView>` if you
- * want it to fetch for you.
- */
-export declare function BitBitViewRenderer({ renderUnknown, dev, onEvent, ...rest }: BitBitViewRendererProps): import("react").FunctionComponentElement<SynthesisViewTreeProps>;
-export type BitBitViewProps = {
-    /** A BitBitPressClient (or anything with `user.synthesizeViewItem`). */
-    client: SynthesizeViewFetcher;
-    keyName: string;
-    contentInputs?: ContentInput[];
-    components?: ComponentMap;
-    /** Fires for `HOST` events the component contract declared. `AGENT`
-     *  events are handled internally — the SDK round-trips to the synthesis
-     *  endpoint and swaps the UI in place. */
-    onEvent?: (event: SynthesisViewEvent) => void;
-    renderUnknown?: RenderUnknown;
-    /** Force the in-dev warning behavior regardless of `process.env.NODE_ENV`.
-     *  See {@link BitBitViewRendererProps.dev}. */
-    dev?: boolean;
-    /** Force a dark/light mode. Defaults to the system appearance via RN's
-     *  `useColorScheme` (re-renders when the user toggles their OS theme). */
-    darkMode?: boolean;
-    /** When true (default), speculatively prefetches AGENT events with
-     *  payload-less contracts so real clicks render with zero roundtrip. */
-    preloadNextUi?: boolean;
-};
-/**
- * React Native (Expo) view: fetches a synthesis view by `keyName` and renders
- * it in place. AGENT events drive next UIs back through the agent (preloaded
- * when possible). HOST events fire `onEvent`.
- */
-export declare function BitBitView({ client, keyName, contentInputs, components, onEvent, renderUnknown, dev, darkMode, preloadNextUi, }: BitBitViewProps): import("react").FunctionComponentElement<BitBitViewRendererProps> | null;
+export { type BitBitContextValue, BitBitProvider } from '../synthesisUi/context.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/react-native-expo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react-native-expo/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,sBAAsB,EAC5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,2BAA2B,CAAC;AAInC,OAAO,EAAE,KAAK,kBAAkB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACtF,OAAO,EACL,kBAAkB,EAClB,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,wCAAwC,CAAC;AAChD,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,EACnB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,kBAAkB,GACnB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,sBAAsB,EACtB,eAAe,GAAG,mBAAmB,CACtC,GAAG;IACF;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,8EAA8E;IAC9E,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AA6DF;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,GAAG,EACH,OAAO,EACP,GAAG,IAAI,EACR,EAAE,uBAAuB,oEASzB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,wEAAwE;IACxE,MAAM,EAAE,qBAAqB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;8CAE0C;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;mDAC+C;IAC/C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;8EAC0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;4EACwE;IACxE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,EACP,aAAa,EACb,UAAU,EACV,OAAO,EACP,aAAa,EACb,GAAG,EACH,QAAQ,EACR,aAAa,GACd,EAAE,eAAe,4EAsBjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react-native-expo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/react-native-expo/index.js

@@ -1,92 +1,2 @@
-import { createElement } from 'react';
-import { Text, useColorScheme } from 'react-native';
-import { devLog, isDevEnvironment } from '../synthesisView/devLog.js';
-import { SynthesisViewTree, } from '../synthesisView/engine.js';
-import { useEventDrivenView } from '../synthesisView/useEventDrivenView.js';
-import { bitBitBuiltins } from './primitives.js';
-export { BitBitProvider } from '../synthesisView/context.js';
-export { createComponentMap, } from '../synthesisView/createComponentMap.js';
-export { useEventDrivenView, } from '../synthesisView/useEventDrivenView.js';
-export { bitBitBuiltins } from './primitives.js';
-const renderUnknownWarning = (name) => createElement(Text, { style: { color: '#b00020', fontFamily: 'monospace', fontSize: 12 } }, `⚠ Unknown component: ${name}`);
-const renderUnknownSilent = () => null;
-const DEFAULT_FONT_SIZE = 16;
-/** Extract the primary family name from a CSS-shape `fontFamily` value.
- *  Web takes the full fallback chain (`'"Inter-Regular", "Inter", ...'`);
- *  RN takes one registered name, so we keep the first segment and strip
- *  quotes. Single-name input passes through unchanged. */
-function pickRNFontFamily(value) {
-    const first = value.split(',')[0]?.trim();
-    if (!first)
-        return value;
-    return first.replace(/^["']|["']$/g, '');
-}
-/** Bridge CSS-shape style values into RN's stricter form. Two patches:
- *  - `lineHeight` as a unitless multiplier (CSS) → pixels using `fontSize`
- *    on the same node (RN treats numeric lineHeight as pixels).
- *  - `fontFamily` CSS fallback chain → first registered name (RN accepts
- *    one family at a time). */
-function normalizeRNStyle(value) {
-    if (!value || typeof value !== 'object' || Array.isArray(value))
-        return value;
-    const obj = value;
-    let changed = false;
-    const out = { ...obj };
-    if (typeof obj.lineHeight === 'number' && obj.lineHeight < 4) {
-        const fontSize = typeof obj.fontSize === 'number' ? obj.fontSize : DEFAULT_FONT_SIZE;
-        out.lineHeight = obj.lineHeight * fontSize;
-        changed = true;
-    }
-    if (typeof obj.fontFamily === 'string' && obj.fontFamily.includes(',')) {
-        out.fontFamily = pickRNFontFamily(obj.fontFamily);
-        changed = true;
-    }
-    return changed ? out : value;
-}
-/** Wrap `onEvent` so each emission prints to the console with the dispatch
- *  routing inline. Routed through {@link devLog} so the message is auto-
- *  prefixed with `[BB]` and stripped to a no-op outside dev. */
-function withDevEventLog(dev, onEvent) {
-    return (event) => {
-        devLog(dev, `event ${event.componentName}.${event.slot} → ${event.handleWith}`, event);
-        onEvent?.(event);
-    };
-}
-/**
- * React Native (Expo) renderer for a pre-fetched `uiData` array. BB built-in
- * primitives are registered automatically; pass `components` to add or
- * override entries by name. Targets Expo specifically — the built-ins lean
- * on Expo packages (`expo-linear-gradient`, etc.). Use `<BitBitView>` if you
- * want it to fetch for you.
- */
-export function BitBitViewRenderer({ renderUnknown, dev, onEvent, ...rest }) {
-    const isDev = dev ?? isDevEnvironment();
-    return createElement(SynthesisViewTree, {
-        ...rest,
-        defaultComponents: bitBitBuiltins,
-        normalizeStyle: normalizeRNStyle,
-        renderUnknown: renderUnknown ?? (isDev ? renderUnknownWarning : renderUnknownSilent),
-        onEvent: isDev ? withDevEventLog(dev, onEvent) : onEvent,
-    });
-}
-/**
- * React Native (Expo) view: fetches a synthesis view by `keyName` and renders
- * it in place. AGENT events drive next UIs back through the agent (preloaded
- * when possible). HOST events fire `onEvent`.
- */
-export function BitBitView({ client, keyName, contentInputs, components, onEvent, renderUnknown, dev, darkMode, preloadNextUi, }) {
-    const systemScheme = useColorScheme();
-    const resolvedDark = darkMode ?? (systemScheme === 'dark' ? true : systemScheme === 'light' ? false : undefined);
-    const viewInputs = resolvedDark !== undefined ? { darkMode: resolvedDark } : undefined;
-    const { uiData, loading, error, handleEvent } = useEventDrivenView(client, keyName, onEvent, contentInputs, viewInputs, { preloadNextUi });
-    if (loading || error || !uiData.length)
-        return null;
-    return createElement(BitBitViewRenderer, {
-        uiData,
-        components,
-        onEvent: handleEvent,
-        renderUnknown,
-        dev,
-    });
-}
+export { BitBitProvider } from '../synthesisUi/context.js';
 //# sourceMappingURL=index.js.map

package/dist/react-native-expo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react-native-expo/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react-native-expo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,cAAc,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/runtime/index.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Runtime contract + loader for server-generated SynthesisUI bundles.
+ *
+ * Generated UI is built server-side into a self-contained ESM bundle that
+ * owns its own React (and react-native-web for the mobile preview) and
+ * exposes a `mount` entry. The host (studio preview or consuming SDK) only
+ * creates a container (a Shadow DOM root for web) and calls `mount` — it
+ * never shares a React instance with the bundle, sidestepping duplicate-React
+ * hook errors. The contract here is types + DOM glue only (no React import).
+ */
+/** Props every generated view receives. `data` is the synthesis output
+ *  (typed from the config's output schema); `ctx` is the host-provided
+ *  runtime. This is a shared TYPE, not a runtime dependency. */
+export interface BitBitViewProps<T = unknown> {
+    data: T;
+    ctx: BitBitViewContext;
+}
+export interface BitBitViewContext {
+    /** Built-in analytics / link tracking. */
+    track(event: string, payload?: unknown): void;
+    /** Host slot callbacks (developer-supplied event handlers). */
+    onEvent(name: string, payload?: unknown): void;
+    /** Brand design tokens (also mirrored as CSS custom properties on the host). */
+    theme: Record<string, string>;
+    /** Navigate a link (web: location; native: linking/navigation). */
+    navigate?(href: string): void;
+}
+/** Handle returned by a mounted view: push new props as `data` streams in,
+ *  and tear down. */
+export interface GeneratedUiViewHandle {
+    update(props: BitBitViewProps): void;
+    unmount(): void;
+}
+/** Shape a generated web/mobile bundle's default ESM exports must satisfy.
+ *  `mount` renders into `element` and returns a handle whose `update` is
+ *  called as streamed `data` arrives. A bare unmount function is also accepted
+ *  for static (non-streaming) bundles. */
+export interface GeneratedUiModule {
+    mount(element: Element, props: BitBitViewProps): GeneratedUiViewHandle | (() => void);
+}
+/**
+ * Load a generated bundle. `src` is either a URL to the ESM (served by the
+ * API/CDN) or the bundle source as a string (dynamic-imported via a Blob URL).
+ */
+export declare function loadGeneratedModule(src: string): Promise<GeneratedUiModule>;
+export interface MountGeneratedViewOptions {
+    /** Isolate styles in a Shadow DOM root (default). Disable for bundles that
+     *  inject a global stylesheet into `document.head` — e.g. react-native-web,
+     *  whose styles don't cross the shadow boundary and would render zero-size. */
+    isolateStyles?: boolean;
+}
+/**
+ * Mount a generated module into `host`. By default it attaches a Shadow DOM
+ * root (style isolation both ways); pass `isolateStyles: false` to mount into
+ * the light DOM. Brand `theme` tokens are written as CSS custom properties on
+ * the host so they inherit either way. Returns a handle whose `update` pushes
+ * new props (e.g. as `data` streams in) and `unmount` tears down.
+ */
+export declare function mountGeneratedView(host: HTMLElement, mod: GeneratedUiModule, props: BitBitViewProps, options?: MountGeneratedViewOptions): GeneratedUiViewHandle;
+//# sourceMappingURL=index.d.ts.map

package/dist/runtime/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH;;gEAEgE;AAChE,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,OAAO;IAC1C,IAAI,EAAE,CAAC,CAAC;IACR,GAAG,EAAE,iBAAiB,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAChC,0CAA0C;IAC1C,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9C,+DAA+D;IAC/D,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/C,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,mEAAmE;IACnE,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED;qBACqB;AACrB,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;0CAG0C;AAC1C,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,GAAG,qBAAqB,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;CACvF;AAUD;;;GAGG;AACH,wBAAsB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAyBjF;AAED,MAAM,WAAW,yBAAyB;IACxC;;mFAE+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AASD;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,iBAAiB,EACtB,KAAK,EAAE,eAAe,EACtB,OAAO,GAAE,yBAA8B,GACtC,qBAAqB,CAqBvB"}

package/dist/runtime/index.js

@@ -0,0 +1,84 @@
+/**
+ * Runtime contract + loader for server-generated SynthesisUI bundles.
+ *
+ * Generated UI is built server-side into a self-contained ESM bundle that
+ * owns its own React (and react-native-web for the mobile preview) and
+ * exposes a `mount` entry. The host (studio preview or consuming SDK) only
+ * creates a container (a Shadow DOM root for web) and calls `mount` — it
+ * never shares a React instance with the bundle, sidestepping duplicate-React
+ * hook errors. The contract here is types + DOM glue only (no React import).
+ */
+function isGeneratedUiModule(value) {
+    return typeof value?.mount === 'function';
+}
+function toViewHandle(result) {
+    return typeof result === 'function' ? { update: () => { }, unmount: result } : result;
+}
+/**
+ * Load a generated bundle. `src` is either a URL to the ESM (served by the
+ * API/CDN) or the bundle source as a string (dynamic-imported via a Blob URL).
+ */
+export async function loadGeneratedModule(src) {
+    const isUrl = /^(https?:|blob:|data:|\/)/.test(src);
+    let url = src;
+    let revoke;
+    if (!isUrl) {
+        const blob = new Blob([src], { type: 'text/javascript' });
+        url = URL.createObjectURL(blob);
+        revoke = url;
+    }
+    try {
+        const mod = (await import(/* @vite-ignore */ url));
+        const resolved = isGeneratedUiModule(mod)
+            ? mod
+            : isGeneratedUiModule(mod.default)
+                ? mod.default
+                : null;
+        if (!resolved) {
+            throw new Error('Generated bundle does not export a `mount` function.');
+        }
+        return resolved;
+    }
+    finally {
+        if (revoke)
+            URL.revokeObjectURL(revoke);
+    }
+}
+function applyThemeTokens(host, theme) {
+    for (const [token, value] of Object.entries(theme)) {
+        // Tokens like "colors.primary" → "--bb-colors-primary".
+        host.style.setProperty(`--bb-${token.replace(/[^a-z0-9]+/gi, '-')}`, value);
+    }
+}
+/**
+ * Mount a generated module into `host`. By default it attaches a Shadow DOM
+ * root (style isolation both ways); pass `isolateStyles: false` to mount into
+ * the light DOM. Brand `theme` tokens are written as CSS custom properties on
+ * the host so they inherit either way. Returns a handle whose `update` pushes
+ * new props (e.g. as `data` streams in) and `unmount` tears down.
+ */
+export function mountGeneratedView(host, mod, props, options = {}) {
+    const { isolateStyles = true } = options;
+    applyThemeTokens(host, props.ctx.theme);
+    const root = isolateStyles
+        ? (host.shadowRoot ?? host.attachShadow({ mode: 'open' }))
+        : host;
+    const container = document.createElement('div');
+    // rn-web's flex layouts need a real height to fill the host (phone frame).
+    if (!isolateStyles)
+        container.style.height = '100%';
+    root.replaceChildren(container);
+    const handle = toViewHandle(mod.mount(container, props));
+    return {
+        update: (next) => {
+            applyThemeTokens(host, next.ctx.theme);
+            handle.update(next);
+        },
+        unmount: () => {
+            handle.unmount();
+            if (root.contains(container))
+                root.removeChild(container);
+        },
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/runtime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"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"}