@drawnagency/primitives 0.1.113 → 0.1.114

package/README.md

@@ -25,4 +25,4 @@ import type { AuthProvider } from "@drawnagency/primitives/auth";
 
 ## Part of the Drawn Portal Framework
 
-Built by [Drawn Agency](https://drawnagency.com). See [@drawnagency/core](https://www.npmjs.com/package/@drawnagency/core) for the full framework.
+Built by [Drawn Agency](https://drawn.agency). See [@drawnagency/core](https://www.npmjs.com/package/@drawnagency/core) for the full framework.

package/dist/auth/cookies.d.ts

@@ -27,6 +27,45 @@ export interface AudienceClaims {
  */
 export declare function verifyAudienceClaims(token: string): Promise<AudienceClaims | null>;
 export declare function verifyAudienceToken(token: string): Promise<string | null>;
+export declare const IMPERSONATION_COOKIE = "bp-impersonate";
+export declare const IMPERSONATION_MAX_AGE_SECONDS: number;
+/** The audience someone is viewing the site as (#61). */
+export interface ImpersonationClaims {
+    audience: string;
+    displayName: string;
+    isDefault: boolean;
+}
+/**
+ * The login an impersonation rides on: an editor session, or a sign-in under
+ * the site's DEFAULT audience (the client, who can also see Audience Details).
+ * No other viewer can impersonate.
+ */
+export type Impersonator = {
+    kind: "editor";
+    userId: string | null;
+} | {
+    kind: "audience";
+    audience: string;
+    username: string | null;
+};
+/**
+ * Who may impersonate on this request. An editor session wins over an audience
+ * cookie when a browser carries both, matching how every route resolves them.
+ */
+export declare function impersonatorFor(session: Session | null, audience: AudienceClaims | null): Impersonator | null;
+export declare function signImpersonationToken(target: ImpersonationClaims, by: Impersonator): Promise<string>;
+/**
+ * Claims of an impersonation token, or null unless it is validly signed,
+ * unexpired, and minted by this exact login: the same editor (by userId), or
+ * the same default-audience sign-in (audience + username). That binding is what
+ * stops an impersonation outliving its login on a shared browser. Password-mode
+ * editors have no per-user id, so there the binding is "any password-mode
+ * editor session".
+ */
+export declare function verifyImpersonationClaims(token: string, impersonator: Impersonator): Promise<ImpersonationClaims | null>;
+export declare function setImpersonationCookie(cookies: CookieLike, token: string, isProduction: boolean): void;
+/** Paired with `setImpersonationCookie` so the path cannot drift — see `clearSessionCookie`. */
+export declare function clearImpersonationCookie(cookies: CookieLike): void;
 export declare function setSessionCookie(cookies: CookieLike, token: string, isProduction: boolean): void;
 /**
  * Clear the editor session cookie. Paired with `setSessionCookie` so the `path`

package/dist/auth/cookies.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cookies.d.ts","sourceRoot":"","sources":["../../src/auth/cookies.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGnD,eAAO,MAAM,cAAc,eAAe,CAAC;AAC3C,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAC7C,eAAO,MAAM,uBAAuB,QAAe,CAAC;AAMpD,eAAO,MAAM,wBAAwB,QAAe,CAAC;AAErD,wBAAsB,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAWxE;AAED,wBAAsB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAe/E;AAMD,wBAAsB,iBAAiB,CACrC,QAAQ,EAAE,MAAM,EAChB,SAAS,UAAQ,EACjB,QAAQ,GAAE,MAAM,GAAG,IAAW,GAC7B,OAAO,CAAC,MAAM,CAAC,CAMjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,SAAS,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED;;;;;;GAMG;AACH,wBAAsB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAcxF;AAED,wBAAsB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAE/E;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,OAAO,GACpB,IAAI,CAQN;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,UAAU,GAAG,IAAI,CAE5D"}
+{"version":3,"file":"cookies.d.ts","sourceRoot":"","sources":["../../src/auth/cookies.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGnD,eAAO,MAAM,cAAc,eAAe,CAAC;AAC3C,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAC7C,eAAO,MAAM,uBAAuB,QAAe,CAAC;AAMpD,eAAO,MAAM,wBAAwB,QAAe,CAAC;AAErD,wBAAsB,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAWxE;AAED,wBAAsB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAe/E;AAMD,wBAAsB,iBAAiB,CACrC,QAAQ,EAAE,MAAM,EAChB,SAAS,UAAQ,EACjB,QAAQ,GAAE,MAAM,GAAG,IAAW,GAC7B,OAAO,CAAC,MAAM,CAAC,CAMjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,SAAS,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED;;;;;;GAMG;AACH,wBAAsB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAcxF;AAED,wBAAsB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAE/E;AAED,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AACrD,eAAO,MAAM,6BAA6B,QAAU,CAAC;AAErD,yDAAyD;AACzD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,MAAM,YAAY,GACpB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAEpE;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI,GAAG,YAAY,GAAG,IAAI,CAI7G;AAyBD,wBAAsB,sBAAsB,CAAC,MAAM,EAAE,mBAAmB,EAAE,EAAE,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,CAY3G;AAED;;;;;;;GAOG;AACH,wBAAsB,yBAAyB,CAC7C,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,YAAY,GACzB,OAAO,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAiBrC;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,CAQtG;AAED,gGAAgG;AAChG,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,UAAU,GAAG,IAAI,CAElE;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,OAAO,GACpB,IAAI,CAQN;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,UAAU,GAAG,IAAI,CAE5D"}

package/dist/auth/index.js

@@ -13,13 +13,13 @@ import {
   verifyAudienceClaims,
   verifyAudienceToken,
   verifySessionToken
-} from "../chunk-SW6PCQQD.js";
+} from "../chunk-KQA772WQ.js";
 import {
   isSameOriginRequest,
   requireSessionSecret,
   safeNextPath
-} from "../chunk-S2L3BPLS.js";
-import "../chunk-WKZ7OENC.js";
+} from "../chunk-7SX42OP4.js";
+import "../chunk-BQ5TZZUE.js";
 import "../chunk-JSBRDJBE.js";
 export {
   AUDIENCE_COOKIE,

package/dist/{chunk-GPPVYLEI.js → chunk-45FA7Z55.js}

@@ -15,7 +15,7 @@ var NothingToPublishError = class extends Error {
 };
 var IdempotencyLookupUnavailableError = class extends Error {
   constructor(cause) {
-    super("Could not search draft history for the idempotency key");
+    super("Couldn't search draft history for the idempotency key");
     this.cause = cause;
     this.name = "IdempotencyLookupUnavailableError";
   }

package/dist/{chunk-REDDTTGJ.js → chunk-4Y2JQQZL.js}

@@ -21,7 +21,25 @@ var NavFileSchema = z.object({
   entries: z.array(NavEntrySchema)
 });
 
+// src/schemas/tags.ts
+import { z as z2 } from "zod";
+var TagEntrySchema = z2.object({
+  id: z2.string().min(1),
+  /** May be blank — agent-authored files can omit it; UI falls back to "Untitled tag". */
+  label: z2.string().catch(""),
+  // Everything but `id` repairs rather than rejects. A rejected entry marks the
+  // read degraded, and a degraded tags.json refuses EVERY tags write until
+  // someone fixes the file by hand — far too heavy a price for one blank id in
+  // one tag's list, which reconcileTags would drop anyway.
+  sectionIds: z2.array(z2.unknown()).catch([]).transform((ids) => ids.filter((id) => typeof id === "string" && id !== ""))
+});
+var TagsFileSchema = z2.object({
+  tags: z2.array(TagEntrySchema)
+});
+
 export {
   NavEntrySchema,
-  NavFileSchema
+  NavFileSchema,
+  TagEntrySchema,
+  TagsFileSchema
 };

package/dist/chunk-5GFACGSN.js

@@ -0,0 +1,6 @@
+// src/lib/reference-type.ts
+var REFERENCE_TYPE = "reference";
+
+export {
+  REFERENCE_TYPE
+};

package/dist/chunk-5KSAS4VY.js

@@ -0,0 +1,275 @@
+import {
+  getMediaProvider
+} from "./chunk-QHMKIODQ.js";
+import {
+  cn
+} from "./chunk-7EOSDFS3.js";
+
+// src/components/shared/PagesContext.tsx
+import { createContext, useContext } from "react";
+var PagesContext = createContext({ pages: [], getPageHeadings: () => [] });
+function usePages() {
+  return useContext(PagesContext);
+}
+
+// src/components/shared/FormLabel.tsx
+import { jsx } from "react/jsx-runtime";
+function FormLabel({ htmlFor, children, className }) {
+  return /* @__PURE__ */ jsx(
+    "label",
+    {
+      htmlFor,
+      className: cn("mb-1.5 block text-sm font-medium text-base-contrast", className),
+      children
+    }
+  );
+}
+
+// src/components/shared/Input.tsx
+import { forwardRef, useId } from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Input = forwardRef(function Input2({ label, value, onChange, type = "text", className, disabled, error, hint, hideLabel, inputClassName, ...rest }, ref) {
+  const id = useId();
+  const errorId = `${id}-error`;
+  const hintId = `${id}-hint`;
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsx2(FormLabel, { htmlFor: id, className: hideLabel ? "sr-only" : void 0, children: label }),
+    /* @__PURE__ */ jsx2(
+      "input",
+      {
+        ref,
+        id,
+        type,
+        value,
+        onChange: (e) => onChange(e.target.value),
+        disabled,
+        "aria-invalid": error ? true : void 0,
+        "aria-describedby": error ? errorId : hint ? hintId : void 0,
+        className: cn(
+          "w-full rounded border bg-base px-3 py-2 text-sm text-base-contrast focus:outline-none focus:ring-1",
+          error ? "border-danger focus:border-danger focus:ring-danger" : "border-base-200 focus:border-base-contrast focus:ring-base-contrast",
+          disabled && "cursor-not-allowed opacity-50",
+          inputClassName
+        ),
+        ...rest
+      }
+    ),
+    error ? /* @__PURE__ */ jsx2("p", { id: errorId, className: "mt-1 text-xs text-danger", children: error }) : hint ? /* @__PURE__ */ jsx2("p", { id: hintId, className: "mt-1 text-xs text-base-contrast-light", children: hint }) : null
+  ] });
+});
+
+// src/components/shared/Select.tsx
+import { useId as useId2 } from "react";
+import { ChevronDown } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function Select({
+  label,
+  value,
+  onChange,
+  options,
+  disabled,
+  className,
+  selectClassName,
+  ...rest
+}) {
+  const id = useId2();
+  return /* @__PURE__ */ jsxs2("div", { className, children: [
+    label && /* @__PURE__ */ jsx3(FormLabel, { htmlFor: id, children: label }),
+    /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx3(
+        "select",
+        {
+          id,
+          value,
+          onChange: (e) => onChange(e.target.value),
+          disabled,
+          ...rest,
+          className: cn(
+            "w-full appearance-none rounded border border-base-200 bg-base py-2 pr-8 pl-3 text-sm text-base-contrast",
+            "focus:border-base-contrast focus:outline-none focus:ring-1 focus:ring-base-contrast",
+            disabled && "cursor-not-allowed opacity-50",
+            selectClassName
+          ),
+          children: options.map((opt) => /* @__PURE__ */ jsx3("option", { value: opt.value, children: opt.label }, opt.value))
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        ChevronDown,
+        {
+          size: 14,
+          className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-base-contrast-light"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/shared/LinkField.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var TARGET_OPTIONS = [
+  { label: "Same tab (_self)", value: "_self" },
+  { label: "New tab (_blank)", value: "_blank" }
+];
+function LinkField({ label, value, onChange }) {
+  const { pages, getPageHeadings } = usePages();
+  const isInternal = value.kind === "internal";
+  function setMode(kind) {
+    if (kind === value.kind) return;
+    onChange(kind === "external" ? { kind: "external", href: "", target: value.target } : { kind: "internal", pageId: "", anchorSectionId: null, target: "_self" });
+  }
+  const pageId = isInternal ? value.pageId : "";
+  const headings = pageId ? getPageHeadings(pageId) : [];
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx4(FormLabel, { children: label }),
+    /* @__PURE__ */ jsx4("div", { className: "flex gap-2", role: "tablist", children: ["internal", "external"].map((kind) => /* @__PURE__ */ jsx4(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": value.kind === kind,
+        onClick: () => setMode(kind),
+        className: cn(
+          "cursor-pointer rounded border px-3 py-1 text-sm capitalize",
+          value.kind === kind ? "border-primary bg-primary text-primary-contrast" : "border-base-200 text-base-contrast"
+        ),
+        children: kind === "external" ? "External URL" : "Internal page"
+      },
+      kind
+    )) }),
+    value.kind === "external" ? /* @__PURE__ */ jsx4(
+      Input,
+      {
+        label: "URL",
+        value: value.href,
+        placeholder: "https://...",
+        onChange: (href) => onChange({ kind: "external", href, target: value.target })
+      }
+    ) : /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx4(
+        Select,
+        {
+          label: "Page",
+          value: value.pageId,
+          options: [{ label: "Select a page\u2026", value: "" }, ...pages.map((p) => ({ label: p.title, value: p.id }))],
+          onChange: (pid) => onChange({ kind: "internal", pageId: pid, anchorSectionId: null, target: value.target })
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        Select,
+        {
+          label: "Section",
+          value: value.anchorSectionId ?? "",
+          disabled: !pageId,
+          options: [{ label: "None (top of page)", value: "" }, ...headings.map((h) => ({ label: h.label, value: h.id }))],
+          onChange: (anchor) => onChange({ kind: "internal", pageId, anchorSectionId: anchor || null, target: value.target })
+        }
+      )
+    ] }),
+    value.kind === "external" && /* @__PURE__ */ jsx4(
+      Select,
+      {
+        label: "Opens in",
+        value: value.target,
+        options: TARGET_OPTIONS,
+        onChange: (t) => onChange({ ...value, target: t })
+      }
+    )
+  ] });
+}
+
+// src/components/shell/MediaLibraryContext.tsx
+import { createContext as createContext2, useContext as useContext2 } from "react";
+var MediaLibraryContext = createContext2(null);
+function useMediaLibrary() {
+  return useContext2(MediaLibraryContext);
+}
+
+// src/hooks/useResolvedMedia.ts
+import { useMemo } from "react";
+function useResolvedMedia(imageId) {
+  const ctx = useMediaLibrary();
+  return useMemo(() => {
+    if (!imageId || !ctx) {
+      return { src: void 0, srcset: void 0, poster: void 0, alt: "", kind: "image" };
+    }
+    const { manifest, pendingItems, pendingLocalUrls, siteConfig } = ctx;
+    const sizes = siteConfig?.media?.sizes ?? [640, 1080, 1920];
+    const manifestItem = manifest.images[imageId];
+    const pendingItem = pendingItems.find((i) => i.id === imageId);
+    const item = manifestItem ?? pendingItem;
+    const alt = item?.alt ?? "";
+    const kind = item?.kind ?? "image";
+    const width = item?.width;
+    const height = item?.height;
+    const localUrl = pendingLocalUrls[imageId];
+    if (localUrl) {
+      return { src: localUrl, srcset: void 0, poster: void 0, alt, kind, width, height };
+    }
+    if (manifestItem) {
+      const provider = getMediaProvider();
+      const resolved = provider.resolve(manifestItem, sizes);
+      if (resolved && resolved.tag === "img") {
+        return {
+          src: resolved.src,
+          srcset: "srcSet" in resolved ? resolved.srcSet : void 0,
+          poster: void 0,
+          alt,
+          kind,
+          width: resolved.width,
+          height: resolved.height
+        };
+      }
+      if (resolved && resolved.tag === "video") {
+        return { src: resolved.src, srcset: void 0, poster: resolved.poster, alt, kind, width: resolved.width, height: resolved.height };
+      }
+    }
+    return { src: void 0, srcset: void 0, poster: void 0, alt, kind, width, height };
+  }, [imageId, ctx]);
+}
+
+// src/components/shared/icons.tsx
+import { GripVertical } from "lucide-react";
+import { GripVertical as GripVertical2, Plus, Trash2, X, Settings } from "lucide-react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function DragHandle({ size = 16 }) {
+  return /* @__PURE__ */ jsx5(GripVertical, { size });
+}
+
+// src/components/editor/DropEdgeIndicator.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function DropEdgeIndicator({
+  edge,
+  inset = false,
+  style
+}) {
+  if (!edge) return null;
+  const horizontal = edge === "top" || edge === "bottom";
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      "data-drop-edge": edge,
+      className: cn(
+        "absolute z-10 bg-primary",
+        horizontal ? cn("right-0 h-0.5", inset ? "left-6" : "left-0") : "top-0 bottom-0 w-0.5",
+        edge === "top" && "top-0 -translate-y-1/2",
+        edge === "bottom" && "bottom-0 translate-y-1/2",
+        edge === "left" && "left-0 -translate-x-1",
+        edge === "right" && "right-0 translate-x-1"
+      ),
+      style
+    }
+  );
+}
+
+export {
+  PagesContext,
+  usePages,
+  useMediaLibrary,
+  useResolvedMedia,
+  DragHandle,
+  DropEdgeIndicator,
+  FormLabel,
+  Input,
+  Select,
+  LinkField
+};