dynim-react 1.0.49 → 1.0.51

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,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,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,CAwYlC;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,EAGZ,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,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,CA+alC;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/DynimProvider.js

@@ -9,7 +9,7 @@ import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-run
  */
 import React, { createContext, useContext, useEffect, useRef, useCallback, useMemo, useState, } from 'react';
 import ReactDOM from 'react-dom';
-import { createBuilderClient, createBuilder, createCodeClient, createBundleLoader, BundleNotFoundError, BundleAuthError, } from 'dynim-core';
+import { createBuilderClient, createBuilder, createCodeClient, createBundleLoader, createCSSLoader, BundleNotFoundError, BundleAuthError, } from 'dynim-core';
 import { createSharedContext, updateSharedContext, isSharedContextReady } from './inference/sharedContext';
 import { generateThemeCSS } from './theme';
 const DynimContext = createContext(null);
@@ -30,6 +30,7 @@ export function DynimProvider({ children, config = {}, }) {
     const builderRef = useRef(null);
     const codeClientRef = useRef(null);
     const bundleLoaderRef = useRef(null);
+    const cssLoaderRef = useRef(null);
     // Track when we're exiting to prevent auto-load from re-triggering
     const isExitingRef = useRef(false);
     const hasAttemptedInitialLoadRef = useRef(false);
@@ -154,6 +155,8 @@ export function DynimProvider({ children, config = {}, }) {
         });
         return () => {
             builderRef.current?.destroy();
+            // Clean up CSS link element on unmount
+            cssLoaderRef.current?.unload();
         };
     }, []);
     // Initialize builder client (only once on mount)
@@ -181,8 +184,20 @@ export function DynimProvider({ children, config = {}, }) {
         }
         return bundleLoaderRef.current;
     }, [getAuthToken]);
-    // Load bundle
-    const loadBundle = useCallback(async (bundleUrl) => {
+    // Get CSS loader
+    const getCSSLoader = useCallback(() => {
+        if (!cssLoaderRef.current) {
+            cssLoaderRef.current = createCSSLoader({
+                linkId: 'dynim-bundle-css',
+                onError: (error) => {
+                    console.warn('[DynimProvider] CSS load failed:', error);
+                },
+            });
+        }
+        return cssLoaderRef.current;
+    }, []);
+    // Load bundle (JS + CSS)
+    const loadBundle = useCallback(async (bundleUrl, loadCSS = true) => {
         const loader = getBundleLoader();
         if (loader.isLoading())
             return;
@@ -193,12 +208,28 @@ export function DynimProvider({ children, config = {}, }) {
             setTenantApp(() => App);
             setIsBundleLoaded(true);
             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);
+                }
+            }
         }
         catch (error) {
             // 404 = no bundle, 401 = not authenticated - show children
             if (error instanceof BundleNotFoundError || error instanceof BundleAuthError) {
                 setTenantApp(null);
                 setIsBundleLoaded(false);
+                // Also unload any CSS
+                getCSSLoader().unload();
                 return;
             }
             setBundleError(error);
@@ -206,7 +237,7 @@ export function DynimProvider({ children, config = {}, }) {
         finally {
             setIsBundleLoading(false);
         }
-    }, [getBundleLoader]);
+    }, [getBundleLoader, getCSSLoader]);
     // Keep ref updated
     useEffect(() => {
         loadBundleRef.current = loadBundle;
@@ -272,7 +303,8 @@ export function DynimProvider({ children, config = {}, }) {
     }, [fetchTheme]);
     // Load saved bundle
     const loadSavedBundle = useCallback(async () => {
-        await loadBundle('/api/code/bundle');
+        // Note: CSS is loaded separately by saveCode/abandonCode with cache busting
+        await loadBundle('/api/code/bundle', false);
     }, [loadBundle]);
     // Watch for bundleReady
     useEffect(() => {
@@ -283,7 +315,7 @@ export function DynimProvider({ children, config = {}, }) {
             }
         }
     }, [codeMessage.bundleReady, codeMessage.projectId]);
-    // Load temp bundle on signal
+    // Load temp bundle on signal (JS + CSS with cache busting)
     useEffect(() => {
         if (bundleLoadSignal === 0)
             return;
@@ -292,8 +324,9 @@ export function DynimProvider({ children, config = {}, }) {
             pendingBundleProjectIdRef.current = null;
             return;
         }
+        // Load JS bundle with cache busting
         const bundleUrl = `/api/code/bundle?temp=true&_t=${Date.now()}`;
-        loadBundleRef.current?.(bundleUrl);
+        loadBundleRef.current?.(bundleUrl, true); // true = also load CSS
         pendingBundleProjectIdRef.current = null;
     }, [bundleLoadSignal]);
     // Public methods
@@ -315,11 +348,15 @@ export function DynimProvider({ children, config = {}, }) {
     const saveCode = useCallback(async () => {
         await codeClientRef.current?.saveCode();
         await loadSavedBundle();
-    }, [loadSavedBundle]);
+        // Force reload CSS with cache bust since saved CSS has changed
+        getCSSLoader().loadWithCacheBust('/api/code/css');
+    }, [loadSavedBundle, getCSSLoader]);
     const abandonCode = useCallback(async () => {
         await codeClientRef.current?.abandonCode();
         await loadSavedBundle();
-    }, [loadSavedBundle]);
+        // Reload saved CSS (may have been showing temp CSS)
+        getCSSLoader().loadWithCacheBust('/api/code/css');
+    }, [loadSavedBundle, getCSSLoader]);
     const contextValue = useMemo(() => ({
         enterBuilder,
         exitBuilder,

package/dist/plugins/vite/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Vite plugin for Dynim package exposure
+ */
+export { dynimPackages, type DynimPackagesOptions, default } from './plugin.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/vite/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/vite/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,oBAAoB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA"}

package/dist/plugins/vite/index.js

@@ -0,0 +1,4 @@
+/**
+ * Vite plugin for Dynim package exposure
+ */
+export { dynimPackages, default } from './plugin.js';

package/dist/{vite → plugins/vite}/plugin.d.ts

@@ -1,5 +1,5 @@
 /**
- * Vite plugin for dynim-react
+ * Vite plugin for Dynim package exposure
  *
  * Generates a virtual module that exports all specified packages,
  * so you don't have to manually import and map each one.
@@ -21,10 +21,10 @@
  * ```
  *
  * Then in your app:
- * ```ts
+ * ```tsx
  * import packages from 'virtual:dynim-packages'
  *
- * <BuilderProvider config={{ packages }}>
+ * <DynimProvider config={{ packages }}>
  * ```
  */
 import type { Plugin } from 'vite';

package/dist/plugins/vite/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/vite/plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAKlC,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAC3B,iBAAiB,EAAE,MAAM,EAAE,GAAG,oBAAoB,GACjD,MAAM,CAwCR;AAED,eAAe,aAAa,CAAA"}

package/dist/{vite → plugins/vite}/plugin.js

@@ -1,5 +1,5 @@
 /**
- * Vite plugin for dynim-react
+ * Vite plugin for Dynim package exposure
  *
  * Generates a virtual module that exports all specified packages,
  * so you don't have to manually import and map each one.
@@ -21,10 +21,10 @@
  * ```
  *
  * Then in your app:
- * ```ts
+ * ```tsx
  * import packages from 'virtual:dynim-packages'
  *
- * <BuilderProvider config={{ packages }}>
+ * <DynimProvider config={{ packages }}>
  * ```
  */
 const VIRTUAL_MODULE_ID = 'virtual:dynim-packages';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynim-react",
-  "version": "1.0.49",
+  "version": "1.0.51",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -10,12 +10,16 @@
       "import": "./dist/index.js"
     },
     "./vite": {
-      "types": "./dist/vite/index.d.ts",
-      "import": "./dist/vite/index.js"
+      "types": "./dist/plugins/vite/index.d.ts",
+      "import": "./dist/plugins/vite/index.js"
+    },
+    "./vite/virtual-module": {
+      "types": "./src/plugins/vite/virtual-module.d.ts"
     }
   },
   "files": [
     "dist",
+    "src/plugins/vite/virtual-module.d.ts",
     "README.md"
   ],
   "scripts": {
@@ -23,17 +27,24 @@
     "dev": "tsc --watch"
   },
   "dependencies": {
-    "dynim-core": "^1.0.7"
+    "dynim-core": "^1.0.25"
   },
   "peerDependencies": {
     "react": ">=17.0.0",
-    "react-dom": ">=17.0.0"
+    "react-dom": ">=17.0.0",
+    "vite": ">=4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
+    "vite": "^5.0.11",
     "typescript": "^5.9.3"
   },
   "license": "MIT"

package/src/README.md

@@ -0,0 +1,16 @@
+# dynim-react Source
+
+React components and hooks.
+
+## Modules
+
+- [builder](./builder) - Visual page editing
+- [inference](./inference) - Tenant bundle loading
+
+## Documentation
+
+See [SDK React Documentation](../../../utils/docs/sdk/REACT.md)
+
+Related:
+- [UI Builder](../../../utils/docs/ui-builder/README.md)
+- [Inference Server](../../../utils/docs/inference-server/README.md)

package/src/plugins/vite/virtual-module.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Type declarations for the virtual:dynim-packages module.
+ *
+ * To use these types, add to your tsconfig.json:
+ * {
+ *   "compilerOptions": {
+ *     "types": ["dynim-react/vite/virtual-module"]
+ *   }
+ * }
+ *
+ * Or add a reference in a .d.ts file:
+ * /// <reference types="dynim-react/vite/virtual-module" />
+ */
+
+declare module 'virtual:dynim-packages' {
+  /**
+   * Object mapping package names to their exports.
+   * The actual shape depends on which packages you configured
+   * in the dynimPackages() plugin.
+   */
+  const packages: Record<string, unknown>
+  export default packages
+  export { packages }
+}

package/dist/vite/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Vite integration for dynim-react
- */
-export { dynimPackages, type DynimPackagesOptions } from './plugin.js';
-export { dynimPackages as default } from './plugin.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/vite/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vite/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,oBAAoB,EAAE,MAAM,aAAa,CAAA;AACtE,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,MAAM,aAAa,CAAA"}

package/dist/vite/index.js

@@ -1,5 +0,0 @@
-/**
- * Vite integration for dynim-react
- */
-export { dynimPackages } from './plugin.js';
-export { dynimPackages as default } from './plugin.js';

package/dist/vite/plugin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/vite/plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAKlC,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAC3B,iBAAiB,EAAE,MAAM,EAAE,GAAG,oBAAoB,GACjD,MAAM,CAwCR;AAED,eAAe,aAAa,CAAA"}