smoodly 0.0.15 → 0.0.17

package/dist/zones.js

@@ -1,6 +1,6 @@
 // Zone policies — the freedom dial. Policies reference paired components
 // directly; only their registered names are stored (plain data).
-const isShared = (target) => "kind" in target && target.kind === "shared";
+const isGlobal = (target) => "kind" in target && target.kind === "global";
 const names = (components) => components.map((c) => c.schema.name);
 export const z = {
     sections(components) {
@@ -15,14 +15,14 @@ export const z = {
         return {
             kind: "freeform",
             allow: opts.sections === "*" ? "*" : names(opts.sections),
-            rows: opts.rows ?? false,
+            custom: opts.custom ?? false,
         };
     },
     locked(target) {
-        if (isShared(target)) {
+        if (isGlobal(target)) {
             if (!target.section)
-                throw new Error(`smoodly: shared item "${target.name}" has no section — a locked zone needs a visual item.`);
-            return { kind: "locked", component: target.section, shared: target.name };
+                throw new Error(`smoodly: global item "${target.name}" has no section — a locked zone needs a visual item.`);
+            return { kind: "locked", component: target.section, global: target.name };
         }
         return { kind: "locked", component: target.schema.name };
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smoodly",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "Open-source, code-first CMS for Next.js on Supabase: define a component once, it becomes a typed, editable building block.",
   "license": "MIT",
   "repository": {

package/dist/admin/shared-items.d.ts

@@ -1,9 +0,0 @@
-import type { ResolvedConfig } from "../config.ts";
-import type { Descriptor } from "../fields.ts";
-import type { EntryRecord, EntryStore } from "../entry-store.ts";
-import { type SharedSchema } from "../shared.ts";
-/** The merged fields a fresh item starts from: sampled field values, and
- *  for a visual item `$styles` = the resolved style defaults with the
- *  sample's style values on top. Unsampled fields stay absent. */
-export declare function initialSharedFields(item: SharedSchema, resolvedStyles: Record<string, Descriptor>): Record<string, unknown>;
-export declare function ensureSharedItems(entries: EntryStore, config: ResolvedConfig): Promise<Record<string, EntryRecord>>;

package/dist/admin/shell/SharedForm.js

@@ -1,134 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// One Globals item (shared content, spec 2026-09-07 §6), one locale: the
-// entry form's shape without what a singleton never has — no slug, no
-// "new", no delete, no add/remove locale (every supported locale exists
-// by construction). The fields in schema order, a globe-off mark after
-// the name of each that is not .localized(), and for a visual item a
-// Styles group edited under the reserved `$styles` key.
-// Status is per locale and immediate. "Used on N pages" is the refs
-// index's answer.
-import { useEffect, useMemo, useState } from "react";
-import { STYLES_KEY } from "../../shared.js";
-import { FieldWidget } from "../forms/FieldWidget.js";
-import { relativeTime } from "../ui/format.js";
-import { LocaleSwitcher } from "../ui/LocaleSwitcher.js";
-import { Banner, Breadcrumb, Button, SectionLabel, Segmented, TopBar, UnlocalizedMark } from "../ui/primitives.js";
-import { ResizeHandle } from "../ui/ResizeHandle.js";
-import { entryTitle } from "./entries-list.js";
-import { BASE } from "./base.js";
-import { localeFromUrl, writeLocaleToUrl } from "../editor/locale-url.js";
-import { useLeaveGuard } from "./router.js";
-const STATUSES = ["Draft", "Published"];
-export function SharedForm({ ops, registry, name }) {
-    const item = registry.shared.find((s) => s.name === name);
-    const multilingual = registry.locales.supported.length > 1;
-    const [locale, setLocale] = useState(() => localeFromUrl(registry));
-    const [record, setRecord] = useState(null);
-    const [fields, setFields] = useState(null);
-    const [usage, setUsage] = useState([]);
-    const [refOptions, setRefOptions] = useState({});
-    const [banner, setBanner] = useState(null);
-    const [fieldErrors, setFieldErrors] = useState({});
-    const [dirty, setDirty] = useState(false);
-    useLeaveGuard(dirty);
-    const refTargets = useMemo(() => {
-        const out = {};
-        for (const [key, d] of Object.entries(item?.fields ?? {})) {
-            if ((d.type === "ref" || d.type === "refList") && typeof d.target === "string")
-                out[key] = d.target;
-        }
-        return out;
-    }, [item]);
-    const localeKeys = useMemo(() => Object.entries(item?.fields ?? {}).filter(([, d]) => d.localized === true).map(([key]) => key), [item]);
-    useEffect(() => {
-        let cancelled = false;
-        setFields(null);
-        setFieldErrors({});
-        ops.shared.get(name, locale).then((r) => {
-            if (cancelled)
-                return;
-            if (r.ok) {
-                setRecord(r.data.record);
-                setFields(r.data.fields);
-                setUsage(r.data.usage);
-                setDirty(false);
-            }
-            else
-                setBanner({ tone: "error", text: r.message });
-        }).catch(() => { if (!cancelled)
-            setBanner({ tone: "error", text: "Couldn't reach the server." }); });
-        return () => { cancelled = true; };
-    }, [ops, name, locale]);
-    // Ref options in the locale being edited — the entry form's rule.
-    useEffect(() => {
-        let cancelled = false;
-        for (const target of new Set(Object.values(refTargets))) {
-            const targetMeta = registry.collections.find((c) => c.name === target);
-            ops.entries.list(target).then((r) => {
-                if (cancelled || !r.ok)
-                    return;
-                const options = r.data
-                    .filter((e) => e.locales[locale])
-                    .map((e) => ({ id: e.id, title: targetMeta ? entryTitle(e, targetMeta, registry, locale) : e.id, status: e.locales[locale].status }));
-                setRefOptions((prev) => ({ ...prev, [target]: options }));
-            }).catch(console.error);
-        }
-        return () => { cancelled = true; };
-    }, [ops, refTargets, registry, locale]);
-    if (!item)
-        return _jsx("p", { style: { padding: 32 }, children: "No such shared item." });
-    const applyResult = (r, okText) => {
-        if (r.ok) {
-            setBanner({ tone: "ok", text: okText });
-            setFieldErrors({});
-            return true;
-        }
-        setBanner({ tone: "error", text: r.message });
-        setFieldErrors(Object.fromEntries((r.fields ?? []).map((f) => [f.field, f.message])));
-        return false;
-    };
-    const save = async () => {
-        if (!fields)
-            return;
-        const r = await ops.shared.save(name, locale, fields);
-        if (applyResult(r, "Saved.") && r.ok) {
-            setRecord(r.data);
-            setDirty(false);
-        }
-    };
-    const row = record?.locales[locale];
-    const status = row?.status ?? "draft";
-    const setPublished = async (next) => {
-        if (next === status)
-            return;
-        const r = await ops.shared.setStatus(name, locale, next);
-        if (applyResult(r, next === "published" ? "Published." : "Unpublished.") && r.ok)
-            setRecord(r.data);
-    };
-    const switchLocale = (next) => {
-        if (next === locale)
-            return;
-        if (dirty && !window.confirm("Discard unsaved changes?"))
-            return;
-        writeLocaleToUrl(next);
-        setBanner(null);
-        setLocale(next);
-    };
-    const styles = (fields?.[STYLES_KEY] ?? {});
-    const pages = new Set(usage.filter((u) => u.sourceKind === "page").map((u) => u.sourceId));
-    const widget = ([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: fields?.[key], errors: fieldErrors, refOptions: refTargets[key] ? refOptions[refTargets[key]] ?? [] : undefined, mark: multilingual && !localeKeys.includes(key) ? _jsx(UnlocalizedMark, {}) : undefined, onChange: (value) => { setFields((f) => ({ ...(f ?? {}), [key]: value })); setDirty(true); } }, key));
-    return (_jsxs(_Fragment, { children: [_jsx(TopBar, { left: _jsx(_Fragment, { children: _jsx(Breadcrumb, { backHref: `${BASE}/shared`, items: [
-                            {
-                                label: "Globals", href: `${BASE}/shared`,
-                                trailing: multilingual && (_jsx(LocaleSwitcher, { registry: registry, present: registry.locales.supported, parentLocales: [], value: locale, adding: false, onSwitch: switchLocale, onAdd: () => undefined })),
-                            },
-                            { label: item.title },
-                        ] }) }), right: _jsx(Button, { onClick: save, disabled: fields === null, children: "Save" }) }), _jsxs("div", { className: "sm-editor", children: [_jsxs("div", { className: "sm-form", children: [banner && _jsx(Banner, { tone: banner.tone, onDismiss: () => setBanner(null), children: banner.text }), record && (_jsxs("p", { className: "sm-hint", children: [pages.size === 0 ? "Not placed on any page yet." : `Used on ${pages.size} page${pages.size === 1 ? "" : "s"}: `, [...pages].map((id, i) => (_jsxs("span", { children: [i > 0 && ", ", _jsx("a", { href: `${BASE}/pages/${encodeURIComponent(id)}?locale=${encodeURIComponent(locale)}`, children: id })] }, id)))] })), fields !== null ? (_jsxs(_Fragment, { children: [Object.entries(item.fields).map(widget), item.section !== undefined && Object.keys(item.styles).length > 0 && (_jsxs(_Fragment, { children: [_jsx(SectionLabel, { children: "Styles" }), Object.entries(item.styles).map(([key, d]) => (_jsx(FieldWidget, { fieldKey: key, descriptor: d, value: styles[key], onChange: (value) => {
-                                                    setFields((f) => ({ ...(f ?? {}), [STYLES_KEY]: { ...(f?.[STYLES_KEY] ?? {}), [key]: value } }));
-                                                    setDirty(true);
-                                                } }, key)))] }))] })) : !banner && _jsx("p", { style: { color: "var(--text-muted)" }, children: "Loading\u2026" })] }), _jsx(ResizeHandle, {}), _jsxs("aside", { className: "sm-inspector", children: [_jsxs("div", { className: "sm-card", children: [_jsxs(SectionLabel, { children: ["Status", multilingual ? ` · ${locale}` : ""] }), _jsx(Segmented, { options: STATUSES, stretch: true, disabled: !row, value: status === "published" ? "Published" : "Draft", onChange: (v) => { void setPublished(v === "Published" ? "published" : "draft"); } })] }), record && row && (_jsx(_Fragment, { children: _jsxs("div", { className: "sm-card", children: [_jsx(SectionLabel, { children: "Document info" }), _jsx(InfoRow, { label: "Kind", value: item.section !== undefined ? `Visual · ${item.section}` : "Fields" }), _jsx(InfoRow, { label: "Updated", value: relativeTime(row.updatedAt) }), _jsx(InfoRow, { label: "ID", value: record.id, mono: true })] }) }))] })] })] }));
-}
-function InfoRow({ label, value, mono }) {
-    return (_jsxs("div", { style: { display: "flex", justifyContent: "space-between", gap: 10, fontSize: "var(--text-sm)", color: "var(--text-muted)" }, children: [_jsx("span", { children: label }), _jsx("span", { style: { color: "var(--text)", fontFamily: mono ? "var(--font-mono)" : undefined, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: value })] }));
-}

package/dist/shared.d.ts

@@ -1,46 +0,0 @@
-import type { CollectionSchema } from "./collections.ts";
-import type { Descriptor } from "./fields.ts";
-import type { PairedComponent } from "./pairing.tsx";
-import type { BuilderMap, NamespaceValues, SectionSchema } from "./schema.ts";
-/** The reserved tree node type of a placement. */
-export declare const SHARED_NODE_TYPE = "shared";
-/** The reserved key a visual item's styles live under in the node's shared JSONB. */
-export declare const STYLES_KEY = "$styles";
-export type SharedSchema<V = Record<string, unknown>, N extends string = string> = CollectionSchema<any, N> & {
-    kind: "shared";
-    /** The registered section a visual item renders through; absent = an object item. */
-    section?: string;
-    /** The section's style descriptors (empty for an object item). */
-    styles: Record<string, Descriptor>;
-    sample?: Record<string, unknown>;
-    /** phantom: what getShared returns */
-    readonly __value?: V;
-};
-export type SharedLink = {
-    item: string;
-    ref: string;
-};
-/** The placement a tree node is, or null for any other node. Accepts a
- *  bare `{ type, fields }` shape or a full tree node — `id` (and any
- *  other tree-node property) is ignored. */
-export declare function sharedLink(node: {
-    id?: string;
-    type: string;
-    fields?: Record<string, unknown>;
-}): SharedLink | null;
-type SharedInput<N extends string = string> = {
-    name: N;
-    title: string;
-    versions?: boolean;
-};
-export declare function shared<F extends BuilderMap, const N extends string = string>(input: SharedInput<N> & {
-    fields: F;
-    section?: undefined;
-}): SharedSchema<NamespaceValues<F>, N>;
-export declare function shared<F extends BuilderMap, St extends BuilderMap, const N extends string = string>(input: SharedInput<N> & {
-    section: PairedComponent<SectionSchema<F, St>, F, St>;
-    fields?: undefined;
-}): SharedSchema<NamespaceValues<F> & {
-    styles: NamespaceValues<St>;
-}, N>;
-export {};

package/dist/shared.js

@@ -1,36 +0,0 @@
-/** The reserved tree node type of a placement. */
-export const SHARED_NODE_TYPE = "shared";
-/** The reserved key a visual item's styles live under in the node's shared JSONB. */
-export const STYLES_KEY = "$styles";
-/** The placement a tree node is, or null for any other node. Accepts a
- *  bare `{ type, fields }` shape or a full tree node — `id` (and any
- *  other tree-node property) is ignored. */
-export function sharedLink(node) {
-    if (node.type !== SHARED_NODE_TYPE)
-        return null;
-    const { item, ref } = node.fields ?? {};
-    return typeof item === "string" && typeof ref === "string" ? { item, ref } : null;
-}
-export function shared(input) {
-    if (!input?.name)
-        throw new Error("smoodly: a shared item requires a name.");
-    if ((input.fields === undefined) === (input.section === undefined)) {
-        throw new Error(`smoodly: shared item "${input.name}" must declare exactly one of \`section\` or \`fields\`.`);
-    }
-    const fields = input.section
-        ? input.section.schema.fields
-        : Object.fromEntries(Object.entries(input.fields).map(([k, b]) => [k, b.descriptor]));
-    if (Object.prototype.hasOwnProperty.call(fields, STYLES_KEY)) {
-        throw new Error(`smoodly: shared item "${input.name}" has a field named "${STYLES_KEY}" — that key is reserved for a visual item's styles.`);
-    }
-    return {
-        kind: "shared",
-        name: input.name,
-        title: input.title,
-        fields,
-        styles: input.section ? input.section.schema.styles : {},
-        ...(input.section ? { section: input.section.schema.name } : {}),
-        ...(input.section?.schema.sample ? { sample: input.section.schema.sample } : {}),
-        ...(input.versions ? { versions: true } : {}),
-    };
-}