@prenta/admin 2.6.1 → 2.8.0

package/dist/views/header-footer/ChromeField.js

@@ -0,0 +1,99 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plus, X } from 'lucide-react';
+import { useId } from 'react';
+import { Toggle } from '../../components/ui/Toggle.js';
+import { SOCIAL_PLATFORMS, fieldHelp, fieldLabel, humanizeKey, isKnownField, isToggled, menuListSlots, } from './chrome-form.js';
+import { Help, INPUT, KeyChip, MONO, RadioPills, TEXTAREA } from './controls.js';
+function rec(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value) ? value : {};
+}
+function text(value) {
+    return typeof value === 'string' ? value : '';
+}
+/** A menu picker. A saved slug the menus list doesn't have stays selectable. */
+function MenuSelect({ value, onChange, menus, label, none, disabled, describedBy, }) {
+    const missing = value && !menus.some((menu) => menu.slug === value);
+    return (_jsxs("select", { className: INPUT, "aria-label": label, "aria-describedby": describedBy, value: value, disabled: disabled, onChange: (event) => onChange(event.target.value), children: [none || !value ? _jsx("option", { value: "", children: none ? 'None' : 'Pick a menu' }) : null, missing ? _jsx("option", { value: value, children: `${value} (not found)` }) : null, menus.map((menu) => (_jsx("option", { value: menu.slug, children: menu.name }, menu.slug)))] }));
+}
+/**
+ * One field of a region, built from its definition (`.hf-f`): the head row
+ * with the label, help, key chip and (for optional and boolean fields) a
+ * switch, then the control for its type.
+ */
+export function ChromeField({ region, fieldKey, def, value, onChange, menus, siteTitle, disabled, problem, onOpenBrand, brandHref, }) {
+    const id = useId();
+    const label = fieldLabel(fieldKey, def);
+    const help = fieldHelp(def);
+    const helpId = help ? `${id}-help` : undefined;
+    const problemId = problem ? `${id}-problem` : undefined;
+    const describedBy = [helpId, problemId].filter(Boolean).join(' ') || undefined;
+    const toggled = isToggled(def);
+    const on = toggled ? rec(value).on === true : true;
+    const known = isKnownField(def);
+    const head = (_jsxs("div", { className: "text-sm2 text-txt flex items-center gap-2 leading-[normal] font-semibold", children: [_jsxs("span", { className: "min-w-0 flex-1", children: [label, help ? (_jsx("small", { id: helpId, className: "text-hint text-faint mt-px block font-normal", children: help })) : null] }), _jsx(KeyChip, { children: fieldKey }), toggled || def.type === 'boolean' ? (_jsx(Toggle, { "aria-label": label, checked: def.type === 'boolean' ? value === true : on, disabled: disabled, onCheckedChange: (next) => onChange(def.type === 'boolean' ? next : { ...rec(value), on: next }) })) : null] }));
+    let body = null;
+    if (!known) {
+        body = (_jsx(Help, { children: `This field's type (${String(def.type)}) needs a newer admin. Its saved value is kept.` }));
+    }
+    else if (def.type === 'brand') {
+        body = (_jsxs("div", { className: "rounded-9 border-bdr text-sm2 text-sub flex items-center gap-2.5 border border-dashed px-[11px] py-[9px] leading-[normal]", children: [_jsx("span", { className: "text-txt text-[14px] font-extrabold tracking-[-0.3px]", children: siteTitle }), _jsx("span", { children: "From brand settings" }), _jsx("a", { href: brandHref, onClick: (event) => {
+                        if (event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0)
+                            return;
+                        event.preventDefault();
+                        onOpenBrand();
+                    }, className: "text-acc ml-auto font-semibold whitespace-nowrap no-underline", children: "Change" })] }));
+    }
+    else if (def.type === 'menu') {
+        if (def.list) {
+            const list = Array.isArray(value) ? value : [];
+            const slots = menuListSlots(def, list.length);
+            body = (_jsx("div", { className: "flex flex-col gap-1.5", children: Array.from({ length: slots }, (_, index) => (_jsx(MenuSelect, { none: true, label: `${label} ${index + 1}`, value: text(list[index]), menus: menus, disabled: disabled, describedBy: describedBy, onChange: (slug) => {
+                        const next = Array.from({ length: Math.max(list.length, index + 1) }, (_, i) => text(list[i]));
+                        next[index] = slug;
+                        onChange(next);
+                    } }, index))) }));
+        }
+        else if (toggled) {
+            body = on ? (_jsx(MenuSelect, { label: label, value: text(rec(value).value), menus: menus, disabled: disabled, describedBy: describedBy, onChange: (slug) => onChange({ ...rec(value), value: slug }) })) : null;
+        }
+        else {
+            body = (_jsx(MenuSelect, { label: label, value: text(value), menus: menus, disabled: disabled, describedBy: describedBy, onChange: onChange }));
+        }
+    }
+    else if (def.type === 'link') {
+        const link = rec(value);
+        body = on ? (_jsxs("div", { className: "grid grid-cols-2 gap-2 [@media(width<=560px)]:grid-cols-1", children: [_jsx("input", { className: INPUT, "aria-label": def.optional ? 'Button text' : `${label} text`, "aria-describedby": describedBy, value: text(link.label), disabled: disabled, onChange: (event) => onChange({ ...link, label: event.target.value }) }), _jsx("input", { className: `${INPUT} ${MONO}`, "aria-label": def.optional ? 'Links to' : `${label} URL`, "aria-describedby": describedBy, value: text(link.url), disabled: disabled, spellCheck: false, onChange: (event) => onChange({ ...link, url: event.target.value }) })] })) : null;
+    }
+    else if (def.type === 'text') {
+        const current = toggled ? text(rec(value).value) : text(value);
+        const input = (_jsx("input", { className: INPUT, type: def.format === 'tel' ? 'tel' : def.format === 'email' ? 'email' : 'text', "aria-label": label, "aria-describedby": describedBy, "aria-invalid": problem ? true : undefined, value: current, disabled: disabled, onChange: (event) => onChange(toggled ? { ...rec(value), value: event.target.value } : event.target.value) }));
+        body = on ? input : null;
+    }
+    else if (def.type === 'textarea') {
+        body = (_jsx("textarea", { className: TEXTAREA, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": problem ? true : undefined, value: text(value), disabled: disabled, onChange: (event) => onChange(event.target.value) }));
+    }
+    else if (def.type === 'select') {
+        body = (_jsx(RadioPills, { name: `hf-${region}-${fieldKey}`, label: label, options: def.options.map((option) => ({ id: option, label: humanizeKey(option) })), value: text(value), disabled: disabled, onChange: onChange }));
+    }
+    else if (def.type === 'social') {
+        const rows = (Array.isArray(value) ? value : []).map(rec);
+        const update = (index, patch) => onChange(rows.map((row, i) => (i === index ? { ...row, ...patch } : row)));
+        body = (_jsxs("div", { className: "flex flex-col gap-1.5", children: [rows.map((row, index) => {
+                    const platform = text(row.platform);
+                    const platforms = SOCIAL_PLATFORMS.includes(platform)
+                        ? SOCIAL_PLATFORMS
+                        : [platform, ...SOCIAL_PLATFORMS];
+                    return (_jsxs("div", { className: "grid grid-cols-[120px_minmax(0,1fr)_28px] items-center gap-1.5 [@media(width<=560px)]:grid-cols-[96px_minmax(0,1fr)_28px]", children: [_jsx("select", { className: INPUT, "aria-label": "Platform", value: platform, disabled: disabled, onChange: (event) => update(index, { platform: event.target.value }), children: platforms.map((option) => (_jsx("option", { value: option, children: option || 'Pick one' }, option))) }), _jsx("input", { className: `${INPUT} ${MONO}`, "aria-label": `${platform || 'Link'} URL`, value: text(row.url), disabled: disabled, spellCheck: false, onChange: (event) => update(index, { url: event.target.value }) }), _jsx("button", { type: "button", "aria-label": `Remove ${platform || 'link'}`, disabled: disabled, onClick: () => onChange(rows.filter((_, i) => i !== index)), className: "rounded-6 text-faint hover:bg-err-l hover:text-err flex h-7 w-7 cursor-pointer items-center justify-center border-0 bg-transparent p-0 disabled:cursor-not-allowed disabled:opacity-50", children: _jsx(X, { size: 14, strokeWidth: 1.8, "aria-hidden": true }) })] }, index));
+                }), _jsxs("button", { type: "button", disabled: disabled, onClick: () => onChange([
+                        ...rows,
+                        {
+                            platform: SOCIAL_PLATFORMS.find((option) => !rows.some((row) => row.platform === option)) ??
+                                SOCIAL_PLATFORMS[0],
+                            url: 'https://',
+                        },
+                    ]), className: "rounded-8 border-bdr bg-card text-meta text-txt hover:border-acc-m hover:bg-acc-l hover:text-acc inline-flex h-7 cursor-pointer items-center gap-[5px] self-start border px-[9px] leading-[normal] font-[550] whitespace-nowrap disabled:cursor-not-allowed disabled:opacity-45", children: [_jsx(Plus, { size: 12, strokeWidth: 1.8, "aria-hidden": true }), "Add link"] })] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-1.5", "data-field": fieldKey, children: [head, body, problem ? (_jsx(Help, { id: problemId, tone: "error", children: problem })) : null] }));
+}
+//# sourceMappingURL=ChromeField.js.map

package/dist/views/header-footer/ChromeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChromeField.js","sourceRoot":"","sources":["../../../src/views/header-footer/ChromeField.tsx"],"names":[],"mappings":"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"}

package/dist/views/header-footer/ChromePreview.d.ts

@@ -0,0 +1,31 @@
+import type { RegionSchema } from '@prenta/core';
+import type { ChromeMenuOption } from '../../lib/chrome-service.js';
+import { type AnnouncementForm, type PreviewChrome, type RegionForm } from './chrome-form.js';
+export interface ChromePreviewProps {
+    header?: {
+        schema: RegionSchema;
+        form: RegionForm;
+    };
+    footer?: {
+        schema: RegionSchema;
+        form: RegionForm;
+    };
+    announcement: AnnouncementForm | null;
+    menus: ChromeMenuOption[];
+    siteTitle: string;
+    /** Settings → Preview URL. Set, it renders the site's own components. */
+    previewUrl: string | null;
+    /** The draft in the `/public/chrome` shape, sent to the Preview URL page. */
+    draft: PreviewChrome;
+}
+/**
+ * The preview card (`.hf-pv`): a bar with the Desktop/Mobile switch over a
+ * stage that shows the site's Preview URL page, or the built-in mock.
+ *
+ * The Preview URL page loads as `{previewUrl}?draft={token}`. It gets the
+ * draft as `{ type: 'prenta:chrome-preview', token, chrome }`, posted to its
+ * origin only, when it loads, whenever the draft changes, and again whenever
+ * it posts `{ type: 'prenta:chrome-preview-ready', token }` to its parent.
+ */
+export declare function ChromePreview({ header, footer, announcement, menus, siteTitle, previewUrl, draft, }: ChromePreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChromePreview.d.ts.map

package/dist/views/header-footer/ChromePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChromePreview.d.ts","sourceRoot":"","sources":["../../../src/views/header-footer/ChromePreview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAY,YAAY,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,KAAK,EAAkB,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AACnF,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,aAAa,EAClB,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAA;AA8VzB,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE;QAAE,MAAM,EAAE,YAAY,CAAC;QAAC,IAAI,EAAE,UAAU,CAAA;KAAE,CAAA;IACnD,MAAM,CAAC,EAAE;QAAE,MAAM,EAAE,YAAY,CAAC;QAAC,IAAI,EAAE,UAAU,CAAA;KAAE,CAAA;IACnD,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACrC,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,yEAAyE;IACzE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,6EAA6E;IAC7E,KAAK,EAAE,aAAa,CAAA;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,MAAM,EACN,YAAY,EACZ,KAAK,EACL,SAAS,EACT,UAAU,EACV,KAAK,GACN,EAAE,kBAAkB,2CA0GpB"}

package/dist/views/header-footer/ChromePreview.js

@@ -0,0 +1,195 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { fieldEntries, } from './chrome-form.js';
+import { CARD } from './controls.js';
+function rec(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value) ? value : {};
+}
+function text(value) {
+    return typeof value === 'string' ? value : '';
+}
+/** The message a Preview URL page receives, and the one it sends back when it's ready. */
+const PREVIEW_MESSAGE = 'prenta:chrome-preview';
+const PREVIEW_READY_MESSAGE = 'prenta:chrome-preview-ready';
+function randomToken() {
+    const bytes = new Uint8Array(12);
+    globalThis.crypto?.getRandomValues?.(bytes);
+    return Array.from(bytes, (byte) => byte.toString(16).padStart(2, '0')).join('');
+}
+/** The Preview URL's origin, or null when it isn't an http(s) URL. */
+function previewOrigin(url) {
+    if (!url || !/^https?:\/\//i.test(url))
+        return null;
+    try {
+        return new URL(url).origin;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * The frame's address: the Preview URL with `draft={token}` in its query.
+ * Set through `URL`, so a fragment stays last and a `draft` already in the
+ * Preview URL is replaced rather than read first.
+ */
+function previewFrameSrc(url, token) {
+    const src = new URL(url);
+    src.searchParams.set('draft', token);
+    return src.toString();
+}
+function entries(schema, form) {
+    if (!schema || !form)
+        return [];
+    return fieldEntries(schema).map(([key, def]) => ({ key, def, value: form.fields[key] }));
+}
+/** The first field of a type that passes `test`, in schema order. */
+function find(list, type, test = () => true) {
+    const item = list.find((entry) => entry.def.type === type && test(entry.def, entry.key));
+    return item;
+}
+/** A toggled value's content when it's on; a plain value as it is. */
+function onValue(def, value) {
+    if (!def.optional)
+        return value;
+    const toggle = rec(value);
+    return toggle.on === true ? toggle : null;
+}
+function menuOf(menus, slug) {
+    return typeof slug === 'string' && slug ? menus.find((menu) => menu.slug === slug) : undefined;
+}
+function topItems(menu) {
+    return menu ? menu.items : [];
+}
+const TONE_BACKGROUND = {
+    brand: 'var(--acc)',
+    dark: 'var(--site-txt)',
+    alert: 'var(--site-alert)',
+};
+function MockSite({ header, footer, announcement, menus, siteTitle, viewport, year, }) {
+    const mob = viewport === 'mob';
+    const h = entries(header?.schema, header?.form);
+    const f = entries(footer?.schema, footer?.form);
+    // Header
+    const mainMenu = find(h, 'menu', (def) => !def.list && !def.optional);
+    const topMenu = find(h, 'menu', (def, key) => !def.list && !!def.optional && key !== mainMenu?.key);
+    const cta = find(h, 'link');
+    const phone = find(h, 'text', (def) => def.format === 'tel');
+    const search = find(h, 'boolean', (_def, key) => key === 'search');
+    const headerVariant = header?.form.variant ?? '';
+    const minimal = headerVariant === 'minimal';
+    const centered = /center/.test(headerVariant);
+    const nav = topItems(menuOf(menus, mainMenu ? text(mainMenu.value) || mainMenu.def.default : undefined)).filter((item) => !item.button);
+    const top = topMenu ? onValue(topMenu.def, topMenu.value) : null;
+    const topLinks = top ? topItems(menuOf(menus, rec(top).value)) : [];
+    const ctaValue = cta ? rec(onValue(cta.def, cta.value)) : {};
+    const ctaLabel = text(ctaValue.label);
+    const phoneValue = phone
+        ? phone.def.optional
+            ? text(rec(onValue(phone.def, phone.value)).value)
+            : text(phone.value)
+        : '';
+    // Footer
+    const tone = find(f, 'select', (def) => def.options.includes('light'));
+    const light = tone ? tone.value === 'light' : false;
+    const about = find(f, 'textarea');
+    const cols = find(f, 'menu', (def) => !!def.list);
+    const copy = find(f, 'text', (def) => !!def.tokens?.includes('{year}'));
+    const email = find(f, 'text', (def) => def.format === 'email');
+    const footPhone = find(f, 'text', (def) => def.format === 'tel');
+    const address = find(f, 'text', (def, key) => !def.format && !def.tokens?.length && key !== copy?.key);
+    const news = find(f, 'boolean', (def, key) => key === 'news' || /newsletter/i.test(def.label ?? ''));
+    const social = find(f, 'social');
+    const legal = find(f, 'menu', (def) => !def.list);
+    const footerVariant = footer?.form.variant ?? '';
+    const fMinimal = footerVariant === 'minimal';
+    const compact = footerVariant === 'compact';
+    const colMenus = (Array.isArray(cols?.value) ? cols.value : [])
+        .map((slug) => menuOf(menus, slug))
+        .filter((menu) => !!menu);
+    const shownCols = compact ? colMenus.slice(0, 1) : colMenus;
+    const legalValue = legal ? onValue(legal.def, legal.value) : null;
+    const legalLinks = legal
+        ? topItems(menuOf(menus, legal.def.optional ? rec(legalValue).value : legalValue))
+        : [];
+    const textOf = (item) => item
+        ? item.def.optional
+            ? text(rec(onValue(item.def, item.value)).value)
+            : text(item.value)
+        : '';
+    const copyText = (textOf(copy) || `© {year} ${siteTitle}`).split('{year}').join(year);
+    const contact = [textOf(email), textOf(footPhone)].filter(Boolean).join(' · ');
+    const socialLinks = Array.isArray(social?.value) ? social.value.map(rec) : [];
+    const toneColor = TONE_BACKGROUND[announcement?.tone ?? 'brand'] ?? TONE_BACKGROUND.brand;
+    const footMuted = light ? 'text-site-sub' : 'text-site-foot-txt';
+    const footStrong = light ? 'text-site-txt' : 'text-site-bg';
+    return (_jsxs("div", { "data-preview-site": "", "data-viewport": viewport, className: `border-bdr bg-site-bg text-site-txt rounded-10 w-full overflow-hidden border text-[13px] leading-[normal] transition-[max-width] duration-200 ${mob ? 'max-w-[360px]' : 'max-w-[860px]'}`, children: [announcement?.on ? (_jsxs("div", { "data-preview-announcement": "", className: "flex items-center justify-center gap-2.5 px-3 py-[7px] text-center text-[12px] font-semibold text-white", style: { background: toneColor }, children: [_jsx("span", { children: announcement.text }), announcement.linkLabel ? _jsxs("u", { className: "font-bold", children: [announcement.linkLabel, " \u2192"] }) : null, announcement.dismissible ? _jsx("span", { className: "ml-1.5 opacity-75", children: "\u2715" }) : null] })) : null, header ? (_jsxs(_Fragment, { children: [topLinks.length > 0 && !mob && !minimal ? (_jsx("div", { className: "bg-site-alt text-site-sub flex justify-end gap-4 px-[18px] py-[5px] text-[11.5px]", children: topLinks.map((item) => (_jsx("span", { children: item.label }, item.id))) })) : null, _jsxs("div", { "data-preview-header": headerVariant, className: `border-site-bdr flex items-center gap-5 border-b px-[18px] py-3.5 ${centered ? 'flex-col gap-2.5' : ''}`, children: [_jsx("span", { className: "text-[16px] font-extrabold tracking-[-0.4px]", children: siteTitle }), mob && !minimal ? (_jsx("span", { "aria-hidden": true, className: "border-site-txt after:border-site-txt relative ml-auto h-3.5 w-[22px] border-y-2 after:absolute after:inset-x-0 after:top-1 after:border-t-2 after:content-['']" })) : (_jsxs(_Fragment, { children: [minimal ? (_jsx("span", { className: "flex-1" })) : (_jsx("nav", { className: `flex flex-1 flex-wrap gap-4 ${centered ? 'justify-center' : 'justify-end'}`, children: nav.map((item) => (_jsx("span", { className: "whitespace-nowrap", children: item.label }, item.id))) })), _jsxs("span", { className: "flex items-center gap-2.5 whitespace-nowrap", children: [search?.value === true && !minimal ? _jsx("span", { children: "\u2315" }) : null, phoneValue && !mob ? _jsx("span", { children: phoneValue }) : null, ctaLabel ? (_jsx("span", { className: "bg-acc rounded-7 px-3 py-[7px] text-[12.5px] font-semibold text-white", children: ctaLabel })) : null] })] }))] })] })) : null, _jsx("div", { className: `text-site-muted flex items-center justify-center bg-[repeating-linear-gradient(135deg,var(--site-alt)_0_10px,var(--site-alt2)_10px_20px)] text-[12px] ${mob ? 'h-20' : 'h-[120px]'}`, children: "Page content" }), footer ? (_jsxs("div", { "data-preview-footer": footerVariant, className: `px-[18px] pt-5 pb-3.5 text-[12px] ${light ? 'bg-site-alt text-site-sub' : 'bg-site-txt text-site-foot-txt'}`, children: [!fMinimal ? (_jsxs("div", { className: `grid gap-[18px] ${compact
+                            ? mob
+                                ? 'grid-cols-1'
+                                : 'grid-cols-[1.3fr_1fr]'
+                            : mob
+                                ? 'grid-cols-2'
+                                : 'grid-cols-[1.3fr_repeat(3,1fr)]'}`, children: [_jsxs("div", { children: [_jsx("div", { className: `mb-1.5 text-[15px] font-extrabold tracking-[-0.3px] ${footStrong}`, children: siteTitle }), about ? _jsx("div", { children: text(about.value) }) : null, !compact ? (_jsxs(_Fragment, { children: [textOf(address) ? _jsx("span", { className: "mt-1 block", children: textOf(address) }) : null, contact ? _jsx("span", { className: "mt-1 block", children: contact }) : null] })) : null, news?.value === true ? (_jsxs("div", { className: "mt-2 flex gap-1.5", children: [_jsx("i", { className: `rounded-6 h-[26px] flex-1 border ${light ? 'border-site-bdr bg-site-bg' : 'border-white/15 bg-white/8'}` }), _jsx("em", { className: "bg-acc rounded-6 px-[9px] py-1 font-semibold text-white not-italic", children: "Subscribe" })] })) : null] }), shownCols.map((menu) => (_jsxs("div", { children: [_jsx("b", { className: `mb-1.5 block text-[12px] ${footStrong}`, children: menu.name.replace(/^Footer · /, '') }), menu.items.map((item) => (_jsx("span", { className: "mt-1 block", children: item.label }, item.id)))] }, menu.slug)))] })) : null, _jsxs("div", { className: `flex flex-wrap gap-3 text-[11px] ${fMinimal
+                            ? ''
+                            : `mt-4 border-t pt-2.5 ${light ? 'border-site-bdr' : 'border-white/12'}`} ${footMuted}`, children: [_jsx("span", { children: copyText }), legalLinks.map((item) => (_jsx("span", { children: item.label }, item.id))), _jsx("span", { className: "ml-auto flex gap-2", children: socialLinks.map((link, index) => (_jsx("i", { title: text(link.platform), className: `block h-[18px] w-[18px] rounded-full ${light ? 'bg-site-chip' : 'bg-white/15'}` }, index))) })] })] })) : null] }));
+}
+/**
+ * The preview card (`.hf-pv`): a bar with the Desktop/Mobile switch over a
+ * stage that shows the site's Preview URL page, or the built-in mock.
+ *
+ * The Preview URL page loads as `{previewUrl}?draft={token}`. It gets the
+ * draft as `{ type: 'prenta:chrome-preview', token, chrome }`, posted to its
+ * origin only, when it loads, whenever the draft changes, and again whenever
+ * it posts `{ type: 'prenta:chrome-preview-ready', token }` to its parent.
+ */
+export function ChromePreview({ header, footer, announcement, menus, siteTitle, previewUrl, draft, }) {
+    const [viewport, setViewport] = useState('desk');
+    const origin = previewOrigin(previewUrl);
+    const token = useMemo(() => randomToken(), []);
+    const frame = useRef(null);
+    const src = origin && previewUrl ? previewFrameSrc(previewUrl, token) : null;
+    const send = useCallback(() => {
+        const target = frame.current?.contentWindow;
+        if (!target || !origin)
+            return;
+        target.postMessage({ type: PREVIEW_MESSAGE, token, chrome: draft }, origin);
+    }, [draft, origin, token]);
+    useEffect(() => {
+        send();
+    }, [send]);
+    useEffect(() => {
+        if (!origin)
+            return;
+        function onMessage(event) {
+            if (event.origin !== origin || event.source !== frame.current?.contentWindow)
+                return;
+            const data = rec(event.data);
+            if (data.type === PREVIEW_READY_MESSAGE && data.token === token)
+                send();
+        }
+        window.addEventListener('message', onMessage);
+        return () => window.removeEventListener('message', onMessage);
+    }, [origin, send, token]);
+    const options = [
+        ['desk', 'Desktop'],
+        ['mob', 'Mobile'],
+    ];
+    function onKeyDown(event) {
+        if (!['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key))
+            return;
+        event.preventDefault();
+        const next = viewport === 'desk' ? 'mob' : 'desk';
+        setViewport(next);
+        event.currentTarget.querySelector(`[data-viewport="${next}"]`)?.focus();
+    }
+    let host = '';
+    if (origin)
+        host = new URL(origin).host;
+    return (_jsxs("section", { "aria-label": "Preview", className: `${CARD} sticky top-3 [@media(width<=1100px)]:static`, children: [_jsxs("div", { className: "border-bdr text-sub flex flex-wrap items-center gap-2 border-b px-3 py-[9px] text-[12px] leading-[normal] font-semibold", children: ["Preview", _jsx("span", { className: "text-faint font-mono text-[11px] font-medium", children: origin
+                            ? `${host} · draft values`
+                            : 'built-in mock · set a Preview URL to render your components' }), _jsx("div", { role: "radiogroup", "aria-label": "Preview width", onKeyDown: onKeyDown, className: "rounded-8 border-bdr bg-bg ml-auto flex gap-0.5 border p-0.5", children: options.map(([id, label]) => {
+                            const on = viewport === id;
+                            return (_jsx("button", { type: "button", role: "radio", "aria-checked": on, tabIndex: on ? 0 : -1, "data-viewport": id, onClick: () => setViewport(id), className: `rounded-6 cursor-pointer border-0 px-[9px] py-[3px] text-[12px] leading-[normal] font-semibold ${on ? 'bg-card text-txt shadow-shd' : 'text-sub bg-transparent'}`, children: label }, id));
+                        }) })] }), _jsx("div", { className: "rounded-b-12 bg-bg flex justify-center p-[18px]", children: src ? (_jsx("iframe", { ref: frame, src: src, title: "Site preview with draft values", onLoad: send, sandbox: "allow-scripts allow-same-origin", referrerPolicy: "no-referrer", className: `border-bdr bg-site-bg rounded-10 block h-[560px] w-full border transition-[max-width] duration-200 ${viewport === 'mob' ? 'max-w-[360px]' : 'max-w-[860px]'}` })) : (_jsx(MockSite, { header: header, footer: footer, announcement: announcement, menus: menus, siteTitle: siteTitle, viewport: viewport, year: String(new Date().getFullYear()) })) })] }));
+}
+//# sourceMappingURL=ChromePreview.js.map

package/dist/views/header-footer/ChromePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChromePreview.js","sourceRoot":"","sources":["../../../src/views/header-footer/ChromePreview.tsx"],"names":[],"mappings":"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"}

package/dist/views/header-footer/DeveloperTab.d.ts

@@ -0,0 +1,17 @@
+import type { ChromeSyncStatus } from '@prenta/core';
+export interface ChromeSettingsForm {
+    revalidateUrl: string;
+    previewUrl: string;
+}
+export interface DeveloperTabProps {
+    sync: ChromeSyncStatus | null;
+    settings: ChromeSettingsForm;
+    onSettingsChange: (form: ChromeSettingsForm) => void;
+    canEditSettings: boolean;
+    secret: string | null;
+    settingsProblem: string | null;
+    now: number;
+}
+/** The Developer tab: the code samples, the live schema status, the On save settings and local dev. */
+export declare function DeveloperTab({ sync, settings, onSettingsChange, canEditSettings, secret, settingsProblem, now, }: DeveloperTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeveloperTab.d.ts.map

package/dist/views/header-footer/DeveloperTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeveloperTab.d.ts","sourceRoot":"","sources":["../../../src/views/header-footer/DeveloperTab.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAmMpD,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;CACnB;AA4FD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC7B,QAAQ,EAAE,kBAAkB,CAAA;IAC5B,gBAAgB,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACpD,eAAe,EAAE,OAAO,CAAA;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,uGAAuG;AACvG,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,MAAM,EACN,eAAe,EACf,GAAG,GACJ,EAAE,iBAAiB,2CAiBnB"}

package/dist/views/header-footer/DeveloperTab.js

@@ -0,0 +1,98 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef, useState } from 'react';
+import { toast } from 'sonner';
+import { CODE_SAMPLES, LOCAL_DEV_SAMPLE, highlight, } from './code-samples.js';
+import { shortCommit, timeAgo } from './chrome-form.js';
+import { CARD, CardHead, FieldLabel, Help, INPUT, KeyChip, MONO } from './controls.js';
+const TOKEN_CLASS = {
+    comment: 'text-code-cmt',
+    string: 'text-code-str',
+    keyword: 'text-code-kw',
+    plain: undefined,
+};
+/** `.hf-code`: the dark code block, 12px DM Mono at 1.65. */
+const CODE_BLOCK = 'bg-code-bg text-code-txt relative m-0 overflow-auto rounded-b-12 px-4 py-3.5 font-mono text-[12px] leading-[1.65] whitespace-pre';
+function Highlighted({ src }) {
+    return (_jsx(_Fragment, { children: highlight(src).map((token, index) => TOKEN_CLASS[token.kind] ? (_jsx("span", { className: TOKEN_CLASS[token.kind], children: token.text }, index)) : (token.text)) }));
+}
+/** Put text on the clipboard and say so. */
+async function copy(text, done = 'Copied') {
+    try {
+        if (!navigator.clipboard?.writeText)
+            throw new Error('No clipboard');
+        await navigator.clipboard.writeText(text);
+        toast(done);
+    }
+    catch {
+        toast.error('Couldn’t copy. Select the text and copy it instead.');
+    }
+}
+function HowItsWired() {
+    const id = useId();
+    const [current, setCurrent] = useState('config');
+    const refs = useRef([]);
+    const index = Math.max(0, CODE_SAMPLES.findIndex((sample) => sample.id === current));
+    const sample = CODE_SAMPLES[index];
+    function onKeyDown(event) {
+        const last = CODE_SAMPLES.length - 1;
+        let next;
+        if (event.key === 'ArrowRight')
+            next = index === last ? 0 : index + 1;
+        else if (event.key === 'ArrowLeft')
+            next = index === 0 ? last : index - 1;
+        else if (event.key === 'Home')
+            next = 0;
+        else if (event.key === 'End')
+            next = last;
+        else
+            return;
+        event.preventDefault();
+        setCurrent(CODE_SAMPLES[next].id);
+        refs.current[next]?.focus();
+    }
+    return (_jsxs("section", { "aria-labelledby": `${id}-title`, className: `${CARD} overflow-hidden`, children: [_jsx(CardHead, { id: `${id}-title`, title: "How it\u2019s wired", children: _jsx("div", { role: "tablist", "aria-label": "Code sample", onKeyDown: onKeyDown, className: "rounded-8 border-bdr bg-bg ml-auto flex gap-0.5 border p-0.5", children: CODE_SAMPLES.map((item, i) => {
+                        const on = item.id === current;
+                        return (_jsx("button", { ref: (el) => {
+                                refs.current[i] = el;
+                            }, id: `${id}-tab-${item.id}`, type: "button", role: "tab", "aria-selected": on, "aria-controls": `${id}-panel`, tabIndex: on ? 0 : -1, onClick: () => setCurrent(item.id), className: `rounded-6 cursor-pointer border-0 px-[9px] py-[3px] text-[12px] leading-[normal] font-semibold ${on ? 'bg-card text-txt shadow-shd' : 'text-sub bg-transparent'}`, children: item.label }, item.id));
+                    }) }) }), _jsxs("pre", { id: `${id}-panel`, role: "tabpanel", "aria-labelledby": `${id}-tab-${sample.id}`, 
+                // Scrolls, so it takes focus for keyboard scrolling.
+                tabIndex: 0, className: `${CODE_BLOCK} max-h-[520px]`, children: [_jsx("button", { type: "button", onClick: () => void copy(sample.src), "aria-label": `Copy ${sample.file}`, className: "rounded-6 border-code-btn-bdr bg-code-btn-bg text-code-btn-txt absolute top-2.5 right-2.5 cursor-pointer border px-2 py-[3px] font-mono text-[11px] leading-[1.65] font-medium", children: "Copy" }), _jsx("span", { className: "text-code-file mb-2 block text-[11px]", children: sample.file }), _jsx(Highlighted, { src: sample.src })] })] }));
+}
+function SchemaCard({ sync, now }) {
+    const id = useId();
+    const synced = sync?.status === 'synced' && sync.source;
+    const source = sync?.source ?? null;
+    const regions = [...(sync?.regions ?? []), 'announcement'].join(' · ');
+    const rows = [
+        [
+            'Source',
+            source ? `${source.repo || 'unknown repo'}@${source.branch || 'unknown'}` : '—',
+            true,
+        ],
+        [
+            'Last read',
+            source
+                ? `${shortCommit(source.commit) || 'unknown'} · ${timeAgo(source.readAt, now)}`
+                : 'never',
+            true,
+        ],
+        ['Regions', regions, false],
+        ['Fields', String(sync?.fieldCount ?? 0), false],
+    ];
+    return (_jsxs("section", { "aria-labelledby": `${id}-title`, className: CARD, children: [_jsx(CardHead, { id: `${id}-title`, title: "Schema", children: synced ? (_jsx("span", { className: "rounded-pill bg-suc-l text-suc inline-flex items-center gap-[5px] px-2 py-px text-[11px] leading-[normal] font-bold", children: "\u25CF In sync" })) : (_jsx("span", { className: "rounded-pill bg-warn-l text-warn inline-flex items-center gap-[5px] px-2 py-px text-[11px] leading-[normal] font-bold", children: "\u25CF Not read yet" })) }), _jsx("dl", { className: "m-0 flex flex-col", children: rows.map(([label, value, mono]) => (_jsxs("div", { className: "border-bdr text-sm2 text-sub flex items-center gap-2.5 border-t px-4 py-[9px] leading-[normal] first:border-t-0", children: [_jsx("dt", { children: label }), _jsx("dd", { className: `text-txt m-0 ml-auto min-w-0 truncate text-right font-semibold ${mono ? 'font-mono text-[11.5px]' : ''}`, children: value })] }, label))) }), _jsxs("div", { className: "text-hint text-faint px-4 pb-3 leading-[1.45]", children: [synced ? null : (_jsxs(_Fragment, { children: ["Add ", _jsx(KeyChip, { children: "prenta push chrome" }), " to your deploy to send the header and footer.", ' '] })), "Read on every deploy. Removed fields keep their values for 30 days; renamed fields need", ' ', _jsx(KeyChip, { children: "renamedFrom" }), "."] })] }));
+}
+function OnSaveCard({ form, onChange, canEdit, secret, problem, }) {
+    const id = useId();
+    return (_jsxs("section", { "aria-labelledby": `${id}-title`, className: CARD, children: [_jsx(CardHead, { id: `${id}-title`, title: "On save" }), _jsxs("div", { className: "flex flex-col gap-3.5 px-4 py-3.5", children: [_jsxs("div", { children: [_jsx(FieldLabel, { htmlFor: `${id}-revalidate`, children: "Revalidate URL" }), _jsx("input", { id: `${id}-revalidate`, className: `${INPUT} ${MONO}`, value: form.revalidateUrl, placeholder: canEdit ? 'https://' : 'Only admins can see this', disabled: !canEdit, spellCheck: false, onChange: (event) => onChange({ ...form, revalidateUrl: event.target.value }) }), _jsxs(Help, { children: ["POSTs ", _jsx(KeyChip, { children: "chrome.updated" }), " with the changed region. Also fires when a scheduled announcement starts or ends."] }), secret ? (_jsxs("div", { role: "status", className: "rounded-9 border-bdr bg-bg text-hint text-sub mt-2 flex flex-wrap items-center gap-2 border px-3 py-2 leading-[1.45]", children: [_jsxs("span", { className: "min-w-0 flex-1", children: ["Signing secret ", _jsx(KeyChip, { children: secret }), ". Copy it now; it won\u2019t be shown again."] }), _jsx("button", { type: "button", onClick: () => void copy(secret, 'Secret copied'), className: "rounded-8 border-bdr bg-card text-meta text-txt hover:border-acc-m hover:text-acc inline-flex h-7 cursor-pointer items-center border px-[9px] font-[550]", children: "Copy" })] })) : null] }), _jsxs("div", { children: [_jsx(FieldLabel, { htmlFor: `${id}-preview`, children: "Preview URL" }), _jsx("input", { id: `${id}-preview`, className: `${INPUT} ${MONO}`, value: form.previewUrl, placeholder: canEdit ? 'https://' : undefined, disabled: !canEdit, spellCheck: false, onChange: (event) => onChange({ ...form, previewUrl: event.target.value }) }), _jsx(Help, { children: "Renders your real components with draft values. Leave blank to use the built-in mock." })] }), problem ? (_jsx(Help, { tone: "error", children: _jsx("span", { role: "alert", children: problem }) })) : null] })] }));
+}
+function LocalDevCard() {
+    const id = useId();
+    return (_jsxs("section", { "aria-labelledby": `${id}-title`, className: `${CARD} overflow-hidden`, children: [_jsx(CardHead, { id: `${id}-title`, title: "Local dev" }), _jsx("pre", { tabIndex: 0, "aria-label": "Local dev commands", className: CODE_BLOCK, children: _jsx(Highlighted, { src: LOCAL_DEV_SAMPLE }) })] }));
+}
+/** The Developer tab: the code samples, the live schema status, the On save settings and local dev. */
+export function DeveloperTab({ sync, settings, onSettingsChange, canEditSettings, secret, settingsProblem, now, }) {
+    return (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_minmax(0,340px)] items-start gap-[18px] [@media(width<=1100px)]:grid-cols-[minmax(0,1fr)]", children: [_jsx(HowItsWired, {}), _jsxs("div", { className: "flex min-w-0 flex-col gap-3.5", children: [_jsx(SchemaCard, { sync: sync, now: now }), _jsx(OnSaveCard, { form: settings, onChange: onSettingsChange, canEdit: canEditSettings, secret: secret, problem: settingsProblem }), _jsx(LocalDevCard, {})] })] }));
+}
+//# sourceMappingURL=DeveloperTab.js.map

package/dist/views/header-footer/DeveloperTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeveloperTab.js","sourceRoot":"","sources":["../../../src/views/header-footer/DeveloperTab.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAsB,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAG9B,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,SAAS,GAGV,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEtF,MAAM,WAAW,GAA8C;IAC7D,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,eAAe;IACvB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,6DAA6D;AAC7D,MAAM,UAAU,GACd,kIAAkI,CAAA;AAEpI,SAAS,WAAW,CAAC,EAAE,GAAG,EAAmB;IAC3C,OAAO,CACL,4BACG,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACnC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACxB,eAAkB,SAAS,EAAE,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,YACjD,KAAK,CAAC,IAAI,IADF,KAAK,CAET,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,IAAI,CACX,CACF,GACA,CACJ,CAAA;AACH,CAAC;AAED,4CAA4C;AAC5C,KAAK,UAAU,IAAI,CAAC,IAAY,EAAE,IAAI,GAAG,QAAQ;IAC/C,IAAI,CAAC;QACH,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS;YAAE,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,CAAA;QACpE,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QACzC,KAAK,CAAC,IAAI,CAAC,CAAA;IACb,CAAC;IAAC,MAAM,CAAC;QACP,KAAK,CAAC,KAAK,CAAC,qDAAqD,CAAC,CAAA;IACpE,CAAC;AACH,CAAC;AAED,SAAS,WAAW;IAClB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAe,QAAQ,CAAC,CAAA;IAC9D,MAAM,IAAI,GAAG,MAAM,CAAkC,EAAE,CAAC,CAAA;IACxD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CACpB,CAAC,EACD,YAAY,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,OAAO,CAAC,CAC1D,CAAA;IACD,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAE,CAAA;IAEnC,SAAS,SAAS,CAAC,KAAoC;QACrD,MAAM,IAAI,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAA;QACpC,IAAI,IAAY,CAAA;QAChB,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY;YAAE,IAAI,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAA;aAChE,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;YAAE,IAAI,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAA;aACpE,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM;YAAE,IAAI,GAAG,CAAC,CAAA;aAClC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK;YAAE,IAAI,GAAG,IAAI,CAAA;;YACpC,OAAM;QACX,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,UAAU,CAAC,YAAY,CAAC,IAAI,CAAE,CAAC,EAAE,CAAC,CAAA;QAClC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IAC7B,CAAC;IAED,OAAO,CACL,sCAA0B,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,kBAAkB,aAC3E,KAAC,QAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,qBAAgB,YACjD,cACE,IAAI,EAAC,SAAS,gBACH,aAAa,EACxB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,8DAA8D,YAEvE,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;wBAC5B,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,KAAK,OAAO,CAAA;wBAC9B,OAAO,CACL,iBAEE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gCACV,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA;4BACtB,CAAC,EACD,EAAE,EAAE,GAAG,EAAE,QAAQ,IAAI,CAAC,EAAE,EAAE,EAC1B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,EAAE,mBACF,GAAG,EAAE,QAAQ,EAC5B,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,EAClC,SAAS,EAAE,kGACT,EAAE,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,yBACvC,EAAE,YAED,IAAI,CAAC,KAAK,IAfN,IAAI,CAAC,EAAE,CAgBL,CACV,CAAA;oBACH,CAAC,CAAC,GACE,GACG,EACX,eACE,EAAE,EAAE,GAAG,EAAE,QAAQ,EACjB,IAAI,EAAC,UAAU,qBACE,GAAG,EAAE,QAAQ,MAAM,CAAC,EAAE,EAAE;gBACzC,qDAAqD;gBACrD,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,GAAG,UAAU,gBAAgB,aAExC,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,gBACxB,QAAQ,MAAM,CAAC,IAAI,EAAE,EACjC,SAAS,EAAC,gLAAgL,qBAGnL,EACT,eAAM,SAAS,EAAC,uCAAuC,YAAE,MAAM,CAAC,IAAI,GAAQ,EAC5E,KAAC,WAAW,IAAC,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,IAC5B,IACE,CACX,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,GAAG,EAAkD;IAC/E,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAA;IACvD,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM,IAAI,IAAI,CAAA;IACnC,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,CAAC,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACtE,MAAM,IAAI,GAAqC;QAC7C;YACE,QAAQ;YACR,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,GAAG;YAC/E,IAAI;SACL;QACD;YACE,WAAW;YACX,MAAM;gBACJ,CAAC,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,SAAS,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;gBAC/E,CAAC,CAAC,OAAO;YACX,IAAI;SACL;QACD,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC;QAC3B,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,EAAE,UAAU,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC;KACjD,CAAA;IACD,OAAO,CACL,sCAA0B,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,aACtD,KAAC,QAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,QAAQ,YACxC,MAAM,CAAC,CAAC,CAAC,CACR,eAAM,SAAS,EAAC,qHAAqH,+BAE9H,CACR,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,uHAAuH,oCAEhI,CACR,GACQ,EACX,aAAI,SAAS,EAAC,mBAAmB,YAC9B,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAClC,eAEE,SAAS,EAAC,iHAAiH,aAE3H,uBAAK,KAAK,GAAM,EAChB,aACE,SAAS,EAAE,kEACT,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EACrC,EAAE,YAED,KAAK,GACH,KAVA,KAAK,CAWN,CACP,CAAC,GACC,EACL,eAAK,SAAS,EAAC,+CAA+C,aAC3D,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACf,sCACM,KAAC,OAAO,qCAA6B,oDACjC,GAAG,IACV,CACJ,6FACuF,GAAG,EAC3F,KAAC,OAAO,8BAAsB,SAC1B,IACE,CACX,CAAA;AACH,CAAC;AAOD,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,GASR;IACC,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,OAAO,CACL,sCAA0B,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,aACtD,KAAC,QAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,SAAS,GAAG,EAC/C,eAAK,SAAS,EAAC,mCAAmC,aAChD,0BACE,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,aAAa,+BAA6B,EACpE,gBACE,EAAE,EAAE,GAAG,EAAE,aAAa,EACtB,SAAS,EAAE,GAAG,KAAK,IAAI,IAAI,EAAE,EAC7B,KAAK,EAAE,IAAI,CAAC,aAAa,EACzB,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,0BAA0B,EAC9D,QAAQ,EAAE,CAAC,OAAO,EAClB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,GAC7E,EACF,MAAC,IAAI,yBACG,KAAC,OAAO,iCAAyB,0FAElC,EACN,MAAM,CAAC,CAAC,CAAC,CACR,eACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sHAAsH,aAEhI,gBAAM,SAAS,EAAC,gBAAgB,gCACf,KAAC,OAAO,cAAE,MAAM,GAAW,oDACrC,EACP,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE,eAAe,CAAC,EACjD,SAAS,EAAC,0JAA0J,qBAG7J,IACL,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,0BACE,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,UAAU,4BAA0B,EAC9D,gBACE,EAAE,EAAE,GAAG,EAAE,UAAU,EACnB,SAAS,EAAE,GAAG,KAAK,IAAI,IAAI,EAAE,EAC7B,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC7C,QAAQ,EAAE,CAAC,OAAO,EAClB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,GAC1E,EACF,KAAC,IAAI,wGAEE,IACH,EACL,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,YAChB,eAAM,IAAI,EAAC,OAAO,YAAE,OAAO,GAAQ,GAC9B,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,IACE,CACX,CAAA;AACH,CAAC;AAED,SAAS,YAAY;IACnB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,OAAO,CACL,sCAA0B,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,kBAAkB,aAC3E,KAAC,QAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,WAAW,GAAG,EACjD,cAAK,QAAQ,EAAE,CAAC,gBAAa,oBAAoB,EAAC,SAAS,EAAE,UAAU,YACrE,KAAC,WAAW,IAAC,GAAG,EAAE,gBAAgB,GAAI,GAClC,IACE,CACX,CAAA;AACH,CAAC;AAYD,uGAAuG;AACvG,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,MAAM,EACN,eAAe,EACf,GAAG,GACe;IAClB,OAAO,CACL,eAAK,SAAS,EAAC,yHAAyH,aACtI,KAAC,WAAW,KAAG,EACf,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,GAAI,EACpC,KAAC,UAAU,IACT,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,eAAe,GACxB,EACF,KAAC,YAAY,KAAG,IACZ,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/views/header-footer/RegionTab.d.ts

@@ -0,0 +1,27 @@
+import type { ChromeOrphan, ChromeOverridesList, ChromeRegionName, RegionSchema } from '@prenta/core';
+import type { ChromeMenuOption } from '../../lib/chrome-service.js';
+import { type RegionForm } from './chrome-form.js';
+export interface RegionTabProps {
+    region: ChromeRegionName;
+    schema: RegionSchema;
+    form: RegionForm;
+    onChange: (form: RegionForm) => void;
+    problems: Record<string, string>;
+    orphans: ChromeOrphan[];
+    removingOrphans: boolean;
+    onRemoveOrphans: () => void;
+    overrides: ChromeOverridesList | 'unavailable' | 'error';
+    menus: ChromeMenuOption[];
+    siteTitle: string;
+    readOnly: boolean;
+    /** A save is out: Remove now waits, so the save's If-Match still holds. */
+    saving: boolean;
+    now: number;
+    href: (path: string) => string;
+    onNavigate: (path: string) => void;
+    /** The admin route that edits a page, by collection and id. */
+    editPath: (collection: string, id: string) => string;
+}
+/** One region's cards, top to bottom: Source, Variant, Fields (with orphans), Page overrides. */
+export declare function RegionTab({ region, schema, form, onChange, problems, orphans, removingOrphans, onRemoveOrphans, overrides, menus, siteTitle, readOnly, saving, now, href, onNavigate, editPath, }: RegionTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RegionTab.d.ts.map

package/dist/views/header-footer/RegionTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegionTab.d.ts","sourceRoot":"","sources":["../../../src/views/header-footer/RegionTab.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACb,MAAM,cAAc,CAAA;AAGrB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAEnE,OAAO,EAOL,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAA;AA+KzB,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,gBAAgB,CAAA;IACxB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;IACpC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,eAAe,EAAE,OAAO,CAAA;IACxB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,SAAS,EAAE,mBAAmB,GAAG,aAAa,GAAG,OAAO,CAAA;IACxD,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,2EAA2E;IAC3E,MAAM,EAAE,OAAO,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IAC9B,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;CACrD;AAED,iGAAiG;AACjG,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,eAAe,EACf,eAAe,EACf,SAAS,EACT,KAAK,EACL,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,EACH,IAAI,EACJ,UAAU,EACV,QAAQ,GACT,EAAE,cAAc,2CA+JhB"}