dynim-react 1.0.66 → 1.0.68

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;AAWf,OAAO,KAAK,EAKV,WAAW,EACX,UAAU,EACV,aAAa,EAGd,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,WAAW;IAC1B,2DAA2D;IAC3D,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,6CAA6C;IAC7C,cAAc,EAAE,MAAM,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAC5C,mEAAmE;IACnE,iBAAiB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;IACpE,kDAAkD;IAClD,WAAW,EAAE,OAAO,CAAC;IACrB,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,CAkdlC;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;AAWf,OAAO,KAAK,EAKV,WAAW,EACX,UAAU,EACV,aAAa,EAGd,MAAM,YAAY,CAAC;AAgBpB,MAAM,WAAW,WAAW;IAC1B,2DAA2D;IAC3D,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,6CAA6C;IAC7C,cAAc,EAAE,MAAM,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAC5C,mEAAmE;IACnE,iBAAiB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;IACpE,kDAAkD;IAClD,WAAW,EAAE,OAAO,CAAC;IACrB,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,CAgelC;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/DynimProvider.js

@@ -12,6 +12,19 @@ import ReactDOM from 'react-dom';
 import { createBuilderClient, createBuilder, createCodeClient, createBundleLoader, createCSSLoader, BundleNotFoundError, BundleAuthError, } from 'dynim-core';
 import { createSharedContext, updateSharedContext, isSharedContextReady } from './inference/sharedContext';
 import { generateThemeCSS } from './theme';
+/** Decode JWT payload to extract claims (no verification - just for reading IDs) */
+function decodeJwtPayload(token) {
+    try {
+        const parts = token.split('.');
+        if (parts.length !== 3)
+            return null;
+        const payload = JSON.parse(atob(parts[1]));
+        return payload;
+    }
+    catch {
+        return null;
+    }
+}
 const DynimContext = createContext(null);
 /**
  * DynimProvider - Wrap your app with this to enable Dynim functionality
@@ -199,6 +212,17 @@ export function DynimProvider({ children, config = {}, }) {
         }
         return cssLoaderRef.current;
     }, []);
+    // Build CSS URL with project/customer IDs from cached token
+    const buildCSSUrl = useCallback((temp = false) => {
+        const token = cachedTokenRef.current;
+        if (!token)
+            return null;
+        const claims = decodeJwtPayload(token);
+        if (!claims?.sub || !claims?.project)
+            return null;
+        const params = `project_id=${claims.project}&customer_id=${claims.sub}`;
+        return temp ? `/api/code/css?${params}&temp=true` : `/api/code/css?${params}`;
+    }, []);
     // Load bundle (JS + CSS)
     const loadBundle = useCallback(async (bundleUrl, loadCSS = true) => {
         const loader = getBundleLoader();
@@ -213,16 +237,18 @@ export function DynimProvider({ children, config = {}, }) {
             cleanup();
             // Load CSS alongside JS bundle
             if (loadCSS) {
-                const cssLoader = getCSSLoader();
                 const isTemp = bundleUrl.includes('temp=true');
-                const cssUrl = isTemp ? '/api/code/css?temp=true' : '/api/code/css';
-                if (isTemp) {
-                    // Temp/preview CSS - bust cache to get latest
-                    cssLoader.loadWithCacheBust(cssUrl);
-                }
-                else {
-                    // Saved CSS - let browser cache
-                    cssLoader.load(cssUrl);
+                const cssUrl = buildCSSUrl(isTemp);
+                if (cssUrl) {
+                    const cssLoader = getCSSLoader();
+                    if (isTemp) {
+                        // Temp/preview CSS - bust cache to get latest
+                        cssLoader.loadWithCacheBust(cssUrl);
+                    }
+                    else {
+                        // Saved CSS - let browser cache
+                        cssLoader.load(cssUrl);
+                    }
                 }
             }
         }
@@ -240,7 +266,7 @@ export function DynimProvider({ children, config = {}, }) {
         finally {
             setIsBundleLoading(false);
         }
-    }, [getBundleLoader, getCSSLoader]);
+    }, [getBundleLoader, getCSSLoader, buildCSSUrl]);
     // Keep ref updated
     useEffect(() => {
         loadBundleRef.current = loadBundle;
@@ -309,7 +335,8 @@ export function DynimProvider({ children, config = {}, }) {
         // Note: CSS is loaded separately by saveCode/abandonCode with cache busting
         await loadBundle('/api/code/bundle', false);
     }, [loadBundle]);
-    // Watch for bundleReady
+    // Watch for bundleReady - use bundleSequence to detect new bundles
+    // (bundleReady alone stays true, so subsequent events wouldn't trigger re-render)
     useEffect(() => {
         if (codeMessage.bundleReady && codeMessage.projectId) {
             if (isBuilderActiveRef.current && !isExitingRef.current) {
@@ -317,7 +344,7 @@ export function DynimProvider({ children, config = {}, }) {
                 setBundleLoadSignal(s => s + 1);
             }
         }
-    }, [codeMessage.bundleReady, codeMessage.projectId]);
+    }, [codeMessage.bundleReady, codeMessage.projectId, codeMessage.bundleSequence]);
     // Load temp bundle on signal (JS + CSS with cache busting)
     useEffect(() => {
         if (bundleLoadSignal === 0)
@@ -352,14 +379,18 @@ export function DynimProvider({ children, config = {}, }) {
         await codeClientRef.current?.saveCode();
         await loadSavedBundle();
         // Force reload CSS with cache bust since saved CSS has changed
-        getCSSLoader().loadWithCacheBust('/api/code/css');
-    }, [loadSavedBundle, getCSSLoader]);
+        const cssUrl = buildCSSUrl(false);
+        if (cssUrl)
+            getCSSLoader().loadWithCacheBust(cssUrl);
+    }, [loadSavedBundle, getCSSLoader, buildCSSUrl]);
     const abandonCode = useCallback(async () => {
         await codeClientRef.current?.abandonCode();
         await loadSavedBundle();
         // Reload saved CSS (may have been showing temp CSS)
-        getCSSLoader().loadWithCacheBust('/api/code/css');
-    }, [loadSavedBundle, getCSSLoader]);
+        const cssUrl = buildCSSUrl(false);
+        if (cssUrl)
+            getCSSLoader().loadWithCacheBust(cssUrl);
+    }, [loadSavedBundle, getCSSLoader, buildCSSUrl]);
     const getCheckpoints = useCallback(async () => {
         return codeClientRef.current?.getCheckpoints() ?? [];
     }, []);

package/package.json

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