dynim-react 1.0.34 → 1.0.36

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,EAQZ,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAKV,WAAW,EAEZ,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,WAAW;IAC1B,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,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,qCAAqC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,yBAAyB;IACzB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,oCAAoC;IACpC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC;IACzB,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,CAiYlC;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,EAQZ,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAKV,WAAW,EAEZ,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,WAAW;IAC1B,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,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,qCAAqC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,yBAAyB;IACzB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,oCAAoC;IACpC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC;IACzB,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,CAiWlC;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/DynimProvider.js

@@ -57,13 +57,13 @@ export function DynimProvider({ children, config = {}, }) {
     // Theme state (fetched from API per project)
     const [theme, setTheme] = useState(null);
     const hasAttemptedThemeLoadRef = useRef(false);
-    // Keep config callbacks in refs
-    const configCallbacksRef = useRef({ onError: config.onError });
-    configCallbacksRef.current = { onError: config.onError };
-    // Set up shared context for bundles
+    // Keep config in ref to avoid re-triggering effects on every render
+    const configRef = useRef(config);
+    configRef.current = config;
+    // Set up shared context for bundles (only once on mount)
     useEffect(() => {
         if (!isSharedRegistryReady()) {
-            const { packages = {}, hooks = {}, contexts = {} } = config;
+            const { packages = {}, hooks = {}, contexts = {} } = configRef.current;
             createSharedContext({
                 React,
                 ReactDOM,
@@ -75,14 +75,14 @@ export function DynimProvider({ children, config = {}, }) {
                 contexts,
             });
         }
-    }, [config]);
+    }, []);
     // Get auth token
     const getAuthToken = useCallback(async () => {
         if (cachedTokenRef.current)
             return cachedTokenRef.current;
         if (tokenPromiseRef.current)
             return tokenPromiseRef.current;
-        const { getSession } = config;
+        const { getSession } = configRef.current;
         if (getSession) {
             tokenPromiseRef.current = (async () => {
                 try {
@@ -100,24 +100,24 @@ export function DynimProvider({ children, config = {}, }) {
             return tokenPromiseRef.current;
         }
         return null;
-    }, [config]);
-    // Initialize code client
+    }, []);
+    // Initialize code client (only once on mount)
     useEffect(() => {
-        const { getSession, onError } = config;
+        const { getSession, onError } = configRef.current;
         codeClientRef.current = createCodeClient({
             getSession,
             onMessageUpdate: setCodeMessage,
             onError: (error) => {
                 console.error('[DynimProvider] Code error:', error);
-                onError?.(error);
+                configRef.current.onError?.(error);
             },
         });
-    }, [config]);
+    }, []);
     // Load bundle ref
     const loadBundleRef = useRef(null);
-    // Initialize builder
+    // Initialize builder (only once on mount)
     useEffect(() => {
-        const { getSession } = config;
+        const { getSession } = configRef.current;
         builderRef.current = createBuilder({
             getSession,
             codeClient: codeClientRef.current ?? undefined,
@@ -143,18 +143,18 @@ export function DynimProvider({ children, config = {}, }) {
         return () => {
             builderRef.current?.destroy();
         };
-    }, [config]);
-    // Initialize builder client
+    }, []);
+    // Initialize builder client (only once on mount)
     useEffect(() => {
-        const { getSession, onError } = config;
+        const { getSession } = configRef.current;
         builderClientRef.current = createBuilderClient({
             getSession,
             onError: (error) => {
                 console.error('[DynimProvider] Error:', error);
-                onError?.(error);
+                configRef.current.onError?.(error);
             },
         });
-    }, [config]);
+    }, []);
     // Get bundle loader
     const getBundleLoader = useCallback(() => {
         if (!bundleLoaderRef.current) {
@@ -163,7 +163,7 @@ export function DynimProvider({ children, config = {}, }) {
                 includeCredentials: true,
                 onError: (error) => {
                     console.error('[DynimProvider] Bundle load failed:', error);
-                    configCallbacksRef.current.onError?.(error);
+                    configRef.current.onError?.(error);
                 },
             });
         }
@@ -198,74 +198,43 @@ export function DynimProvider({ children, config = {}, }) {
     useEffect(() => {
         loadBundleRef.current = loadBundle;
     }, [loadBundle]);
-    // Prefetch auth token
-    useEffect(() => {
-        if (config.getSession) {
-            getAuthToken();
-        }
-    }, []);
-    // Fetch theme from API (per project)
-    useEffect(() => {
+    // Theme is fetched lazily when entering builder mode
+    // This avoids making HTTP requests on mount that could trigger auth redirects
+    const fetchTheme = useCallback(async () => {
         if (hasAttemptedThemeLoadRef.current)
             return;
-        if (!config.getSession)
+        if (!configRef.current.getSession)
             return;
         hasAttemptedThemeLoadRef.current = true;
-        const fetchTheme = async () => {
-            try {
-                const token = await getAuthToken();
-                const headers = {};
-                if (token) {
-                    headers['Authorization'] = `Bearer ${token}`;
-                }
-                const response = await fetch('/api/code/theme', {
-                    headers,
-                    credentials: 'include',
-                });
-                if (response.ok) {
-                    const data = await response.json();
-                    setTheme(data);
-                }
+        try {
+            const token = await getAuthToken();
+            const headers = {};
+            if (token) {
+                headers['Authorization'] = `Bearer ${token}`;
             }
-            catch (error) {
-                // Theme fetch failed - use defaults (non-critical)
-                console.warn('[DynimProvider] Failed to fetch theme:', error);
+            const response = await fetch('/api/code/theme', {
+                headers,
+                credentials: 'include',
+            });
+            if (response.ok) {
+                const data = await response.json();
+                setTheme(data);
             }
-        };
-        fetchTheme();
-    }, [config.getSession, getAuthToken]);
-    // Auto-load bundle on mount (only if we can get a valid auth token)
+        }
+        catch (error) {
+            // Theme fetch failed - use defaults (non-critical)
+            console.warn('[DynimProvider] Failed to fetch theme:', error);
+        }
+    }, [getAuthToken]);
+    // Mark initial load complete immediately - no eager HTTP requests
+    // Bundle loading happens lazily when user enters builder or when
+    // the consuming app explicitly triggers it
     useEffect(() => {
-        if (hasAttemptedInitialLoadRef.current)
-            return;
-        if (!config.getSession) {
+        if (!hasAttemptedInitialLoadRef.current) {
+            hasAttemptedInitialLoadRef.current = true;
             setIsInitialLoadComplete(true);
-            return;
         }
-        hasAttemptedInitialLoadRef.current = true;
-        const doInitialLoad = async () => {
-            // First check if we can get a valid auth token
-            const token = await getAuthToken();
-            if (!token) {
-                // No auth token = user not logged in, skip bundle load
-                setIsInitialLoadComplete(true);
-                return;
-            }
-            const bundleUrl = '/api/code/bundle';
-            if (loadBundleRef.current) {
-                try {
-                    await loadBundleRef.current(bundleUrl);
-                }
-                finally {
-                    setIsInitialLoadComplete(true);
-                }
-            }
-            else {
-                setIsInitialLoadComplete(true);
-            }
-        };
-        doInitialLoad();
-    }, [config.getSession, getAuthToken]);
+    }, []);
     // Load saved bundle
     const loadSavedBundle = useCallback(async () => {
         await loadBundle('/api/code/bundle');
@@ -296,8 +265,10 @@ export function DynimProvider({ children, config = {}, }) {
     const enterBuilder = useCallback(() => {
         if (builderRef.current && !builderRef.current.isActive()) {
             builderRef.current.enter();
+            // Fetch theme lazily when entering builder
+            fetchTheme();
         }
-    }, []);
+    }, [fetchTheme]);
     const exitBuilder = useCallback(() => {
         if (builderRef.current && builderRef.current.isActive()) {
             builderRef.current.exit();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynim-react",
-  "version": "1.0.34",
+  "version": "1.0.36",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",