@myop/sdk 0.4.0-beta.4 → 0.4.0-beta.6

package/dist/cjs/{_WebComponentSDK.4b6ac803.js → _WebComponentSDK.d5f9105b.js}

@@ -1019,6 +1019,10 @@ var BaseMyopComponent = class {
       }
     });
   }
+  get uiTags() {
+    var _a;
+    return ((_a = this.componentDefinition) == null ? void 0 : _a.uiTags) || [];
+  }
   get markedForDisposed() {
     return this._markedForDisposed;
   }
@@ -2098,6 +2102,21 @@ var addQueryParam = (url, param, value) => {
   urlObj.searchParams.append(param, value);
   return urlObj.toString();
 };
+var showsSamePage = (frame, url) => {
+  const current = frame.getAttribute("src");
+  if (!current || !url) return false;
+  const norm = (u) => {
+    const x = new URL(u, document.baseURI);
+    x.hash = "";
+    if (x.pathname.length > 1) x.pathname = x.pathname.replace(/\/$/, "");
+    return x.href;
+  };
+  try {
+    return norm(current) === norm(url);
+  } catch (e) {
+    return false;
+  }
+};
 var MyopIframeLoader = class extends BaseMyopLoader {
   constructor() {
     super(...arguments);
@@ -2107,9 +2126,10 @@ var MyopIframeLoader = class extends BaseMyopLoader {
       let IframeElement;
       const typedLoaderConfig = skin.loader;
       if ((container == null ? void 0 : container.nodeName) === "IFRAME") {
-        console.log("needs to load into an exsisting Iframe...", typedLoaderConfig.url, container);
         IframeElement = container;
-        IframeElement.src = typedLoaderConfig.url;
+        if (!showsSamePage(IframeElement, typedLoaderConfig.url)) {
+          IframeElement.src = typedLoaderConfig.url;
+        }
       } else {
         const uniqId = uuidv4();
         const domId = "myop-comp-".concat(uniqId);
@@ -2247,7 +2267,7 @@ var WebcomponentLoader = class extends BaseMyopLoader {
 };
 
 // version:myop-sdk-version
-var myop_sdk_version_default = "0.4.0-beta.4";
+var myop_sdk_version_default = "0.4.0-beta.6";
 
 // src/helpers/deliveryStore.ts
 var DB_NAME = "myop-delivery";
@@ -2404,7 +2424,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
   };
@@ -2446,7 +2469,7 @@ var _CloudRepository = class _CloudRepository {
      * Opt-in delivery settings, set by myop.delivery(). Off means: this file behaves
      * EXACTLY as it did before — same host, same URL, same everything.
      */
-    __publicField(this, "_delivery", { minify: false, host: null, cache: false });
+    __publicField(this, "_delivery", { minify: false, host: null, cache: false, flow: false });
     /**
      * What actually happened, for myop.delivery.stats(). `fellBack` is the number that
      * matters: it is how you find out the lane is unhealthy without waiting for a
@@ -2481,6 +2504,9 @@ var _CloudRepository = class _CloudRepository {
      */
     __publicField(this, "_localServes", /* @__PURE__ */ new Map());
     __publicField(this, "_flushBound", false);
+    // ============ V1 Methods (Legacy) ============
+    /** ids seeded by hydrateV1Component whose first use has not been counted yet */
+    __publicField(this, "_hydratedV1", /* @__PURE__ */ new Set());
   }
   static get Main() {
     const globalMain = getGlobalMain();
@@ -2516,32 +2542,46 @@ var _CloudRepository = class _CloudRepository {
    * Deliberately mutates THIS instance rather than constructing a new repository:
    * CloudRepository.Main is a global singleton shared across bundles (see getGlobalMain),
    * so a second instance would be ignored by every component already using the first.
+   *
+   * @internal
    */
   setDelivery(opts = {}) {
     if (opts.minify !== void 0) this._delivery.minify = !!opts.minify;
     if (opts.host !== void 0) this._delivery.host = opts.host;
     if (opts.cache !== void 0) this._delivery.cache = !!opts.cache;
+    if (opts.flow !== void 0) this._delivery.flow = !!opts.flow;
   }
+  /** @internal */
   deliveryStats() {
     var _a;
     return __spreadProps(__spreadValues({}, this._deliveryStats), {
       host: (_a = this._delivery.host) != null ? _a : _CloudRepository.DEFAULT_HOST,
       minify: this._delivery.minify,
-      cache: this._delivery.cache
+      cache: this._delivery.cache,
+      flow: this._delivery.flow
     });
   }
   /**
    * Forget what this browser holds, so the next load asks the server.
    * `refresh()` with no ids drops everything; the counterpart to the window for the case
    * where a change has to be visible on THIS load — right after someone publishes.
+   *
+   * @internal
    */
   async refreshDelivery() {
     await deliveryStore.clear();
   }
-  noteLocalServe(componentId, env) {
-    const cur = this._localServes.get(componentId);
+  /**
+   * `source: 'h'` = the view was served from a config the page's SERVER embedded
+   * (hydrateV1Component), not from this browser's cache window. Reported as a 4th batch
+   * field (`id:env:n:h`) so our usage data can tell server-rendered views apart; a server
+   * that predates it reads the first three fields and counts the view all the same.
+   */
+  noteLocalServe(componentId, env, source) {
+    const key = source ? "".concat(componentId, ":").concat(source) : componentId;
+    const cur = this._localServes.get(key);
     if (cur) cur.count++;
-    else this._localServes.set(componentId, { env, count: 1 });
+    else this._localServes.set(key, { id: componentId, env, count: 1, source });
     this.bindFlush();
   }
   /** Report on page-hide, which is the only event that reliably fires on mobile. */
@@ -2561,7 +2601,7 @@ var _CloudRepository = class _CloudRepository {
    */
   flushLocalServes() {
     if (!this._localServes.size) return;
-    const batch = [...this._localServes.entries()].map(([id, v]) => "".concat(id, ":").concat(v.env, ":").concat(v.count)).join(",");
+    const batch = [...this._localServes.entries()].map(([, v]) => "".concat(v.id, ":").concat(v.env, ":").concat(v.count).concat(v.source ? ":" + v.source : "")).join(",");
     this._localServes.clear();
     try {
       const url = "".concat(this.deliveryHost(), "/clientUsage?b=").concat(encodeURIComponent(batch));
@@ -2610,7 +2650,7 @@ var _CloudRepository = class _CloudRepository {
   /**
    * Enable static mode for self-hosted component registries.
    * In static mode, URLs are constructed as file paths instead of query params:
-   *   ${baseUrl}/components/${componentId}/${env}.json
+   * `${baseUrl}/components/${componentId}/${env}.json`
    */
   enableStaticMode() {
     this._staticMode = true;
@@ -2819,6 +2859,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.
@@ -2863,7 +2911,27 @@ var _CloudRepository = class _CloudRepository {
     this.variants[cacheKey] = promise;
     this.preloadedComponents[componentId] = { env: resolvedEnv, preview: usePreview };
   }
-  // ============ V1 Methods (Legacy) ============
+  /**
+   * Seed a v1 component's config, so `fetchComponentV1(componentId)` answers from memory
+   * with no request. The v1 counterpart of {@link hydrateComponent}.
+   *
+   * `flow` is what `GET /flow?id=<componentId>&auto=true` returns: either the whole body
+   * (`{item: {...}}`) or its `item`. Typical use is a server that fetched it (with
+   * `&prefetch=1`, so the fetch is not counted as a view) and embedded it in the page.
+   *
+   * The view IS counted: the first time the seeded config is used, it is reported through
+   * /clientUsage (flagged `:h`, recorded as deliveryPath 'hydrated'), so hydrating never makes
+   * usage disappear and server-rendered views stay distinguishable.
+   */
+  hydrateV1Component(componentId, flow) {
+    var _a, _b;
+    const item = (_a = flow == null ? void 0 : flow.item) != null ? _a : flow;
+    if (!((_b = item == null ? void 0 : item.components) == null ? void 0 : _b.length)) {
+      throw new Error("hydrateV1Component(".concat(componentId, "): not a /flow?auto=true response"));
+    }
+    this.userFlows[componentId] = Promise.resolve(item);
+    this._hydratedV1.add(componentId);
+  }
   /**
    * Fetch a v1 component from a flow
    */
@@ -2877,13 +2945,15 @@ var _CloudRepository = class _CloudRepository {
     }
   }
   async fetchAutoFlow(componentId) {
+    if (this._hydratedV1.delete(componentId)) {
+      this.noteLocalServe(componentId, "v1_auto_flow", "h");
+    }
     if (!this.userFlows[componentId]) {
       this.userFlows[componentId] = new Promise(
         async (resolve, reject) => {
           try {
-            const res = await fetch(
-              "".concat(this._baseUrl, "/flow?id=").concat(componentId, "&auto=true")
-            );
+            const path = "/flow?id=".concat(componentId, "&auto=true");
+            const res = this._delivery.flow && this._delivery.host ? await this.deliveryFetch(path) : await fetch("".concat(this._baseUrl).concat(path));
             const json = await res.json();
             resolve(json.item);
           } catch (e) {
@@ -2932,11 +3002,12 @@ var CloudRepository = _CloudRepository;
 var _cloudRepository = CloudRepository.Main;
 var DELIVERY_HOST = "https://delivery.myop.dev";
 var delivery = (opts = {}) => {
-  var _a, _b;
-  const wantsLane = opts.minify !== false || opts.cache === true;
+  var _a, _b, _c;
+  const wantsLane = opts.minify !== false || opts.cache === true || opts.flow === true;
   _cloudRepository.setDelivery({
     minify: (_a = opts.minify) != null ? _a : false,
     cache: (_b = opts.cache) != null ? _b : false,
+    flow: (_c = opts.flow) != null ? _c : false,
     host: opts.host !== void 0 ? opts.host : wantsLane ? DELIVERY_HOST : null
   });
   return deliveryStats();
@@ -2947,9 +3018,14 @@ var deliveryRefresh = async () => {
 };
 var deliveryStats = () => _cloudRepository.deliveryStats();
 var deliveryOff = () => {
-  _cloudRepository.setDelivery({ minify: false, cache: false, host: null });
+  _cloudRepository.setDelivery({ minify: false, cache: false, flow: false, host: null });
   return deliveryStats();
 };
+var hydrateV1Components = (flows) => {
+  for (const [id, flow] of Object.entries(flows)) {
+    _cloudRepository.hydrateV1Component(id, flow);
+  }
+};
 
 // src/host/embeddedSDK.ts
 var EMBEDDED_SDK_CONTENT = "";
@@ -3693,6 +3769,9 @@ if (window.myop && !window.myop.delivery) {
   api.refresh = deliveryRefresh;
   window.myop.delivery = api;
 }
+if (window.myop && !window.myop.hydrateV1) {
+  window.myop.hydrateV1 = hydrateV1Components;
+}
 var hostSDK = window.myop.hostSDK;
 defineDynamicImport("hostSDK", hostSDK);