@guard-rail/core 0.1.0

package/dist/react/MediaPicker.js

@@ -0,0 +1,172 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { createAssetUpload, listAssets } from "../server/actions";
+import { CloseIcon, SpinnerIcon } from "./Icons";
+import { S } from "./styles";
+import { prepareImage } from "./resizeImage";
+function measure(url) {
+  return new Promise((resolve) => {
+    const img = new Image();
+    img.onload = () => resolve({ width: img.naturalWidth, height: img.naturalHeight });
+    img.onerror = () => resolve({});
+    img.src = url;
+  });
+}
+function MediaPicker({
+  current,
+  onSelect,
+  onClose
+}) {
+  const [assets, setAssets] = useState(null);
+  const [uploading, setUploading] = useState(false);
+  const [dragging, setDragging] = useState(false);
+  const [error, setError] = useState(null);
+  const inputRef = useRef(null);
+  useEffect(() => {
+    void listAssets().then(setAssets);
+  }, []);
+  useEffect(() => {
+    const onKey = (e) => {
+      if (e.key !== "Escape") return;
+      e.stopPropagation();
+      onClose();
+    };
+    window.addEventListener("keydown", onKey, true);
+    return () => window.removeEventListener("keydown", onKey, true);
+  }, [onClose]);
+  const choose = useCallback(
+    (src, size) => {
+      onSelect({ src, ...size });
+      onClose();
+    },
+    [onSelect, onClose]
+  );
+  const upload = async (file) => {
+    if (uploading) return;
+    setError(null);
+    setUploading(true);
+    try {
+      const prepared = await prepareImage(file);
+      const payload = prepared.file;
+      const res = await createAssetUpload({
+        name: payload.name,
+        contentType: payload.type,
+        size: payload.size
+      });
+      if (!res.success) {
+        setError(res.error);
+        return;
+      }
+      const { target } = res;
+      const put = await fetch(target.url, {
+        method: target.method,
+        headers: target.headers,
+        body: payload
+      });
+      if (!put.ok) {
+        setError(`Upload failed (${put.status}).`);
+        return;
+      }
+      setAssets((prev) => [target.asset, ...prev ?? []]);
+      choose(target.asset.url, { width: prepared.width, height: prepared.height });
+    } catch {
+      setError("Upload failed. Check your connection and try again.");
+    } finally {
+      setUploading(false);
+    }
+  };
+  const onFiles = (files) => {
+    const file = files?.[0];
+    if (file) void upload(file);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { "data-guardrail": true, style: S.pickerScrim, onClick: onClose }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-guardrail": true,
+        role: "dialog",
+        "aria-label": "Choose an image",
+        style: S.picker,
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsxs("header", { style: S.drawerHead, children: [
+            /* @__PURE__ */ jsx("h2", { style: S.drawerTitle, children: "Choose an image" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                style: { ...S.iconBtn, color: "#6b7280" },
+                onClick: onClose,
+                "aria-label": "Close",
+                children: /* @__PURE__ */ jsx(CloseIcon, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: S.drawerBody, children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                role: "button",
+                tabIndex: 0,
+                style: { ...S.dropzone, ...dragging ? S.dropzoneActive : {} },
+                onClick: () => !uploading && inputRef.current?.click(),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") inputRef.current?.click();
+                },
+                onDragOver: (e) => {
+                  e.preventDefault();
+                  setDragging(true);
+                },
+                onDragLeave: () => setDragging(false),
+                onDrop: (e) => {
+                  e.preventDefault();
+                  setDragging(false);
+                  onFiles(e.dataTransfer.files);
+                },
+                children: [
+                  uploading ? /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", gap: 8, alignItems: "center" }, children: [
+                    /* @__PURE__ */ jsx(SpinnerIcon, {}),
+                    " Uploading\u2026"
+                  ] }) : "Drop an image here, or click to upload",
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      ref: inputRef,
+                      type: "file",
+                      accept: "image/png,image/jpeg,image/webp,image/gif,image/avif",
+                      hidden: true,
+                      onChange: (e) => {
+                        onFiles(e.target.files);
+                        e.target.value = "";
+                      }
+                    }
+                  )
+                ]
+              }
+            ),
+            error && /* @__PURE__ */ jsx("div", { style: { ...S.error, marginBottom: 12 }, children: error }),
+            assets === null ? /* @__PURE__ */ jsx("p", { style: { fontSize: 13, color: "#6b7280" }, children: "Loading\u2026" }) : assets.length === 0 ? /* @__PURE__ */ jsx("p", { style: { fontSize: 13, color: "#6b7280" }, children: "No images uploaded yet." }) : /* @__PURE__ */ jsx("div", { style: S.pickerGrid, children: assets.map((asset) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                title: asset.name,
+                style: {
+                  ...S.pickerTile,
+                  ...asset.url === current ? S.pickerTileActive : {}
+                },
+                onClick: async () => choose(asset.url, await measure(asset.url)),
+                children: /* @__PURE__ */ jsx("img", { src: asset.url, alt: "", loading: "lazy", style: S.pickerThumb })
+              },
+              asset.id
+            )) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  MediaPicker
+};
+//# sourceMappingURL=MediaPicker.js.map

package/dist/react/MediaPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/MediaPicker.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createAssetUpload, listAssets } from \"../server/actions\";\nimport { CloseIcon, SpinnerIcon } from \"./Icons\";\nimport { S } from \"./styles\";\nimport { prepareImage } from \"./resizeImage\";\nimport type { GRAsset } from \"../core/types\";\n\nexport interface PickedImage {\n  src: string;\n  width?: number;\n  height?: number;\n}\n\ntype Size = { width?: number; height?: number };\n\n/**\n * Natural size is read in the browser, so no dimensions need storing on the\n * storage side and every adapter gets them for free.\n */\nfunction measure(url: string): Promise<Size> {\n  return new Promise((resolve) => {\n    const img = new Image();\n    img.onload = () => resolve({ width: img.naturalWidth, height: img.naturalHeight });\n    img.onerror = () => resolve({});\n    img.src = url;\n  });\n}\n\nexport function MediaPicker({\n  current,\n  onSelect,\n  onClose,\n}: {\n  current?: string;\n  onSelect: (image: PickedImage) => void;\n  onClose: () => void;\n}) {\n  const [assets, setAssets] = useState<GRAsset[] | null>(null);\n  const [uploading, setUploading] = useState(false);\n  const [dragging, setDragging] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    void listAssets().then(setAssets);\n  }, []);\n\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\") return;\n      e.stopPropagation();\n      onClose();\n    };\n    window.addEventListener(\"keydown\", onKey, true);\n    return () => window.removeEventListener(\"keydown\", onKey, true);\n  }, [onClose]);\n\n  const choose = useCallback(\n    (src: string, size: Size) => {\n      onSelect({ src, ...size });\n      onClose();\n    },\n    [onSelect, onClose],\n  );\n\n  const upload = async (file: File) => {\n    if (uploading) return;\n    setError(null);\n    setUploading(true);\n    try {\n      // Scaled first, so the size check and the upload both see the file\n      // that will actually be stored — an oversized phone photo that shrinks\n      // under the cap is accepted.\n      const prepared = await prepareImage(file);\n      const payload = prepared.file;\n\n      const res = await createAssetUpload({\n        name: payload.name,\n        contentType: payload.type,\n        size: payload.size,\n      });\n      if (!res.success) {\n        setError(res.error);\n        return;\n      }\n      const { target } = res;\n\n      // Straight to storage — the bytes never touch the Next.js server.\n      const put = await fetch(target.url, {\n        method: target.method,\n        headers: target.headers,\n        body: payload,\n      });\n      if (!put.ok) {\n        setError(`Upload failed (${put.status}).`);\n        return;\n      }\n\n      setAssets((prev) => [target.asset, ...(prev ?? [])]);\n      choose(target.asset.url, { width: prepared.width, height: prepared.height });\n    } catch {\n      setError(\"Upload failed. Check your connection and try again.\");\n    } finally {\n      setUploading(false);\n    }\n  };\n\n  const onFiles = (files: FileList | null | undefined) => {\n    const file = files?.[0];\n    if (file) void upload(file);\n  };\n\n  return (\n    <>\n      <div data-guardrail style={S.pickerScrim} onClick={onClose} />\n      <div\n        data-guardrail\n        role=\"dialog\"\n        aria-label=\"Choose an image\"\n        style={S.picker}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <header style={S.drawerHead}>\n          <h2 style={S.drawerTitle}>Choose an image</h2>\n          <button\n            style={{ ...S.iconBtn, color: \"#6b7280\" }}\n            onClick={onClose}\n            aria-label=\"Close\"\n          >\n            <CloseIcon />\n          </button>\n        </header>\n\n        <div style={S.drawerBody}>\n          <div\n            role=\"button\"\n            tabIndex={0}\n            style={{ ...S.dropzone, ...(dragging ? S.dropzoneActive : {}) }}\n            onClick={() => !uploading && inputRef.current?.click()}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\" || e.key === \" \") inputRef.current?.click();\n            }}\n            onDragOver={(e) => {\n              e.preventDefault();\n              setDragging(true);\n            }}\n            onDragLeave={() => setDragging(false)}\n            onDrop={(e) => {\n              e.preventDefault();\n              setDragging(false);\n              onFiles(e.dataTransfer.files);\n            }}\n          >\n            {uploading ? (\n              <span style={{ display: \"inline-flex\", gap: 8, alignItems: \"center\" }}>\n                <SpinnerIcon /> Uploading…\n              </span>\n            ) : (\n              \"Drop an image here, or click to upload\"\n            )}\n            <input\n              ref={inputRef}\n              type=\"file\"\n              accept=\"image/png,image/jpeg,image/webp,image/gif,image/avif\"\n              hidden\n              onChange={(e) => {\n                onFiles(e.target.files);\n                e.target.value = \"\";\n              }}\n            />\n          </div>\n\n          {error && <div style={{ ...S.error, marginBottom: 12 }}>{error}</div>}\n\n          {assets === null ? (\n            <p style={{ fontSize: 13, color: \"#6b7280\" }}>Loading…</p>\n          ) : assets.length === 0 ? (\n            <p style={{ fontSize: 13, color: \"#6b7280\" }}>No images uploaded yet.</p>\n          ) : (\n            <div style={S.pickerGrid}>\n              {assets.map((asset) => (\n                <button\n                  key={asset.id}\n                  type=\"button\"\n                  title={asset.name}\n                  style={{\n                    ...S.pickerTile,\n                    ...(asset.url === current ? S.pickerTileActive : {}),\n                  }}\n                  onClick={async () => choose(asset.url, await measure(asset.url))}\n                >\n                  {/* Plain img: the admin UI must not depend on next/image's\n                      remotePatterns being configured. */}\n                  <img src={asset.url} alt=\"\" loading=\"lazy\" style={S.pickerThumb} />\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/react/Provider.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { GRState } from '../core/types.js';
+
+declare function GRailProvider({ children, state, }: {
+    children: React.ReactNode;
+    state: GRState;
+}): react_jsx_runtime.JSX.Element;
+declare function useGRail(): GRState;
+
+export { GRailProvider, useGRail };

package/dist/react/Provider.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { createContext, useContext, Suspense } from "react";
+import { EditSyncer } from "./Syncer";
+const GRContext = createContext(void 0);
+function GRailProvider({
+  children,
+  state
+}) {
+  return /* @__PURE__ */ jsxs(GRContext.Provider, { value: state, children: [
+    /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(EditSyncer, {}) }),
+    children
+  ] });
+}
+function useGRail() {
+  const context = useContext(GRContext);
+  if (!context) {
+    throw new Error("useGRail must be used inside withGuardrail()");
+  }
+  return context;
+}
+export {
+  GRailProvider,
+  useGRail
+};
+//# sourceMappingURL=Provider.js.map

package/dist/react/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/Provider.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { createContext, useContext, Suspense } from \"react\";\nimport type { GRState } from \"../core/types\";\nimport { EditSyncer } from \"./Syncer\";\n\nconst GRContext = createContext<GRState | undefined>(undefined);\n\nexport function GRailProvider({\n  children,\n  state,\n}: {\n  children: React.ReactNode;\n  state: GRState;\n}) {\n  // Deliberately not held in useState. The server is the source of truth here,\n  // and useState ignores prop changes after mount — so after signing in,\n  // router.refresh() would deliver a fresh state that the provider discarded,\n  // leaving the login bar on screen until a full page reload.\n  return (\n    <GRContext.Provider value={state}>\n      {/* EditSyncer reads searchParams, which suspends during static render. */}\n      <Suspense fallback={null}>\n        <EditSyncer />\n      </Suspense>\n      {children}\n    </GRContext.Provider>\n  );\n}\n\nexport function useGRail(): GRState {\n  const context = useContext(GRContext);\n  if (!context) {\n    throw new Error(\"useGRail must be used inside withGuardrail()\");\n  }\n  return context;\n}\n"],"mappings":";AAoBI,SAGI,KAHJ;AAlBJ,OAAO,SAAS,eAAe,YAAY,gBAAgB;AAE3D,SAAS,kBAAkB;AAE3B,MAAM,YAAY,cAAmC,MAAS;AAEvD,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;AAKD,SACE,qBAAC,UAAU,UAAV,EAAmB,OAAO,OAEzB;AAAA,wBAAC,YAAS,UAAU,MAClB,8BAAC,cAAW,GACd;AAAA,IACC;AAAA,KACH;AAEJ;AAEO,SAAS,WAAoB;AAClC,QAAM,UAAU,WAAW,SAAS;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;","names":[]}

package/dist/react/Repeater/client.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface RenderedItem {
+    id: string;
+    /** Already rendered server-side — this component only wraps it in chrome. */
+    node: React.ReactNode;
+}
+declare function RepeaterClient({ repeaterId, routed, items, children, }: {
+    repeaterId: string;
+    routed?: boolean;
+    items: RenderedItem[];
+    children?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { RepeaterClient };

package/dist/react/Repeater/client.js

@@ -0,0 +1,148 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { useState, useTransition } from "react";
+import { useRouter } from "next/navigation";
+import { addRepeaterItem, removeRepeaterItem, reorderRepeaterItems } from "../../server/repeaterActions";
+import {
+  ArrowDownIcon,
+  ArrowUpIcon,
+  PlusIcon,
+  SpinnerIcon,
+  TrashIcon
+} from "../Icons";
+import { S } from "../styles";
+function RepeaterClient({
+  repeaterId,
+  routed,
+  items,
+  children
+}) {
+  const router = useRouter();
+  const [error, setError] = useState(null);
+  const [adding, setAdding] = useState(false);
+  const [slug, setSlug] = useState("");
+  const [pending, startTransition] = useTransition();
+  const run = (fn) => startTransition(async () => {
+    setError(null);
+    const res = await fn();
+    if (!res.success) setError(res.error ?? "Something went wrong.");
+    router.refresh();
+  });
+  const move = (id, dir) => {
+    const ids = items.map((i) => i.id);
+    const index = ids.indexOf(id);
+    const target = index + dir;
+    if (target < 0 || target >= ids.length) return;
+    const a = ids[index];
+    const b = ids[target];
+    ids[index] = b;
+    ids[target] = a;
+    run(() => reorderRepeaterItems(repeaterId, ids));
+  };
+  const submitAdd = () => {
+    if (routed && !slug.trim()) return;
+    run(async () => {
+      const res = await addRepeaterItem(
+        repeaterId,
+        routed ? { slug: slug.trim() } : void 0
+      );
+      if (res.success) {
+        setAdding(false);
+        setSlug("");
+      }
+      return res;
+    });
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    items.length === 0 && children,
+    items.map(({ id, node }, index) => /* @__PURE__ */ jsxs("div", { style: S.repeaterItem, children: [
+      /* @__PURE__ */ jsxs("div", { style: S.repeaterToolbar, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            style: S.iconBtn,
+            disabled: pending || index === 0,
+            onClick: () => move(id, -1),
+            "aria-label": "Move up",
+            title: "Move up",
+            children: /* @__PURE__ */ jsx(ArrowUpIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            style: S.iconBtn,
+            disabled: pending || index === items.length - 1,
+            onClick: () => move(id, 1),
+            "aria-label": "Move down",
+            title: "Move down",
+            children: /* @__PURE__ */ jsx(ArrowDownIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            style: { ...S.iconBtn, color: "#f87171" },
+            disabled: pending,
+            onClick: () => {
+              if (confirm("Remove this item and its content?")) {
+                run(() => removeRepeaterItem(repeaterId, id));
+              }
+            },
+            "aria-label": "Remove",
+            title: "Remove",
+            children: /* @__PURE__ */ jsx(TrashIcon, {})
+          }
+        )
+      ] }),
+      node
+    ] }, id)),
+    error && /* @__PURE__ */ jsx("div", { style: { ...S.error, marginTop: 8 }, children: error }),
+    /* @__PURE__ */ jsx("div", { style: S.repeaterAddRow, children: adding && routed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          style: S.repeaterSlugInput,
+          placeholder: "url-slug",
+          value: slug,
+          autoFocus: true,
+          onChange: (e) => setSlug(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") submitAdd();
+            if (e.key === "Escape") setAdding(false);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx("button", { style: S.primaryBtn, disabled: pending, onClick: submitAdd, children: pending ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : "Add" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          style: S.cancelBtn,
+          disabled: pending,
+          onClick: () => {
+            setAdding(false);
+            setSlug("");
+          },
+          children: "Cancel"
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        style: S.repeaterAddBtn,
+        disabled: pending,
+        onClick: () => routed ? setAdding(true) : submitAdd(),
+        children: [
+          /* @__PURE__ */ jsx(PlusIcon, {}),
+          " Add ",
+          routed ? "item" : "card"
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  RepeaterClient
+};
+//# sourceMappingURL=client.js.map

package/dist/react/Repeater/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/react/Repeater/client.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useState, useTransition } from \"react\";\nimport { useRouter } from \"next/navigation\";\nimport { addRepeaterItem, removeRepeaterItem, reorderRepeaterItems } from \"../../server/repeaterActions\";\nimport {\n  ArrowDownIcon,\n  ArrowUpIcon,\n  PlusIcon,\n  SpinnerIcon,\n  TrashIcon,\n} from \"../Icons\";\nimport { S } from \"../styles\";\n\ninterface RenderedItem {\n  id: string;\n  /** Already rendered server-side — this component only wraps it in chrome. */\n  node: React.ReactNode;\n}\n\nexport function RepeaterClient({\n  repeaterId,\n  routed,\n  items,\n  children,\n}: {\n  repeaterId: string;\n  routed?: boolean;\n  items: RenderedItem[];\n  children?: React.ReactNode;\n}) {\n  const router = useRouter();\n  const [error, setError] = useState<string | null>(null);\n  const [adding, setAdding] = useState(false);\n  const [slug, setSlug] = useState(\"\");\n  const [pending, startTransition] = useTransition();\n\n  /**\n   * There is deliberately no local copy of `items`. Each item's node can\n   * contain <GRail> fields, which only exist as a resolved server render —\n   * they cannot be reproduced by holding data in client state and re-invoking\n   * a component function in the browser. router.refresh() re-runs <GRepeater>\n   * on the server and delivers freshly rendered nodes as new props, the same\n   * pattern used for the login flow in Admin.tsx.\n   */\n  const run = (fn: () => Promise<{ success: boolean; error?: string }>) =>\n    startTransition(async () => {\n      setError(null);\n      const res = await fn();\n      if (!res.success) setError(res.error ?? \"Something went wrong.\");\n      router.refresh();\n    });\n\n  const move = (id: string, dir: -1 | 1) => {\n    const ids = items.map((i) => i.id);\n    const index = ids.indexOf(id);\n    const target = index + dir;\n    if (target < 0 || target >= ids.length) return;\n    const a = ids[index]!;\n    const b = ids[target]!;\n    ids[index] = b;\n    ids[target] = a;\n    run(() => reorderRepeaterItems(repeaterId, ids));\n  };\n\n  const submitAdd = () => {\n    if (routed && !slug.trim()) return;\n    run(async () => {\n      const res = await addRepeaterItem(\n        repeaterId,\n        routed ? { slug: slug.trim() } : undefined,\n      );\n      if (res.success) {\n        setAdding(false);\n        setSlug(\"\");\n      }\n      return res;\n    });\n  };\n\n  return (\n    <>\n      {items.length === 0 && children}\n\n      {items.map(({ id, node }, index) => (\n        <div key={id} style={S.repeaterItem}>\n          <div style={S.repeaterToolbar}>\n            <button\n              style={S.iconBtn}\n              disabled={pending || index === 0}\n              onClick={() => move(id, -1)}\n              aria-label=\"Move up\"\n              title=\"Move up\"\n            >\n              <ArrowUpIcon />\n            </button>\n            <button\n              style={S.iconBtn}\n              disabled={pending || index === items.length - 1}\n              onClick={() => move(id, 1)}\n              aria-label=\"Move down\"\n              title=\"Move down\"\n            >\n              <ArrowDownIcon />\n            </button>\n            <button\n              style={{ ...S.iconBtn, color: \"#f87171\" }}\n              disabled={pending}\n              onClick={() => {\n                if (confirm(\"Remove this item and its content?\")) {\n                  run(() => removeRepeaterItem(repeaterId, id));\n                }\n              }}\n              aria-label=\"Remove\"\n              title=\"Remove\"\n            >\n              <TrashIcon />\n            </button>\n          </div>\n          {node}\n        </div>\n      ))}\n\n      {error && <div style={{ ...S.error, marginTop: 8 }}>{error}</div>}\n\n      <div style={S.repeaterAddRow}>\n        {adding && routed ? (\n          <>\n            <input\n              style={S.repeaterSlugInput}\n              placeholder=\"url-slug\"\n              value={slug}\n              autoFocus\n              onChange={(e) => setSlug(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") submitAdd();\n                if (e.key === \"Escape\") setAdding(false);\n              }}\n            />\n            <button style={S.primaryBtn} disabled={pending} onClick={submitAdd}>\n              {pending ? <SpinnerIcon /> : \"Add\"}\n            </button>\n            <button\n              style={S.cancelBtn}\n              disabled={pending}\n              onClick={() => {\n                setAdding(false);\n                setSlug(\"\");\n              }}\n            >\n              Cancel\n            </button>\n          </>\n        ) : (\n          <button\n            type=\"button\"\n            style={S.repeaterAddBtn}\n            disabled={pending}\n            onClick={() => (routed ? setAdding(true) : submitAdd())}\n          >\n            <PlusIcon /> Add {routed ? \"item\" : \"card\"}\n          </button>\n        )}\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/react/Repeater/index.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { GRRepeaterItem } from '../../core/types.js';
+
+interface RepeaterItemProps {
+    item: GRRepeaterItem;
+}
+interface GRepeaterProps {
+    /** The repeater's own key. Item fields are namespaced under it: `${id}.${item.id}.*`. */
+    id: string;
+    /** The developer's own component — the one place the item's shape is defined. */
+    as: React.ComponentType<RepeaterItemProps>;
+    /**
+     * Marks this repeater as routed: each item gets its own URL (a product, a
+     * post), so adding one prompts for a slug. Omit for a plain row of items on
+     * one page (service cards) — those need no slug at all.
+     */
+    routed?: boolean;
+    /** Shown in place of the list when it has no items yet. */
+    children?: React.ReactNode;
+}
+/**
+ * Renders N instances of one developer-authored template component, with the
+ * marketer controlling how many and in what order — not what shape they take.
+ * That's the whole primitive: no schema, no field-type registry, no relations.
+ * An item's own fields are just <GRail> fields living under the item's id,
+ * identical in kind to every other field on the page.
+ *
+ * Server Component by default, same split as <GRail>: anonymous visitors get
+ * the template rendered N times with no admin JS; the add/remove/reorder
+ * chrome only loads for someone who can actually write.
+ */
+declare function GRepeater({ id, as: Item, routed, children }: GRepeaterProps): Promise<react_jsx_runtime.JSX.Element>;
+
+export { GRepeater, type GRepeaterProps, type RepeaterItemProps };

package/dist/react/Repeater/index.js

@@ -0,0 +1,22 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import React from "react";
+import { listRepeaterItems } from "../../server/repeaterData";
+import { getCachedViewer } from "../../server/session";
+import { RepeaterClient } from "./client";
+async function GRepeater({ id, as: Item, routed, children }) {
+  const items = await listRepeaterItems(id);
+  const viewer = await getCachedViewer();
+  if (viewer?.role) {
+    const rendered = items.map((item) => ({
+      id: item.id,
+      node: /* @__PURE__ */ jsx(Item, { item }, item.id)
+    }));
+    return /* @__PURE__ */ jsx(RepeaterClient, { repeaterId: id, routed, items: rendered, children });
+  }
+  if (items.length === 0) return /* @__PURE__ */ jsx(Fragment, { children: children ?? null });
+  return /* @__PURE__ */ jsx(Fragment, { children: items.map((item) => /* @__PURE__ */ jsx(Item, { item }, item.id)) });
+}
+export {
+  GRepeater
+};
+//# sourceMappingURL=index.js.map

package/dist/react/Repeater/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/react/Repeater/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { listRepeaterItems } from \"../../server/repeaterData\";\nimport { getCachedViewer } from \"../../server/session\";\nimport { RepeaterClient } from \"./client\";\nimport type { GRRepeaterItem } from \"../../core/types\";\n\nexport interface RepeaterItemProps {\n  item: GRRepeaterItem;\n}\n\nexport interface GRepeaterProps {\n  /** The repeater's own key. Item fields are namespaced under it: `${id}.${item.id}.*`. */\n  id: string;\n  /** The developer's own component — the one place the item's shape is defined. */\n  as: React.ComponentType<RepeaterItemProps>;\n  /**\n   * Marks this repeater as routed: each item gets its own URL (a product, a\n   * post), so adding one prompts for a slug. Omit for a plain row of items on\n   * one page (service cards) — those need no slug at all.\n   */\n  routed?: boolean;\n  /** Shown in place of the list when it has no items yet. */\n  children?: React.ReactNode;\n}\n\n/**\n * Renders N instances of one developer-authored template component, with the\n * marketer controlling how many and in what order — not what shape they take.\n * That's the whole primitive: no schema, no field-type registry, no relations.\n * An item's own fields are just <GRail> fields living under the item's id,\n * identical in kind to every other field on the page.\n *\n * Server Component by default, same split as <GRail>: anonymous visitors get\n * the template rendered N times with no admin JS; the add/remove/reorder\n * chrome only loads for someone who can actually write.\n */\nexport async function GRepeater({ id, as: Item, routed, children }: GRepeaterProps) {\n  const items = await listRepeaterItems(id);\n  const viewer = await getCachedViewer();\n\n  if (viewer?.role) {\n    // Rendered here, on the server, and handed down as already-resolved\n    // elements — never as the Item component itself. Item almost certainly\n    // renders <GRail>, an async Server Component; passing the function across\n    // the client boundary would let RepeaterClient try to invoke it in the\n    // browser, which cannot execute a Server Component at all. An element\n    // (the *result* of calling it) is plain serializable RSC content and\n    // composes into a Client Component exactly like `children` does.\n    const rendered = items.map((item) => ({\n      id: item.id,\n      node: <Item key={item.id} item={item} />,\n    }));\n\n    return (\n      <RepeaterClient repeaterId={id} routed={routed} items={rendered}>\n        {children}\n      </RepeaterClient>\n    );\n  }\n\n  if (items.length === 0) return <>{children ?? null}</>;\n  return (\n    <>\n      {items.map((item) => (\n        <Item key={item.id} item={item} />\n      ))}\n    </>\n  );\n}\n"],"mappings":"AAkDY,SAUqB,UAVrB;AAlDZ,OAAO,WAAW;AAClB,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAiC/B,eAAsB,UAAU,EAAE,IAAI,IAAI,MAAM,QAAQ,SAAS,GAAmB;AAClF,QAAM,QAAQ,MAAM,kBAAkB,EAAE;AACxC,QAAM,SAAS,MAAM,gBAAgB;AAErC,MAAI,QAAQ,MAAM;AAQhB,UAAM,WAAW,MAAM,IAAI,CAAC,UAAU;AAAA,MACpC,IAAI,KAAK;AAAA,MACT,MAAM,oBAAC,QAAmB,QAAT,KAAK,EAAgB;AAAA,IACxC,EAAE;AAEF,WACE,oBAAC,kBAAe,YAAY,IAAI,QAAgB,OAAO,UACpD,UACH;AAAA,EAEJ;AAEA,MAAI,MAAM,WAAW,EAAG,QAAO,gCAAG,sBAAY,MAAK;AACnD,SACE,gCACG,gBAAM,IAAI,CAAC,SACV,oBAAC,QAAmB,QAAT,KAAK,EAAgB,CACjC,GACH;AAEJ;","names":[]}

package/dist/react/Syncer.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Turns edit mode on from the URL. Off is deliberately not symmetrical with
+ * on: the cookie is the actual state (withGuardrail reads it fresh from
+ * cookies() on every navigation, which is why edit mode survives clicking
+ * through the site at all), and ?edit=true is a one-time switch, not a value
+ * that has to keep appearing on every URL to hold that state.
+ *
+ * A page that simply doesn't mention `edit` — which is every normal link on
+ * the site, including a repeater's card linking to its own route — must
+ * leave the cookie alone. Treating "no param" as "turn it off" was the actual
+ * bug: it silently ended the edit session on the very first click to a page
+ * that didn't happen to carry the query string. Only an explicit
+ * ?edit=false turns it off from the URL; Log out is the normal way to end it.
+ */
+declare function EditSyncer(): null;
+
+export { EditSyncer };

package/dist/react/Syncer.js

@@ -0,0 +1,23 @@
+"use client";
+import { useEffect } from "react";
+import { useSearchParams } from "next/navigation";
+import { GR_COOKIES } from "../core/defs";
+function EditSyncer() {
+  const searchParams = useSearchParams();
+  useEffect(() => {
+    const edit = searchParams.get("edit");
+    const hasCookie = document.cookie.includes(`${GR_COOKIES.EDIT_MODE}=true`);
+    if (edit === "true" && !hasCookie) {
+      document.cookie = `${GR_COOKIES.EDIT_MODE}=true; path=/; SameSite=Lax`;
+      window.location.reload();
+    } else if (edit === "false" && hasCookie) {
+      document.cookie = `${GR_COOKIES.EDIT_MODE}=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT`;
+      window.location.reload();
+    }
+  }, [searchParams]);
+  return null;
+}
+export {
+  EditSyncer
+};
+//# sourceMappingURL=Syncer.js.map

package/dist/react/Syncer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/Syncer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { useSearchParams } from \"next/navigation\";\nimport { GR_COOKIES } from \"../core/defs\";\n\n/**\n * Turns edit mode on from the URL. Off is deliberately not symmetrical with\n * on: the cookie is the actual state (withGuardrail reads it fresh from\n * cookies() on every navigation, which is why edit mode survives clicking\n * through the site at all), and ?edit=true is a one-time switch, not a value\n * that has to keep appearing on every URL to hold that state.\n *\n * A page that simply doesn't mention `edit` — which is every normal link on\n * the site, including a repeater's card linking to its own route — must\n * leave the cookie alone. Treating \"no param\" as \"turn it off\" was the actual\n * bug: it silently ended the edit session on the very first click to a page\n * that didn't happen to carry the query string. Only an explicit\n * ?edit=false turns it off from the URL; Log out is the normal way to end it.\n */\nexport function EditSyncer() {\n  const searchParams = useSearchParams();\n\n  useEffect(() => {\n    const edit = searchParams.get(\"edit\");\n    const hasCookie = document.cookie.includes(`${GR_COOKIES.EDIT_MODE}=true`);\n\n    if (edit === \"true\" && !hasCookie) {\n      document.cookie = `${GR_COOKIES.EDIT_MODE}=true; path=/; SameSite=Lax`;\n      window.location.reload();\n    } else if (edit === \"false\" && hasCookie) {\n      document.cookie = `${GR_COOKIES.EDIT_MODE}=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT`;\n      window.location.reload();\n    }\n  }, [searchParams]);\n\n  return null;\n}\n"],"mappings":";AAEA,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAgBpB,SAAS,aAAa;AAC3B,QAAM,eAAe,gBAAgB;AAErC,YAAU,MAAM;AACd,UAAM,OAAO,aAAa,IAAI,MAAM;AACpC,UAAM,YAAY,SAAS,OAAO,SAAS,GAAG,WAAW,SAAS,OAAO;AAEzE,QAAI,SAAS,UAAU,CAAC,WAAW;AACjC,eAAS,SAAS,GAAG,WAAW,SAAS;AACzC,aAAO,SAAS,OAAO;AAAA,IACzB,WAAW,SAAS,WAAW,WAAW;AACxC,eAAS,SAAS,GAAG,WAAW,SAAS;AACzC,aAAO,SAAS,OAAO;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO;AACT;","names":[]}

package/dist/react/Team.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function TeamDrawer({ onClose }: {
+    onClose: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { TeamDrawer };