dynim-react 1.0.33 → 1.0.35

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,17 +198,17 @@ export function DynimProvider({ children, config = {}, }) {
     useEffect(() => {
         loadBundleRef.current = loadBundle;
     }, [loadBundle]);
-    // Prefetch auth token
+    // Prefetch auth token (only once on mount)
     useEffect(() => {
-        if (config.getSession) {
+        if (configRef.current.getSession) {
             getAuthToken();
         }
-    }, []);
-    // Fetch theme from API (per project)
+    }, [getAuthToken]);
+    // Fetch theme from API (per project, only once)
     useEffect(() => {
         if (hasAttemptedThemeLoadRef.current)
             return;
-        if (!config.getSession)
+        if (!configRef.current.getSession)
             return;
         hasAttemptedThemeLoadRef.current = true;
         const fetchTheme = async () => {
@@ -233,12 +233,12 @@ export function DynimProvider({ children, config = {}, }) {
             }
         };
         fetchTheme();
-    }, [config.getSession, getAuthToken]);
+    }, [getAuthToken]);
     // Auto-load bundle on mount (only if we can get a valid auth token)
     useEffect(() => {
         if (hasAttemptedInitialLoadRef.current)
             return;
-        if (!config.getSession) {
+        if (!configRef.current.getSession) {
             setIsInitialLoadComplete(true);
             return;
         }
@@ -265,7 +265,7 @@ export function DynimProvider({ children, config = {}, }) {
             }
         };
         doInitialLoad();
-    }, [config.getSession, getAuthToken]);
+    }, [getAuthToken]);
     // Load saved bundle
     const loadSavedBundle = useCallback(async () => {
         await loadBundle('/api/code/bundle');

package/package.json

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