dynim-react 1.0.26 → 1.0.27

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/package.json

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