@myop/sdk 0.3.34 → 0.3.36

package/dist/bundled-declarations.d.ts

@@ -1710,7 +1710,8 @@ declare module "@myop/sdk/host/loaders/HTMLComponentLoader" {
          */
         private extractWebComponentScript;
         /**
-         * Execute the web component script on the host document
+         * Execute the web component script on the host document.
+         * Returns the custom element tag name this script registered.
          */
         private executeWebComponentScript;
         /**

package/dist/cjs/{_IframeSDK.c7926c56.js → _IframeSDK.3283252f.js}

@@ -2142,7 +2142,7 @@ var WebcomponentLoader = class extends BaseMyopLoader {
 };
 
 // version:myop-sdk-version
-var myop_sdk_version_default = "0.3.34";
+var myop_sdk_version_default = "0.3.36";
 
 // src/webcomponent/messageHandlers/BaseWebComponentMessageHandler.ts
 var BaseWebComponentMessageHandler = class extends BaseContextMessageHandler {
@@ -2474,7 +2474,7 @@ var HAS_EMBEDDED_SDK = false;
 // src/host/loaders/HTMLComponentLoader.ts
 var MYOP_WEB_COMPONENT_MARKER = "<!-- myop-web-component -->";
 var MYOP_WEB_COMPONENT_SCRIPT_ID = "myop-web-component";
-var extractedWebComponentScripts = /* @__PURE__ */ new Set();
+var extractedWebComponentScripts = /* @__PURE__ */ new Map();
 var seen2 = [];
 var sdk;
 var getInitiatedSdk = async () => {
@@ -2715,19 +2715,25 @@ var HTMLComponentLoader = class extends BaseMyopLoader {
     return (script == null ? void 0 : script.textContent) || null;
   }
   /**
-   * Execute the web component script on the host document
+   * Execute the web component script on the host document.
+   * Returns the custom element tag name this script registered.
    */
   executeWebComponentScript(scriptContent, scriptId) {
-    if (extractedWebComponentScripts.has(scriptId)) {
-      console.log("[MyopWebComponent] Script already executed for ".concat(scriptId, ", skipping"));
-      return;
+    const cachedTagName = extractedWebComponentScripts.get(scriptId);
+    if (cachedTagName) {
+      console.log("[MyopWebComponent] Script already executed for ".concat(scriptId, ", reusing <").concat(cachedTagName, ">"));
+      return cachedTagName;
     }
     const script = document.createElement("script");
     script.textContent = scriptContent;
     script.id = "myop-extracted-".concat(scriptId);
     document.head.appendChild(script);
-    extractedWebComponentScripts.add(scriptId);
-    console.log("[MyopWebComponent] Executed web component script: ".concat(scriptId));
+    const tagName = window.__MYOP_TAG_NAME__;
+    if (tagName) {
+      extractedWebComponentScripts.set(scriptId, tagName);
+    }
+    console.log("[MyopWebComponent] Executed web component script: ".concat(scriptId, " -> <").concat(tagName, ">"));
+    return tagName;
   }
   /**
    * Load a Myop Web Component (extracted and run on host document)
@@ -2738,15 +2744,10 @@ var HTMLComponentLoader = class extends BaseMyopLoader {
       throw new Error('[MyopWebComponent] No <script id="myop-web-component"> found in HTML');
     }
     const scriptId = "".concat(componentDefinition.id, "-").concat(skin.id);
-    const previousTagName = window.__MYOP_TAG_NAME__;
-    this.executeWebComponentScript(scriptContent, scriptId);
-    const tagName = window.__MYOP_TAG_NAME__;
+    const tagName = this.executeWebComponentScript(scriptContent, scriptId);
     if (!tagName) {
       throw new Error("[MyopWebComponent] Script did not set window.__MYOP_TAG_NAME__");
     }
-    if (previousTagName && previousTagName !== tagName) {
-      console.warn("[MyopWebComponent] __MYOP_TAG_NAME__ changed from ".concat(previousTagName, " to ").concat(tagName));
-    }
     const domId = "myop-comp-".concat(uuidv4());
     const element = document.createElement(tagName);
     element.id = domId;