@tryvitris/website-harness 1.0.1 → 1.1.0

package/bin/chunks/{chunk-37F7XIMH.js → chunk-JTXFTNEA.js}

@@ -1,3 +1,7 @@
+import {
+  typographyCss,
+  typographyEnabled
+} from "./chunk-S2XVNTQP.js";
 import {
   iconCss,
   renderIcon
@@ -2573,8 +2577,9 @@ function usedComponents(pages) {
   }
   return [...names];
 }
-function siteCss(pages, catalog) {
+function siteCss(pages, catalog, site) {
   const chunks = [baseCss, primitivesCss];
+  if (typographyEnabled(site)) chunks.push(typographyCss());
   if (pages.some((page) => page.bodyHtml.includes("data-vitris-icon="))) chunks.push(iconCss);
   for (const name of usedComponents(pages)) {
     const css = catalog[name]?.css;

package/bin/chunks/{chunk-JBSGJR7X.js → chunk-KR5ZUZV2.js}

@@ -6,10 +6,10 @@ import {
   planKitUpgrade,
   recoverKitUpgrade,
   rollbackKitUpgrade
-} from "./chunk-GQPUILFR.js";
+} from "./chunk-WK7HJI5H.js";
 import {
   findHarnessRoot
-} from "./chunk-H3BS2EBR.js";
+} from "./chunk-WIT6364Y.js";
 import {
   json,
   save

package/bin/chunks/{chunk-65LRZIBP.js → chunk-MAPY3YVE.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-XL2DRAYI.js";
 import {
   sourceRevision
-} from "./chunk-GQPUILFR.js";
+} from "./chunk-WK7HJI5H.js";
 import {
   previewServer
 } from "./chunk-WEFDVXFX.js";
@@ -22,7 +22,7 @@ import {
   providerConsoleWarning,
   readOnlyEmbedProvider,
   unresolvedCaptureBlockers
-} from "./chunk-H3BS2EBR.js";
+} from "./chunk-WIT6364Y.js";
 import {
   save,
   within

package/bin/chunks/{chunk-VKU5TY5C.js → chunk-MYX4FET4.js}

@@ -6,7 +6,7 @@ import {
   selectStageKnowledge,
   signalsFromSite,
   siteWidgets
-} from "./chunk-GQPUILFR.js";
+} from "./chunk-WK7HJI5H.js";
 import {
   coverageReport,
   loadKnowledgeV2

package/bin/chunks/{chunk-54QPYUM2.js → chunk-OZD7ZWDX.js}

@@ -13,7 +13,7 @@ import {
   formatExclusion,
   isErrorPage,
   isPlaywrightLaunchFailure
-} from "./chunk-GQPUILFR.js";
+} from "./chunk-WK7HJI5H.js";
 import {
   json,
   save

package/bin/chunks/chunk-S2XVNTQP.js

@@ -0,0 +1,90 @@
+// src/typography.ts
+var TYPE_ROLES = ["display", "section", "subheading", "card-title", "body", "ui", "caption", "label"];
+var MINIMUM_TYPE_PX = 12;
+var DEFAULT_TYPE_ROLES = {
+  display: { size: "clamp(2.75rem, 1.8rem + 4vw, 5rem)", weight: 600, lineHeight: "1.08", tracking: "-0.03em", font: "display" },
+  section: { size: "clamp(2rem, 1.5rem + 2vw, 3.5rem)", weight: 600, lineHeight: "1.15", tracking: "-0.025em", font: "display" },
+  subheading: { size: "clamp(1.5rem, 1.3rem + 0.8vw, 2rem)", weight: 600, lineHeight: "1.25", tracking: "-0.015em", font: "display" },
+  "card-title": { size: "1.5rem", weight: 600, lineHeight: "1.3", tracking: "-0.01em", font: "display" },
+  body: { size: "1.125rem", weight: 400, lineHeight: "1.6", tracking: "normal", font: "body" },
+  ui: { size: "1rem", weight: 600, lineHeight: "1.5", tracking: "normal", font: "body" },
+  caption: { size: "0.875rem", weight: 400, lineHeight: "1.5", tracking: "normal", font: "body" },
+  label: { size: "0.875rem", weight: 600, lineHeight: "1.5", tracking: "0.02em", font: "body" }
+};
+var TYPE_SELECTORS = {
+  display: ["h1"],
+  section: ["h2", ".stat__value", ".stat--sm .stat__value", ".price__amount"],
+  subheading: ["h3", ".card__body > h3"],
+  "card-title": ["h4", ".card__body > h4", ".brand", ".quote", ".quote--lg", ".quote--card"],
+  body: ["body", ".lede", ".section__head .lede", ".lede--lg", ".list-check li", ".rating"],
+  ui: ["h5", "h6", "button", "input", "select", "textarea", "nav a", ".nav-links a", "summary", ".accordion summary", ".btn", ".btn-outline", ".btn-ghost", ".btn-arrow", ".skip-link", ".c-cookie-banner__title", ".c-cookie-banner__more", ".announcement a"],
+  caption: ["small", "figcaption", "sub", "sup", ".stat__label", ".price__period", ".byline", ".quote cite", ".quote footer", ".announcement", ".c-cookie-banner__text"],
+  label: ["label", ".eyebrow", ".badge", ".table th", ".chips > legend", ".chips__label", ".chips span"]
+};
+function typographyEnabled(site) {
+  if (site?.typography && site.typography.version !== 1) throw Error("Unsupported typography policy version");
+  return site?.typography?.version === 1;
+}
+function resolvedTypography(theme = {}) {
+  return Object.fromEntries(TYPE_ROLES.map((role) => [role, { ...DEFAULT_TYPE_ROLES[role], ...theme.typography?.roles?.[role] }]));
+}
+function validateTypography(value, requireRoles = false) {
+  const errors = [];
+  if (!value || typeof value !== "object" || Array.isArray(value)) return ["Typography requires a shared roles object in theme/defaults.json"];
+  const system = value;
+  if (!system.roles || typeof system.roles !== "object" || Array.isArray(system.roles)) return ["Typography roles must be an object"];
+  if (requireRoles) {
+    for (const role of TYPE_ROLES) if (!system.roles[role] || typeof system.roles[role] !== "object" || Object.keys(DEFAULT_TYPE_ROLES[role]).some((key) => !(key in system.roles[role]))) errors.push(`Typography role ${role} must declare size, weight, lineHeight, tracking and font`);
+  }
+  const check = (style, name) => {
+    if (!style || typeof style !== "object" || Array.isArray(style)) {
+      errors.push(`Invalid typography style: ${name}`);
+      return;
+    }
+    for (const key of ["size", "lineHeight", "tracking"]) if (style[key] !== void 0 && (typeof style[key] !== "string" || !style[key].trim() || /[;{}<>]/.test(style[key]))) errors.push(`Invalid typography ${name}.${key}`);
+    if (style.weight !== void 0 && (!Number.isFinite(style.weight) || style.weight < 1 || style.weight > 1e3)) errors.push(`Invalid typography ${name}.weight`);
+    if (style.font !== void 0 && !["body", "display"].includes(style.font)) errors.push(`Invalid typography ${name}.font`);
+    for (const key of Object.keys(style)) if (!["size", "weight", "lineHeight", "tracking", "font", "role", "reason"].includes(key)) errors.push(`Unknown typography property ${name}.${key}`);
+  };
+  for (const [role, style] of Object.entries(system.roles)) {
+    if (!TYPE_ROLES.includes(role)) errors.push(`Unknown typography role: ${role}`);
+    check(style, role);
+  }
+  if (system.variants !== void 0 && (!system.variants || typeof system.variants !== "object" || Array.isArray(system.variants))) errors.push("Typography variants must be an object");
+  else for (const [name, variant] of Object.entries(system.variants || {})) {
+    if (!/^[a-z][a-z0-9-]*$/.test(name) || !variant || !TYPE_ROLES.includes(variant.role) || typeof variant.reason !== "string" || !variant.reason.trim()) errors.push(`Typography variant ${name} needs a known role and reason`);
+    check(variant, name);
+  }
+  return errors;
+}
+function typographyVariables(theme) {
+  const errors = theme.typography ? validateTypography(theme.typography) : [];
+  if (errors.length) throw Error(errors.join("\n"));
+  const roles = resolvedTypography(theme);
+  const values = (prefix, style) => `  --type-${prefix}-size: ${style.size};
+  --type-${prefix}-weight: ${style.weight};
+  --type-${prefix}-leading: ${style.lineHeight};
+  --type-${prefix}-tracking: ${style.tracking};
+  --type-${prefix}-font: var(--font-${style.font});`;
+  return [...TYPE_ROLES.map((role) => values(role, roles[role])), ...Object.entries(theme.typography?.variants || {}).map(([name, variant]) => values(`variant-${name}`, { ...roles[variant.role], ...variant }))].join("\n");
+}
+function typographyCss() {
+  const declarations = (name) => `font-size:var(--type-${name}-size);font-weight:var(--type-${name}-weight);line-height:var(--type-${name}-leading);letter-spacing:var(--type-${name}-tracking);font-family:var(--type-${name}-font);font-synthesis:none`;
+  return [...TYPE_ROLES.map((role) => `${TYPE_SELECTORS[role].join(",")}{${declarations(role)}}`), ...TYPE_ROLES.map((role) => `[data-type-role="${role}"][data-type-role]{${declarations(role)}}`)].join("\n");
+}
+function typographyVariantCss(theme) {
+  return Object.keys(theme.typography?.variants || {}).map((name) => `[data-type-variant="${name}"][data-type-variant][data-type-variant]{font-size:var(--type-variant-${name}-size);font-weight:var(--type-variant-${name}-weight);line-height:var(--type-variant-${name}-leading);letter-spacing:var(--type-variant-${name}-tracking);font-family:var(--type-variant-${name}-font)}`).join("\n");
+}
+
+export {
+  TYPE_ROLES,
+  MINIMUM_TYPE_PX,
+  DEFAULT_TYPE_ROLES,
+  TYPE_SELECTORS,
+  typographyEnabled,
+  resolvedTypography,
+  validateTypography,
+  typographyVariables,
+  typographyCss,
+  typographyVariantCss
+};

package/bin/chunks/{chunk-UR4NWYVW.js → chunk-SBOUSO3S.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2NW7KSPA.js";
 import {
   verifyPreservedSite
-} from "./chunk-65LRZIBP.js";
+} from "./chunk-MAPY3YVE.js";
 import {
   EXIT_CODES
 } from "./chunk-JCRGE6AL.js";
@@ -13,7 +13,7 @@ import {
 import {
   gradeAll,
   sourceRevision
-} from "./chunk-GQPUILFR.js";
+} from "./chunk-WK7HJI5H.js";
 import {
   parseReleaseRecord
 } from "./chunk-M4LNHYYR.js";
@@ -21,7 +21,7 @@ import {
   buildVerified,
   findHarnessRoot,
   isPreserveSite
-} from "./chunk-H3BS2EBR.js";
+} from "./chunk-WIT6364Y.js";
 import {
   json,
   save

package/bin/chunks/{chunk-KIWEFRNG.js → chunk-SXPLCCO7.js}

@@ -1,12 +1,12 @@
 import {
   prepareChange,
   verifyChange
-} from "./chunk-72Y4YMTV.js";
+} from "./chunk-AD7WAHW2.js";
 import {
   deployVerifiedArtifact,
   prepareQuickRelease,
   prepareVerifiedRelease
-} from "./chunk-UR4NWYVW.js";
+} from "./chunk-SBOUSO3S.js";
 import {
   creativeRunStatus,
   currentRunId,
@@ -14,10 +14,10 @@ import {
   runCreativeProfile,
   startDesignReview,
   submitFeedback
-} from "./chunk-RE4GOHSU.js";
+} from "./chunk-AS74YXGM.js";
 import {
   verifyPreservedSite
-} from "./chunk-65LRZIBP.js";
+} from "./chunk-MAPY3YVE.js";
 import {
   EXIT_CODES
 } from "./chunk-JCRGE6AL.js";
@@ -35,7 +35,7 @@ import {
   prepareRefine,
   runWorkflow,
   verifyRefine
-} from "./chunk-GQPUILFR.js";
+} from "./chunk-WK7HJI5H.js";
 import {
   parseGraphYaml
 } from "./chunk-BBV7PMFC.js";
@@ -49,7 +49,7 @@ import {
   buildVerified,
   findKernelRoot,
   isPreserveSite
-} from "./chunk-H3BS2EBR.js";
+} from "./chunk-WIT6364Y.js";
 import {
   recoverPendingTransactions,
   save

package/bin/chunks/{chunk-H3BS2EBR.js → chunk-WIT6364Y.js}

@@ -2,10 +2,10 @@ import {
   buildSite,
   connectForms,
   loadSiteDir
-} from "./chunk-L44ZTNDM.js";
+} from "./chunk-GPS3SAGQ.js";
 import {
   leadsJs
-} from "./chunk-37F7XIMH.js";
+} from "./chunk-JTXFTNEA.js";
 import {
   acquirePathLock,
   files,
@@ -686,7 +686,7 @@ async function buildVerified(siteRoot, output = join8(siteRoot, "dist"), origin,
   const local = await loadSiteDir(root);
   if (slug) local.site = { ...local.site, slug };
   const launch = existsSync8(join8(root, "launch.json")) ? json(join8(root, "launch.json")) : {};
-  await buildSite({ ...local, webAnalyticsToken: launch.webAnalyticsToken, forms: launch.forms, kernelOrigin: origin || process.env.VITRIS_BACKEND_ORIGIN || process.env.KERNEL_ORIGIN || launch.backendOrigin || launch.kernelOrigin || "", publicOrigin: process.env.VITRIS_PUBLIC_ORIGIN || launch.publicOrigin, outDir: stage });
+  await buildSite({ ...local, webAnalyticsToken: launch.webAnalyticsToken, scheduling: launch.scheduling, forms: launch.forms, kernelOrigin: origin || process.env.VITRIS_BACKEND_ORIGIN || process.env.KERNEL_ORIGIN || launch.backendOrigin || launch.kernelOrigin || "", publicOrigin: process.env.VITRIS_PUBLIC_ORIGIN || launch.publicOrigin, outDir: stage });
   for (const path of ["media", "public"]) {
     const source = within(root, path);
     if (!existsSync8(source)) continue;
@@ -734,7 +734,7 @@ ${from} ${route.target} 301`;
   save(join8(stage, "package-manifest.json"), { slug: local.site.slug || "", site: local.site });
   const kernelParent = resolve3(import.meta.dirname, "..");
   const kernelSource = existsSync8(join8(kernelParent, "compile")) ? kernelParent : join8(kernelParent, "src");
-  save(join8(stage, "build-evidence.json"), { version: 2, sourceHash: sourceHash(root), compilerHash: fingerprint(kernelSource, ["compile", "build", "runtime", "forms", "theme.ts"]) });
+  save(join8(stage, "build-evidence.json"), { version: 2, sourceHash: sourceHash(root), compilerHash: fingerprint(kernelSource, ["compile", "build", "runtime", "forms", "scheduling", "theme.ts", "typography.ts"]) });
   const previous = out + `.previous-${Date.now()}-${process.pid}`;
   if (existsSync8(out)) replacePath(out, previous);
   try {