@tokenoftrust/storefront-runner 2.0.53 → 2.0.55

package/apps/storefront/public/shared/commerce-chrome.css

@@ -1,40 +1,10 @@
-/* ============================================================================
-   Shared commerce-chrome stylesheet — ONE platform-shipped, token-driven layer
-   (workstream shared-ecommerce-widgets, unit F2 `shared-chrome-css`).
+/* Shared commerce chrome. Theme values come from the token contract in
+   docs/architecture/token-contract.md; tenant-private brand variables and
+   hard-coded brand colors do not belong here. Dark surfaces derive from
+   --color-text and --color-primary-contrast.
 
-   Generalizes the divergent per-tenant `public/pages/mkt.css` files (some tenants
-   shared a byte-identical base sheet; others carried a richer variant with .mega /
-   .member-cue / .announce-bar / .age-gate / .trust-marks) into a SINGLE stylesheet
-   every storefront links and themes via
-   tokens only. Per decisions raw-chrome-single-stylesheet + materialization-compat.
-
-   CONTRACT-TOKEN-ONLY (docs/architecture/token-contract.md, unit F1). Every value
-   here reads the shared `--color-*` / `--font-*` / `--radius-*` / `--shadow-*` /
-   `--container-max` vocabulary and NO tenant-private brand var (never `--navy`,
-   `--brand-red`, unprefixed `--sale`/`--ink`/`--surface`), and no hard-coded brand
-   hex. On-dark surfaces (footer, age-gate overlay, cat cards) derive from
-   `--color-text` (the deep ink surface) + `--color-primary-contrast` via
-   `color-mix`, so a tenant reskins the whole chrome by supplying tokens/aliases.
-
-   Token mapping from the old per-tenant vars (applied by the integration units
-   that alias each tenant's brand vocabulary onto the contract):
-     --navy / --brand-red  -> --color-primary        (nav active, cart, CTA fill)
-     --navy-dark           -> --color-primary-hover
-     --sale                -> --color-sale           (flag / NEW / marquee emphasis)
-     --surface / --surface-2 / --border / --muted -> --color-{surface,surface-2,border,muted}
-     --ink / --ink-2       -> --color-text
-     --brand-blue          -> --color-accent         (member cue, promo/trust spark)
-     --container           -> --container-max
-     footer / age-gate ink surfaces -> --color-text (+ --color-primary-contrast)
-
-   DELIVERY: platform static asset, served at /shared/commerce-chrome.css (root,
-   global — like /brand, /js). It is a LINKED sheet, not inline: commerce routes
-   (/products, /collections) carry linked <link> sheets but strip inline <style>,
-   which is exactly the PVC breakage this closes. The canonical chrome partial (F3)
-   links it; per-tenant chrome retires its copied mkt.css at integration (I1/I2/I3).
-   rawMarketingHtml.prefixTenantLinks exempts /shared/ so the link survives
-   path-prefix tenant routing (as it already does for /tenants/).
-   ========================================================================== */
+   This linked platform asset is served at /shared/commerce-chrome.css.
+   rawMarketingHtml.prefixTenantLinks leaves /shared/ paths unprefixed. */
 
 /* --- Layout --------------------------------------------------------------- */
 /* Clip (not hidden) so a closed off-canvas mobile drawer never creates a
@@ -132,7 +102,7 @@ body { overflow-x: clip; }
 .site-header { position: sticky; top: 0; z-index: 100; background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
 .site-header .header-row { gap: clamp(12px, 3vw, 40px); }
 .header-row { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(12px, 2.5vw, 32px); padding-block: 14px; }
-/* Logo: image mark (bigd/giant) or text wordmark (PVC) both supported. */
+/* Logo: image mark and text wordmark are both supported. */
 /* object-fit is load-bearing, not polish: with height pinned and width auto, a logo whose
    box is capped by max-width is otherwise STRETCHED to fill it. Measured 2026-09-21 on a
    real tenant: a 500x196 logo (ratio 2.55) rendered at 154x34 (ratio 4.53) on mobile.
@@ -196,11 +166,11 @@ body { overflow-x: clip; }
 /* --- Primary nav + mega-menu ---------------------------------------------- */
 .primary-nav { flex: 1; }
 .primary-nav > ul { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(10px, 1.6vw, 22px); }
-/* Flat links (bigd/giant) */
+/* Flat primary links */
 .primary-nav a { font-weight: 600; font-size: .92rem; color: var(--color-text); padding: 6px 2px; border-bottom: 2px solid transparent; transition: color .15s, border-color .15s; }
 .primary-nav a:hover { color: var(--color-primary); border-color: var(--color-primary); }
 .primary-nav a.is-flag { color: var(--color-sale); }
-/* Nav items with dropdowns (PVC mega) */
+/* Nav items with dropdowns */
 .primary-nav .nav-item { position: relative; }
 .primary-nav .nav-item > a { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; font-size: .92rem; color: var(--color-text); padding: 14px 2px; border-bottom: 2px solid transparent; transition: color .15s, border-color .15s; }
 .primary-nav .nav-item > a:hover, .primary-nav .nav-item:focus-within > a { color: var(--color-primary); border-color: var(--color-primary); }
@@ -211,7 +181,7 @@ body { overflow-x: clip; }
   display: inline-block; background: var(--color-sale); color: var(--color-primary-contrast); font-size: .58rem; font-weight: 800;
   letter-spacing: .06em; padding: 2px 5px; border-radius: var(--radius-sm); margin-left: 6px; vertical-align: middle;
 }
-/* Second-row nav bar (bigd) + nav-bar container (PVC) */
+/* Second-row nav bar and its container */
 .primary-nav-bar { border-top: 1px solid var(--color-border); background: var(--color-surface); }
 .primary-nav-bar .container { padding-block: 4px; }
 .primary-nav-bar .primary-nav > ul { gap: clamp(10px, 1.4vw, 20px); }
@@ -352,7 +322,7 @@ a.article-card__tag:hover { text-decoration: underline; }
 .footer-col ul { display: flex; flex-direction: column; gap: 9px; }
 .footer-col a { color: color-mix(in srgb, var(--color-primary-contrast) 78%, transparent); font-size: .92rem; }
 .footer-col a:hover { color: var(--color-primary-contrast); text-decoration: underline; }
-/* Newsletter signup (PVC) */
+/* Newsletter signup */
 .footer-news { margin-top: 14px; }
 .footer-news__row { display: flex; gap: 8px; }
 .footer-news input[type="email"] { flex: 1; min-width: 0; border: 1px solid color-mix(in srgb, var(--color-primary-contrast) 22%, transparent); border-radius: var(--radius-md); padding: 10px 12px; font-size: .88rem; background: color-mix(in srgb, var(--color-text) 88%, var(--color-primary-contrast)); color: var(--color-primary-contrast); }
@@ -391,7 +361,7 @@ a.article-card__tag:hover { text-decoration: underline; }
 }
 .pay-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
 .pay-badges span { font-size: .62rem; font-weight: 700; letter-spacing: .04em; color: color-mix(in srgb, var(--color-primary-contrast) 82%, transparent); border: 1px solid color-mix(in srgb, var(--color-primary-contrast) 22%, transparent); border-radius: var(--radius-sm); padding: 4px 7px; }
-/* Trust marks strip (PVC) */
+/* Trust marks strip */
 .trust-marks { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 30px; padding-top: 20px; border-top: 1px solid color-mix(in srgb, var(--color-primary-contrast) 12%, transparent); }
 .trust-marks span { display: inline-flex; align-items: center; gap: 7px; font-size: .82rem; font-weight: 600; color: color-mix(in srgb, var(--color-primary-contrast) 82%, transparent); }
 .trust-marks svg { width: 17px; height: 17px; stroke: var(--color-accent); fill: none; stroke-width: 1.8; }

package/apps/storefront/src/layouts/Layout.astro

@@ -212,7 +212,7 @@ if (features.catalog) {
 }
 
 // Per-vendor header treatment from the theme file: a "dark" header renders the
-// bar in the primary color carrying the light logo (e.g. Giant Vapes' navy +
+// bar in the primary color carrying the light logo (e.g. a merchant's navy +
 // white logo); a light header always shows the text wordmark (no logo image).
 const headerDark = theme.brand.headerVariant === "dark";
 const headerLogoSrc = headerDark ? theme.brand.logoLight : theme.brand.logoDark;

package/apps/storefront/src/styles/fonts.css

@@ -14,7 +14,6 @@
  * Families/weights (keep in sync with the themes in src/themes/*):
  *   Reference (PVC, sample-store-2, home): Space Grotesk 500/600/700 (display),
  *     Source Serif 4 400/500/600 (body), Space Mono 400 (mono)
- *   sample-store-3.com: Montserrat 600/700/800 (display), Inter 400/500/600 (body)
  *   tokenoftrust.com: Plus Jakarta Sans 500/600/700/800 (display),
  *     Inter 400/500/600 (body), JetBrains Mono 400/500 (mono)
  *   vapenicotinefree.com: Anuphan 400/500/600/700 (display + body)
@@ -30,15 +29,15 @@
 @import "@fontsource/source-serif-4/500.css";
 @import "@fontsource/source-serif-4/600.css";
 
-/* Space Mono — reference mono (also sample-store-3' inherited mono) */
+/* Space Mono — reference mono */
 @import "@fontsource/space-mono/400.css";
 
-/* Montserrat — sample-store-3 display */
+/* Montserrat — merchant display */
 @import "@fontsource/montserrat/600.css";
 @import "@fontsource/montserrat/700.css";
 @import "@fontsource/montserrat/800.css";
 
-/* Inter — sample-store-3 + tokenoftrust body */
+/* Inter — merchant and platform body */
 @import "@fontsource/inter/400.css";
 @import "@fontsource/inter/500.css";
 @import "@fontsource/inter/600.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokenoftrust/storefront-runner",
-  "version": "2.0.53",
+  "version": "2.0.55",
   "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/scripts/tenant/materialize-tenant-content.mjs

@@ -211,7 +211,7 @@ export function materializeTenant({
   const cloneUrl = remote ?? buildCloneUrl({ base: gitBase, repo, user, token });
   const work = mkdtempSync(join(tmpdir(), `materialize-${tenant}-`));
   const git = (args, cwd = work) =>
-    execFileSync("git", args, { cwd, stdio: ["ignore", "pipe", "pipe"] })
+    execFileSync("git", ["-c", "http.followRedirects=false", ...args], { cwd, stdio: ["ignore", "pipe", "pipe"] })
       .toString()
       .trim();
   try {
@@ -462,7 +462,7 @@ export function checkFresh(
     const cloneUrl = buildCloneUrl({ base: gitBase, repo, user, token });
     let liveSha = "";
     try {
-      const out = execFileSync("git", ["ls-remote", cloneUrl, movableRef], {
+      const out = execFileSync("git", ["-c", "http.followRedirects=false", "ls-remote", cloneUrl, movableRef], {
         stdio: ["ignore", "pipe", "pipe"],
       }).toString();
       liveSha = (out.split(/\s+/)[0] || "").trim();