@tokenoftrust/storefront-runner 2.2.95 → 2.2.96

package/agency-kit/tools/lib/embed-catalog.mjs

@@ -0,0 +1,99 @@
+/**
+ * The reviewed third-party embed catalog: the providers a store may opt into, and the exact
+ * origins each one needs. The one copy: the platform's CSP, its reconcile frame check, the
+ * static-publish CSP pipeline, the dev-loop lint and the kit's own tools all read it (the platform
+ * re-exports this module).
+ *
+ * Pure and dependency-free, so plain `node` tooling and the Worker both import it.
+ *
+ * A store opts in by slug: `embeds` in its `.tot/config.json` (or its `embeds.json`). Each entry:
+ * `markers` are substrings that appear in rendered HTML when the embed is on a page (so CSP origins
+ * are added only to pages that use it); `frameSrc`/`connectSrc`/`scriptSrc` are the EXACT origins
+ * the embed needs in the parent document, never wildcards. The embed renders in a cross-origin
+ * iframe governed by the provider's own CSP.
+ *
+ * @type {Readonly<Record<string, {
+ *   label: string, markers: readonly string[], scriptSrc?: readonly string[],
+ *   connectSrc?: readonly string[], frameSrc?: readonly string[] }>>}
+ */
+export const EMBED_PROVIDERS = {
+  pipedrive: {
+    label: "Pipedrive Web Forms",
+    // The embed div carries data-pd-webforms=… and the loader is
+    // webforms.pipedrive.com/f/loader; either marker means the form is present.
+    markers: ["webforms.pipedrive.com", "pipedriveWebForms"],
+    // The nonce-allowed loader fetches its form definition from this origin and
+    // mounts the form in a same-origin iframe from it. script-src as a
+    // belt-and-suspenders in case a future loader drops the parent-tag nonce.
+    scriptSrc: ["https://webforms.pipedrive.com"],
+    connectSrc: ["https://webforms.pipedrive.com"],
+    frameSrc: ["https://webforms.pipedrive.com"],
+  },
+  youtube: {
+    label: "YouTube video (privacy-enhanced)",
+    // Only the privacy-enhanced player: it sets no tracking cookies until the visitor plays the
+    // video. A www.youtube.com/embed/ iframe is rewritten to it (tools/video-embeds.mjs).
+    markers: ["www.youtube-nocookie.com/embed/"],
+    frameSrc: ["https://www.youtube-nocookie.com"],
+  },
+  vimeo: {
+    label: "Vimeo video",
+    markers: ["player.vimeo.com/video/"],
+    frameSrc: ["https://player.vimeo.com"],
+  },
+};
+
+/**
+ * Every frame origin the given opted-in slugs allow (unknown slugs allow nothing).
+ * @param {readonly string[] | null | undefined} slugs
+ * @returns {string[]}
+ */
+export function embedFrameOrigins(slugs) {
+  /** @type {Set<string>} */
+  const out = new Set();
+  for (const slug of slugs ?? []) {
+    for (const origin of EMBED_PROVIDERS[slug]?.frameSrc ?? []) out.add(origin);
+  }
+  return [...out];
+}
+
+/**
+ * The catalog slug whose `frameSrc` includes `origin`, or null.
+ * @param {string} origin
+ * @returns {string | null}
+ */
+export function embedSlugForFrameOrigin(origin) {
+  for (const [slug, provider] of Object.entries(EMBED_PROVIDERS)) {
+    if (provider.frameSrc?.includes(origin)) return slug;
+  }
+  return null;
+}
+
+// A tag's `src`, in HTML or in HTML held in a JSON string (where its quotes are escaped).
+const IFRAME_TAG_RE = /<iframe\b[^>]*>/gi;
+const SRC_ATTR_RE = /\bsrc\s*=\s*\\?["']([^"'\\]+)/i;
+
+/**
+ * Every `<iframe>` in a text (HTML, or JSON holding HTML), with the origin of its `src` (null when
+ * it has none or it is not an absolute URL).
+ *
+ * @param {string} text
+ * @returns {Array<{ tag: string, src: string | null, origin: string | null }>}
+ */
+export function findIframes(text) {
+  /** @type {Array<{ tag: string, src: string | null, origin: string | null }>} */
+  const out = [];
+  for (const [tag] of String(text).matchAll(IFRAME_TAG_RE)) {
+    const src = SRC_ATTR_RE.exec(tag)?.[1] ?? null;
+    let origin = null;
+    if (src) {
+      try {
+        origin = new URL(src).origin;
+      } catch {
+        origin = null;
+      }
+    }
+    out.push({ tag, src, origin });
+  }
+  return out;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokenoftrust/storefront-runner",
-  "version": "2.2.95",
+  "version": "2.2.96",
   "license": "SEE LICENSE IN LICENSE",
   "description": "World-shareable storefront runner: multi-tenant renderer on Astro/Cloudflare. No control plane.",
   "packageManager": "pnpm@11.9.0",

package/packages/cli/src/declared-config.mjs

@@ -11,7 +11,7 @@
 
 export const TOT_CONFIG_KEYS = [
   "$schema", "tenant", "scope", "mappings", "hostPlatform", "sample", "seed",
-  "siteType", "compliance", "capabilities", "features",
+  "siteType", "compliance", "capabilities", "features", "embeds",
 ];
 // Keys other tooling has written that the platform does NOT read, with the key it does.
 const RENAMED_CONFIG_KEYS = { appDomain: "scope", tenantId: "tenant" };
@@ -74,5 +74,9 @@ export function validateDeclaredConfig(config, file = ".tot/config.json") {
   if (config.capabilities !== undefined && !isObject(config.capabilities)) {
     out.push(mk(ERROR, "config-capabilities", file, "`capabilities` must be an object"));
   }
+  if (config.embeds !== undefined
+    && !(Array.isArray(config.embeds) && config.embeds.every((/** @type {unknown} */ s) => typeof s === "string"))) {
+    out.push(mk(ERROR, "config-embeds", file, '`embeds` must be an array of embed slugs, e.g. ["youtube"]'));
+  }
   return out;
 }

package/packages/public-runtime/package.json

@@ -18,6 +18,7 @@
     "./hosted-image-media-types": "./src/hosted-image-media-types.ts",
     "./durable-assets": "./src/durable-assets.ts",
     "./catalog-files": "./src/catalog-files.ts",
+    "./embed-catalog": "./src/embed-catalog.mjs",
     "./retention-holds": "./src/retention-holds.ts",
     "./tenant-embed-defaults": "./src/tenant-embed-defaults.mjs",
     "./declared-tenant-config": "./src/declared-tenant-config.mjs",

package/packages/public-runtime/src/declared-tenant-config.d.mts

@@ -1,7 +1,7 @@
 /** Types for the dependency-free declared-tenant-config module (declared-tenant-config.mjs). */
 import type { TenantConfig } from "./tenant.js";
 
-export type DeclaredTenantConfigField = "siteType" | "compliance" | "capabilities" | "features";
+export type DeclaredTenantConfigField = "siteType" | "compliance" | "capabilities" | "features" | "embeds";
 export type DeclaredTenantConfig = Partial<Pick<TenantConfig, DeclaredTenantConfigField>>;
 
 export const DECLARED_TENANT_CONFIG_FIELDS: readonly DeclaredTenantConfigField[];

package/packages/public-runtime/src/declared-tenant-config.mjs

@@ -23,6 +23,7 @@ export const DECLARED_TENANT_CONFIG_FIELDS = Object.freeze([
   "compliance",
   "capabilities",
   "features",
+  "embeds",
 ]);
 
 /**
@@ -86,11 +87,12 @@ export function declaredTenantConfig(config) {
   /** @type {Record<string, unknown>} */
   const out = {};
   if (!isPlainObject(config)) return out;
-  const { siteType, compliance, capabilities, features } = /** @type {Record<string, unknown>} */ (config);
+  const { siteType, compliance, capabilities, features, embeds } = /** @type {Record<string, unknown>} */ (config);
   if (typeof siteType === "string" && SITE_TYPES.has(siteType)) out.siteType = siteType;
   if (isPlainObject(compliance)) out.compliance = compliance;
   if (isPlainObject(capabilities)) out.capabilities = capabilities;
   if (isPlainObject(features)) out.features = features;
+  if (Array.isArray(embeds) && embeds.every((slug) => typeof slug === "string")) out.embeds = embeds;
   return out;
 }
 
@@ -101,8 +103,9 @@ export function isEmptyDeclaredTenantConfig(declared) {
 
 /**
  * Overlay a declaration onto a resolved tenant. `siteType` is replaced; the object
- * fields merge key by key, so a declaration adds to — and can set individual keys
- * of — what the platform record already carries, but never erases a key it omits.
+ * fields merge key by key, and `embeds` (catalog slugs) is unioned, so a declaration
+ * adds to — and can set individual keys of — what the platform record already
+ * carries, but never erases what it omits.
  *
  * @template T
  * @param {T} tenant
@@ -115,9 +118,12 @@ export function applyDeclaredTenantConfig(tenant, declared) {
   for (const field of DECLARED_TENANT_CONFIG_FIELDS) {
     const value = declared[field];
     if (value === undefined) continue;
-    out[field] = isPlainObject(value) && isPlainObject(out[field])
-      ? { ...out[field], ...value }
-      : value;
+    const current = out[field];
+    out[field] = isPlainObject(value) && isPlainObject(current)
+      ? { ...current, ...value }
+      : Array.isArray(value) && Array.isArray(current)
+        ? [...new Set([...current, ...value])]
+        : value;
   }
   return /** @type {T} */ (out);
 }

package/packages/public-runtime/src/embed-catalog.d.mts

@@ -1,9 +1,2 @@
-/** Types for the dependency-free embed catalog data module (embed-catalog.mjs). */
-export interface EmbedProviderData {
-  label: string;
-  markers: readonly string[];
-  scriptSrc?: readonly string[];
-  connectSrc?: readonly string[];
-  frameSrc?: readonly string[];
-}
-export const EMBED_PROVIDERS: Readonly<Record<string, EmbedProviderData>>;
+/** Types for the reviewed embed catalog (agency-kit/tools/lib/embed-catalog.mjs), re-exported here. */
+export * from "../../../agency-kit/tools/lib/embed-catalog.mjs";

package/packages/public-runtime/src/embed-catalog.mjs

@@ -1,40 +1,5 @@
-/**
- * Single source of truth for the third-party embed catalog (CSP allowlist).
- *
- * Plain JS ON PURPOSE: this data is consumed both by TypeScript (csp.ts, the
- * worker runtime) AND by plain-`node` tooling that can't import TS — the
- * dev-loop lint (scripts/tenant/lint-embeds.mjs) runs under `node --test` /
- * `node`. Keeping the catalog here, dependency-free, lets those share ONE copy
- * instead of hand-mirroring it. (The published `tot` CLI validator keeps its own
- * inline copy — it can't reach this package at runtime — but a parity test
- * pins it to this module so it can't drift.)
- *
- * Each entry: `markers` are substrings that appear in rendered HTML when the
- * embed is present on a page (so the CSP origins are added only to pages that
- * actually use it); `frameSrc`/`connectSrc`/`scriptSrc` are the EXACT hosts the
- * embed needs in the parent document — never wildcards. The embed itself renders
- * in a cross-origin iframe governed by the provider's own CSP.
- *
- * @typedef {Object} EmbedProviderData
- * @property {string} label
- * @property {readonly string[]} markers
- * @property {readonly string[]} [scriptSrc]
- * @property {readonly string[]} [connectSrc]
- * @property {readonly string[]} [frameSrc]
- *
- * @type {Readonly<Record<string, EmbedProviderData>>}
- */
-export const EMBED_PROVIDERS = {
-  pipedrive: {
-    label: "Pipedrive Web Forms",
-    // The embed div carries data-pd-webforms=… and the loader is
-    // webforms.pipedrive.com/f/loader; either marker means the form is present.
-    markers: ["webforms.pipedrive.com", "pipedriveWebForms"],
-    // The nonce-allowed loader fetches its form definition from this origin and
-    // mounts the form in a same-origin iframe from it. script-src as a
-    // belt-and-suspenders in case a future loader drops the parent-tag nonce.
-    scriptSrc: ["https://webforms.pipedrive.com"],
-    connectSrc: ["https://webforms.pipedrive.com"],
-    frameSrc: ["https://webforms.pipedrive.com"],
-  },
-};
+// @ts-check
+// The reviewed embed catalog is the agency kit's pure module, so a store developer checks an embed
+// with the kit alone and the platform enforces the same entries. This subpath is how the platform
+// imports it.
+export * from "../../../agency-kit/tools/lib/embed-catalog.mjs";

package/scripts/tenant/validate.mjs

@@ -1241,10 +1241,11 @@ export function validateTenant(tenantDir, opts = {}) {
   // spot a human has to notice. Advisory (info) when there's no embeds.json to
   // compare against, since the opt-in may be the platform build-time default.
   if (existsSync(contentDir)) {
-    let declaredEmbeds = null;
+    // The opt-in is the `embeds` .tot/config.json declares, plus an embeds.json.
+    let declaredEmbeds = Array.isArray(config?.embeds) ? config.embeds.filter((s) => typeof s === "string") : null;
     if (existsSync(embedsPath)) {
       const { value } = readJsonSafe(embedsPath);
-      if (Array.isArray(value)) declaredEmbeds = value.filter((s) => typeof s === "string");
+      if (Array.isArray(value)) declaredEmbeds = [...(declaredEmbeds ?? []), ...value.filter((s) => typeof s === "string")];
     }
     for (const f of lintTenantEmbeds({ dir: contentDir, declared: declaredEmbeds }).findings) {
       findings.push(mk(f.level, "embed-csp", rel(f.file), f.message));