@returningai/widget-sdk 1.7.0 → 1.7.1

package/dist/rai-widget.js

@@ -12542,6 +12542,80 @@ async function waitForBundleMountReadiness(mountResult, firstPaint, timeoutMs =
   );
   return "deep-ready";
 }
+function isWidgetBundleRuntime(value) {
+  return (typeof value === "object" || typeof value === "function") && value !== null && typeof value.mount === "function";
+}
+function normalizeBundleUrl(url, baseUrl) {
+  const normalized = new URL(url, baseUrl);
+  normalized.hash = "";
+  return normalized.href;
+}
+function createBundleRuntimeLoader({
+  loadScript,
+  readGlobal,
+  baseUrl
+}) {
+  const runtimePromises = /* @__PURE__ */ new Map();
+  const globalLoadTails = /* @__PURE__ */ new Map();
+  return async function getBundleRuntime(globalName, bundleUrl) {
+    const normalizedUrl = normalizeBundleUrl(bundleUrl, baseUrl());
+    const cacheKey = `${globalName}:${normalizedUrl}`;
+    const cachedRuntime = runtimePromises.get(cacheKey);
+    if (cachedRuntime) return cachedRuntime;
+    const previousLoad = globalLoadTails.get(globalName) || Promise.resolve();
+    const runtimePromise = previousLoad.then(async () => {
+      await loadScript(normalizedUrl);
+      const runtime = readGlobal(globalName);
+      if (!isWidgetBundleRuntime(runtime)) {
+        throw new Error(
+          `window.${globalName}.mount not found after loading ${normalizedUrl}`
+        );
+      }
+      const mount = runtime.mount;
+      return {
+        mount(container, config) {
+          return mount.call(runtime, container, config);
+        }
+      };
+    });
+    runtimePromises.set(cacheKey, runtimePromise);
+    const loadTail = runtimePromise.then(
+      () => void 0,
+      () => void 0
+    );
+    globalLoadTails.set(globalName, loadTail);
+    void loadTail.then(() => {
+      if (globalLoadTails.get(globalName) === loadTail) {
+        globalLoadTails.delete(globalName);
+      }
+    });
+    try {
+      return await runtimePromise;
+    } catch (error) {
+      if (runtimePromises.get(cacheKey) === runtimePromise) {
+        runtimePromises.delete(cacheKey);
+      }
+      throw error;
+    }
+  };
+}
+function appendScript(url) {
+  return new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    script.src = url;
+    script.onload = () => resolve();
+    script.onerror = () => reject(new Error(`Failed to load ${url}`));
+    document.head.appendChild(script);
+  });
+}
+const loadBrowserBundleRuntime = createBundleRuntimeLoader({
+  loadScript: appendScript,
+  readGlobal: (globalName) => window[globalName],
+  baseUrl: () => document.baseURI
+});
+function getOrLoadBundleRuntime(globalName, bundleUrl) {
+  return loadBrowserBundleRuntime(globalName, bundleUrl);
+}
 function assertCallbackName(callbackName) {
   if (!callbackName || typeof callbackName !== "string") {
     throw new TypeError("ReturningAI callback name must be a non-empty string");
@@ -12860,15 +12934,6 @@ function resolveWidgetServerUrl(domainKey) {
 function resolveV2ApiUrl(domainKey) {
   return DOMAIN_KEY_TO_V2_API_URL[domainKey] || DOMAIN_KEY_TO_V2_API_URL.PROD;
 }
-function loadScript(url) {
-  return new Promise((resolve, reject) => {
-    const s = document.createElement("script");
-    s.src = url;
-    s.onload = () => resolve();
-    s.onerror = () => reject(new Error(`Failed to load ${url}`));
-    document.head.appendChild(s);
-  });
-}
 const loadedFonts = /* @__PURE__ */ new Set();
 function ensureGoogleFontLoaded(family) {
   if (!family || loadedFonts.has(family)) return;
@@ -13718,7 +13783,6 @@ class BaseWidget extends HTMLElement {
   }
   // ── Bundle mode (no-iframe) ──────────────────────────────────────────
   async mountWidget(initId) {
-    var _a;
     let container = null;
     try {
       this.teardownMountedWidget();
@@ -13742,16 +13806,11 @@ class BaseWidget extends HTMLElement {
         window.loadingAnimation = this.state.loadingAnimation;
       }
       const globalName = WIDGET_GLOBALS[this.config.widgetType];
-      if (!((_a = window[globalName]) == null ? void 0 : _a.mount)) {
-        await loadScript(this.config.bundleUrl);
-      }
+      const widgetGlobal = await getOrLoadBundleRuntime(
+        globalName,
+        this.config.bundleUrl
+      );
       if (!this.isCurrentInit(initId)) return;
-      const widgetGlobal = window[globalName];
-      if (!(widgetGlobal == null ? void 0 : widgetGlobal.mount)) {
-        throw new Error(
-          `window.${globalName}.mount not found after loading bundle`
-        );
-      }
       container = document.createElement("div");
       const hideNestedBundleUntilReady = this.config.widgetType === "custom";
       container.className = "rai-widget-root";
@@ -14007,7 +14066,7 @@ class CustomWidget extends BaseWidget {
     }
   }
 }
-console.log(`[rai-widget] v${"1.7.0"}`);
+console.log(`[rai-widget] v${"1.7.1"}`);
 class StoreWidgetCompat extends StoreWidget {
 }
 const WIDGET_REGISTRY = [
@@ -14071,7 +14130,7 @@ function exposePublicApi() {
   })();
   const widget = container == null ? void 0 : container.querySelector(ALL_WIDGET_SELECTOR);
   window.ReturningAIWidget = {
-    version: "1.7.0",
+    version: "1.7.1",
     reload: () => (widget == null ? void 0 : widget.reload()) ?? Promise.resolve(),
     logout: () => (widget == null ? void 0 : widget.logoutPublic()) ?? Promise.resolve(),
     isAuthenticated: () => (widget == null ? void 0 : widget.isAuthenticated()) ?? false,

package/dist/types/core/bundle-runtime-cache.d.ts

@@ -0,0 +1,20 @@
+export interface WidgetBundleRuntime {
+    mount(container: HTMLElement, config: unknown): unknown;
+}
+interface BundleRuntimeLoaderOptions {
+    loadScript: (url: string) => Promise<void>;
+    readGlobal: (globalName: string) => unknown;
+    baseUrl: () => string;
+}
+export declare function normalizeBundleUrl(url: string, baseUrl: string): string;
+/**
+ * Cache widget runtimes by both their window global and normalized bundle URL.
+ *
+ * Different custom-widget bundles intentionally reuse the same global name, so
+ * the current value on window is not enough to identify the requested runtime.
+ * Capturing the runtime immediately after its script loads also lets A -> B -> A
+ * reuse A without re-evaluating its IIFE.
+ */
+export declare function createBundleRuntimeLoader({ loadScript, readGlobal, baseUrl, }: BundleRuntimeLoaderOptions): (globalName: string, bundleUrl: string) => Promise<WidgetBundleRuntime>;
+export declare function getOrLoadBundleRuntime(globalName: string, bundleUrl: string): Promise<WidgetBundleRuntime>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@returningai/widget-sdk",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "Shadow DOM isolated widget SDK for ReturningAI",
   "main": "dist/rai-widget.iife.js",
   "module": "dist/rai-widget.js",
@@ -26,13 +26,18 @@
     "build:all": "npm run build && npm run build:banner",
     "build:all:min": "npm run build:min && npm run build:banner:min",
     "types": "tsc --emitDeclarationOnly --outDir dist/types && cp src/jsx.d.ts dist/types/jsx.d.ts",
-    "test": "npm run test:host-callback && npm run test:bundle-readiness && npm run test:jsx-types",
+    "test": "npm run test:host-callback && npm run test:bundle-readiness && npm run test:bundle-runtime-cache && npm run test:jsx-types",
     "test:host-callback": "rm -rf test/.tmp && tsc -p test/tsconfig.json && node test/.tmp/test/postmessage-host-callback.test.js",
     "test:bundle-readiness": "rm -rf test/.tmp && tsc -p test/tsconfig.json && node test/.tmp/test/bundle-readiness.test.js",
+    "test:bundle-runtime-cache": "rm -rf test/.tmp && tsc -p test/tsconfig.json && node test/.tmp/test/bundle-runtime-cache.test.js",
     "test:jsx-types": "tsc --noEmit --strict --lib ES2020,DOM --skipLibCheck false src/jsx.d.ts",
+    "coverage:repowise": "rm -rf coverage && npm run coverage:host-callback && npm run coverage:bundle-readiness && npm run test:jsx-types",
+    "coverage:host-callback": "rm -rf test/.tmp && tsc -p test/tsconfig.json && c8 --reporter=lcov --reports-dir=coverage/host-callback --exclude-after-remap --exclude='**/*.test.ts' node test/.tmp/test/postmessage-host-callback.test.js && node scripts/name-lcov-test.mjs coverage/host-callback/lcov.info test/postmessage-host-callback.test.ts",
+    "coverage:bundle-readiness": "rm -rf test/.tmp && tsc -p test/tsconfig.json && c8 --reporter=lcov --reports-dir=coverage/bundle-readiness --exclude-after-remap --exclude='**/*.test.ts' node test/.tmp/test/bundle-readiness.test.js && node scripts/name-lcov-test.mjs coverage/bundle-readiness/lcov.info test/bundle-readiness.test.ts",
     "prepublishOnly": "npm run build:all:min && npm run types"
   },
   "devDependencies": {
+    "c8": "^11.0.0",
     "terser": "^5.46.0",
     "typescript": "^5.3.3",
     "vite": "^5.1.0"