dynim-react 1.0.125 → 1.0.132

package/dist/DynimProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynimProvider.d.ts","sourceRoot":"","sources":["../src/DynimProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAc,EASZ,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAoBf;;;GAGG;AACH,wBAAsB,eAAe,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAG9D;AA6ED,MAAM,WAAW,WAAW;IAC1B,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,KAAK,IAAI,CAAC;IACzC,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,qBAAqB;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,0CAA0C;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,gCAAgC;IAChC,eAAe,EAAE,OAAO,CAAC;CAC1B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAW,GACZ,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAuZlC;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}
+{"version":3,"file":"DynimProvider.d.ts","sourceRoot":"","sources":["../src/DynimProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAc,EASZ,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAgDf;;;GAGG;AACH,wBAAsB,eAAe,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAG9D;AA6ED,MAAM,WAAW,WAAW;IAC1B,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,KAAK,IAAI,CAAC;IACzC,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,qBAAqB;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,0CAA0C;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,gCAAgC;IAChC,eAAe,EAAE,OAAO,CAAC;CAC1B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAW,GACZ,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAoblC;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/DynimProvider.js

@@ -9,9 +9,45 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import React, { createContext, useContext, useEffect, useRef, useCallback, useMemo, useState, Component, } from 'react';
 import ReactDOM from 'react-dom';
-import { createCodeClient, createBundleLoader, createCSSLoader, BundleNotFoundError, BundleAuthError, } from 'dynim-core';
+import { createCodeClient, createCSSLoader, createDataBridge, BundleNotFoundError, BundleAuthError, } from 'dynim-core';
 import { createSharedContext, updateSharedContext, isSharedContextReady } from './inference/sharedContext';
-import { generateThemeCSS } from './theme';
+import { generateThemeCSS } from 'dynim-core';
+// --- Bundle cache (sessionStorage) ---
+const BUNDLE_CACHE_KEY = 'dynim_bundle_js';
+function getCachedBundle() {
+    try {
+        return sessionStorage.getItem(BUNDLE_CACHE_KEY);
+    }
+    catch {
+        return null;
+    }
+}
+function setCachedBundle(code) {
+    try {
+        sessionStorage.setItem(BUNDLE_CACHE_KEY, code);
+    }
+    catch { /* quota / private browsing */ }
+}
+function clearCachedBundle() {
+    try {
+        sessionStorage.removeItem(BUNDLE_CACHE_KEY);
+    }
+    catch { }
+}
+async function importBundleText(code) {
+    const blob = new Blob([code], { type: 'application/javascript' });
+    const blobUrl = URL.createObjectURL(blob);
+    try {
+        const mod = await import(/* @vite-ignore */ blobUrl);
+        const App = mod.App || mod.default;
+        if (!App)
+            throw new Error('Bundle has no App export');
+        return App;
+    }
+    finally {
+        URL.revokeObjectURL(blobUrl);
+    }
+}
 // Module-level token resolver — set by DynimProvider on mount.
 let _tokenResolver = null;
 /**
@@ -75,8 +111,8 @@ const DynimContext = createContext(null);
  */
 export function DynimProvider({ children, config = {}, }) {
     const codeClientRef = useRef(null);
-    const bundleLoaderRef = useRef(null);
     const cssLoaderRef = useRef(null);
+    const dataBridgeRef = useRef(null);
     const hasAttemptedInitialLoadRef = useRef(false);
     // Delegate session management to the standalone SDK (window.dynim).
     // The standalone script owns auth via identify() → HMAC → session token.
@@ -211,10 +247,12 @@ export function DynimProvider({ children, config = {}, }) {
     useEffect(() => {
         const handlers = [
             ['dynim:bundle-ready', () => {
+                    clearCachedBundle();
                     const bundleUrl = `/api/code/bundle?temp=true&_t=${Date.now()}`;
                     loadBundleRef.current?.(bundleUrl, true);
                 }],
             ['dynim:bundle-saved', ((e) => {
+                    clearCachedBundle();
                     const detail = e.detail;
                     if (detail?.cssVersion && codeClientRef.current) {
                         codeClientRef.current.setCSSVersion(detail.cssVersion);
@@ -222,6 +260,7 @@ export function DynimProvider({ children, config = {}, }) {
                     loadBundleRef.current?.('/api/code/bundle', true);
                 })],
             ['dynim:bundle-abandoned', () => {
+                    clearCachedBundle();
                     loadBundleRef.current?.('/api/code/bundle', true);
                 }],
             ['dynim:load-bundle', ((e) => {
@@ -246,20 +285,6 @@ export function DynimProvider({ children, config = {}, }) {
             }
         };
     }, []);
-    // Get bundle loader
-    const getBundleLoader = useCallback(() => {
-        if (!bundleLoaderRef.current) {
-            bundleLoaderRef.current = createBundleLoader({
-                getAuthToken,
-                includeCredentials: true,
-                onError: (error) => {
-                    console.error('[DynimProvider] Bundle load failed:', error);
-                    configRef.current.onError?.(error);
-                },
-            });
-        }
-        return bundleLoaderRef.current;
-    }, [getAuthToken]);
     // Get CSS loader
     const getCSSLoader = useCallback(() => {
         if (!cssLoaderRef.current) {
@@ -276,29 +301,49 @@ export function DynimProvider({ children, config = {}, }) {
     const buildCSSUrl = useCallback((temp = false) => {
         return codeClientRef.current?.getCSSUrl(temp) ?? null;
     }, []);
-    // Load bundle (JS + CSS)
+    // Load bundle (JS + CSS) — with sessionStorage caching for saved bundles
     const loadBundle = useCallback(async (bundleUrl, loadCSS = true) => {
-        const loader = getBundleLoader();
-        if (loader.isLoading())
-            return;
         setIsBundleLoading(true);
         setBundleError(null);
+        const isTemp = bundleUrl.includes('temp=true');
         try {
-            const { App, cleanup } = await loader.load(bundleUrl);
+            let App;
+            // Try sessionStorage cache for saved (non-temp) bundles
+            const cached = !isTemp ? getCachedBundle() : null;
+            if (cached) {
+                App = await importBundleText(cached);
+            }
+            else {
+                // Fetch bundle with auth
+                const token = await getAuthToken();
+                const headers = { Accept: 'application/javascript' };
+                if (token)
+                    headers['Authorization'] = `Bearer ${token}`;
+                const response = await fetch(bundleUrl, { headers, credentials: 'include' });
+                if (!response.ok) {
+                    if (response.status === 404)
+                        throw new BundleNotFoundError(bundleUrl);
+                    if (response.status === 401)
+                        throw new BundleAuthError();
+                    throw new Error(`Failed to fetch bundle: ${response.status} ${response.statusText}`);
+                }
+                const code = await response.text();
+                App = await importBundleText(code);
+                // Cache saved bundles for next page load
+                if (!isTemp) {
+                    setCachedBundle(code);
+                }
+            }
             setTenantApp(() => App);
             setIsBundleLoaded(true);
             setBundleResetKey(k => k + 1);
-            cleanup();
             // Load CSS alongside JS bundle
             if (loadCSS) {
-                const isTemp = bundleUrl.includes('temp=true');
                 const cssUrl = buildCSSUrl(isTemp);
                 if (cssUrl) {
-                    // Load CSS (temp has cache busting in URL, saved has version param)
                     getCSSLoader().load(cssUrl);
                 }
                 else if (!isTemp) {
-                    // No saved CSS exists - unload any existing CSS
                     getCSSLoader().unload();
                 }
             }
@@ -308,7 +353,6 @@ export function DynimProvider({ children, config = {}, }) {
             if (error instanceof BundleNotFoundError || error instanceof BundleAuthError) {
                 setTenantApp(null);
                 setIsBundleLoaded(false);
-                // Also unload any CSS
                 getCSSLoader().unload();
                 return;
             }
@@ -317,7 +361,7 @@ export function DynimProvider({ children, config = {}, }) {
         finally {
             setIsBundleLoading(false);
         }
-    }, [getBundleLoader, getCSSLoader, buildCSSUrl]);
+    }, [getAuthToken, getCSSLoader, buildCSSUrl]);
     // Keep ref updated
     useEffect(() => {
         loadBundleRef.current = loadBundle;
@@ -362,6 +406,25 @@ export function DynimProvider({ children, config = {}, }) {
             catch (error) {
                 console.log('[DynimProvider] Initial bundle load:', error.message);
             }
+            // Start data bridge if router was loaded with the bundle
+            if (window.__DATA_ROUTER__ && !dataBridgeRef.current) {
+                dataBridgeRef.current = createDataBridge({
+                    apiBase: '',
+                    getToken: getAuthToken,
+                    authenticatedFetch: async (url, init) => {
+                        const token = await getAuthToken();
+                        const headers = {
+                            ...init?.headers,
+                        };
+                        if (token) {
+                            headers['Authorization'] = `Bearer ${token}`;
+                        }
+                        return fetch(url, { ...init, headers, credentials: 'include' });
+                    },
+                    onError: (err) => console.warn('[DynimProvider] Data bridge error:', err),
+                });
+                dataBridgeRef.current.start();
+            }
             // Prefetch theme after 3s delay (non-blocking)
             setTimeout(() => fetchTheme(), 3000);
         };
@@ -384,8 +447,10 @@ export function DynimProvider({ children, config = {}, }) {
         return () => {
             unmounted = true;
             window.removeEventListener('dynim:identified', onIdentified);
+            dataBridgeRef.current?.destroy();
+            dataBridgeRef.current = null;
         };
-    }, [fetchTheme]);
+    }, [fetchTheme, getAuthToken]);
     // Public methods — always delegate to window.dynim (standalone script)
     const enterBuilder = useCallback(() => {
         window.dynim?.enterBuilder();

package/dist/index.d.ts

@@ -12,7 +12,7 @@
  */
 export { DynimProvider, useDynim, getSessionToken } from './DynimProvider';
 export type { DynimConfig, DynimContextValue, DynimProviderProps } from './DynimProvider';
-export { defaultTheme } from './theme';
-export type { DynimTheme } from './theme';
+export { defaultTheme } from 'dynim-core';
+export type { DynimTheme } from 'dynim-core';
 export type { CodeMessage, CodeEdit, ConnectionRequest } from 'dynim-core';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC3E,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1F,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC3E,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1F,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG7C,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -13,4 +13,4 @@
 // Main exports
 export { DynimProvider, useDynim, getSessionToken } from './DynimProvider';
 // Theme customization
-export { defaultTheme } from './theme';
+export { defaultTheme } from 'dynim-core';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynim-react",
-  "version": "1.0.125",
+  "version": "1.0.132",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -27,7 +27,7 @@
     "dev": "tsc --watch"
   },
   "dependencies": {
-    "dynim-core": "^1.0.99"
+    "dynim-core": "^1.0.106"
   },
   "peerDependencies": {
     "react": ">=17.0.0",

package/dist/theme.d.ts

@@ -1,58 +0,0 @@
-/**
- * Dynim Theme System
- *
- * Theme is automatically fetched from the API per project.
- * CSS variables are injected with defaults matching the original design.
- */
-export interface DynimTheme {
-    accent?: string;
-    accentHover?: string;
-    builderBg?: string;
-    builderText?: string;
-    builderFont?: string;
-    builderRadius?: string;
-    builderOpacity?: string;
-    chatAccent?: string;
-    chatBg?: string;
-    chatText?: string;
-    chatFont?: string;
-    chatRadius?: string;
-    chatOpacity?: string;
-    selectionColor?: string;
-    hoverColor?: string;
-    selectionRadius?: string;
-    selectionOpacity?: string;
-    hoverOpacity?: string;
-}
-/**
- * Default theme values - matches original SDK styling exactly
- */
-export declare const defaultTheme: Required<DynimTheme>;
-/**
- * Generates CSS variable declarations from a theme object
- */
-export declare function generateThemeCSS(theme?: DynimTheme): string;
-/**
- * CSS variable references for use in styles
- */
-export declare const themeVars: {
-    readonly accent: "var(--dynim-accent)";
-    readonly accentHover: "var(--dynim-accent-hover)";
-    readonly builderBg: "var(--dynim-builder-bg)";
-    readonly builderText: "var(--dynim-builder-text)";
-    readonly builderFont: "var(--dynim-builder-font)";
-    readonly builderRadius: "var(--dynim-builder-radius)";
-    readonly builderOpacity: "var(--dynim-builder-opacity)";
-    readonly chatAccent: "var(--dynim-chat-accent)";
-    readonly chatBg: "var(--dynim-chat-bg)";
-    readonly chatText: "var(--dynim-chat-text)";
-    readonly chatFont: "var(--dynim-chat-font)";
-    readonly chatRadius: "var(--dynim-chat-radius)";
-    readonly chatOpacity: "var(--dynim-chat-opacity)";
-    readonly selectionColor: "var(--dynim-selection-color)";
-    readonly hoverColor: "var(--dynim-hover-color)";
-    readonly selectionRadius: "var(--dynim-selection-radius)";
-    readonly selectionOpacity: "var(--dynim-selection-opacity)";
-    readonly hoverOpacity: "var(--dynim-hover-opacity)";
-};
-//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,UAAU;IAEzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,UAAU,CAwB7C,CAAC;AA+BF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,GAAE,UAAe,GAAG,MAAM,CAW/D;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAwBZ,CAAC"}

package/dist/theme.js

@@ -1,97 +0,0 @@
-/**
- * Dynim Theme System
- *
- * Theme is automatically fetched from the API per project.
- * CSS variables are injected with defaults matching the original design.
- */
-/**
- * Default theme values - matches original SDK styling exactly
- */
-export const defaultTheme = {
-    // Builder Bar - original values
-    accent: '#3b82f6',
-    accentHover: '#2563eb',
-    builderBg: '#000000',
-    builderText: '#ffffff',
-    builderFont: 'system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif',
-    builderRadius: '22px',
-    builderOpacity: '0.08',
-    // Chat Widget - original values
-    chatAccent: '#3b82f6',
-    chatBg: '#ffffff',
-    chatText: '#1f2937',
-    chatFont: 'system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif',
-    chatRadius: '16px',
-    chatOpacity: '0.08',
-    // Selection - original values
-    selectionColor: '#8b5cf6',
-    hoverColor: '#0ea5e9',
-    selectionRadius: '0',
-    selectionOpacity: '0.1',
-    hoverOpacity: '0.1',
-};
-/**
- * CSS variable names mapped to theme keys
- */
-const cssVarMap = {
-    // Builder Bar
-    accent: '--dynim-accent',
-    accentHover: '--dynim-accent-hover',
-    builderBg: '--dynim-builder-bg',
-    builderText: '--dynim-builder-text',
-    builderFont: '--dynim-builder-font',
-    builderRadius: '--dynim-builder-radius',
-    builderOpacity: '--dynim-builder-opacity',
-    // Chat Widget
-    chatAccent: '--dynim-chat-accent',
-    chatBg: '--dynim-chat-bg',
-    chatText: '--dynim-chat-text',
-    chatFont: '--dynim-chat-font',
-    chatRadius: '--dynim-chat-radius',
-    chatOpacity: '--dynim-chat-opacity',
-    // Selection
-    selectionColor: '--dynim-selection-color',
-    hoverColor: '--dynim-hover-color',
-    selectionRadius: '--dynim-selection-radius',
-    selectionOpacity: '--dynim-selection-opacity',
-    hoverOpacity: '--dynim-hover-opacity',
-};
-/**
- * Generates CSS variable declarations from a theme object
- */
-export function generateThemeCSS(theme = {}) {
-    const merged = { ...defaultTheme, ...theme };
-    const vars = Object.entries(merged)
-        .map(([key, value]) => {
-        const cssVar = cssVarMap[key];
-        return `${cssVar}: ${value};`;
-    })
-        .join('\n  ');
-    return `:root {\n  ${vars}\n}`;
-}
-/**
- * CSS variable references for use in styles
- */
-export const themeVars = {
-    // Builder Bar
-    accent: 'var(--dynim-accent)',
-    accentHover: 'var(--dynim-accent-hover)',
-    builderBg: 'var(--dynim-builder-bg)',
-    builderText: 'var(--dynim-builder-text)',
-    builderFont: 'var(--dynim-builder-font)',
-    builderRadius: 'var(--dynim-builder-radius)',
-    builderOpacity: 'var(--dynim-builder-opacity)',
-    // Chat Widget
-    chatAccent: 'var(--dynim-chat-accent)',
-    chatBg: 'var(--dynim-chat-bg)',
-    chatText: 'var(--dynim-chat-text)',
-    chatFont: 'var(--dynim-chat-font)',
-    chatRadius: 'var(--dynim-chat-radius)',
-    chatOpacity: 'var(--dynim-chat-opacity)',
-    // Selection
-    selectionColor: 'var(--dynim-selection-color)',
-    hoverColor: 'var(--dynim-hover-color)',
-    selectionRadius: 'var(--dynim-selection-radius)',
-    selectionOpacity: 'var(--dynim-selection-opacity)',
-    hoverOpacity: 'var(--dynim-hover-opacity)',
-};