@drawnagency/primitives 0.1.57 → 0.1.59

package/dist/components/shared/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Navigation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAW,MAAM,eAAe,CAAC;AAOtD,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IACxC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAG3B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,KAAK,2CAsO/G"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Navigation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAW,MAAM,eAAe,CAAC;AAOtD,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IACxC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAG3B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,KAAK,2CAwO/G"}

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;AAqEjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAQxD,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;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,GACZ,EAAE,KAAK,2CAg6BP"}
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqEjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAQxD,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;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,GACZ,EAAE,KAAK,2CAo6BP"}

package/dist/index.js

@@ -29,13 +29,15 @@ import {
 import {
   AudienceColorSchema,
   AudienceNameSchema,
+  MediaGridOptionsSchema,
+  slugifyAudienceName
+} from "./chunk-V7JN2DDU.js";
+import {
   DEFAULT_LINK,
   LinkTargetSchema,
   LinkValueSchema,
-  MediaGridOptionsSchema,
-  isSafeHref,
-  slugifyAudienceName
-} from "./chunk-PYWS3MOJ.js";
+  isSafeHref
+} from "./chunk-ZU2MKPTG.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -44,26 +46,28 @@ import {
 } from "./chunk-LZKVV4K2.js";
 import {
   buildGoogleFontsUrl,
-  cn,
   createEvent,
-  curatedIcons,
   darkModeEvent,
   deriveContrast,
   editModeEvent,
-  ensureSanitizer,
   formatTimestamp,
-  generateNavLinks,
-  getIcon,
   gridColsClass,
   loadSiteContent,
   loadStaticSiteContent,
   mergeSiteContent,
   navChangeEvent,
-  safeRedirect,
+  safeRedirect
+} from "./chunk-NTGSA3TI.js";
+import "./chunk-TG43X7JO.js";
+import {
+  cn,
+  curatedIcons,
+  ensureSanitizer,
+  generateNavLinks,
+  getIcon,
   sanitizeHtml,
   toSectionId
-} from "./chunk-PRKUXM7E.js";
-import "./chunk-TG43X7JO.js";
+} from "./chunk-RFZNNCAS.js";
 import {
   isSameOriginRequest,
   requireSessionSecret,
@@ -108,6 +112,7 @@ import {
   registerSchema,
   registerSection
 } from "./chunk-VKAGMEKE.js";
+import "./chunk-JSBRDJBE.js";
 
 // src/storage/types.ts
 var StorageConflictError = class extends Error {

package/dist/lib/dexie.js

@@ -1,3 +1,5 @@
+import "../chunk-JSBRDJBE.js";
+
 // src/lib/dexie.ts
 import Dexie from "dexie";
 var EditorDatabase = class extends Dexie {

package/dist/lib/env.js

@@ -1,6 +1,7 @@
 import {
   env
 } from "../chunk-WKZ7OENC.js";
+import "../chunk-JSBRDJBE.js";
 export {
   env
 };

package/dist/lib/events.d.ts

@@ -9,6 +9,7 @@ export declare const editModeEvent: TypedEvent<{
 }>;
 export declare const navChangeEvent: TypedEvent<NavItem[]>;
 export declare const darkModeEvent: TypedEvent<string>;
+export declare const siteNameChangeEvent: TypedEvent<string>;
 export declare const historySelectEvent: TypedEvent<{
     sha: string;
     date: string;

package/dist/lib/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/lib/events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;CACnD;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAW1D;AAED,eAAO,MAAM,aAAa;gBAA6B,OAAO;EAAqB,CAAC;AACpF,eAAO,MAAM,cAAc,uBAA0C,CAAC;AACtE,eAAO,MAAM,aAAa,oBAAsC,CAAC;AACjE,eAAO,MAAM,kBAAkB;SAAsB,MAAM;UAAQ,MAAM;EAAqB,CAAC;AAC/F,eAAO,MAAM,kBAAkB,qBAA2C,CAAC;AAC3E,eAAO,MAAM,eAAe,oBAAoC,CAAC"}
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/lib/events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;CACnD;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAW1D;AAED,eAAO,MAAM,aAAa;gBAA6B,OAAO;EAAqB,CAAC;AACpF,eAAO,MAAM,cAAc,uBAA0C,CAAC;AACtE,eAAO,MAAM,aAAa,oBAAsC,CAAC;AACjE,eAAO,MAAM,mBAAmB,oBAAwC,CAAC;AACzE,eAAO,MAAM,kBAAkB;SAAsB,MAAM;UAAQ,MAAM;EAAqB,CAAC;AAC/F,eAAO,MAAM,kBAAkB,qBAA2C,CAAC;AAC3E,eAAO,MAAM,eAAe,oBAAoC,CAAC"}

package/dist/lib/index.js

@@ -1,25 +1,27 @@
 import {
   buildGoogleFontsUrl,
-  cn,
   createEvent,
-  curatedIcons,
   darkModeEvent,
   deriveContrast,
   editModeEvent,
-  ensureSanitizer,
   formatTimestamp,
-  generateNavLinks,
-  getIcon,
   gridColsClass,
   loadSiteContent,
   loadStaticSiteContent,
   mergeSiteContent,
   navChangeEvent,
-  safeRedirect,
+  safeRedirect
+} from "../chunk-NTGSA3TI.js";
+import "../chunk-TG43X7JO.js";
+import {
+  cn,
+  curatedIcons,
+  ensureSanitizer,
+  generateNavLinks,
+  getIcon,
   sanitizeHtml,
   toSectionId
-} from "../chunk-PRKUXM7E.js";
-import "../chunk-TG43X7JO.js";
+} from "../chunk-RFZNNCAS.js";
 import "../chunk-S2L3BPLS.js";
 import "../chunk-ICLXLWQ5.js";
 import "../chunk-DKOUFIP6.js";
@@ -38,6 +40,7 @@ import {
   registerSchema,
   registerSection
 } from "../chunk-VKAGMEKE.js";
+import "../chunk-JSBRDJBE.js";
 export {
   buildGoogleFontsUrl,
   clearRegistry,

package/dist/lib/migrate-sections-transform.js

@@ -1,6 +1,7 @@
 import {
   upgradeLegacySection
 } from "../chunk-TG43X7JO.js";
+import "../chunk-JSBRDJBE.js";
 export {
   upgradeLegacySection
 };

package/dist/lib/registry.js

@@ -11,6 +11,7 @@ import {
   registerSchema,
   registerSection
 } from "../chunk-VKAGMEKE.js";
+import "../chunk-JSBRDJBE.js";
 export {
   clearRegistry,
   createRegistry,

package/dist/media/index.js

@@ -20,6 +20,7 @@ import {
   MediaItemSchema,
   VariantSchema
 } from "../chunk-DKOUFIP6.js";
+import "../chunk-JSBRDJBE.js";
 export {
   EXT_TO_MIME,
   ImageManifestSchema,

package/dist/schemas/auth.js

@@ -4,6 +4,7 @@ import {
   SessionSchema,
   SiteUserSchema
 } from "../chunk-LZKVV4K2.js";
+import "../chunk-JSBRDJBE.js";
 export {
   AudienceSchema,
   RoleSchema,

package/dist/schemas/block.js

@@ -5,6 +5,7 @@ import {
   blockDepth,
   getBlockChildren
 } from "../chunk-NSCT3AMV.js";
+import "../chunk-JSBRDJBE.js";
 export {
   LayoutEnvelopeSchema,
   MAX_BLOCK_DEPTH,

package/dist/schemas/index.js

@@ -1,13 +1,15 @@
 import {
   AudienceColorSchema,
   AudienceNameSchema,
+  MediaGridOptionsSchema,
+  slugifyAudienceName
+} from "../chunk-V7JN2DDU.js";
+import {
   DEFAULT_LINK,
   LinkTargetSchema,
   LinkValueSchema,
-  MediaGridOptionsSchema,
-  isSafeHref,
-  slugifyAudienceName
-} from "../chunk-PYWS3MOJ.js";
+  isSafeHref
+} from "../chunk-ZU2MKPTG.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -40,6 +42,7 @@ import {
 } from "../chunk-DKOUFIP6.js";
 import "../chunk-NSCT3AMV.js";
 import "../chunk-VKAGMEKE.js";
+import "../chunk-JSBRDJBE.js";
 export {
   AudienceColorSchema,
   AudienceNameSchema,

package/dist/types/database.js

@@ -1,3 +1,5 @@
+import "../chunk-JSBRDJBE.js";
+
 // src/types/database.ts
 var Constants = {
   graphql_public: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawnagency/primitives",
-  "version": "0.1.57",
+  "version": "0.1.59",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",
@@ -44,6 +44,10 @@
       "types": "./dist/lib/migrate-sections-transform.d.ts",
       "default": "./dist/lib/migrate-sections-transform.js"
     },
+    "./components/sections/register-schemas": {
+      "types": "./dist/components/sections/register-schemas.d.ts",
+      "default": "./dist/components/sections/register-schemas.js"
+    },
     "./auth": {
       "types": "./dist/auth/index.d.ts",
       "default": "./dist/auth/index.js"

package/src/components/shared/Navigation.tsx

@@ -3,7 +3,7 @@ import { ChevronRight } from "lucide-react";
 import { cn } from "../../lib/cn";
 import { Toggle } from "./Toggle";
 import type { SiteNav, NavItem } from "../../lib/nav";
-import { editModeEvent, siteNavChangeEvent, pageSelectEvent, darkModeEvent, historySelectEvent } from "../../lib/events";
+import { editModeEvent, siteNavChangeEvent, pageSelectEvent, darkModeEvent, siteNameChangeEvent, historySelectEvent } from "../../lib/events";
 import { useActiveHeadings } from "../../hooks/useActiveHeadings";
 import { formatDate } from "../../lib/timestamp";
 import { Popover } from "./Popover";
@@ -23,6 +23,7 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
   const [isOpen, setIsOpen] = useState(false);
   const [isEditMode, setIsEditMode] = useState(false);
   const [currentDarkMode, setCurrentDarkMode] = useState(darkMode);
+  const [currentSiteName, setCurrentSiteName] = useState(siteName);
   const [isDark, setIsDark] = useState(false);
   const [siteNav, setSiteNav] = useState<SiteNav>(initialNav);
   const [showHistory, setShowHistory] = useState(false);
@@ -34,7 +35,8 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
     const unlistenEdit = editModeEvent.listen(({ isEditMode }) => setIsEditMode(isEditMode));
     const unlistenNav = siteNavChangeEvent.listen((n) => setSiteNav(n));
     const unlistenDark = darkModeEvent.listen((mode) => setCurrentDarkMode(mode as typeof darkMode));
-    return () => { unlistenEdit(); unlistenNav(); unlistenDark(); };
+    const unlistenName = siteNameChangeEvent.listen((name) => setCurrentSiteName(name));
+    return () => { unlistenEdit(); unlistenNav(); unlistenDark(); unlistenName(); };
   }, []);
 
   useEffect(() => {
@@ -191,7 +193,7 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
     <>
       <header className="fixed top-0 left-0 right-0 z-50 bg-base lg:hidden">
         <div className="mx-auto max-w-screen-xl flex h-16 items-center justify-between px-4">
-          <span className="text-lg font-bold text-primary">{siteName}</span>
+          <span className="text-lg font-bold text-primary">{currentSiteName}</span>
           <button onClick={() => setIsOpen(!isOpen)} className="cursor-pointer p-2 text-base-contrast" aria-label="Toggle navigation">
             <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
               {isOpen
@@ -207,7 +209,7 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
       <nav className={cn("fixed top-0 left-0 lg:left-auto z-40 h-full w-64 flex flex-col overflow-y-auto border-r border-base-200 bg-base pt-16 transition-transform lg:translate-x-0 nav-sidebar",
         isOpen ? "translate-x-0" : "-translate-x-full")}>
         <div className="hidden px-4 py-4 lg:block">
-          <span className="text-lg font-bold text-primary">{siteName}</span>
+          <span className="text-lg font-bold text-primary">{currentSiteName}</span>
         </div>
 
         <ul className="space-y-1 px-4 py-2">

package/src/components/shell/EditorShell.tsx

@@ -54,7 +54,7 @@ import { useBuildStatus } from "../../hooks/useBuildStatus";
 import { useMediaPipeline } from "../../hooks/useMediaPipeline";
 import { formatTimestamp } from "../../lib/timestamp";
 import { generateSiteNav } from "../../lib/nav";
-import { siteNavChangeEvent, pageSelectEvent, darkModeEvent, historySelectEvent } from "../../lib/events";
+import { siteNavChangeEvent, pageSelectEvent, darkModeEvent, siteNameChangeEvent, historySelectEvent } from "../../lib/events";
 import {
   homePage, pageById, pageBySlug, pageDisplayTitle, addSectionToPage, removeSectionFromPages,
   reorderSectionInPage,
@@ -356,6 +356,10 @@ export default function EditorShell({
     localStorage.setItem("portal-primary-color", config.primaryColor);
     localStorage.setItem("portal-primary-contrast", config.primaryContrast);
     darkModeEvent.dispatch(config.darkMode);
+    // The nav title lives in a separate island that mounts with a build-time
+    // siteName prop. Push the live (possibly draft) name so editing it in Site
+    // Settings updates the nav without a reload.
+    siteNameChangeEvent.dispatch(config.siteName);
   }, []);
 
   // --- Content loading ---

package/src/lib/events.ts

@@ -21,6 +21,7 @@ export function createEvent<T>(name: string): TypedEvent<T> {
 export const editModeEvent = createEvent<{ isEditMode: boolean }>("editmodechange");
 export const navChangeEvent = createEvent<NavItem[]>("sitenavchange");
 export const darkModeEvent = createEvent<string>("sitedarkmode");
+export const siteNameChangeEvent = createEvent<string>("sitenamechange");
 export const historySelectEvent = createEvent<{ sha: string; date: string }>("history-select");
 export const siteNavChangeEvent = createEvent<SiteNav>("sitenavchange-v2");
 export const pageSelectEvent = createEvent<string>("pageselect");

package/dist/chunk-PYWS3MOJ.js

@@ -1,57 +0,0 @@
-import {
-  HexColorSchema
-} from "./chunk-ICLXLWQ5.js";
-
-// src/schemas/audience.ts
-import { z } from "zod";
-var AudienceNameSchema = z.string().min(1).max(32).regex(
-  /^[a-z0-9]([a-z0-9_-]*[a-z0-9])?$/,
-  "lowercase alphanumeric, dashes and underscores allowed"
-);
-var AudienceColorSchema = HexColorSchema.nullable();
-function slugifyAudienceName(input) {
-  return input.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-}
-
-// src/schemas/media-grid-options.ts
-import { z as z2 } from "zod";
-var MediaGridOptionsSchema = z2.object({
-  square: z2.boolean().optional(),
-  border: z2.boolean().optional(),
-  crop: z2.boolean().optional(),
-  showCaptions: z2.boolean().optional()
-}).default({});
-
-// src/schemas/link.ts
-import { z as z3 } from "zod";
-var LinkTargetSchema = z3.enum(["_self", "_blank"]);
-function isSafeHref(href) {
-  const normalized = href.replace(/[\t\r\n]/g, "").trimStart();
-  if (normalized === "") return true;
-  if (normalized.startsWith("//")) return false;
-  const scheme = /^([a-zA-Z][a-zA-Z0-9+.-]*):/.exec(normalized);
-  if (!scheme) return true;
-  const s = scheme[1].toLowerCase();
-  return s === "http" || s === "https" || s === "mailto";
-}
-var LinkValueSchema = z3.discriminatedUnion("kind", [
-  z3.object({ kind: z3.literal("external"), href: z3.string().refine(isSafeHref, "Unsafe href scheme"), target: LinkTargetSchema }),
-  z3.object({
-    kind: z3.literal("internal"),
-    pageId: z3.string(),
-    anchorSectionId: z3.string().nullable().optional(),
-    target: LinkTargetSchema
-  })
-]);
-var DEFAULT_LINK = { kind: "external", href: "", target: "_self" };
-
-export {
-  AudienceNameSchema,
-  AudienceColorSchema,
-  slugifyAudienceName,
-  MediaGridOptionsSchema,
-  LinkTargetSchema,
-  isSafeHref,
-  LinkValueSchema,
-  DEFAULT_LINK
-};