dynim-react 1.0.26 → 1.0.28

package/dist/inference/InferenceProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InferenceProvider.d.ts","sourceRoot":"","sources":["../../src/inference/InferenceProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAkB,MAAM,SAAS,CAAC;AAkHtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,gBAAgB,EAChB,WAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CA8LtC;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"InferenceProvider.d.ts","sourceRoot":"","sources":["../../src/inference/InferenceProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAgC,MAAM,SAAS,CAAC;AAkFpF;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,gBAAgB,EAChB,WAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CA0LtC;AAED,eAAe,iBAAiB,CAAC"}

package/dist/inference/InferenceProvider.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useRef } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 /**
  * Default loading component shown while bundle is loading
  */
@@ -25,39 +25,17 @@ function DefaultErrorBanner({ error }) {
         }, children: [_jsx("strong", { children: "Customization Error:" }), " ", error.message] }));
 }
 /**
- * Container for rendering tenant bundle content
+ * Loads a bundle module via fetch and dynamic import
+ * Uses blob URL to allow importing fetched JavaScript as an ES module
  */
-function BundleContainer() {
-    return _jsx("div", { id: "dynim-root" });
-}
-/**
- * Loads a script from a URL and returns a promise that resolves when loaded
- */
-function loadScript(url) {
-    return new Promise((resolve, reject) => {
-        // Check if script already exists
-        const existingScript = document.querySelector(`script[src="${url}"]`);
-        if (existingScript) {
-            resolve();
-            return;
-        }
-        const script = document.createElement('script');
-        script.src = url;
-        script.async = true;
-        script.onload = () => resolve();
-        script.onerror = () => reject(new Error(`Failed to load bundle from ${url}`));
-        document.head.appendChild(script);
-    });
-}
-/**
- * Loads a script from a URL with authentication and returns a promise
- */
-async function loadScriptWithAuth(url, token) {
-    const response = await fetch(url, {
-        headers: {
-            Authorization: `Bearer ${token}`,
-        },
-    });
+async function loadBundleModule(url, token) {
+    const headers = {
+        Accept: 'application/javascript',
+    };
+    if (token) {
+        headers['Authorization'] = `Bearer ${token}`;
+    }
+    const response = await fetch(url, { headers });
     if (!response.ok) {
         if (response.status === 401) {
             throw new Error('Bundle token is invalid or expired');
@@ -67,27 +45,20 @@ async function loadScriptWithAuth(url, token) {
         }
         throw new Error(`Failed to load bundle: ${response.status} ${response.statusText}`);
     }
-    const scriptContent = await response.text();
-    // Execute the script content
-    const script = document.createElement('script');
-    script.textContent = scriptContent;
-    script.setAttribute('data-dynim-bundle', url);
-    document.head.appendChild(script);
-}
-/**
- * Removes a previously loaded script (handles both src and data-dynim-bundle attributes)
- */
-function removeScript(url) {
-    // Try src attribute first (script tag injection)
-    let script = document.querySelector(`script[src="${url}"]`);
-    if (script) {
-        script.remove();
-        return;
+    const code = await response.text();
+    // Create blob URL for dynamic import
+    const blob = new Blob([code], { type: 'application/javascript' });
+    const blobUrl = URL.createObjectURL(blob);
+    try {
+        const module = await import(/* @vite-ignore */ blobUrl);
+        return {
+            App: module.App || module.default,
+            cleanup: () => URL.revokeObjectURL(blobUrl),
+        };
     }
-    // Try data-dynim-bundle attribute (authenticated fetch)
-    script = document.querySelector(`script[data-dynim-bundle="${url}"]`);
-    if (script) {
-        script.remove();
+    catch (err) {
+        URL.revokeObjectURL(blobUrl);
+        throw err;
     }
 }
 /**
@@ -115,7 +86,7 @@ export function InferenceProvider({ tenantId, bundleUrl, bundleToken, checkCusto
         error: null,
         currentTenantId: null,
     });
-    const loadedUrlRef = useRef(null);
+    const [bundleModule, setBundleModule] = useState(null);
     /**
      * Resolves the bundle URL for a given tenant ID
      */
@@ -127,19 +98,14 @@ export function InferenceProvider({ tenantId, bundleUrl, bundleToken, checkCusto
         return bundleUrl.replace('{tenantId}', id);
     }, [bundleUrl]);
     /**
-     * Cleans up previously loaded bundle
+     * Cleans up previously loaded bundle module
      */
     const cleanup = useCallback(() => {
-        if (loadedUrlRef.current) {
-            removeScript(loadedUrlRef.current);
-            loadedUrlRef.current = null;
+        if (bundleModule?.cleanup) {
+            bundleModule.cleanup();
         }
-        // Clear the bundle render target
-        const root = document.getElementById('dynim-root');
-        if (root) {
-            root.innerHTML = '';
-        }
-    }, []);
+        setBundleModule(null);
+    }, [bundleModule]);
     /**
      * Main effect to handle tenant bundle loading
      */
@@ -182,18 +148,13 @@ export function InferenceProvider({ tenantId, bundleUrl, bundleToken, checkCusto
                 // Clean up previous bundle
                 cleanup();
                 const url = resolveBundleUrl(tenantId);
-                // Use authenticated fetch if bundleToken is provided, otherwise use script tag
-                if (bundleToken) {
-                    await loadScriptWithAuth(url, bundleToken);
-                }
-                else {
-                    await loadScript(url);
-                }
+                // Load bundle via fetch + dynamic import
+                const module = await loadBundleModule(url, bundleToken);
                 if (cancelled) {
-                    removeScript(url);
+                    module.cleanup();
                     return;
                 }
-                loadedUrlRef.current = url;
+                setBundleModule(module);
                 setState({
                     status: 'loaded',
                     error: null,
@@ -253,8 +214,13 @@ export function InferenceProvider({ tenantId, bundleUrl, bundleToken, checkCusto
             case 'loading':
                 return loadingComponent ?? _jsx(DefaultLoadingComponent, {});
             case 'loaded':
-                // Bundle is loaded and will render itself into #dynim-root
-                return _jsx(BundleContainer, {});
+                // Render the loaded App component directly
+                if (bundleModule?.App) {
+                    const TenantApp = bundleModule.App;
+                    return _jsx(TenantApp, {});
+                }
+                // Fallback if no App component found
+                return children;
             case 'error':
                 // Show children as fallback with optional error banner
                 return (_jsxs(_Fragment, { children: [renderErrorBanner(), children] }));

package/dist/inference/types.d.ts

@@ -51,6 +51,15 @@ export interface InferenceState {
     error: Error | null;
     currentTenantId: string | null;
 }
+/**
+ * Module loaded from a tenant bundle via dynamic import
+ */
+export interface BundleModule {
+    /** The App component exported by the bundle */
+    App: React.ComponentType<unknown>;
+    /** Cleanup function to revoke the blob URL */
+    cleanup: () => void;
+}
 /**
  * The global SDK object exposed to tenant bundles
  */

package/dist/inference/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/inference/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,gDAAgD;IAChD,KAAK,EAAE,cAAc,OAAO,CAAC,CAAC;IAC9B,mDAAmD;IACnD,QAAQ,EAAE,cAAc,WAAW,CAAC,CAAC;IACrC,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,6DAA6D;IAC7D,SAAS,EAAE,MAAM,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACnD;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7D,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,yCAAyC;IACzC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,8CAA8C;IAC9C,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,kBAAkB,CAAC;IAClF,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,cAAc,OAAO,CAAC,CAAC;IAC9B,QAAQ,EAAE,cAAc,WAAW,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,SAAS,CAAC,EAAE,WAAW,CAAC;KACzB;CACF"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/inference/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,gDAAgD;IAChD,KAAK,EAAE,cAAc,OAAO,CAAC,CAAC;IAC9B,mDAAmD;IACnD,QAAQ,EAAE,cAAc,WAAW,CAAC,CAAC;IACrC,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,6DAA6D;IAC7D,SAAS,EAAE,MAAM,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACnD;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7D,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,yCAAyC;IACzC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,8CAA8C;IAC9C,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,kBAAkB,CAAC;IAClF,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,+CAA+C;IAC/C,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAClC,8CAA8C;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,cAAc,OAAO,CAAC,CAAC;IAC9B,QAAQ,EAAE,cAAc,WAAW,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,SAAS,CAAC,EAAE,WAAW,CAAC;KACzB;CACF"}

package/dist/vite/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

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

package/dist/vite/plugin.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Vite plugin for dynim-react
+ *
+ * Generates a virtual module that exports all specified packages,
+ * so you don't have to manually import and map each one.
+ *
+ * Usage:
+ * ```ts
+ * // vite.config.ts
+ * import { dynimPackages } from 'dynim-react/vite'
+ *
+ * export default {
+ *   plugins: [
+ *     dynimPackages([
+ *       'react-router-dom',
+ *       '@tanstack/react-query',
+ *       'axios',
+ *     ])
+ *   ]
+ * }
+ * ```
+ *
+ * Then in your app:
+ * ```ts
+ * import packages from 'virtual:dynim-packages'
+ *
+ * <BuilderProvider config={{ packages }}>
+ * ```
+ */
+import type { Plugin } from 'vite';
+export interface DynimPackagesOptions {
+    /**
+     * List of package names to expose to dynim bundles.
+     * These must be installed in your project's node_modules.
+     */
+    packages: string[];
+}
+/**
+ * Vite plugin that generates a virtual module exporting all specified packages.
+ *
+ * @param packages - Array of package names, or options object
+ * @returns Vite plugin
+ *
+ * @example
+ * // Simple usage - array of package names
+ * dynimPackages(['react-router-dom', 'axios'])
+ *
+ * @example
+ * // Options object
+ * dynimPackages({ packages: ['react-router-dom', 'axios'] })
+ */
+export declare function dynimPackages(packagesOrOptions: string[] | DynimPackagesOptions): Plugin;
+export default dynimPackages;
+//# sourceMappingURL=plugin.d.ts.map

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

@@ -0,0 +1 @@
+{"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,CAuCR;AAED,eAAe,aAAa,CAAA"}

package/dist/vite/plugin.js

@@ -0,0 +1,81 @@
+/**
+ * Vite plugin for dynim-react
+ *
+ * Generates a virtual module that exports all specified packages,
+ * so you don't have to manually import and map each one.
+ *
+ * Usage:
+ * ```ts
+ * // vite.config.ts
+ * import { dynimPackages } from 'dynim-react/vite'
+ *
+ * export default {
+ *   plugins: [
+ *     dynimPackages([
+ *       'react-router-dom',
+ *       '@tanstack/react-query',
+ *       'axios',
+ *     ])
+ *   ]
+ * }
+ * ```
+ *
+ * Then in your app:
+ * ```ts
+ * import packages from 'virtual:dynim-packages'
+ *
+ * <BuilderProvider config={{ packages }}>
+ * ```
+ */
+const VIRTUAL_MODULE_ID = 'virtual:dynim-packages';
+const RESOLVED_VIRTUAL_MODULE_ID = '\0' + VIRTUAL_MODULE_ID;
+/**
+ * Vite plugin that generates a virtual module exporting all specified packages.
+ *
+ * @param packages - Array of package names, or options object
+ * @returns Vite plugin
+ *
+ * @example
+ * // Simple usage - array of package names
+ * dynimPackages(['react-router-dom', 'axios'])
+ *
+ * @example
+ * // Options object
+ * dynimPackages({ packages: ['react-router-dom', 'axios'] })
+ */
+export function dynimPackages(packagesOrOptions) {
+    const packageNames = Array.isArray(packagesOrOptions)
+        ? packagesOrOptions
+        : packagesOrOptions.packages;
+    return {
+        name: 'dynim-packages',
+        resolveId(id) {
+            if (id === VIRTUAL_MODULE_ID) {
+                return RESOLVED_VIRTUAL_MODULE_ID;
+            }
+        },
+        load(id) {
+            if (id === RESOLVED_VIRTUAL_MODULE_ID) {
+                // Generate import statements for each package
+                const imports = packageNames
+                    .map((name, i) => `import * as _pkg${i} from '${name}'`)
+                    .join('\n');
+                // Generate the packages object entries
+                const entries = packageNames
+                    .map((name, i) => `  '${name}': _pkg${i}`)
+                    .join(',\n');
+                // Return the generated module code
+                return `${imports}
+
+const packages = {
+${entries}
+}
+
+export default packages
+export { packages }
+`;
+            }
+        },
+    };
+}
+export default dynimPackages;

package/package.json

@@ -1,9 +1,22 @@
 {
   "name": "dynim-react",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./vite": {
+      "types": "./dist/vite/index.d.ts",
+      "import": "./dist/vite/index.js"
+    },
+    "./vite/virtual-module": {
+      "types": "./dist/vite/virtual-module.d.ts"
+    }
+  },
   "files": [
     "dist",
     "README.md"
@@ -17,14 +30,21 @@
   },
   "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",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vite": "^5.0.0"
   },
   "license": "MIT"
 }