@syntrologie/adapt-product 2.29.1 → 2.30.0

package/dist/cdn.js

@@ -1,7 +1,7 @@
 import {
   onActivate,
   runtime
-} from "./chunk-VY23O32Z.js";
+} from "./chunk-QC5B4ITM.js";
 import "./chunk-7Z4Y44WC.js";
 
 // src/cdn.ts

package/dist/{chunk-VY23O32Z.js → chunk-QC5B4ITM.js}

@@ -208,6 +208,27 @@ var NotifyZ = z.object({
   icon: z.string().optional()
 }).nullable().optional();
 
+// src/presets-store.ts
+function presetsWindow() {
+  if (typeof window === "undefined") return void 0;
+  return window;
+}
+function getPdpPresets() {
+  return presetsWindow()?.__SYNTRO_PDP_PRESETS__;
+}
+function pdpPresetsFetchStarted() {
+  const pending2 = presetsWindow()?.__SYNTRO_PDP_PRESETS_PROMISE__;
+  return pending2 != null && typeof pending2.then === "function";
+}
+function pdpPresetsReady() {
+  const pending2 = presetsWindow()?.__SYNTRO_PDP_PRESETS_PROMISE__;
+  if (!pending2 || typeof pending2.then !== "function") return Promise.resolve();
+  return Promise.resolve(pending2).then(
+    () => void 0,
+    () => void 0
+  );
+}
+
 // src/scoring/pool-selection.ts
 var UNKNOWN_DECISION = "unknown";
 var DISPLAY_MAX = {
@@ -1304,8 +1325,7 @@ function _buildLiveMount(slot, kind, payload) {
   };
 }
 function _readPdpPresets() {
-  if (typeof window === "undefined") return void 0;
-  return window.__SYNTRO_PDP_PRESETS__;
+  return getPdpPresets();
 }
 function _titleCase(slug) {
   return slug.split(/[-_\s]+/).map((w) => w ? w[0].toUpperCase() + w.slice(1) : "").join(" ");
@@ -1788,6 +1808,26 @@ var _SyntroPdpLit = class _SyntroPdpLit extends LitElement5 {
     this.runtimeRef = null;
     /** Canonical decision and render state. */
     this._decisionState = createInitialPdpState();
+    /**
+     * WI-6b self-identification state. `_selfIdentify` latches true when the
+     * element connects WITHOUT a product-id attr (config-placement shape) —
+     * from then on the page URL, not the attr, owns identity, and SPA
+     * navigations re-resolve it. `_pageUnresolvable` (reactive) makes render()
+     * produce NOTHING — fail-closed, consistent with the missing-preset
+     * behavior: never a broken box on a non-product page.
+     */
+    this._selfIdentify = false;
+    this._pageUnresolvable = false;
+    this._navUnsub = null;
+    /**
+     * WI-4 presets readiness. False while a config-driven `pdpPresetsUrl`
+     * fetch may still land; flips true (reactive) once `pdpPresetsReady()`
+     * settles — which is immediate when no fetch is in flight. Once settled,
+     * an element whose product still has no preset row renders NOTHING
+     * (fail-closed) instead of an eternal loading skeleton.
+     */
+    this._presetsSettled = false;
+    this._presetsReadyWired = false;
     this._composeStartedAt = 0;
     this._lastArchetype = "";
     this._mountDurations = /* @__PURE__ */ new Map();
@@ -1832,12 +1872,22 @@ var _SyntroPdpLit = class _SyntroPdpLit extends LitElement5 {
     const reconnecting = this._decisionState.connection === "disconnected";
     super.connectedCallback();
     ensureSectionLayoutStyles();
+    if (!this.productId) this._selfIdentify = true;
     this._refreshNativeSlots();
     this._syncDecisionRuntime(reconnecting);
     this._syncDecisionPortal();
+    if (!this._presetsReadyWired) {
+      this._presetsReadyWired = true;
+      void pdpPresetsReady().then(() => {
+        this._presetsSettled = true;
+        if (this.isConnected) this._syncDecisionRuntime(false);
+      });
+    }
   }
   disconnectedCallback() {
     super.disconnectedCallback();
+    this._navUnsub?.();
+    this._navUnsub = null;
     for (const handle of this._nativeHandles.values()) handle.restore();
     this._nativeHandles.clear();
     this._dispatchDecision({ type: "disconnected" });
@@ -1880,7 +1930,70 @@ var _SyntroPdpLit = class _SyntroPdpLit extends LitElement5 {
     if (typeof document === "undefined") return null;
     return document.querySelector("[data-syntro-pdp-why-portal]");
   }
+  // ── WI-6b: page-URL self-identification ─────────────────────────────────
+  /**
+   * Resolve identity from the page URL when in self-identify mode. Runs at
+   * every runtime sync (connect + runtimeRef arrival) — idempotent. A miss
+   * marks the page unresolvable: render() then produces NOTHING (fail-closed)
+   * and a warning names the URL. While runtimeRef is still null we stay
+   * quiet — the mountable wires it in moments later and we re-run.
+   */
+  _resolvePageProduct() {
+    if (!this._selfIdentify || !this.runtimeRef) return;
+    const identity = this.runtimeRef.getPageProductIdentity?.() ?? null;
+    if (identity) {
+      this._pageUnresolvable = false;
+      this.productId = identity.productHandle;
+      if (!this.productName && identity.productTitle) this.productName = identity.productTitle;
+      return;
+    }
+    if (!this._pageUnresolvable) {
+      this._pageUnresolvable = true;
+      this.productId = "";
+      const url = typeof window !== "undefined" ? window.location.href : "";
+      console.warn(
+        `[syntro-pdp] no product-id attribute and the page URL did not resolve to a product \u2014 rendering nothing (fail-closed). url=${url}`
+      );
+    }
+  }
+  /**
+   * Subscribe to the runtime's NavigationMonitor so SPA/PJAX product-page
+   * changes re-resolve identity and re-fire (WI-6b). Self-identified elements
+   * only — an attr-driven element's identity is pinned by its attr. Skips
+   * gracefully when the runtime lacks `navigation` (bare test mounts).
+   */
+  _wireNavigation() {
+    if (!this._selfIdentify || this._navUnsub) return;
+    const nav = this.runtimeRef?.navigation;
+    if (!nav || typeof nav.subscribe !== "function") return;
+    this._navUnsub = nav.subscribe((url) => this._onPageNavigated(url));
+  }
+  /** Re-resolve on navigation; on a product change reset the decision machine
+   *  through its sanctioned disconnect/reconnect path and re-fire. */
+  _onPageNavigated(navUrl) {
+    if (!this._selfIdentify || !this.isConnected || !this.runtimeRef) return;
+    const identity = this.runtimeRef.getPageProductIdentity?.() ?? null;
+    const next = identity?.productHandle ?? "";
+    if (next === this.productId) return;
+    this._dispatchDecision({ type: "disconnected" });
+    if (identity) {
+      this._pageUnresolvable = false;
+      this.productId = identity.productHandle;
+      if (identity.productTitle) this.productName = identity.productTitle;
+    } else {
+      this.productId = "";
+      if (!this._pageUnresolvable) {
+        this._pageUnresolvable = true;
+        console.warn(
+          `[syntro-pdp] navigation left the product surface \u2014 rendering nothing (fail-closed). url=${navUrl}`
+        );
+      }
+    }
+    this._syncDecisionRuntime(true);
+  }
   _syncDecisionRuntime(reconnecting) {
+    this._resolvePageProduct();
+    this._wireNavigation();
     let appActive = false;
     try {
       appActive = Boolean(this.runtimeRef?.apps?.has?.("adaptive-product"));
@@ -1926,7 +2039,7 @@ var _SyntroPdpLit = class _SyntroPdpLit extends LitElement5 {
   _warnDecision(code, props) {
     if (code === "missing-config") {
       console.warn(
-        `[syntro-pdp] no PDP presets for product "${this.productId}" (or the scored-template primitive is unavailable) \u2014 skipping personalization. Configure __SYNTRO_PDP_PRESETS__ to enable the config-first PDP.`
+        `[syntro-pdp] no PDP presets for product "${this.productId}" (or the scored-template primitive is unavailable) \u2014 skipping personalization. Deliver presets via the SDK config \`pdpPresetsUrl\` (or the legacy __SYNTRO_PDP_PRESETS__ boot global) to enable the config-first PDP.`
       );
       return;
     }
@@ -2430,6 +2543,10 @@ var _SyntroPdpLit = class _SyntroPdpLit extends LitElement5 {
     `;
   }
   render() {
+    if (this._pageUnresolvable) return html5``;
+    if (this._presetsSettled && this._decisionState.stream.status === "idle" && this._decisionState.plan.status === "empty" && !_readPdpPresets()?.[this.productId]) {
+      return html5``;
+    }
     const skeletonStyles = _SyntroPdpLit._skeletonStyles;
     const view = selectPdpView(this._decisionState);
     if (view.layout === "skeleton") {
@@ -2502,7 +2619,9 @@ _SyntroPdpLit.properties = {
   productName: { type: String, attribute: "product-name" },
   productBlurb: { type: String, attribute: "product-blurb" },
   runtimeRef: { attribute: false },
-  _decisionState: { state: true }
+  _decisionState: { state: true },
+  _pageUnresolvable: { state: true },
+  _presetsSettled: { state: true }
 };
 /**
  * Self-contained skeleton (shimmer) CSS. Rendered inside the component
@@ -2598,8 +2717,7 @@ function readSynOS() {
   return window.SynOS;
 }
 function readPresets() {
-  if (typeof window === "undefined") return void 0;
-  return window.__SYNTRO_PDP_PRESETS__;
+  return getPdpPresets();
 }
 function readArchetypeDescriptions() {
   if (typeof window === "undefined") return {};
@@ -2705,6 +2823,7 @@ function summaryFor(pair) {
   return pair.decision !== UNKNOWN ? `Tailored for: ${pair.archetype} \xB7 ${pair.decision}` : `Tailored for: ${pair.archetype}`;
 }
 async function computeDecision(productId) {
+  if (pdpPresetsFetchStarted()) await pdpPresetsReady();
   const productPresets = readPresets()?.[productId];
   const score = readSynOS()?.score;
   if (!productPresets || typeof score !== "function") {
@@ -10960,4 +11079,4 @@ export {
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-VY23O32Z.js.map
+//# sourceMappingURL=chunk-QC5B4ITM.js.map