@pantheon-systems/puck-css 0.4.0

package/dist/p1/editor/remote-datasources/remote-datasource-explorer-plugin.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { isCanonicalTemplatePath } from "../../../data/route-templates";
+import { JsonTree } from "../json-tree";
+import { card, mono, muted, sectionLabel, } from "../../../data/styles";
+import { RemoteDatasourceManager } from "./remote-datasource-manager";
+import { TemplatePreviewParamsToolbar } from "./template-preview-params-toolbar";
+const pulseKeyframes = `@keyframes p1-ds-pulse {
+  0%, 100% { opacity: 0.4; }
+  50% { opacity: 0.8; }
+}`;
+function DatasourceSkeleton() {
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: pulseKeyframes }), _jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8, padding: "8px 0" }, children: [100, 80, 90, 60, 70].map((width, i) => (_jsx("div", { style: {
+                        height: 12,
+                        width: `${width}%`,
+                        borderRadius: 4,
+                        background: "var(--puck-color-grey-09, #d1d5db)",
+                        animation: "p1-ds-pulse 1.5s ease-in-out infinite",
+                        animationDelay: `${i * 0.15}s`,
+                    } }, i))) })] }));
+}
+function RemoteDatasourceExplorerPanel({ snapshot, editorPath, routeTemplateKeys, savedPreviewParams, remoteDatasourceRegistry, loadingIds, }) {
+    const registry = useMemo(() => remoteDatasourceRegistry, [remoteDatasourceRegistry]);
+    return (_jsxs("div", { style: {
+            padding: 16,
+            display: "flex",
+            flexDirection: "column",
+            gap: 12,
+            fontSize: 13,
+            lineHeight: 1.45,
+            maxHeight: "100%",
+            overflow: "auto",
+        }, children: [_jsx(TemplatePreviewParamsToolbar, { editorPath: editorPath, routeTemplateKeys: routeTemplateKeys, savedPreviewParams: savedPreviewParams }), _jsx(RemoteDatasourceManager, { editorPath: editorPath }), _jsxs("p", { style: { ...muted, margin: 0 }, children: ["Use ", _jsx("code", { style: mono, children: `{{ source.field }}` }), " in text fields; after ", _jsx("code", { style: mono, children: `{{` }), ", matching datasource paths are suggested automatically. Nested keys use dots, e.g.", " ", _jsx("code", { style: mono, children: `{{ source.nested.key }}` }), ". You can also call allowlisted helpers, e.g.", " ", _jsx("code", { style: mono, children: `{{ toUpperCase(source.field) }}` }), ",", " ", _jsx("code", { style: mono, children: `{{ replace(source.field, " ", "-") }}` }), ", or", " ", _jsx("code", { style: mono, children: `{{ default(source.field, "fallback") }}` }), ". Bare", " ", _jsx("code", { style: mono, children: `{{ source }}` }), " does not print the object (only strings, numbers, and booleans resolve to text). For list datasources, use", " ", _jsx("code", { style: mono, children: `{{ my_list.markdownLinks "/path/{id}" }}` }), " ", "in a ", _jsx("strong", { children: "List" }), " block's items field \u2014 each line becomes a markdown link. For Puck", " ", _jsx("code", { style: mono, children: "array" }), " fields, use", " ", _jsx("code", { style: mono, children: `{{ my_list.items }}` }), " to map list rows directly, then reference per-item values like", " ", _jsx("code", { style: mono, children: `{{ item.name }}` }), " and", " ", _jsx("code", { style: mono, children: `{{ item.id }}` }), " in item templates."] }), registry.map((def, index) => {
+                const isLoading = loadingIds?.has(def.id) ?? false;
+                const live = snapshot[def.id] ?? {};
+                const keys = Object.keys(live);
+                const empty = keys.length === 0;
+                return (_jsxs("details", { open: index === 0, style: { ...card, background: "var(--puck-color-grey-11, #f9fafb)" }, children: [_jsxs("summary", { style: {
+                                cursor: "pointer",
+                                padding: "10px 12px",
+                                fontWeight: 600,
+                                display: "flex",
+                                flexDirection: "column",
+                                alignItems: "flex-start",
+                                gap: 4,
+                            }, children: [_jsx("span", { children: def.label }), _jsx("span", { style: {
+                                        ...mono,
+                                        fontSize: 12,
+                                        fontWeight: 400,
+                                        color: "var(--puck-color-azure-04, #2563eb)",
+                                    }, children: def.id })] }), _jsxs("div", { style: { padding: "0 12px 12px" }, children: [_jsx("p", { style: { margin: "0 0 8px", ...muted }, children: def.description }), _jsxs("p", { style: { margin: "0 0 12px", ...muted }, children: [_jsx("strong", { style: { color: "inherit" }, children: "Loaded when:" }), " ", def.resolution] }), _jsxs("details", { style: { marginBottom: 12 }, children: [_jsx("summary", { style: { ...sectionLabel, cursor: "pointer", marginBottom: 8 }, children: "Documented fields" }), _jsx("ul", { style: { margin: "8px 0 0", paddingLeft: 18, ...muted }, children: def.fields.map((f) => (_jsxs("li", { style: { marginBottom: 6 }, children: [_jsx("code", { style: mono, children: `${def.id}.${f.path}` }), _jsxs("span", { children: [" \u2014 ", f.description] })] }, f.path))) })] }), _jsxs("div", { children: [_jsxs("div", { style: sectionLabel, children: ["This page (live) \u2014 ", _jsx("code", { style: mono, children: def.id })] }), isLoading ? (_jsx(DatasourceSkeleton, {})) : empty ? (_jsxs("p", { style: { margin: "8px 0 0", ...muted }, children: ["No data loaded for ", _jsx("code", { style: mono, children: def.id }), ". Use query params that match your route template (e.g.", " ", _jsx("code", { style: mono, children: "?id=1" }), "), open a concrete instance in the editor, or", isCanonicalTemplatePath(editorPath, routeTemplateKeys) ? (_jsx(_Fragment, { children: " set preview values above." })) : (_jsxs(_Fragment, { children: [" ", "edit a collection template row to set preview params."] }))] })) : (_jsx(JsonTree, { data: live }))] })] })] }, def.id));
+            })] }));
+}
+export function createRemoteDatasourceExplorerPlugin(snapshot, options) {
+    return {
+        name: "datasource-explorer",
+        label: "Data sources",
+        render: () => (_jsx(RemoteDatasourceExplorerPanel, { snapshot: snapshot, editorPath: options.editorPath, routeTemplateKeys: options.routeTemplateKeys, savedPreviewParams: options.savedPreviewParams, remoteDatasourceRegistry: options.remoteDatasourceRegistry, loadingIds: options.loadingIds })),
+    };
+}
+//# sourceMappingURL=remote-datasource-explorer-plugin.js.map

package/dist/p1/editor/remote-datasources/remote-datasource-explorer-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remote-datasource-explorer-plugin.js","sourceRoot":"","sources":["../../../../src/p1/editor/remote-datasources/remote-datasource-explorer-plugin.tsx"],"names":[],"mappings":"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"}

package/dist/p1/editor/remote-datasources/remote-datasource-form-helpers.d.ts

@@ -0,0 +1,23 @@
+import type { RemoteDatasourceScope } from "../../../data/remote-datasources/user-remote-datasource-types";
+export type UiRemoteDatasource = {
+    id: string;
+    label: string;
+    description: string;
+    urlTemplate: string;
+    headers?: Record<string, string>;
+    query?: Record<string, string>;
+    fields: Array<{
+        path: string;
+        description: string;
+    }>;
+};
+export type ScopedUiRemoteDatasource = UiRemoteDatasource & {
+    scope: RemoteDatasourceScope;
+};
+export declare function toLines(rec?: Record<string, string>): string;
+export declare function parseRecordLines(value: string): Record<string, string>;
+export declare function parseFieldLines(value: string): Array<{
+    path: string;
+    description: string;
+}>;
+//# sourceMappingURL=remote-datasource-form-helpers.d.ts.map

package/dist/p1/editor/remote-datasources/remote-datasource-form-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remote-datasource-form-helpers.d.ts","sourceRoot":"","sources":["../../../../src/p1/editor/remote-datasources/remote-datasource-form-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAE3G,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,GAAG;IAAE,KAAK,EAAE,qBAAqB,CAAA;CAAE,CAAC;AAE7F,wBAAgB,OAAO,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAI5D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAYtE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,CAc3F"}

package/dist/p1/editor/remote-datasources/remote-datasource-form-helpers.js

@@ -0,0 +1,39 @@
+export function toLines(rec) {
+    return Object.entries(rec ?? {})
+        .map(([k, v]) => `${k}=${v}`)
+        .join("\n");
+}
+export function parseRecordLines(value) {
+    const out = {};
+    for (const line of value.split("\n")) {
+        const raw = line.trim();
+        if (!raw)
+            continue;
+        const eq = raw.indexOf("=");
+        if (eq <= 0)
+            continue;
+        const key = raw.slice(0, eq).trim();
+        const val = raw.slice(eq + 1).trim();
+        if (key && val)
+            out[key] = val;
+    }
+    return out;
+}
+export function parseFieldLines(value) {
+    const out = [];
+    for (const line of value.split("\n")) {
+        const raw = line.trim();
+        if (!raw)
+            continue;
+        const sep = raw.indexOf("|");
+        if (sep <= 0)
+            continue;
+        const path = raw.slice(0, sep).trim();
+        const description = raw.slice(sep + 1).trim();
+        if (path && description) {
+            out.push({ path, description });
+        }
+    }
+    return out;
+}
+//# sourceMappingURL=remote-datasource-form-helpers.js.map

package/dist/p1/editor/remote-datasources/remote-datasource-form-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remote-datasource-form-helpers.js","sourceRoot":"","sources":["../../../../src/p1/editor/remote-datasources/remote-datasource-form-helpers.ts"],"names":[],"mappings":"AAcA,MAAM,UAAU,OAAO,CAAC,GAA4B;IAClD,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC;SAC7B,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;SAC5B,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAa;IAC5C,MAAM,GAAG,GAA2B,EAAE,CAAC;IACvC,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QACxB,IAAI,CAAC,GAAG;YAAE,SAAS;QACnB,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC5B,IAAI,EAAE,IAAI,CAAC;YAAE,SAAS;QACtB,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QACpC,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACrC,IAAI,GAAG,IAAI,GAAG;YAAE,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IACjC,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAa;IAC3C,MAAM,GAAG,GAAiD,EAAE,CAAC;IAC7D,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QACxB,IAAI,CAAC,GAAG;YAAE,SAAS;QACnB,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC7B,IAAI,GAAG,IAAI,CAAC;YAAE,SAAS;QACvB,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;QACtC,MAAM,WAAW,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAC9C,IAAI,IAAI,IAAI,WAAW,EAAE,CAAC;YACxB,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/p1/editor/remote-datasources/remote-datasource-manager.d.ts

@@ -0,0 +1,4 @@
+export declare function RemoteDatasourceManager({ editorPath }: {
+    editorPath: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=remote-datasource-manager.d.ts.map

package/dist/p1/editor/remote-datasources/remote-datasource-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remote-datasource-manager.d.ts","sourceRoot":"","sources":["../../../../src/p1/editor/remote-datasources/remote-datasource-manager.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,uBAAuB,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,2CA6K7E"}

package/dist/p1/editor/remote-datasources/remote-datasource-manager.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { parseFieldLines, parseRecordLines, toLines, } from "./remote-datasource-form-helpers";
+import { card, errorText, mono, muted, primaryButton, secondaryButton, } from "../../../data/styles";
+import { useRemoteDatasources, useRemoveRemoteDatasource, useSaveRemoteDatasource, } from "../hooks";
+export function RemoteDatasourceManager({ editorPath }) {
+    const { data: datasourcesData } = useRemoteDatasources(editorPath);
+    const saveMutation = useSaveRemoteDatasource(editorPath);
+    const removeMutation = useRemoveRemoteDatasource(editorPath);
+    const [scope, setScope] = useState("page");
+    const [id, setId] = useState("");
+    const [label, setLabel] = useState("");
+    const [description, setDescription] = useState("");
+    const [urlTemplate, setUrlTemplate] = useState("");
+    const [fieldsText, setFieldsText] = useState("title|Display title");
+    const [headersText, setHeadersText] = useState("");
+    const [queryText, setQueryText] = useState("");
+    const save = () => {
+        saveMutation.mutate({
+            scope,
+            path: editorPath,
+            definition: {
+                id,
+                label,
+                description,
+                urlTemplate,
+                fields: parseFieldLines(fieldsText),
+                headers: parseRecordLines(headersText),
+                query: parseRecordLines(queryText),
+            },
+        }, {
+            onSuccess: () => {
+                setId("");
+                setLabel("");
+                setDescription("");
+                setUrlTemplate("");
+                setFieldsText("title|Display title");
+                setHeadersText("");
+                setQueryText("");
+            },
+        });
+    };
+    const globalDatasources = (datasourcesData?.global ?? []);
+    const pageDatasources = (datasourcesData?.page ?? []);
+    const all = [
+        ...globalDatasources.map((d) => ({ ...d, scope: "global" })),
+        ...pageDatasources.map((d) => ({ ...d, scope: "page" })),
+    ];
+    const error = saveMutation.error?.message ?? null;
+    return (_jsxs("div", { style: { ...card, padding: 12 }, children: [_jsx("div", { style: { fontWeight: 600, marginBottom: 8 }, children: "Manage data sources" }), _jsxs("p", { style: { ...muted, margin: "0 0 10px" }, children: ["Create HTTP JSON datasources. Values may include template tokens like", " ", _jsx("code", { style: mono, children: `{{ urlParams.id }}` }), "."] }), _jsxs("div", { style: { display: "grid", gap: 8 }, children: [_jsxs("select", { value: scope, onChange: (e) => setScope(e.target.value), children: [_jsx("option", { value: "page", children: "Page scope" }), _jsx("option", { value: "global", children: "Global scope" })] }), _jsx("input", { placeholder: "id (lowercase_snake_case)", value: id, onChange: (e) => setId(e.target.value) }), _jsx("input", { placeholder: "Label", value: label, onChange: (e) => setLabel(e.target.value) }), _jsx("input", { placeholder: "Description", value: description, onChange: (e) => setDescription(e.target.value) }), _jsx("input", { placeholder: "https://example.com/api/items/{{ urlParams.id }}", value: urlTemplate, onChange: (e) => setUrlTemplate(e.target.value) }), _jsx("textarea", { rows: 3, placeholder: "fields: path|description", value: fieldsText, onChange: (e) => setFieldsText(e.target.value) }), _jsx("textarea", { rows: 2, placeholder: "headers: key=value", value: headersText, onChange: (e) => setHeadersText(e.target.value) }), _jsx("textarea", { rows: 2, placeholder: "query: key=value", value: queryText, onChange: (e) => setQueryText(e.target.value) }), _jsx("button", { type: "button", onClick: save, style: { ...primaryButton, width: "fit-content" }, children: "Save datasource" }), error ? _jsx("p", { style: errorText, children: error }) : null] }), all.length > 0 ? (_jsx("div", { style: { marginTop: 10, display: "grid", gap: 6 }, children: all.map((d) => (_jsx("div", { style: {
+                        border: "1px solid var(--puck-color-grey-10, #f3f4f6)",
+                        borderRadius: 6,
+                        padding: 8,
+                    }, children: _jsxs("div", { style: {
+                            display: "flex",
+                            justifyContent: "space-between",
+                            gap: 8,
+                        }, children: [_jsxs("div", { children: [_jsx("strong", { children: d.label }), " ", _jsxs("code", { style: mono, children: [d.id, " (", d.scope, ")"] }), _jsx("div", { style: muted, children: d.urlTemplate })] }), _jsxs("div", { style: { display: "flex", gap: 6 }, children: [_jsx("button", { type: "button", style: secondaryButton, onClick: () => {
+                                            setScope(d.scope);
+                                            setId(d.id);
+                                            setLabel(d.label);
+                                            setDescription(d.description);
+                                            setUrlTemplate(d.urlTemplate);
+                                            setFieldsText(d.fields
+                                                .map((f) => `${f.path}|${f.description}`)
+                                                .join("\n"));
+                                            setHeadersText(toLines(d.headers));
+                                            setQueryText(toLines(d.query));
+                                        }, children: "Edit" }), _jsx("button", { type: "button", style: secondaryButton, onClick: () => removeMutation.mutate({ scope: d.scope, path: editorPath, id: d.id }), children: "Delete" })] })] }) }, `${d.scope}:${d.id}`))) })) : null] }));
+}
+//# sourceMappingURL=remote-datasource-manager.js.map

package/dist/p1/editor/remote-datasources/remote-datasource-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remote-datasource-manager.js","sourceRoot":"","sources":["../../../../src/p1/editor/remote-datasources/remote-datasource-manager.tsx"],"names":[],"mappings":"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"}

package/dist/p1/editor/remote-datasources/template-preview-params-toolbar.d.ts

@@ -0,0 +1,6 @@
+export declare function TemplatePreviewParamsToolbar({ editorPath, routeTemplateKeys, savedPreviewParams, }: {
+    editorPath: string;
+    routeTemplateKeys: string[];
+    savedPreviewParams: Record<string, string>;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=template-preview-params-toolbar.d.ts.map

package/dist/p1/editor/remote-datasources/template-preview-params-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-preview-params-toolbar.d.ts","sourceRoot":"","sources":["../../../../src/p1/editor/remote-datasources/template-preview-params-toolbar.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,4BAA4B,CAAC,EAC3C,UAAU,EACV,iBAAiB,EACjB,kBAAkB,GACnB,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC5C,kDA+GA"}

package/dist/p1/editor/remote-datasources/template-preview-params-toolbar.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useP1Router } from "../../router-context";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { isCanonicalTemplatePath, templatePathParamNames, } from "../../../data/route-templates";
+import { infoPanel, mono, muted, primaryButton, } from "../../../data/styles";
+import { useSavePreviewMeta } from "../hooks";
+export function TemplatePreviewParamsToolbar({ editorPath, routeTemplateKeys, savedPreviewParams, }) {
+    const router = useP1Router();
+    const { pathname, searchParams } = router;
+    const previewMeta = useSavePreviewMeta();
+    const paramNames = useMemo(() => templatePathParamNames(editorPath), [editorPath]);
+    const [drafts, setDrafts] = useState({});
+    useEffect(() => {
+        const next = {};
+        for (const p of paramNames) {
+            const fromUrl = searchParams.get(p)?.trim();
+            next[p] = fromUrl || savedPreviewParams[p]?.trim() || "";
+        }
+        setDrafts(next);
+    }, [editorPath, paramNames, searchParams, savedPreviewParams]);
+    const apply = useCallback(() => {
+        const cleaned = {};
+        for (const p of paramNames) {
+            const v = (drafts[p] ?? "").trim();
+            if (v) {
+                cleaned[p] = v;
+            }
+        }
+        previewMeta.mutate({ path: editorPath, previewParams: cleaned });
+        const q = new URLSearchParams(searchParams.toString());
+        for (const p of paramNames) {
+            const v = (drafts[p] ?? "").trim();
+            if (v) {
+                q.set(p, v);
+            }
+            else {
+                q.delete(p);
+            }
+        }
+        const qs = q.toString();
+        const target = qs ? `${pathname}?${qs}` : pathname;
+        router.replace(target, { scroll: false });
+        router.refresh();
+    }, [drafts, editorPath, paramNames, pathname, previewMeta, router, searchParams]);
+    if (!isCanonicalTemplatePath(editorPath, routeTemplateKeys) ||
+        paramNames.length === 0) {
+        return null;
+    }
+    const hasId = paramNames.includes("id");
+    return (_jsxs("div", { style: infoPanel, children: [_jsx("div", { style: { fontWeight: 600, fontSize: 13, marginBottom: 6 }, children: "Template preview" }), _jsxs("p", { style: { ...muted, margin: "0 0 10px" }, children: ["Editing collection template ", _jsx("code", { style: mono, children: editorPath }), ".", " ", _jsx("strong", { children: "Apply" }), " saves these values as page metadata (", _jsx("code", { style: mono, children: "page-editor-meta.json" }), ") and syncs the URL. Query string wins over saved metadata when both are set.", hasId ? (_jsxs(_Fragment, { children: [" ", "A numeric ", _jsx("code", { style: mono, children: "id" }), " is passed to remote datasource fetchers for preview."] })) : null] }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [paramNames.map((p) => (_jsxs("label", { style: {
+                            ...muted,
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 8,
+                            flexWrap: "wrap",
+                        }, children: [_jsx("span", { style: { minWidth: 72, ...mono }, children: p }), _jsx("input", { value: drafts[p] ?? "", onChange: (e) => setDrafts((d) => ({ ...d, [p]: e.target.value })), onKeyDown: (e) => e.key === "Enter" && apply(), placeholder: `:${p}`, style: {
+                                    ...mono,
+                                    flex: 1,
+                                    minWidth: 120,
+                                    padding: "6px 8px",
+                                    borderRadius: 4,
+                                    border: "1px solid var(--puck-color-grey-09, #e5e7eb)",
+                                    fontSize: 13,
+                                } })] }, p))), _jsx("div", { children: _jsx("button", { type: "button", onClick: apply, style: primaryButton, children: "Apply" }) })] })] }));
+}
+//# sourceMappingURL=template-preview-params-toolbar.js.map

package/dist/p1/editor/remote-datasources/template-preview-params-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-preview-params-toolbar.js","sourceRoot":"","sources":["../../../../src/p1/editor/remote-datasources/template-preview-params-toolbar.tsx"],"names":[],"mappings":"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"}

package/dist/p1/editor/template-autocomplete-layer.d.ts

@@ -0,0 +1,11 @@
+import type { RemoteDatasourceDefinition } from "../../data/remote-datasources/remote-datasource-registry";
+import { type ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    readOnly?: boolean;
+    onChange: (value: string, ui?: unknown) => void;
+    registry?: RemoteDatasourceDefinition[];
+};
+export declare function TemplateAutocompleteLayer({ children, readOnly, onChange, registry, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=template-autocomplete-layer.d.ts.map

package/dist/p1/editor/template-autocomplete-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-autocomplete-layer.d.ts","sourceRoot":"","sources":["../../../src/p1/editor/template-autocomplete-layer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0DAA0D,CAAC;AAC3G,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;CACzC,CAAC;AAmDF,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,2CAgdP"}