npm - dynim-react - Versions diffs - 1.0.3 → 1.0.5 - Mend

dynim-react 1.0.3 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/builder/BuilderProvider.d.ts.map +1 -1
package/dist/builder/BuilderProvider.js +43 -59
package/package.json +2 -2

package/dist/builder/BuilderProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BuilderProvider.d.ts","sourceRoot":"","sources":["../../src/builder/BuilderProvider.tsx"],"names":[],"mappings":"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~~CA8bpC~~;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,mBAAmB,CAMhD"}
1	+ {"version":3,"file":"BuilderProvider.d.ts","sourceRoot":"","sources":["../../src/builder/BuilderProvider.tsx"],"names":[],"mappings":"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"}

package/dist/builder/BuilderProvider.js CHANGED Viewed

@@ -18,8 +18,6 @@ export function BuilderProvider({ children, config = {}, onBuilderReady, }) {
     const bundleManagerRef = useRef(null);
     const styleApplierRef = useRef(null);
     const [internalContainer, setInternalContainer] = useState(null);
-    // Pending bundle load - queued when bundle_ready arrives before bundle manager initializes
-    const pendingBundleLoadRef = useRef(null);
     const [isBuilderActive, setIsBuilderActive] = useState(false);
     const [isBundleLoaded, setIsBundleLoaded] = useState(false);
     const [isBundleLoading, setIsBundleLoading] = useState(false);
@@ -32,10 +30,44 @@ export function BuilderProvider({ children, config = {}, onBuilderReady, }) {
         bundleReady: false,
         bundleError: undefined,
     });
-    // Initialize visual builder (createBuilder from core)
+    // Initialize code client FIRST (before builder, so we can share it)
+    useEffect(() => {
+        const { apiBase = 'http://localhost:8080', sessionToken, refreshToken, getSession, onCodeMessageUpdate, onCodeMessage, // deprecated
+        onCodeEdit, onError, autoApplyStyles = true, } = config;
+        codeClientRef.current = createCodeClient({
+            apiBase,
+            sessionToken,
+            refreshToken,
+            getSession,
+            onMessageUpdate: (message) => {
+                // Update local state with the structured message
+                setCodeMessage(message);
+                // Forward to consumer callback
+                onCodeMessageUpdate?.(message);
+            },
+            onRawEvent: (event) => {
+                // Forward raw events for debugging/advanced use
+                onCodeMessage?.(event);
+            },
+            onEdit: (edit) => {
+                console.log('[BuilderProvider] Code edit:', edit);
+                // Auto-apply style changes if enabled and style applier is available
+                if (autoApplyStyles && styleApplierRef.current && hasStyleChanges(edit)) {
+                    const result = styleApplierRef.current.processEdit(edit);
+                    console.log('[BuilderProvider] Style changes:', result.changes.length, 'applied:', result.applied);
+                }
+                onCodeEdit?.(edit);
+            },
+            onError: (error) => {
+                console.error('[BuilderProvider] Code error:', error);
+                onError?.(error);
+            },
+        });
+    }, [config]);
+    // Initialize visual builder (createBuilder from core) - AFTER codeClient
     useEffect(() => {
         const { apiBase = 'http://localhost:8080', pageId = window.location.pathname, logo = 'Builder', contentRoot = document.body, sessionToken, refreshToken, getSession, } = config;
-        // Create the visual builder instance
+        // Create the visual builder instance, sharing our CodeClient
         builderRef.current = createBuilder({
             logo,
             contentRoot,
@@ -44,6 +76,7 @@ export function BuilderProvider({ children, config = {}, onBuilderReady, }) {
             sessionToken,
             refreshToken,
             getSession,
+            codeClient: codeClientRef.current ?? undefined,
             onEnter: () => {
                 console.log('[BuilderProvider] Visual builder entered');
                 setIsBuilderActive(true);
@@ -145,40 +178,6 @@ export function BuilderProvider({ children, config = {}, onBuilderReady, }) {
             setHasBundleManager(false);
         };
     }, [config, internalContainer]);
-    // Initialize code client for flexcode integration
-    useEffect(() => {
-        const { apiBase = 'http://localhost:8080', sessionToken, refreshToken, getSession, onCodeMessageUpdate, onCodeMessage, // deprecated
-        onCodeEdit, onError, autoApplyStyles = true, } = config;
-        codeClientRef.current = createCodeClient({
-            apiBase,
-            sessionToken,
-            refreshToken,
-            getSession,
-            onMessageUpdate: (message) => {
-                // Update local state with the structured message
-                setCodeMessage(message);
-                // Forward to consumer callback
-                onCodeMessageUpdate?.(message);
-            },
-            onRawEvent: (event) => {
-                // Forward raw events for debugging/advanced use
-                onCodeMessage?.(event);
-            },
-            onEdit: (edit) => {
-                console.log('[BuilderProvider] Code edit:', edit);
-                // Auto-apply style changes if enabled and style applier is available
-                if (autoApplyStyles && styleApplierRef.current && hasStyleChanges(edit)) {
-                    const result = styleApplierRef.current.processEdit(edit);
-                    console.log('[BuilderProvider] Style changes:', result.changes.length, 'applied:', result.applied);
-                }
-                onCodeEdit?.(edit);
-            },
-            onError: (error) => {
-                console.error('[BuilderProvider] Code error:', error);
-                onError?.(error);
-            },
-        });
-    }, [config]);
     // Enter builder mode - activates the visual builder UI
     const enterBuilder = useCallback(() => {
         if (builderRef.current && !builderRef.current.isActive()) {
@@ -240,29 +239,14 @@ export function BuilderProvider({ children, config = {}, onBuilderReady, }) {
         await loadBundle(bundleUrl);
         console.log('[BuilderProvider] Temp bundle loaded');
     }, [config, loadBundle]);
-    // Auto-reload temp bundle when bundle is ready (projectId comes from server event)
-    useEffect(() => {
-        if (codeMessage.bundleReady && codeMessage.projectId) {
-            if (bundleManagerRef.current) {
-                // Bundle manager is ready - load immediately
-                console.log('[BuilderProvider] Bundle ready - loading temp bundle:', codeMessage.projectId);
-                loadTempBundle(codeMessage.projectId);
-            }
-            else {
-                // Bundle manager not ready yet - queue the load for later
-                console.log('[BuilderProvider] Bundle ready but manager not initialized - queueing load for:', codeMessage.projectId);
-                pendingBundleLoadRef.current = codeMessage.projectId;
-            }
-        }
-    }, [codeMessage.bundleReady, codeMessage.projectId, loadTempBundle]);
-    // Process pending bundle load when bundle manager becomes available
+    // Auto-reload temp bundle when bundle is ready and bundle manager is available
+    // Uses hasBundleManager as dependency so it re-runs when manager initializes
     useEffect(() => {
-        if (hasBundleManager && pendingBundleLoadRef.current) {
-            console.log('[BuilderProvider] Bundle manager ready - processing queued load:', pendingBundleLoadRef.current);
-            loadTempBundle(pendingBundleLoadRef.current);
-            pendingBundleLoadRef.current = null;
+        if (codeMessage.bundleReady && codeMessage.projectId && hasBundleManager) {
+            console.log('[BuilderProvider] Bundle ready - loading temp bundle:', codeMessage.projectId);
+            loadTempBundle(codeMessage.projectId);
         }
-    }, [hasBundleManager, loadTempBundle]);
+    }, [codeMessage.bundleReady, codeMessage.projectId, hasBundleManager, loadTempBundle]);
     const applyStyles = useCallback((selector, styles) => {
         bundleManagerRef.current?.applyStyles(selector, styles);
     }, []);

package/package.json CHANGED Viewed

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