@drawnagency/primitives 0.1.91 → 0.1.92

package/dist/{chunk-ZLG7S54V.js → chunk-7QEJDYTG.js}

@@ -3,7 +3,7 @@ import {
   pluralize,
   stripHtmlToPlainText,
   truncate
-} from "./chunk-XUIJHYKI.js";
+} from "./chunk-A2V7BZPD.js";
 import {
   DeleteButton,
   DragHandle,
@@ -17,11 +17,11 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "./chunk-SIYQ37QY.js";
+} from "./chunk-IZLXF3CR.js";
 import {
   EditableRichText,
   defineHeadingSection
-} from "./chunk-KBQNJZUX.js";
+} from "./chunk-YI2HUFE3.js";
 import {
   EditablePlainText,
   ImageDropZone,
@@ -31,11 +31,11 @@ import {
   containerGridClass,
   masonryColumnsClass,
   spacerHiddenClass
-} from "./chunk-XKRQMTE4.js";
+} from "./chunk-LQQY2RW6.js";
 import {
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-NV4R6VHN.js";
+} from "./chunk-CI624HRS.js";
 import {
   embedUrl
 } from "./chunk-Y4JQGO6G.js";
@@ -54,7 +54,7 @@ import {
 } from "./chunk-TZQPOR5A.js";
 import {
   SingleMediaReferenceSchema
-} from "./chunk-KMQZYORS.js";
+} from "./chunk-RUKO2N3F.js";
 import {
   defineSection,
   getSection

package/dist/{chunk-XUIJHYKI.js → chunk-A2V7BZPD.js}

@@ -9,13 +9,13 @@ import {
   MediaBlock,
   containerGridClass,
   useEditableCollection
-} from "./chunk-XKRQMTE4.js";
+} from "./chunk-LQQY2RW6.js";
 import {
   AddIcon,
   DeleteIcon,
   DragHandle,
   IconButton
-} from "./chunk-NV4R6VHN.js";
+} from "./chunk-CI624HRS.js";
 import {
   DEFAULT_LINK,
   LinkValueSchema
@@ -30,7 +30,7 @@ import {
 import {
   HexColorSchema,
   SingleMediaReferenceSchema
-} from "./chunk-KMQZYORS.js";
+} from "./chunk-RUKO2N3F.js";
 import {
   defineSection
 } from "./chunk-VKAGMEKE.js";

package/dist/{chunk-NV4R6VHN.js → chunk-CI624HRS.js}

@@ -1,6 +1,6 @@
 import {
   getMediaProvider
-} from "./chunk-CZ3YXGK5.js";
+} from "./chunk-SOILPZ7U.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";

package/dist/{chunk-SIYQ37QY.js → chunk-IZLXF3CR.js}

@@ -14,7 +14,7 @@ import {
   SettingsIcon,
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-NV4R6VHN.js";
+} from "./chunk-CI624HRS.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";

package/dist/{chunk-XKRQMTE4.js → chunk-LQQY2RW6.js}

@@ -6,10 +6,10 @@ import {
   SettingsIcon,
   useMediaLibrary,
   useResolvedMedia
-} from "./chunk-NV4R6VHN.js";
+} from "./chunk-CI624HRS.js";
 import {
   rebindImageRef
-} from "./chunk-CZ3YXGK5.js";
+} from "./chunk-SOILPZ7U.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";

package/dist/{chunk-KMQZYORS.js → chunk-RUKO2N3F.js}

@@ -309,7 +309,11 @@ var SiteConfigSchema = z3.object({
   previewImage: z3.object({
     imageId: z3.string(),
     width: z3.number().int().positive(),
-    height: z3.number().int().positive()
+    height: z3.number().int().positive(),
+    // Compose-logic version that produced this raster. Pre-existing rasters
+    // (and manifests written before this field) default to 0, which is below
+    // any current PREVIEW_COMPOSE_VERSION, so the editor regenerates them.
+    version: z3.number().int().nonnegative().default(0)
   }).nullable().default(null),
   // Optional site description → og:description + <meta name="description">.
   description: z3.string().max(300).nullable().default(null),

package/dist/{chunk-CZ3YXGK5.js → chunk-SOILPZ7U.js}

@@ -311,6 +311,31 @@ function generateVideoPoster(blob, quality) {
 // src/media/compose-preview.ts
 var WIDTH = 1200;
 var HEIGHT = 630;
+var HEADING_WEIGHT = 700;
+async function loadHeadingFont(family, googleFontsUrl) {
+  if (!family || family === "system-ui" || !googleFontsUrl || typeof FontFace === "undefined") return;
+  const spec = `${HEADING_WEIGHT} 84px "${family}"`;
+  try {
+    const loaded = await document.fonts.load(spec);
+    if (loaded.length > 0) return;
+  } catch {
+  }
+  try {
+    const css = await (await fetch(googleFontsUrl)).text();
+    const blocks = css.match(/@font-face\s*\{[^}]*\}/g) ?? [];
+    const wanted = blocks.filter((b) => new RegExp(`font-weight:\\s*${HEADING_WEIGHT}\\b`).test(b));
+    await Promise.all(
+      (wanted.length ? wanted : blocks).map(async (block) => {
+        const url = block.match(/url\(([^)]+)\)/)?.[1];
+        if (!url) return;
+        const face = new FontFace(family, `url(${url})`, { weight: String(HEADING_WEIGHT) });
+        await face.load();
+        document.fonts.add(face);
+      })
+    );
+  } catch {
+  }
+}
 async function composePreviewImage(inputs) {
   const canvas = document.createElement("canvas");
   canvas.width = WIDTH;
@@ -340,12 +365,11 @@ async function composePreviewImage(inputs) {
   }
   if (!drewLogo) {
     if (document.fonts?.ready) await document.fonts.ready;
-    await document.fonts.load(`600 84px ${inputs.headingFont}`).catch(() => {
-    });
+    await loadHeadingFont(inputs.headingFont, inputs.googleFontsUrl);
     ctx.fillStyle = inputs.textColor;
     ctx.textAlign = "center";
     ctx.textBaseline = "middle";
-    ctx.font = `600 84px ${inputs.headingFont}, system-ui, sans-serif`;
+    ctx.font = `${HEADING_WEIGHT} 84px "${inputs.headingFont}", system-ui, sans-serif`;
     ctx.fillText(inputs.siteName, WIDTH / 2, HEIGHT / 2, WIDTH * 0.86);
   }
   return await new Promise((resolve, reject) => {

package/dist/{chunk-AGWE2LJG.js → chunk-WOYGQK2D.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-TZQPOR5A.js";
 import {
   IndexSchema
-} from "./chunk-KMQZYORS.js";
+} from "./chunk-RUKO2N3F.js";
 import {
   getAllSchemas
 } from "./chunk-VKAGMEKE.js";

package/dist/{chunk-KBQNJZUX.js → chunk-YI2HUFE3.js}

@@ -1,6 +1,6 @@
 import {
   EditablePlainText
-} from "./chunk-XKRQMTE4.js";
+} from "./chunk-LQQY2RW6.js";
 import {
   Button,
   usePages

package/dist/{chunk-MK7YB2A4.js → chunk-Z66TBL4Q.js}

@@ -1,6 +1,6 @@
 import {
   HexColorSchema
-} from "./chunk-KMQZYORS.js";
+} from "./chunk-RUKO2N3F.js";
 
 // src/schemas/audience.ts
 import { z } from "zod";

package/dist/components/editor/index.js

@@ -11,20 +11,20 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "../../chunk-SIYQ37QY.js";
+} from "../../chunk-IZLXF3CR.js";
 import "../../chunk-5THS4K5D.js";
 import "../../chunk-ZSPCE6MZ.js";
 import {
   AddIcon,
   IconButton
-} from "../../chunk-NV4R6VHN.js";
-import "../../chunk-CZ3YXGK5.js";
+} from "../../chunk-CI624HRS.js";
+import "../../chunk-SOILPZ7U.js";
 import "../../chunk-677NTHAZ.js";
 import {
   cn
 } from "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
-import "../../chunk-KMQZYORS.js";
+import "../../chunk-RUKO2N3F.js";
 import "../../chunk-FM4M4Q2W.js";
 import "../../chunk-JSBRDJBE.js";
 

package/dist/components/primitives/index.js

@@ -2,7 +2,7 @@ import {
   EditableRichText,
   LinkPopover,
   defineHeadingSection
-} from "../../chunk-KBQNJZUX.js";
+} from "../../chunk-YI2HUFE3.js";
 import {
   EditableGrid,
   EditablePlainText,
@@ -10,20 +10,20 @@ import {
   MediaBlock,
   ResolvedMedia,
   useEditableCollection
-} from "../../chunk-XKRQMTE4.js";
+} from "../../chunk-LQQY2RW6.js";
 import "../../chunk-ZSPCE6MZ.js";
 import {
   DeleteIcon,
   DragHandle,
   IconButton
-} from "../../chunk-NV4R6VHN.js";
-import "../../chunk-CZ3YXGK5.js";
+} from "../../chunk-CI624HRS.js";
+import "../../chunk-SOILPZ7U.js";
 import "../../chunk-53DKVAB6.js";
 import {
   cn
 } from "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
-import "../../chunk-KMQZYORS.js";
+import "../../chunk-RUKO2N3F.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-FM4M4Q2W.js";
 import "../../chunk-JSBRDJBE.js";

package/dist/components/sections/brand-guide.js

@@ -2,16 +2,16 @@ import {
   ColorItemSchema,
   ColorSpaceSchema,
   brandGuideSectionDefs
-} from "../../chunk-XUIJHYKI.js";
+} from "../../chunk-A2V7BZPD.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-XKRQMTE4.js";
-import "../../chunk-NV4R6VHN.js";
-import "../../chunk-CZ3YXGK5.js";
+import "../../chunk-LQQY2RW6.js";
+import "../../chunk-CI624HRS.js";
+import "../../chunk-SOILPZ7U.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
-import "../../chunk-KMQZYORS.js";
+import "../../chunk-RUKO2N3F.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-FM4M4Q2W.js";
 import "../../chunk-JSBRDJBE.js";

package/dist/components/sections/register-schemas.js

@@ -1,22 +1,22 @@
 import {
   allSectionDefs
-} from "../../chunk-ZLG7S54V.js";
-import "../../chunk-XUIJHYKI.js";
-import "../../chunk-SIYQ37QY.js";
+} from "../../chunk-7QEJDYTG.js";
+import "../../chunk-A2V7BZPD.js";
+import "../../chunk-IZLXF3CR.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-KBQNJZUX.js";
-import "../../chunk-XKRQMTE4.js";
+import "../../chunk-YI2HUFE3.js";
+import "../../chunk-LQQY2RW6.js";
 import "../../chunk-ZSPCE6MZ.js";
-import "../../chunk-NV4R6VHN.js";
+import "../../chunk-CI624HRS.js";
 import "../../chunk-Y4JQGO6G.js";
-import "../../chunk-CZ3YXGK5.js";
+import "../../chunk-SOILPZ7U.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-KMQZYORS.js";
+import "../../chunk-RUKO2N3F.js";
 import {
   registerRichText,
   registerSchema

package/dist/components/sections/register.js

@@ -1,22 +1,22 @@
 import {
   allSectionDefs
-} from "../../chunk-ZLG7S54V.js";
-import "../../chunk-XUIJHYKI.js";
-import "../../chunk-SIYQ37QY.js";
+} from "../../chunk-7QEJDYTG.js";
+import "../../chunk-A2V7BZPD.js";
+import "../../chunk-IZLXF3CR.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-KBQNJZUX.js";
-import "../../chunk-XKRQMTE4.js";
+import "../../chunk-YI2HUFE3.js";
+import "../../chunk-LQQY2RW6.js";
 import "../../chunk-ZSPCE6MZ.js";
-import "../../chunk-NV4R6VHN.js";
+import "../../chunk-CI624HRS.js";
 import "../../chunk-Y4JQGO6G.js";
-import "../../chunk-CZ3YXGK5.js";
+import "../../chunk-SOILPZ7U.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-YBVK254P.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-KMQZYORS.js";
+import "../../chunk-RUKO2N3F.js";
 import {
   registerSection
 } from "../../chunk-VKAGMEKE.js";

package/dist/components/shell/EditorShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAcjD,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuDtF,OAAO,KAAK,EAAE,eAAe,EAA2D,MAAM,oBAAoB,CAAC;AAwCnH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAoBxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAKjC,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,EAC9B,eAAe,GAChB,EAAE,KAAK,2CA4mDP;AAuED;6EAC6E;AAC7E,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EACvC,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAK/B"}
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAcjD,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuDtF,OAAO,KAAK,EAAE,eAAe,EAA2D,MAAM,oBAAoB,CAAC;AAwCnH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAoBxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAKjC,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,EAC9B,eAAe,GAChB,EAAE,KAAK,2CAunDP;AAuED;6EAC6E;AAC7E,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EACvC,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAK/B"}

package/dist/components/shell/ViewerLoginForm.d.ts

@@ -2,6 +2,7 @@ interface Props {
     audiences: Array<{
         name: string;
         displayName: string;
+        hasPassword?: boolean;
     }>;
     next?: string | null;
 }

package/dist/components/shell/ViewerLoginForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewerLoginForm.d.ts","sourceRoot":"","sources":["../../../src/components/shell/ViewerLoginForm.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,SAAS,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,KAAK,2CAoFzD"}
+{"version":3,"file":"ViewerLoginForm.d.ts","sourceRoot":"","sources":["../../../src/components/shell/ViewerLoginForm.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,SAAS,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC/E,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,KAAK,2CA+FzD"}

package/dist/index.js

@@ -32,7 +32,7 @@ import {
   resolveMedia,
   sanitizeMediaName,
   setMediaProvider
-} from "./chunk-CZ3YXGK5.js";
+} from "./chunk-SOILPZ7U.js";
 import {
   CollabPeerSchema,
   HEARTBEAT_INTERVAL_MS,
@@ -51,7 +51,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "./chunk-MK7YB2A4.js";
+} from "./chunk-Z66TBL4Q.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -77,7 +77,7 @@ import {
   resolveChatbotName,
   resolveThinkingPhrases,
   safeRedirect
-} from "./chunk-AGWE2LJG.js";
+} from "./chunk-WOYGQK2D.js";
 import {
   curatedIcons,
   getIcon
@@ -131,7 +131,7 @@ import {
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "./chunk-KMQZYORS.js";
+} from "./chunk-RUKO2N3F.js";
 import {
   clearRegistry,
   createRegistry,

package/dist/lib/index.js

@@ -11,7 +11,7 @@ import {
   resolveChatbotName,
   resolveThinkingPhrases,
   safeRedirect
-} from "../chunk-AGWE2LJG.js";
+} from "../chunk-WOYGQK2D.js";
 import {
   curatedIcons,
   getIcon
@@ -37,7 +37,7 @@ import {
 } from "../chunk-YBVK254P.js";
 import "../chunk-5BM2Y3NJ.js";
 import "../chunk-TZQPOR5A.js";
-import "../chunk-KMQZYORS.js";
+import "../chunk-RUKO2N3F.js";
 import {
   clearRegistry,
   createRegistry,

package/dist/media/compose-preview.d.ts

@@ -10,9 +10,18 @@ export interface PreviewImageInputs {
     invertLogo: boolean;
     siteName: string;
     headingFont: string;
+    /** The site's Google Fonts CSS URL (or null for system-ui), used to load the
+     *  heading font before drawing so text mode never falls back to system-ui. */
+    googleFontsUrl: string | null;
     /** Computed contrasting text color (text mode). */
     textColor: string;
 }
+/**
+ * Bump when the composition logic changes so already-composed rasters (stamped
+ * with the old version, or 0 for pre-versioning ones) regenerate on next editor
+ * open. v2 = load the Google heading font before drawing + draw at weight 700.
+ */
+export declare const PREVIEW_COMPOSE_VERSION = 2;
 /**
  * Composes the 1200×630 social-preview raster in the browser (Canvas API only,
  * no dependency). Returns a WebP blob. Must run client-side (uses document/Image

package/dist/media/compose-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compose-preview.d.ts","sourceRoot":"","sources":["../../src/media/compose-preview.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC;mFAC+E;IAC/E,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,oFAAoF;IACpF,UAAU,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,uFAAuF;IACvF,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;CACnB;AAKD;;;;;GAKG;AACH,wBAAsB,mBAAmB,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CAsDnF"}
+{"version":3,"file":"compose-preview.d.ts","sourceRoot":"","sources":["../../src/media/compose-preview.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC;mFAC+E;IAC/E,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,oFAAoF;IACpF,UAAU,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,uFAAuF;IACvF,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB;kFAC8E;IAC9E,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;CACnB;AAKD;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,IAAI,CAAC;AA0CzC;;;;;GAKG;AACH,wBAAsB,mBAAmB,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CAwDnF"}

package/dist/media/index.js

@@ -18,7 +18,7 @@ import {
   resolveMedia,
   sanitizeMediaName,
   setMediaProvider
-} from "../chunk-CZ3YXGK5.js";
+} from "../chunk-SOILPZ7U.js";
 import "../chunk-YBVK254P.js";
 import {
   ImageManifestSchema,
@@ -26,7 +26,7 @@ import {
   MediaFolderSchema,
   MediaItemSchema,
   VariantSchema
-} from "../chunk-KMQZYORS.js";
+} from "../chunk-RUKO2N3F.js";
 import "../chunk-FM4M4Q2W.js";
 import "../chunk-JSBRDJBE.js";
 export {

package/dist/media/preview-inputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview-inputs.d.ts","sourceRoot":"","sources":["../../src/media/preview-inputs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GACjD;IAAE,MAAM,EAAE,kBAAkB,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAuCnD;AAKD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAKpF"}
+{"version":3,"file":"preview-inputs.d.ts","sourceRoot":"","sources":["../../src/media/preview-inputs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GACjD;IAAE,MAAM,EAAE,kBAAkB,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAyCnD;AAKD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAKpF"}

package/dist/schemas/index.js

@@ -3,7 +3,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "../chunk-MK7YB2A4.js";
+} from "../chunk-Z66TBL4Q.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -41,7 +41,7 @@ import {
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "../chunk-KMQZYORS.js";
+} from "../chunk-RUKO2N3F.js";
 import "../chunk-VKAGMEKE.js";
 import "../chunk-FM4M4Q2W.js";
 import "../chunk-NSCT3AMV.js";

package/dist/schemas/site-config.d.ts

@@ -485,6 +485,7 @@ export declare const SiteConfigSchema: z.ZodObject<{
         imageId: z.ZodString;
         width: z.ZodNumber;
         height: z.ZodNumber;
+        version: z.ZodDefault<z.ZodNumber>;
     }, z.core.$strip>>>;
     description: z.ZodDefault<z.ZodNullable<z.ZodString>>;
     chatbot: z.ZodDefault<z.ZodObject<{

package/dist/schemas/site-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AASxB,eAAO,MAAM,YAAY;;;;;+FAExB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAQ5D,eAAO,MAAM,cAAc,8EAA+E,CAAC;AAW3G,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;iBAiC5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyD3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AASxB,eAAO,MAAM,YAAY;;;;;+FAExB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAQ5D,eAAO,MAAM,cAAc,8EAA+E,CAAC;AAW3G,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;iBAiC5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6D3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawnagency/primitives",
-  "version": "0.1.91",
+  "version": "0.1.92",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",

package/src/components/shell/EditorShell.tsx

@@ -10,7 +10,7 @@ import type { SiteIndex, SiteConfig, Page } from "../../schemas/site-config";
 import type { Audience } from "../../auth/types";
 import type { MediaManifest } from "../../media/types";
 import type { QueueItem } from "../../media/queue";
-import { composePreviewImage } from "../../media/compose-preview";
+import { composePreviewImage, PREVIEW_COMPOSE_VERSION } from "../../media/compose-preview";
 import { derivePreviewInputs, servedPreviewSize } from "../../media/preview-inputs";
 import { resolveMedia } from "../../media/resolve";
 import { getMediaProvider } from "../../media";
@@ -264,6 +264,9 @@ export default function EditorShell({
   // dedupes concurrent runs against the same composition signature.
   const previewInitializedRef = useRef(false);
   const lastPreviewSigRef = useRef<string | null>(null);
+  // Increments per compose; the async upload callback applies its result only if
+  // still current, so a slower earlier upload can't overwrite a newer preview.
+  const previewGenRef = useRef(0);
 
   // --- Collaboration refs ---
   // Freshest dirty-section set for the inbound remote-section handler (never
@@ -1376,12 +1379,14 @@ export default function EditorShell({
     };
     const { inputs, signature } = derivePreviewInputs(siteConfig, resolveLogoUrl);
 
-    // On first run: if a preview already exists, seed the signature and skip
-    // (don't recompose/re-upload on every editor open). If none exists yet,
-    // fall through to compose one. Subsequent runs recompose only on change.
+    // On first run: if a preview already exists AND was composed by the current
+    // logic version, seed the signature and skip (don't recompose on every open).
+    // A missing preview, or one stamped with an older version (or 0 for
+    // pre-versioning rasters), falls through to recompose so stale rasters
+    // self-heal. Subsequent runs recompose only on change.
     if (!previewInitializedRef.current) {
       previewInitializedRef.current = true;
-      if (siteConfig.previewImage) {
+      if (siteConfig.previewImage && siteConfig.previewImage.version === PREVIEW_COMPOSE_VERSION) {
         lastPreviewSigRef.current = signature;
         return;
       }
@@ -1390,13 +1395,19 @@ export default function EditorShell({
 
     const timer = setTimeout(() => {
       lastPreviewSigRef.current = signature; // guard against duplicate concurrent runs
+      const gen = ++previewGenRef.current;
       (async () => {
         try {
           const blob = await composePreviewImage(inputs);
           const file = new File([blob], "site-preview.webp", { type: "image/webp" });
           const { width, height } = servedPreviewSize(siteConfigRef.current!.media.sizes);
           mediaPipeline.contextValue.uploadFileWithCallback(file, (imageId) => {
-            handleSiteConfigChange({ ...siteConfigRef.current!, previewImage: { imageId, width, height } });
+            // Ignore a stale upload: a newer compose has superseded this one.
+            if (gen !== previewGenRef.current) return;
+            handleSiteConfigChange({
+              ...siteConfigRef.current!,
+              previewImage: { imageId, width, height, version: PREVIEW_COMPOSE_VERSION },
+            });
           }, { hidden: true });
         } catch (err) {
           console.error("[EditorShell] preview-image composition failed:", err);

package/src/components/shell/ViewerLoginForm.tsx

@@ -4,7 +4,7 @@ import { Button } from "../shared/Button";
 import { safeRedirect } from "../../lib/safeRedirect";
 
 interface Props {
-  audiences: Array<{ name: string; displayName: string }>;
+  audiences: Array<{ name: string; displayName: string; hasPassword?: boolean }>;
   next?: string | null;
 }
 
@@ -14,12 +14,21 @@ export function ViewerLoginForm({ audiences, next }: Props) {
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
 
+  // An open (passwordless) audience needs no password field — enter with one click.
+  // Default to requiring a password until an audience is chosen so the field
+  // doesn't flash for the "Select audience..." state.
+  const selected = audiences.find((a) => a.name === audience);
+  const needsPassword = selected ? selected.hasPassword !== false : true;
+
   async function handleSubmit(e: FormEvent) {
     e.preventDefault();
     setLoading(true);
     setError(null);
 
-    const body: { audience: string; password: string; next?: string } = { audience, password };
+    const body: { audience: string; password: string; next?: string } = {
+      audience,
+      password: needsPassword ? password : "",
+    };
     if (next) body.next = next;
 
     try {
@@ -67,12 +76,14 @@ export function ViewerLoginForm({ audiences, next }: Props) {
           </select>
         </div>
 
-        <PasswordInput
-          label="Password"
-          value={password}
-          onChange={setPassword}
-          autoComplete="current-password"
-        />
+        {needsPassword && (
+          <PasswordInput
+            label="Password"
+            value={password}
+            onChange={setPassword}
+            autoComplete="current-password"
+          />
+        )}
 
         {error && (
           <p className="text-sm text-red-600">{error}</p>

package/src/media/compose-preview.ts

@@ -10,6 +10,9 @@ export interface PreviewImageInputs {
   invertLogo: boolean;
   siteName: string;
   headingFont: string;
+  /** The site's Google Fonts CSS URL (or null for system-ui), used to load the
+   *  heading font before drawing so text mode never falls back to system-ui. */
+  googleFontsUrl: string | null;
   /** Computed contrasting text color (text mode). */
   textColor: string;
 }
@@ -17,6 +20,53 @@ export interface PreviewImageInputs {
 const WIDTH = 1200;
 const HEIGHT = 630;
 
+/**
+ * Bump when the composition logic changes so already-composed rasters (stamped
+ * with the old version, or 0 for pre-versioning ones) regenerate on next editor
+ * open. v2 = load the Google heading font before drawing + draw at weight 700.
+ */
+export const PREVIEW_COMPOSE_VERSION = 2;
+
+// The raster draws the site name at this weight; the loader ensures this exact
+// weight is available so canvas doesn't silently fall back to a nearest weight.
+const HEADING_WEIGHT = 700;
+
+/**
+ * Ensure the heading font is actually loaded before canvas draws with it.
+ * `document.fonts.load` only fetches a family that already has a matching
+ * @font-face rule registered; in the editor that rule comes from a <link> that
+ * may not be parsed yet when composition runs, so an ambient load() can resolve
+ * empty and the draw silently falls back to system-ui. If the ambient load
+ * yields nothing, fetch the Google Fonts CSS and register the weight-700
+ * face(s) explicitly via the CSS Font Loading API.
+ */
+async function loadHeadingFont(family: string, googleFontsUrl: string | null): Promise<void> {
+  if (!family || family === "system-ui" || !googleFontsUrl || typeof FontFace === "undefined") return;
+  const spec = `${HEADING_WEIGHT} 84px "${family}"`;
+  try {
+    const loaded = await document.fonts.load(spec);
+    if (loaded.length > 0) return;
+  } catch {
+    // fall through to explicit registration
+  }
+  try {
+    const css = await (await fetch(googleFontsUrl)).text();
+    const blocks = css.match(/@font-face\s*\{[^}]*\}/g) ?? [];
+    const wanted = blocks.filter((b) => new RegExp(`font-weight:\\s*${HEADING_WEIGHT}\\b`).test(b));
+    await Promise.all(
+      (wanted.length ? wanted : blocks).map(async (block) => {
+        const url = block.match(/url\(([^)]+)\)/)?.[1];
+        if (!url) return;
+        const face = new FontFace(family, `url(${url})`, { weight: String(HEADING_WEIGHT) });
+        await face.load();
+        document.fonts.add(face);
+      }),
+    );
+  } catch {
+    // give up — the draw below falls back to system-ui
+  }
+}
+
 /**
  * Composes the 1200×630 social-preview raster in the browser (Canvas API only,
  * no dependency). Returns a WebP blob. Must run client-side (uses document/Image
@@ -60,13 +110,15 @@ export async function composePreviewImage(inputs: PreviewImageInputs): Promise<B
 
   if (!drewLogo) {
     if (document.fonts?.ready) await document.fonts.ready;
-    // fillText doesn't itself trigger a font load — explicitly load the exact
-    // weight/family used below so it's available before we draw.
-    await document.fonts.load(`600 84px ${inputs.headingFont}`).catch(() => {});
+    // Load the heading font (exact weight) before drawing — fillText doesn't
+    // itself trigger a webfont load, so without this canvas falls back silently.
+    await loadHeadingFont(inputs.headingFont, inputs.googleFontsUrl);
     ctx.fillStyle = inputs.textColor;
     ctx.textAlign = "center";
     ctx.textBaseline = "middle";
-    ctx.font = `600 84px ${inputs.headingFont}, system-ui, sans-serif`;
+    // Quote the family: multi-word names ("Playfair Display") break the CSS font
+    // shorthand parse when unquoted, which would drop the whole declaration.
+    ctx.font = `${HEADING_WEIGHT} 84px "${inputs.headingFont}", system-ui, sans-serif`;
     ctx.fillText(inputs.siteName, WIDTH / 2, HEIGHT / 2, WIDTH * 0.86);
   }
 

package/src/media/preview-inputs.ts

@@ -19,7 +19,7 @@ export function derivePreviewInputs(
   siteConfig: SiteConfig,
   resolveLogoUrl: (imageId: string) => string | null,
 ): { inputs: PreviewImageInputs; signature: string } {
-  const { logo, darkMode, primaryColor, siteName, headingFont } = siteConfig;
+  const { logo, darkMode, primaryColor, siteName, headingFont, googleFontsUrl } = siteConfig;
   const dark = darkMode === "dark";
 
   let mode: "logo" | "text" = "text";
@@ -43,6 +43,7 @@ export function derivePreviewInputs(
     invertLogo,
     siteName,
     headingFont,
+    googleFontsUrl,
     textColor: contrastColor(primaryColor),
   };
 
@@ -53,6 +54,7 @@ export function derivePreviewInputs(
     invertLogo: inputs.invertLogo,
     siteName: inputs.siteName,
     headingFont: inputs.headingFont,
+    googleFontsUrl: inputs.googleFontsUrl,
     textColor: inputs.textColor,
   });
 

package/src/schemas/site-config.ts

@@ -245,6 +245,10 @@ export const SiteConfigSchema = z.object({
       imageId: z.string(),
       width: z.number().int().positive(),
       height: z.number().int().positive(),
+      // Compose-logic version that produced this raster. Pre-existing rasters
+      // (and manifests written before this field) default to 0, which is below
+      // any current PREVIEW_COMPOSE_VERSION, so the editor regenerates them.
+      version: z.number().int().nonnegative().default(0),
     })
     .nullable()
     .default(null),