@occluze/tether 0.6.6 → 0.6.8

package/dist/tether.diagnose.js

@@ -1,3 +1,4 @@
+"use strict";
 (() => {
   var __defProp = Object.defineProperty;
   var __export = (target, all) => {
@@ -16,7 +17,7 @@
 
   // tether-core:config.js
   var m = window.Tether.__core["config.js"];
-  var { DEFAULTS, cfg, configure, isConfigured, log, reportError, warn } = m;
+  var { DEFAULTS, cfg, configure, isConfigured, log, reportError, resolveConfig, toMetafieldIdentifier, warn } = m;
 
   // tether-core:client.js
   var m2 = window.Tether.__core["client.js"];
@@ -24,7 +25,7 @@
 
   // tether-core:dom.js
   var m3 = window.Tether.__core["dom.js"];
-  var { attr, busy, cdnUrl, dataKey, emit, formatDate, formatMoney, formatPercent, get, has, hasTemplate, imageUrl, notifyLayoutChanged, parseJSONAttr, productUrl, qsa, readText, repeat, repeatKeyed, sameImage, scoped, sel, setImage, setSelected, setText, setTextTracked, show, toAttributes, watchImages } = m3;
+  var { attr, busy, cdnUrl, emit, formatDate, formatMoney, formatPercent, get, has, hasTemplate, imageUrl, notifyLayoutChanged, parseJSONAttr, productUrl, qsa, repeat, repeatKeyed, sameImage, scoped, sel, setImage, setSelected, setStoreHtml, setText, setTextTracked, show, toAttributes, watchImages } = m3;
 
   // tether-core:loader.js
   var m4 = window.Tether.__core["loader.js"];
@@ -39,118 +40,55 @@
   var { STATUS_KEYS, boundary, isNotFound, ownedBy, resolveProductKey, setScopeStatus } = m6;
 
   // src/api-version.js
-  var parse = (v) => {
-    const m7 = /^(\d{4})-(01|04|07|10)$/.exec(String(v || ""));
-    return m7 ? { y: +m7[1], m: +m7[2] } : null;
-  };
-  var fmt = (y, m7) => `${y}-${String(m7).padStart(2, "0")}`;
-  function nextApiVersion(v, steps = 1) {
-    const p = parse(v);
-    if (!p) throw new Error(`not a quarterly Shopify API version: ${v}`);
-    const q = p.y * 4 + (p.m - 1) / 3 + steps;
-    return fmt(Math.floor(q / 4), q % 4 * 3 + 1);
+  var QUARTERLY_VERSION = /^(\d{4})-(01|04|07|10)$/;
+  var MONTHS_PER_QUARTER = 3;
+  var QUARTERS_PER_YEAR = 4;
+  var MONTHS_SUPPORTED = 12;
+  var UPGRADE_WARNING_MONTHS = 3;
+  var AVERAGE_MONTH_MS = 30.44 * 24 * 3600 * 1e3;
+  function parseVersion(version) {
+    const match = QUARTERLY_VERSION.exec(typeof version === "string" ? version : "");
+    if (!match) return null;
+    return { year: Number(match[1]), month: Number(match[2]) };
+  }
+  var formatVersion = (year, month) => `${year}-${String(month).padStart(2, "0")}`;
+  function nextApiVersion(version, steps = 1) {
+    const parsed = parseVersion(version);
+    if (!parsed) throw new Error(`not a quarterly Shopify API version: ${version}`);
+    const quarter = parsed.year * QUARTERS_PER_YEAR + (parsed.month - 1) / MONTHS_PER_QUARTER + steps;
+    return formatVersion(Math.floor(quarter / QUARTERS_PER_YEAR), quarter % QUARTERS_PER_YEAR * MONTHS_PER_QUARTER + 1);
   }
   function apiVersionStatus(version, now = /* @__PURE__ */ new Date()) {
-    if (version === "unstable") return { version, ok: false, note: '"unstable" changes without notice: pin a dated version such as 2026-07' };
-    const p = parse(version);
-    if (!p) return { version, ok: false, note: "not a quarterly version (YYYY-01, -04, -07 or -10)" };
-    const released = new Date(Date.UTC(p.y, p.m - 1, 1));
-    const supportedUntil = new Date(Date.UTC(p.y + 1, p.m - 1, 1));
-    const monthsLeft = (supportedUntil - now) / (30.44 * 24 * 3600 * 1e3);
+    if (version === "unstable") {
+      return { version, ok: false, note: '"unstable" changes without notice: pin a dated version such as 2026-07' };
+    }
+    const parsed = parseVersion(version);
+    if (!parsed) return { version, ok: false, note: "not a quarterly version (YYYY-01, -04, -07 or -10)" };
+    const released = new Date(Date.UTC(parsed.year, parsed.month - 1, 1));
+    const supportedUntil = new Date(Date.UTC(parsed.year, parsed.month - 1 + MONTHS_SUPPORTED, 1));
+    const monthsLeft = (supportedUntil.getTime() - now.getTime()) / AVERAGE_MONTH_MS;
+    const isReleased = released <= now;
     let note = `supported until about ${supportedUntil.toISOString().slice(0, 7)}`;
-    if (released > now) note = "not released yet (release candidate at best)";
-    else if (monthsLeft <= 0) note = "no longer supported: Shopify falls back to the oldest supported version. Upgrade (see README)";
-    else if (monthsLeft < 3) note = `${note}: plan the upgrade to ${nextApiVersion(version)} or later (see README)`;
-    return { version, ok: released <= now && monthsLeft > 0, monthsLeft: Math.round(monthsLeft), next: nextApiVersion(version), note };
-  }
-
-  // src/markets.js
-  var COUNTRY = /^[A-Z]{2}$/;
-  var REGIONAL_LANGUAGES = /* @__PURE__ */ new Set(["PT_BR", "PT_PT", "ZH_CN", "ZH_TW"]);
-  var storageKey = () => `${cfg.prefix}:market:${cfg.domain}`;
-  var defaultEnv = () => ({
-    document: typeof document !== "undefined" ? document : null,
-    location: typeof window !== "undefined" ? window.location : null,
-    storage: (() => {
-      try {
-        return window.localStorage;
-      } catch {
-        return null;
-      }
-    })(),
-    global: typeof window !== "undefined" ? window : {}
-  });
-  function toCountry(v) {
-    const c = String(v || "").trim().toUpperCase();
-    return COUNTRY.test(c) && c !== "XX" && c !== "T1" ? c : null;
-  }
-  function toLanguage(v) {
-    const raw = String(v || "").trim().replace("-", "_").toUpperCase();
-    if (!raw) return null;
-    if (REGIONAL_LANGUAGES.has(raw)) return raw;
-    const primary = raw.split("_")[0];
-    return /^[A-Z]{2,3}$/.test(primary) ? primary : null;
-  }
-  function readCookie(doc, name) {
-    if (!doc || !name) return null;
-    const hit = String(doc.cookie || "").split(";").map((c) => c.trim()).find((c) => c.startsWith(`${name}=`));
-    return hit ? decodeURIComponent(hit.slice(name.length + 1)) : null;
-  }
-  var lookup = (locales, key) => {
-    if (!locales || !key) return null;
-    const k = String(key).toLowerCase();
-    const found = Object.keys(locales).find((x) => x.toLowerCase() === k);
-    return found ? locales[found] : null;
-  };
-  var readers = {
-    saved(m7, env) {
-      if (m7.remember === false || !env.storage) return null;
-      try {
-        return JSON.parse(env.storage.getItem(storageKey()) || "null");
-      } catch {
-        return null;
-      }
-    },
-    server(m7, env) {
-      const meta = (name) => env.document?.querySelector?.(`meta[name="${name}"]`)?.getAttribute("content");
-      const country = env.global.TETHER_COUNTRY || meta("tether-country") || readCookie(env.document, m7.cookie || "tether_country");
-      const language = env.global.TETHER_LANGUAGE || meta("tether-language");
-      return { country, language };
-    },
-    webflow(m7, env) {
-      const segment = (env.location?.pathname || "/").split("/").filter(Boolean)[0];
-      const fromPath = lookup(m7.locales, segment);
-      if (fromPath) return fromPath;
-      const lang = env.document?.documentElement?.getAttribute("lang");
-      if (!lang) return null;
-      const mapped = lookup(m7.locales, lang) || lookup(m7.locales, lang.split("-")[0]);
-      if (mapped) return { locale: lang, ...mapped };
-      if (m7.locales && m7.strict) return null;
-      const region = lang.split("-")[1];
-      return { language: lang, country: region && region.length === 2 ? region : null, locale: lang };
+    if (!isReleased) note = "not released yet (release candidate at best)";
+    else if (monthsLeft <= 0) {
+      note = "no longer supported: Shopify falls back to the oldest supported version. Upgrade (see README)";
+    } else if (monthsLeft < UPGRADE_WARNING_MONTHS) {
+      note = `${note}: plan the upgrade to ${nextApiVersion(version)} or later (see README)`;
     }
-  };
-  function detectMarket(markets = cfg.markets, env = defaultEnv()) {
-    const m7 = markets || {};
-    if (m7.detect === false) return {};
-    const list = !m7.detect ? ["saved"] : m7.detect === true ? ["saved", "server", "webflow"] : [].concat(m7.detect);
-    markets = m7;
-    const out = { sources: {} };
-    list.forEach((name) => {
-      const r = readers[name]?.(markets, env);
-      if (!r) return;
-      const vals = { country: toCountry(r.country), language: toLanguage(r.language), locale: r.locale || null };
-      Object.entries(vals).forEach(([k, v]) => {
-        if (v && !out[k]) {
-          out[k] = v;
-          out.sources[k] = name;
-        }
-      });
-    });
-    return out;
+    return {
+      version,
+      ok: isReleased && monthsLeft > 0,
+      monthsLeft: Math.round(monthsLeft),
+      next: nextApiVersion(version),
+      note
+    };
   }
 
-  // src/diagnose.js
+  // tether-core:lazy.js
+  var m7 = window.Tether.__core["lazy.js"];
+  var { coreModules, loadPart } = m7;
+
+  // src/diagnose-markup.js
   var SHOW = /* @__PURE__ */ new Set([
     "in-stock",
     "out-of-stock",
@@ -189,8 +127,10 @@
     "orders-loading",
     "addresses-loading",
     "addresses-empty",
+    "addresses-error",
     "subscriptions-loading",
-    "subscriptions-empty"
+    "subscriptions-empty",
+    "subscriptions-error"
   ]);
   var BIND = /* @__PURE__ */ new Set([
     "title",
@@ -232,7 +172,8 @@
     "swatch",
     "image"
   ]);
-  var ATTRS = new Set(`account account-bind account-link account-login account-logout add-label add-to-cart adding-text
+  var ATTRIBUTES = new Set(
+    `account account-bind account-link account-login account-logout add-label add-to-cart adding-text
   always-enabled bind cart-checkout-charge cart-clear cart-close cart-count cart-discounts cart-drawer cart-label cart-lines
   cart-note cart-open cart-subtotal cart-total cart-warning checkout code collection collection-bind countries country
   country-bind country-label country-select default-plan default-purchase discount discount-code discount-form discount-input
@@ -245,191 +186,341 @@
   plan-value product products purchase purchase-mode qty qty-minus qty-plus quantity recommendations reverse search
   search-bind search-collections search-input search-limit search-min search-products search-queries search-results
   search-state show soldout-text sort state subscribe-text variant variant-select variant-url max-width max-height crop
-  sig label hydrated busy`.split(/\s+/).filter(Boolean));
-  function distance(a, b) {
-    const d = Array.from({ length: a.length + 1 }, (_, i) => [i, ...Array(b.length).fill(0)]);
-    for (let j = 1; j <= b.length; j++) d[0][j] = j;
-    for (let i = 1; i <= a.length; i++) {
-      for (let j = 1; j <= b.length; j++) d[i][j] = Math.min(d[i - 1][j] + 1, d[i][j - 1] + 1, d[i - 1][j - 1] + (a[i - 1] === b[j - 1] ? 0 : 1));
+  sig label hydrated busy`.split(/\s+/).filter(Boolean)
+  );
+  var PRODUCT_ONLY = [
+    "bind",
+    "option-list",
+    "option",
+    "variant-select",
+    "add-to-cart",
+    "purchase",
+    "plan-list",
+    "plan",
+    "qty",
+    "line-attribute"
+  ];
+  var REPEATERS = ["option-list", "plan-list", "cart-lines", "list"];
+  var METAFIELD_BIND = "metafield:";
+  var IMAGE_BIND = /^image:\d+$/;
+  var DESCRIBED_CLASSES = 2;
+  function editDistance(from, to) {
+    let previous = Array.from({ length: to.length + 1 }, (_, index) => index);
+    for (let i = 1; i <= from.length; i++) {
+      const row = [i];
+      for (let j = 1; j <= to.length; j++) {
+        const substitution = (previous[j - 1] ?? 0) + (from[i - 1] === to[j - 1] ? 0 : 1);
+        row.push(Math.min((previous[j] ?? 0) + 1, (row[j - 1] ?? 0) + 1, substitution));
+      }
+      previous = row;
     }
-    return d[a.length][b.length];
+    return previous[to.length] ?? 0;
   }
   function didYouMean(value, options, prefix = "") {
     let best = null;
-    let score = Infinity;
-    for (const o of options) {
-      const n = distance(String(value), o);
-      if (n < score) {
-        score = n;
-        best = o;
+    let bestDistance = Infinity;
+    for (const option of options) {
+      const distance = editDistance(value, option);
+      if (distance < bestDistance) {
+        bestDistance = distance;
+        best = option;
       }
     }
-    return best && score <= Math.max(2, Math.floor(String(value).length / 4)) ? ` Did you mean "${prefix}${best}"?` : "";
+    const closeEnough = Math.max(2, Math.floor(value.length / 4));
+    return best !== null && bestDistance <= closeEnough ? ` Did you mean "${prefix}${best}"?` : "";
   }
-  var mask = (t) => t ? `${String(t).slice(0, 4)}\u2026${String(t).slice(-4)} (${String(t).length} chars)` : "(missing)";
   function describe(el) {
     const id = el.id ? `#${el.id}` : "";
-    const cls = el.className && typeof el.className === "string" ? `.${el.className.trim().split(/\s+/).slice(0, 2).join(".")}` : "";
-    return `<${el.tagName.toLowerCase()}${id}${cls}>`;
+    const classes = el.className && typeof el.className === "string" ? el.className.trim().split(/\s+/) : [];
+    const classText = classes.length ? `.${classes.slice(0, DESCRIBED_CLASSES).join(".")}` : "";
+    return `<${el.tagName.toLowerCase()}${id}${classText}>`;
   }
-  function checkMarkup(root = document) {
-    const problems = [];
-    const add = (level, message, el) => problems.push({ level, message, element: el ? describe(el) : void 0, el });
-    const inProduct = (el) => Boolean(el.closest(sel("product")));
-    const listSel = `${sel("collection")},${sel("products")},${sel("recommendations")}`;
+  var listSelector = () => `${sel("collection")},${sel("products")},${sel("recommendations")}`;
+  function checkProductKeys(root, add) {
     qsa(root, sel("product")).forEach((el) => {
-      if (el.closest(listSel) && el.closest(sel("list"))) return;
+      if (el.closest(listSelector()) && el.closest(sel("list"))) return;
       const { key, fromUrl, raw } = resolveProductKey(el);
-      if (!raw) add("error", `${attr("product")} has no value. Bind it to the Shopify handle (CMS field), or use "url:handle".`, el);
-      else if (fromUrl && !key) add("warn", `${attr("product")}="${raw}" but this URL has no value for it (e.g. ?handle=my-product).`, el);
+      if (!raw) {
+        add(
+          "error",
+          `${attr("product")} has no value. Bind it to the Shopify handle (CMS field), or use "url:handle".`,
+          el
+        );
+      } else if (fromUrl && !key) {
+        add("warn", `${attr("product")}="${raw}" but this URL has no value for it (e.g. ?handle=my-product).`, el);
+      }
     });
-    const productOnly = ["bind", "option-list", "option", "variant-select", "add-to-cart", "purchase", "plan-list", "plan", "qty", "line-attribute"];
-    productOnly.forEach((name) => {
+  }
+  function checkPlacement(root, add) {
+    for (const name of PRODUCT_ONLY) {
       qsa(root, sel(name)).forEach((el) => {
-        if (inProduct(el)) return;
+        if (el.closest(sel("product"))) return;
         if (name === "line-attribute" && el.closest(sel("group"))) return;
         add("warn", `${attr(name)} outside any ${attr("product")}: it does nothing here.`, el);
       });
-    });
+    }
     qsa(root, sel("group-add")).forEach((el) => {
       if (!el.closest(sel("group"))) add("warn", `${attr("group-add")} outside a ${attr("group")}.`, el);
     });
-    ["option-list", "plan-list", "cart-lines", "list"].forEach((name) => qsa(root, sel(name)).forEach((el) => {
-      if (!el.firstElementChild && !hasTemplate(el)) {
-        add("warn", `${attr(name)} without a template child: put one example element inside it.`, el);
+    for (const name of REPEATERS) {
+      qsa(root, sel(name)).forEach((el) => {
+        if (!el.firstElementChild && !hasTemplate(el)) {
+          add("warn", `${attr(name)} without a template child: put one example element inside it.`, el);
+        }
+      });
+    }
+    qsa(root, listSelector()).forEach((el) => {
+      if (!qsa(el, sel("list")).length) {
+        add("error", `List without a ${attr("list")} child: products have nowhere to render.`, el);
       }
-    }));
-    qsa(root, listSel).forEach((el) => {
-      if (!qsa(el, sel("list")).length) add("error", `List without a ${attr("list")} child: products have nowhere to render.`, el);
     });
+  }
+  function checkValues(root, add) {
     qsa(root, sel("show")).forEach((el) => {
-      const k = get(el, "show");
-      if (!SHOW.has(k)) add("warn", `Unknown ${attr("show")}="${k}".${didYouMean(k, SHOW)}`, el);
+      const value = get(el, "show") ?? "";
+      if (!SHOW.has(value)) add("warn", `Unknown ${attr("show")}="${value}".${didYouMean(value, SHOW)}`, el);
     });
     qsa(root, sel("bind")).forEach((el) => {
-      const k = get(el, "bind") || "";
-      if (!k || BIND.has(k) || /^image:\d+$/.test(k) || k.startsWith("metafield:")) return;
-      add("warn", `Unknown ${attr("bind")}="${k}": it stays empty.${didYouMean(k, BIND)}`, el);
+      const value = get(el, "bind") || "";
+      if (!value || BIND.has(value) || IMAGE_BIND.test(value) || value.startsWith(METAFIELD_BIND)) return;
+      add("warn", `Unknown ${attr("bind")}="${value}": it stays empty.${didYouMean(value, BIND)}`, el);
     });
+  }
+  function checkMetafieldBinds(root, add) {
+    qsa(root, sel("bind")).forEach((el) => {
+      const value = get(el, "bind") || "";
+      if (!value.startsWith(METAFIELD_BIND)) return;
+      const ref = value.slice(METAFIELD_BIND.length);
+      const listed = cfg.metafields.some(
+        (metafield) => (typeof metafield === "string" ? metafield : `${metafield.namespace}.${metafield.key}`) === ref
+      );
+      if (!listed) {
+        add("error", `${attr("bind")}="${value}" but "${ref}" is not in config.metafields, so it stays empty.`, el);
+      }
+    });
+  }
+  function checkAttributeNames(root, add) {
     const prefix = `${cfg.prefix}-`;
-    const seen = /* @__PURE__ */ new Set();
+    const reported = /* @__PURE__ */ new Set();
     qsa(root, "*").forEach((el) => {
-      for (const a of el.attributes) {
-        if (!a.name.startsWith(prefix)) continue;
-        const name = a.name.slice(prefix.length);
-        if (ATTRS.has(name) || seen.has(name)) continue;
-        seen.add(name);
-        add("warn", `Unknown attribute ${a.name}: Tether ignores it.${didYouMean(name, ATTRS, prefix)}`, el);
+      for (const { name: fullName } of el.attributes) {
+        if (!fullName.startsWith(prefix)) continue;
+        const name = fullName.slice(prefix.length);
+        if (ATTRIBUTES.has(name) || reported.has(name)) continue;
+        reported.add(name);
+        add("warn", `Unknown attribute ${fullName}: Tether ignores it.${didYouMean(name, ATTRIBUTES, prefix)}`, el);
       }
     });
-    qsa(root, sel("bind")).forEach((el) => {
-      const k = get(el, "bind") || "";
-      if (!k.startsWith("metafield:")) return;
-      const ref = k.slice(10);
-      const listed = (cfg.metafields || []).some((m7) => (typeof m7 === "string" ? m7 : `${m7.namespace}.${m7.key}`) === ref);
-      if (!listed) add("error", `${attr("bind")}="${k}" but "${ref}" is not in config.metafields, so it stays empty.`, el);
-    });
-    if (qsa(root, sel("cart-open")).length && !qsa(root, sel("cart-drawer")).length) {
+  }
+  function checkCartAndScopes(root, add) {
+    const drawers = qsa(root, sel("cart-drawer")).length;
+    if (qsa(root, sel("cart-open")).length && !drawers) {
       add("warn", `${attr("cart-open")} exists but there is no ${attr("cart-drawer")} on this page.`);
     }
-    if (qsa(root, sel("cart-drawer")).length > 1) add("warn", `More than one ${attr("cart-drawer")}.`);
+    if (drawers > 1) add("warn", `More than one ${attr("cart-drawer")}.`);
     qsa(root, `[${attr("state")}="error"]`).forEach((el) => {
       if (el.matches(boundary())) add("error", `Scope failed to load (${get(el, "error") || "error"}).`, el);
     });
+  }
+  function checkMarkup(root = document) {
+    const problems = [];
+    const add = (level, message, el) => {
+      problems.push(el ? { level, message, element: describe(el), el } : { level, message });
+    };
+    checkProductKeys(root, add);
+    checkPlacement(root, add);
+    checkValues(root, add);
+    checkAttributeNames(root, add);
+    checkMetafieldBinds(root, add);
+    checkCartAndScopes(root, add);
+    return problems;
+  }
+
+  // src/diagnose.js
+  var MAX_PRODUCTS_CHECKED = 20;
+  var API_UPGRADE_WARNING_MONTHS = 3;
+  var TOKEN_EDGE_CHARACTERS = 4;
+  function maskToken(token) {
+    if (!token) return "(missing)";
+    return `${token.slice(0, TOKEN_EDGE_CHARACTERS)}\u2026${token.slice(-TOKEN_EDGE_CHARACTERS)} (${token.length} chars)`;
+  }
+  function errorText(error, fallback) {
+    if (error instanceof Error && error.message) return error.message;
+    const code = typeof error === "object" && error !== null ? Reflect.get(error, "code") : void 0;
+    return typeof code === "string" && code ? code : fallback;
+  }
+  function configSummary() {
+    return {
+      domain: cfg.domain || "(missing)",
+      token: maskToken(cfg.token),
+      apiVersion: cfg.apiVersion,
+      endpoint: cfg.domain ? endpoint() : null,
+      country: cfg.country,
+      language: cfg.language,
+      locale: cfg.locale,
+      markets: cfg.markets,
+      prefix: cfg.prefix,
+      productPath: cfg.productPath,
+      metafields: cfg.metafields,
+      autoMount: cfg.autoMount,
+      observe: cfg.observe,
+      onError: typeof cfg.onError === "function"
+    };
+  }
+  async function marketSummary() {
+    return {
+      country: cfg.country || null,
+      language: cfg.language || null,
+      locale: cfg.locale || null,
+      detected: cfg.markets?.detect ? (await loadPart("markets")).detectMarket(cfg.markets) : null
+    };
+  }
+  function apiVersionProblem({ ok, monthsLeft, note }) {
+    if (ok && (monthsLeft === void 0 || monthsLeft >= API_UPGRADE_WARNING_MONTHS)) return null;
+    return { level: ok ? "warn" : "error", message: `apiVersion ${cfg.apiVersion}: ${note}` };
+  }
+  async function checkStorefront() {
+    if (!isConfigured()) return { kind: "not-configured" };
+    const startedAt = Date.now();
+    try {
+      const data = await gql(
+        "query TetherDiagnose { shop { name primaryDomain { url } paymentSettings { currencyCode } } }",
+        {},
+        { context: false }
+      );
+      const shop = {
+        name: data.shop.name,
+        url: data.shop.primaryDomain.url,
+        currency: data.shop.paymentSettings.currencyCode
+      };
+      return { kind: "reachable", shop, latencyMs: Date.now() - startedAt };
+    } catch (error) {
+      return { kind: "unreachable", error, latencyMs: Date.now() - startedAt };
+    }
+  }
+  function checkOptions(root, key, product) {
+    const problems = [];
+    const names = product.options.map((option) => option.name);
+    const roots = qsa(root, sel("product")).filter(
+      (el) => resolveProductKey(el).key === key && el.querySelector(sel("add-to-cart"))
+    );
+    for (const el of roots) {
+      const shown = new Set(
+        qsa(el, `${sel("option-list")},select${sel("option")}`).map(
+          (list) => get(list, "option-list") || get(list, "option")
+        )
+      );
+      if (!shown.size && qsa(el, `select${sel("variant-select")}`).length) continue;
+      if (!cfg.language) {
+        for (const name of shown) {
+          if (!name || names.includes(name)) continue;
+          problems.push({
+            level: "warn",
+            message: `Product "${product.handle}" has no option "${name}" (its options: ${names.join(", ") || "none"}).${didYouMean(name, names)}`
+          });
+        }
+      }
+      for (const option of product.options) {
+        if (option.optionValues.length <= 1 || shown.has(option.name)) continue;
+        problems.push({
+          level: "warn",
+          message: `Product "${product.handle}": option "${option.name}" (${option.optionValues.length} values) has no tether-option-list, so visitors can't choose it.`
+        });
+      }
+    }
     return problems;
   }
+  async function checkProducts(root, report) {
+    const allKeys = qsa(root, sel("product")).map((el) => resolveProductKey(el).key);
+    const keys = [...new Set(allKeys.filter((key) => key !== null && key !== ""))].slice(0, MAX_PRODUCTS_CHECKED);
+    const results = await Promise.allSettled(keys.map((key) => getProduct(key)));
+    results.forEach((result, index) => {
+      const key = keys[index] ?? "";
+      if (result.status === "rejected") {
+        const reason = errorText(result.reason, "not loaded");
+        report.products.push({ key, error: result.reason instanceof Error ? result.reason.message : void 0 });
+        report.problems.push({
+          level: "error",
+          message: `Product "${key}": ${reason}. Is it published to the Headless channel?`
+        });
+        return;
+      }
+      const product = result.value;
+      const plans = allPlans(product);
+      report.products.push({
+        key,
+        handle: product.handle,
+        title: product.title,
+        plans: plans.length,
+        requiresSellingPlan: product.requiresSellingPlan
+      });
+      for (const plan of plans) {
+        report.sellingPlans.push({ product: product.handle, group: plan.group.name, plan: plan.name, id: plan.id });
+      }
+      report.problems.push(...checkOptions(root, key, product));
+    });
+  }
   async function diagnose({ root = document, silent = false, version, now = /* @__PURE__ */ new Date() } = {}) {
+    const storefront = await checkStorefront();
     const report = {
       version,
-      config: {
-        domain: cfg.domain || "(missing)",
-        token: mask(cfg.token),
-        apiVersion: cfg.apiVersion,
-        endpoint: cfg.domain ? endpoint() : null,
-        country: cfg.country,
-        language: cfg.language,
-        locale: cfg.locale,
-        markets: cfg.markets || null,
-        prefix: cfg.prefix,
-        productPath: cfg.productPath,
-        metafields: cfg.metafields,
-        autoMount: cfg.autoMount,
-        observe: cfg.observe,
-        onError: typeof cfg.onError === "function"
-      },
+      config: configSummary(),
       apiVersion: apiVersionStatus(cfg.apiVersion, now),
-      // The market in use (a visitor's choice included), plus what detection would pick.
-      market: { country: cfg.country || null, language: cfg.language || null, locale: cfg.locale || null, detected: cfg.markets?.detect ? detectMarket(cfg.markets) : null },
-      reachable: false,
-      shop: null,
-      latencyMs: null,
+      market: await marketSummary(),
+      reachable: storefront.kind === "reachable",
+      shop: storefront.kind === "reachable" ? storefront.shop : null,
+      latencyMs: storefront.kind === "not-configured" ? null : storefront.latencyMs,
       products: [],
       sellingPlans: [],
       problems: []
     };
-    if (!isConfigured()) {
-      report.problems.push({ level: "error", message: "TETHER_CONFIG needs domain and token." });
-    } else {
-      const t0 = Date.now();
-      try {
-        const data = await gql("query TetherDiagnose { shop { name primaryDomain { url } paymentSettings { currencyCode } } }", {}, { context: false });
-        report.reachable = true;
-        report.shop = { name: data.shop?.name, url: data.shop?.primaryDomain?.url, currency: data.shop?.paymentSettings?.currencyCode };
-      } catch (err) {
-        report.problems.push({ level: "error", message: `Storefront API not reachable: ${err.message || err.code || "unknown error"}` });
-      }
-      report.latencyMs = Date.now() - t0;
-      if (report.reachable) {
-        const keys = [...new Set(qsa(root, sel("product")).map((el) => resolveProductKey(el).key).filter(Boolean))].slice(0, 20);
-        const results = await Promise.allSettled(keys.map((k) => getProduct(k)));
-        results.forEach((r, i) => {
-          if (r.status === "fulfilled") {
-            const p = r.value;
-            const plans = allPlans(p);
-            report.products.push({ key: keys[i], handle: p.handle, title: p.title, plans: plans.length, requiresSellingPlan: p.requiresSellingPlan });
-            plans.forEach((pl) => report.sellingPlans.push({ product: p.handle, group: pl.group?.name, plan: pl.name, id: pl.id }));
-            qsa(root, sel("product")).filter((el) => resolveProductKey(el).key === keys[i] && el.querySelector(sel("add-to-cart"))).forEach((el) => {
-              const shown = new Set(qsa(el, `${sel("option-list")},select${sel("option")}`).map((x) => get(x, "option-list") || get(x, "option")));
-              if (!shown.size && qsa(el, `select${sel("variant-select")}`).length) return;
-              const names = (p.options || []).map((o) => o.name);
-              if (!cfg.language) {
-                [...shown].filter((n) => n && !names.includes(n)).forEach((n) => {
-                  report.problems.push({ level: "warn", message: `Product "${p.handle}" has no option "${n}" (its options: ${names.join(", ") || "none"}).${didYouMean(n, names)}` });
-                });
-              }
-              (p.options || []).filter((o) => o.optionValues.length > 1 && !shown.has(o.name)).forEach((o) => {
-                report.problems.push({ level: "warn", message: `Product "${p.handle}": option "${o.name}" (${o.optionValues.length} values) has no tether-option-list, so visitors can't choose it.` });
-              });
-            });
-          } else {
-            report.products.push({ key: keys[i], error: r.reason?.message });
-            report.problems.push({ level: "error", message: `Product "${keys[i]}": ${r.reason?.message || r.reason?.code || "not loaded"}. Is it published to the Headless channel?` });
-          }
+    switch (storefront.kind) {
+      case "not-configured":
+        report.problems.push({ level: "error", message: "TETHER_CONFIG needs domain and token." });
+        break;
+      case "unreachable":
+        report.problems.push({
+          level: "error",
+          message: `Storefront API not reachable: ${errorText(storefront.error, "unknown error")}`
         });
-      }
-    }
-    if (!report.apiVersion.ok || (report.apiVersion.monthsLeft ?? 99) < 3) {
-      report.problems.push({ level: report.apiVersion.ok ? "warn" : "error", message: `apiVersion ${cfg.apiVersion}: ${report.apiVersion.note}` });
+        break;
+      case "reachable":
+        await checkProducts(root, report);
+        break;
     }
+    const versionProblem = apiVersionProblem(report.apiVersion);
+    if (versionProblem) report.problems.push(versionProblem);
     if (typeof document !== "undefined") report.problems.push(...checkMarkup(root));
     if (!silent) print(report);
     return report;
   }
-  function print(r) {
-    const c = console;
-    const errors = r.problems.filter((p) => p.level === "error").length;
-    c.group?.(`[${cfg.prefix}] diagnose: ${errors ? `${errors} error(s)` : "no errors"}, ${r.problems.length - errors} warning(s)`);
-    c.log("version", r.version, "| API", r.apiVersion.version, `(${r.apiVersion.note})`);
-    c.log("config", r.config);
-    if (r.market) c.log("market", `in use: ${[r.market.country, r.market.language].filter(Boolean).join(" / ") || "the store default"}`, r.market.detected ? `(detection picks ${JSON.stringify(r.market.detected)})` : "");
-    c.log(r.reachable ? `Storefront API reachable: ${r.shop?.name} (${r.latencyMs} ms)` : "Storefront API NOT reachable");
-    if (r.products.length) (c.table || c.log)(r.products);
-    if (r.sellingPlans.length) (c.table || c.log)(r.sellingPlans);
-    else if (r.reachable) c.log("No selling plans on the products of this page.");
-    r.problems.forEach((p) => (p.level === "error" ? c.error : c.warn)(p.message, p.el || ""));
-    c.groupEnd?.();
+  function print(report) {
+    const errors = report.problems.filter((problem) => problem.level === "error").length;
+    const warnings = report.problems.length - errors;
+    console.group(`[${cfg.prefix}] diagnose: ${errors ? `${errors} error(s)` : "no errors"}, ${warnings} warning(s)`);
+    console.log("version", report.version, "| API", report.apiVersion.version, `(${report.apiVersion.note})`);
+    console.log("config", report.config);
+    const { country, language, detected } = report.market;
+    const inUse = [country, language].filter(Boolean).join(" / ") || "the store default";
+    console.log("market", `in use: ${inUse}`, detected ? `(detection picks ${JSON.stringify(detected)})` : "");
+    console.log(
+      report.shop ? `Storefront API reachable: ${report.shop.name} (${report.latencyMs ?? 0} ms)` : "Storefront API NOT reachable"
+    );
+    if (report.products.length) console.table(report.products);
+    if (report.sellingPlans.length) console.table(report.sellingPlans);
+    else if (report.reachable) console.log("No selling plans on the products of this page.");
+    for (const problem of report.problems) {
+      if (problem.level === "error") console.error(problem.message, problem.el ?? "");
+      else console.warn(problem.message, problem.el ?? "");
+    }
+    console.groupEnd();
   }
 
   // src/parts/diagnose.js
-  window.Tether.__parts.diagnose = diagnose_exports;
+  var { Tether } = (
+    /** @type {Window & { Tether?: { __parts: Record<string, unknown> } }} */
+    window
+  );
+  if (!Tether) throw new Error("tether.diagnose.js runs after the Tether script, which loads it");
+  Tether.__parts["diagnose"] = diagnose_exports;
 })();