@drawnagency/primitives 0.1.99 → 0.1.101

package/dist/{chunk-FAZFADJK.js → chunk-3TO4RRHY.js}

@@ -27,6 +27,7 @@ function withIdempotencyTrailer(subject, key) {
 ${IDEMPOTENCY_TRAILER}: ${key}`;
 }
 var ASSET_CACHE_CONTROL = "max-age=31536000, immutable";
+var DOCUMENT_CACHE_CONTROL = "private, max-age=31536000, immutable";
 
 export {
   StorageConflictError,
@@ -34,5 +35,6 @@ export {
   IDEMPOTENCY_TRAILER,
   IDEMPOTENCY_KEY_RE,
   withIdempotencyTrailer,
-  ASSET_CACHE_CONTROL
+  ASSET_CACHE_CONTROL,
+  DOCUMENT_CACHE_CONTROL
 };

package/dist/{chunk-HKHEAH5F.js → chunk-6SLGKRLW.js}

@@ -1,9 +1,15 @@
 import {
   brandGuideSectionDefs,
+  duplicateChildAt,
+  isSpacer,
+  occupiedColumns,
   pluralize,
+  removeChildAt,
+  setChildColSpan,
   stripHtmlToPlainText,
+  trimTrailingSpacers,
   truncate
-} from "./chunk-KP4DWTPR.js";
+} from "./chunk-P3NNI3QI.js";
 import {
   DeleteButton,
   DragHandle,
@@ -17,7 +23,7 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "./chunk-GYCBWGVW.js";
+} from "./chunk-LBHQWIVL.js";
 import {
   EditableRichText,
   defineHeadingSection
@@ -717,64 +723,6 @@ function useBlockDropZone({ containerId, index, toColumn, allowedEdges, enabled
   return { dropRef, closestEdge };
 }
 
-// src/lib/container-ops.ts
-function getContainerChildren(block) {
-  const content = block.content;
-  return Array.isArray(content?.children) ? content.children : [];
-}
-function withChildren(container, children) {
-  return { ...container, content: { ...container.content, children } };
-}
-function containerColumns(container) {
-  const n = container.content?.columns;
-  return typeof n === "number" && n >= 1 ? n : 1;
-}
-function removeChildAt(container, index) {
-  const children = getContainerChildren(container);
-  if (index < 0 || index >= children.length) return { container, removed: null };
-  const next = [...children];
-  const [removed] = next.splice(index, 1);
-  return { container: withChildren(container, next), removed };
-}
-function duplicateChildAt(container, index, newId2) {
-  const children = getContainerChildren(container);
-  if (index < 0 || index >= children.length) return container;
-  const clone = { ...JSON.parse(JSON.stringify(children[index])), id: newId2() };
-  const next = [...children];
-  next.splice(index + 1, 0, clone);
-  return withChildren(container, next);
-}
-function setChildColSpan(container, index, span) {
-  const children = getContainerChildren(container);
-  if (index < 0 || index >= children.length) return container;
-  const clamped = Math.max(1, Math.min(span, containerColumns(container)));
-  const next = children.map((child, i) => {
-    if (i !== index) return child;
-    if (clamped <= 1) {
-      const { layout: _drop, ...rest } = child;
-      return rest;
-    }
-    return { ...child, layout: { ...child.layout, colSpan: clamped } };
-  });
-  return withChildren(container, next);
-}
-function effectiveSpan(child, columns) {
-  return isSpacer(child) ? 1 : Math.min(child.layout?.colSpan ?? 1, columns);
-}
-function isSpacer(child) {
-  return child.type === "spacer";
-}
-function occupiedColumns(children, columns) {
-  return children.reduce((sum, c) => sum + effectiveSpan(c, columns), 0);
-}
-function trimTrailingSpacers(container) {
-  const children = getContainerChildren(container);
-  let end = children.length;
-  while (end > 0 && isSpacer(children[end - 1])) end--;
-  if (end === children.length) return container;
-  return withChildren(container, children.slice(0, end));
-}
-
 // src/components/sections/Container/Container.tsx
 import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var ROW_EDGES = ["left", "right"];

package/dist/chunk-BS5AQHZG.js

@@ -0,0 +1,45 @@
+// src/schemas/documents.ts
+import { z } from "zod";
+var DOCUMENT_MANIFEST_PATH = "src/content/document-manifest.json";
+var DOCUMENT_GIT_MAX_BYTES = 2621440;
+var DOCUMENT_BUCKET_MAX_BYTES = 209715200;
+var DOCUMENT_MIME_TO_EXT = {
+  "application/pdf": "pdf",
+  "text/html": "html"
+};
+var DOCUMENT_KIND_TO_MIME = {
+  pdf: "application/pdf",
+  html: "text/html"
+};
+var DocumentManifestEntrySchema = z.object({
+  filename: z.string(),
+  size: z.number().int().positive(),
+  kind: z.enum(["pdf", "html"]),
+  storage: z.enum(["git", "bucket"]),
+  /** git: repo path under assets/documents/…; bucket: site-relative object key. */
+  path: z.string()
+});
+var DocumentManifestSchema = z.record(z.string(), DocumentManifestEntrySchema);
+function documentFileUrl(documentId, filename, opts = {}) {
+  const base = `/api/document-file/${documentId}/${encodeURIComponent(filename)}`;
+  return opts.download ? `${base}?download=1` : base;
+}
+function documentGitPath(slugName, hash, kind) {
+  return `assets/documents/${slugName}-${hash}/original.${kind}`;
+}
+function documentBucketPath(documentId, kind) {
+  return `documents/${documentId}/original.${kind}`;
+}
+
+export {
+  DOCUMENT_MANIFEST_PATH,
+  DOCUMENT_GIT_MAX_BYTES,
+  DOCUMENT_BUCKET_MAX_BYTES,
+  DOCUMENT_MIME_TO_EXT,
+  DOCUMENT_KIND_TO_MIME,
+  DocumentManifestEntrySchema,
+  DocumentManifestSchema,
+  documentFileUrl,
+  documentGitPath,
+  documentBucketPath
+};

package/dist/{chunk-GYCBWGVW.js → chunk-LBHQWIVL.js}

@@ -15,6 +15,9 @@ import {
   useMediaLibrary,
   useResolvedMedia
 } from "./chunk-26ALJO4K.js";
+import {
+  formatFileSize
+} from "./chunk-3COSXTOY.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";
@@ -356,9 +359,52 @@ function VideoSourceField({ value, onChange }) {
   ] });
 }
 
+// src/hooks/useResolvedDocument.ts
+import { useMemo } from "react";
+function useResolvedDocument(documentId) {
+  const ctx = useMediaLibrary();
+  return useMemo(() => {
+    if (!documentId) return { entry: null, missing: false };
+    const committed = ctx?.documentManifest?.[documentId];
+    const pending = ctx?.pendingDocuments?.find((d) => d.id === documentId)?.entry;
+    const entry = committed ?? pending ?? null;
+    return { entry, missing: entry === null };
+  }, [documentId, ctx]);
+}
+
+// src/components/shared/DocumentSourceField.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function DocumentSourceField({ value, onChange }) {
+  const mediaLibrary = useMediaLibrary();
+  const documentId = value?.documentId || void 0;
+  const { entry, missing } = useResolvedDocument(documentId);
+  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx8(FormLabel, { children: "Document" }),
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
+      entry ? /* @__PURE__ */ jsxs6("span", { className: "min-w-0 flex-1 truncate text-sm text-base-contrast", children: [
+        entry.filename,
+        /* @__PURE__ */ jsxs6("span", { className: "text-base-contrast-light", children: [
+          " \xB7 ",
+          formatFileSize(entry.size)
+        ] })
+      ] }) : /* @__PURE__ */ jsx8("span", { className: "flex-1 text-sm text-base-contrast-light", children: missing ? "File missing" : "No document selected" }),
+      /* @__PURE__ */ jsx8(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          size: "sm",
+          onClick: () => mediaLibrary?.openSelectModal((id) => onChange({ documentId: id }), { kinds: ["document"] }),
+          children: documentId ? "Replace document" : "Choose document"
+        }
+      )
+    ] })
+  ] });
+}
+
 // src/components/shared/Tabs.tsx
 import { useState as useState2 } from "react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar }) {
   const [uncontrolledId, setUncontrolledId] = useState2(defaultTabId ?? tabs[0]?.id);
   const isControlled = activeTabId !== void 0;
@@ -368,8 +414,8 @@ function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar })
     if (!isControlled) setUncontrolledId(id);
     onTabChange?.(id);
   }
-  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx8("div", { className: cn("border-b border-base-200", fullBleedTabBar && "-mx-6 px-6"), children: /* @__PURE__ */ jsx8("div", { className: "flex", role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx9("div", { className: cn("border-b border-base-200", fullBleedTabBar && "-mx-6 px-6"), children: /* @__PURE__ */ jsx9("div", { className: "flex", role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
@@ -384,12 +430,12 @@ function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar })
       },
       tab.id
     )) }) }),
-    /* @__PURE__ */ jsx8("div", { role: "tabpanel", className: cn("flex min-h-0 flex-1 flex-col px-px", fullBleedTabBar && "pt-4"), children: activeTab?.content })
+    /* @__PURE__ */ jsx9("div", { role: "tabpanel", className: cn("flex min-h-0 flex-1 flex-col px-px", fullBleedTabBar && "pt-4"), children: activeTab?.content })
   ] });
 }
 
 // src/components/editor/SettingsForm.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function resolveValues(schema, values) {
   const resolved = {};
   for (const [key, field] of Object.entries(schema)) {
@@ -429,9 +475,9 @@ function RangeField({
   onChange
 }) {
   const id = useId2();
-  return /* @__PURE__ */ jsxs7("div", { children: [
-    /* @__PURE__ */ jsx9(FormLabel, { htmlFor: id, children: field.label }),
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs8("div", { children: [
+    /* @__PURE__ */ jsx10(FormLabel, { htmlFor: id, children: field.label }),
+    /* @__PURE__ */ jsx10(
       "input",
       {
         id,
@@ -451,7 +497,7 @@ function RangeField({
 function renderField(key, field, value, handleFieldChange) {
   switch (field.type) {
     case "text":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         Input,
         {
           label: field.label,
@@ -462,7 +508,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "number":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         Input,
         {
           label: field.label,
@@ -473,7 +519,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "checkbox":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         Checkbox,
         {
           label: field.label,
@@ -483,7 +529,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "select":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         Select,
         {
           label: field.label,
@@ -494,7 +540,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "range":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         RangeField,
         {
           field,
@@ -504,7 +550,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "link":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         LinkField,
         {
           label: field.label,
@@ -514,7 +560,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "video-source":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         VideoSourceField,
         {
           value,
@@ -522,6 +568,15 @@ function renderField(key, field, value, handleFieldChange) {
         },
         key
       );
+    case "document-source":
+      return /* @__PURE__ */ jsx10(
+        DocumentSourceField,
+        {
+          value,
+          onChange: (v) => handleFieldChange(key, v)
+        },
+        key
+      );
     default:
       return null;
   }
@@ -539,12 +594,12 @@ function SettingsForm({ schema, values, onChange, tabs }) {
     const otherKeys = Object.keys(schema).filter((key) => !listed.has(key));
     const panel = "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-px";
     const tabItems = [
-      ...tabs.map((t) => ({ id: t.label, label: t.label, content: /* @__PURE__ */ jsx9("div", { className: panel, children: fields(t.fields) }) })),
-      ...otherKeys.length > 0 ? [{ id: "__other__", label: "Other", content: /* @__PURE__ */ jsx9("div", { className: panel, children: fields(otherKeys) }) }] : []
+      ...tabs.map((t) => ({ id: t.label, label: t.label, content: /* @__PURE__ */ jsx10("div", { className: panel, children: fields(t.fields) }) })),
+      ...otherKeys.length > 0 ? [{ id: "__other__", label: "Other", content: /* @__PURE__ */ jsx10("div", { className: panel, children: fields(otherKeys) }) }] : []
     ];
-    return /* @__PURE__ */ jsx9(Tabs, { tabs: tabItems, fullBleedTabBar: true });
+    return /* @__PURE__ */ jsx10(Tabs, { tabs: tabItems, fullBleedTabBar: true });
   }
-  return /* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-4", children: Object.entries(schema).map(([key, field]) => renderField(key, field, local[key], handleFieldChange)) });
+  return /* @__PURE__ */ jsx10("div", { className: "flex flex-col gap-4", children: Object.entries(schema).map(([key, field]) => renderField(key, field, local[key], handleFieldChange)) });
 }
 
 // src/components/shared/Popover.tsx
@@ -600,7 +655,7 @@ function useFocusTrap(ref, active) {
 }
 
 // src/components/shared/Popover.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Popover({
   isOpen,
   onClose,
@@ -683,7 +738,7 @@ function Popover({
   if (portal) {
     if (!fixedPos) return null;
     return createPortal(
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(
         "div",
         {
           ref: panelRef,
@@ -702,7 +757,7 @@ function Popover({
       document.body
     );
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       ref: panelRef,
@@ -720,10 +775,10 @@ function Popover({
 
 // src/components/shared/PopoverItem.tsx
 import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var PopoverItem = forwardRef2(
   function PopoverItem2({ className, children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       "button",
       {
         ref,