@myop/sdk 0.3.34 → 0.3.37

package/dist/bundled-declarations.d.ts

@@ -370,6 +370,11 @@ declare module "@myop/sdk/common" {
         id: string;
         name: string;
         description: string;
+        /**
+         * The component's runtime tags: only tags named `ui:...` (e.g. `ui:beta`), as set in the
+         * dashboard. Every other tag stays private on the server. Empty when there are none.
+         */
+        uiTags?: string[];
         props: IPropConfig[];
         refs: IRefConfig[];
         skins: ISkinConfig[];
@@ -1196,6 +1201,8 @@ declare module "@myop/sdk/host/components/IMyopComponent" {
         markedForDisposed: boolean;
         setInitiated: () => void;
         componentDefinition: IComponentDefinitionConfig;
+        /** Runtime tags: only tags named `ui:...` (e.g. `ui:beta`). `[]` when there are none. */
+        readonly uiTags: string[];
         container: HTMLElement;
         element?: HTMLElement;
         send: (msg: BaseMyopMessage) => CleanupHandler;
@@ -1239,6 +1246,7 @@ declare module "@myop/sdk/host/components/IMyopComponent" {
         messageHandlers: Record<string, messageHandler<any>[]>;
         element?: HTMLElement;
         protected constructor(componentDefinition: IComponentDefinitionConfig, container: HTMLElement, options?: loaderOptions);
+        get uiTags(): string[];
         _markedForDisposed: boolean;
         get markedForDisposed(): boolean;
         set markedForDisposed(value: boolean);
@@ -1710,7 +1718,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;
         /**
@@ -1859,6 +1868,11 @@ declare module "@myop/sdk/helpers/CloudRepository" {
          * skipping the WEBVIEW_READY → fetch → inject round trip entirely.
          */
         getResolvedConfig(componentId: string, env?: string, preview?: boolean): IComponentConfig | null;
+        /**
+         * The `ui:` tags of an already-resolved component (`[]` if it has none or is not
+         * resolved yet). Synchronous, no request: tags arrive with the component itself.
+         */
+        getComponentTags(componentId: string, env?: string, preview?: boolean): string[];
         /**
          * Resolve which (env, preview) pair — and therefore which cache key — a call
          * for `componentId` refers to.
@@ -1923,6 +1937,16 @@ declare module "@myop/sdk/helpers/cloudRepositoryHelpers" {
     export const setCloudRepository: (repository: CloudRepository) => void;
     export const setEnvironment: (env: string) => void;
     export const getResolvedConfig: (componentId: string, env?: string, preview?: boolean) => IComponentConfig;
+    /**
+     * The runtime tags of a loaded/preloaded component: only tags named `ui:...` (e.g.
+     * `ui:beta`). Returns `[]` when it has none or has not been fetched yet.
+     *
+     * ```ts
+     * await preloadComponents([id]);
+     * getComponentTags(id); // ['ui:beta']
+     * ```
+     */
+    export const getComponentTags: (componentId: string, env?: string, preview?: boolean) => string[];
     export const preloadComponents: (ids: string[], env?: string, preview?: boolean) => Promise<PromiseSettledResult<IComponentConfig>[]>;
     /**
      * Seed already-resolved component configs into the SDK cache, with no network

package/dist/cjs/{_IframeSDK.c7926c56.js → _IframeSDK.119b841c.js}

@@ -1016,6 +1016,10 @@ var BaseMyopComponent = class {
       }
     });
   }
+  get uiTags() {
+    var _a;
+    return ((_a = this.componentDefinition) == null ? void 0 : _a.uiTags) || [];
+  }
   get markedForDisposed() {
     return this._markedForDisposed;
   }
@@ -2142,7 +2146,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.37";
 
 // src/webcomponent/messageHandlers/BaseWebComponentMessageHandler.ts
 var BaseWebComponentMessageHandler = class extends BaseContextMessageHandler {
@@ -2474,7 +2478,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 +2719,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 +2748,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;
@@ -2825,7 +2830,10 @@ var convertV2VariantToComponentConfig = (config) => {
           loader: config.consume_variant[0].loader
         }
       ],
-      defaultSkin: 0
+      defaultSkin: 0,
+      // Only `ui:` tags ever reach the client; the server filters, absent = none.
+      // @ts-ignore
+      uiTags: Array.isArray(config.uiTags) ? config.uiTags : []
     },
     name: config.name
   };
@@ -3020,6 +3028,14 @@ var _CloudRepository = class _CloudRepository {
     const { cacheKey } = this.resolveParams(componentId, env, preview);
     return ((_a = this.variants[cacheKey]) == null ? void 0 : _a.resolved) || null;
   }
+  /**
+   * The `ui:` tags of an already-resolved component (`[]` if it has none or is not
+   * resolved yet). Synchronous, no request: tags arrive with the component itself.
+   */
+  getComponentTags(componentId, env, preview) {
+    var _a, _b;
+    return ((_b = (_a = this.getResolvedConfig(componentId, env, preview)) == null ? void 0 : _a.type) == null ? void 0 : _b.uiTags) || [];
+  }
   /**
    * Resolve which (env, preview) pair — and therefore which cache key — a call
    * for `componentId` refers to.