@revealui/core 0.0.0-canary-20260409021642

package/dist/client/admin/components/CollectionList.js

@@ -0,0 +1,67 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function getFieldLabel(field) {
+    const { label } = field;
+    if (typeof label === 'function') {
+        return label({ t: (key) => key });
+    }
+    if (typeof label === 'string') {
+        return label;
+    }
+    return typeof field.name === 'string' ? field.name : 'Field';
+}
+function formatTextValue(value) {
+    if (value === null || value === undefined)
+        return '';
+    if (typeof value === 'string')
+        return value;
+    if (typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint') {
+        return String(value);
+    }
+    if (typeof value === 'symbol')
+        return value.description ?? value.toString();
+    if (typeof value === 'function')
+        return value.name || 'function';
+    return JSON.stringify(value);
+}
+function formatDateValue(value) {
+    if (value instanceof Date)
+        return value.toLocaleDateString();
+    if (typeof value === 'string' || typeof value === 'number') {
+        const parsed = new Date(value);
+        return Number.isNaN(parsed.getTime()) ? '' : parsed.toLocaleDateString();
+    }
+    return '';
+}
+export function CollectionList({ collection, documents, totalDocs, page, totalPages, onCreate, onEdit, onDelete, onPageChange, deleting, }) {
+    // Filter to only include fields with names (exclude layout fields) that are visible
+    const displayFields = collection.fields
+        .filter((field) => {
+        return field.name && field.admin?.position !== 'sidebar' && !field.admin?.hidden;
+    })
+        .slice(0, 5); // Show first 5 visible fields
+    return (_jsxs("div", { className: "bg-white shadow overflow-hidden sm:rounded-md", children: [_jsxs("div", { className: "px-4 py-5 sm:px-6 flex justify-between items-center", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg leading-6 font-medium text-gray-900 capitalize", children: collection.slug }), _jsxs("p", { className: "mt-1 max-w-2xl text-sm text-gray-500", children: [totalDocs, " ", totalDocs === 1 ? 'document' : 'documents'] })] }), _jsxs("button", { type: "button", onClick: onCreate, className: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", children: [_jsxs("svg", { className: "-ml-1 mr-2 h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", role: "img", focusable: "false", children: [_jsx("title", { children: "Create New" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" })] }), "Create New"] })] }), _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200", children: [_jsx("thead", { className: "bg-gray-50", children: _jsxs("tr", { children: [displayFields.map((field) => (_jsx("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: getFieldLabel(field) }, field.name))), _jsx("th", { scope: "col", className: "relative px-6 py-3", children: _jsx("span", { className: "sr-only", children: "Actions" }) })] }) }), _jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: documents.length === 0 ? (_jsx("tr", { children: _jsxs("td", { colSpan: displayFields.length + 1, className: "px-6 py-4 text-center text-sm text-gray-500", children: ["No documents found.", ' ', _jsx("button", { type: "button", onClick: onCreate, className: "text-indigo-600 hover:text-indigo-500", children: "Create the first one" }), "."] }) })) : (documents.map((doc) => (_jsxs("tr", { className: "hover:bg-gray-50", children: [displayFields.map((field) => (_jsx("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", children: renderFieldValue(field.name ? doc[field.name] : undefined, field) }, field.name))), _jsxs("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium space-x-2", children: [_jsx("button", { type: "button", onClick: () => onEdit(doc), className: "text-indigo-600 hover:text-indigo-900 disabled:opacity-50 disabled:cursor-not-allowed", disabled: deleting !== null, children: "Edit" }), _jsx("button", { type: "button", onClick: () => onDelete(doc), className: "text-red-600 hover:text-red-900 disabled:opacity-50 disabled:cursor-not-allowed", disabled: deleting !== null, children: deleting === doc.id ? 'Deleting...' : 'Delete' })] })] }, doc.id)))) })] }) }), totalPages > 1 && (_jsxs("div", { className: "bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6", children: [_jsxs("div", { className: "flex-1 flex justify-between sm:hidden", children: [_jsx("button", { type: "button", onClick: () => onPageChange(page - 1), disabled: page <= 1, className: "relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed", children: "Previous" }), _jsx("button", { type: "button", onClick: () => onPageChange(page + 1), disabled: page >= totalPages, className: "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed", children: "Next" })] }), _jsxs("div", { className: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between", children: [_jsx("div", { children: _jsxs("p", { className: "text-sm text-gray-700", children: ["Showing page ", _jsx("span", { className: "font-medium", children: page }), " of", ' ', _jsx("span", { className: "font-medium", children: totalPages })] }) }), _jsx("div", { children: _jsxs("nav", { className: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px", children: [_jsx("button", { type: "button", onClick: () => onPageChange(page - 1), disabled: page <= 1, className: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed", children: "Previous" }), _jsx("button", { type: "button", onClick: () => onPageChange(page + 1), disabled: page >= totalPages, className: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed", children: "Next" })] }) })] })] }))] }));
+}
+function renderFieldValue(value, field) {
+    if (value === null || value === undefined) {
+        return _jsx("span", { className: "text-gray-400", children: "-" });
+    }
+    switch (field.type) {
+        case 'text':
+        case 'textarea':
+            return formatTextValue(value);
+        case 'number':
+            return Number(value);
+        case 'checkbox':
+            return value ? '✓' : '✗';
+        case 'date':
+            return formatDateValue(value);
+        case 'select':
+            return formatTextValue(value);
+        default:
+            if (typeof value === 'object') {
+                return JSON.stringify(value);
+            }
+            return formatTextValue(value);
+    }
+}

package/dist/client/admin/components/DocumentForm.d.ts

@@ -0,0 +1,11 @@
+import type { RevealCollectionConfig, RevealDocument } from '../../../types/index.js';
+interface DocumentFormProps {
+    collection: RevealCollectionConfig;
+    document?: RevealDocument;
+    onSave: (data: Record<string, unknown>) => void;
+    onCancel: () => void;
+    isLoading?: boolean;
+}
+export declare function DocumentForm({ collection, document, onSave, onCancel, isLoading, }: DocumentFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocumentForm.d.ts.map

package/dist/client/admin/components/DocumentForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentForm.d.ts","sourceRoot":"","sources":["../../../../src/client/admin/components/DocumentForm.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,sBAAsB,EACtB,cAAc,EAEf,MAAM,yBAAyB,CAAC;AAiEjC,UAAU,iBAAiB;IACzB,UAAU,EAAE,sBAAsB,CAAC;IACnC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAiB,GAClB,EAAE,iBAAiB,2CA0DnB"}

package/dist/client/admin/components/DocumentForm.js

@@ -0,0 +1,223 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { lazy, Suspense, useCallback, useState } from 'react';
+// Lazy-loaded so Lexical (~1.2MB) is only bundled for edit pages with richText
+// fields — list/dashboard pages skip the entire Lexical chunk.
+const RichTextEditor = lazy(() => import('../../richtext/RichTextEditor.js').then((m) => ({ default: m.RichTextEditor })));
+function getFieldLabel(field) {
+    const { label } = field;
+    if (typeof label === 'function') {
+        return label({ t: (key) => key });
+    }
+    if (typeof label === 'string') {
+        return label;
+    }
+    return typeof field.name === 'string' ? field.name : 'Field';
+}
+function formatTextValue(value) {
+    if (value === null || value === undefined)
+        return '';
+    if (typeof value === 'string')
+        return value;
+    if (typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint') {
+        return String(value);
+    }
+    if (typeof value === 'symbol')
+        return value.description ?? value.toString();
+    if (typeof value === 'function')
+        return value.name || 'function';
+    return JSON.stringify(value);
+}
+function formatDateInputValue(value) {
+    if (value instanceof Date) {
+        return value.toISOString().slice(0, 16);
+    }
+    if (typeof value === 'string' || typeof value === 'number') {
+        const parsed = new Date(value);
+        return Number.isNaN(parsed.getTime()) ? '' : parsed.toISOString().slice(0, 16);
+    }
+    return '';
+}
+// Flatten tabs/rows and skip sidebar/hidden/disabled fields
+function getVisibleFields(fields) {
+    const result = [];
+    for (const field of fields) {
+        if (field.admin?.position === 'sidebar' || field.admin?.hidden || field.admin?.disabled) {
+            continue;
+        }
+        const anyField = field;
+        if (field.type === 'tabs' && Array.isArray(anyField.tabs)) {
+            for (const tab of anyField.tabs) {
+                result.push(...getVisibleFields(tab.fields ?? []));
+            }
+        }
+        else if (field.type === 'row' && Array.isArray(anyField.fields)) {
+            result.push(...getVisibleFields(anyField.fields));
+        }
+        else {
+            result.push(field);
+        }
+    }
+    return result;
+}
+export function DocumentForm({ collection, document, onSave, onCancel, isLoading = false, }) {
+    const [formData, setFormData] = useState(document || {});
+    const visibleFields = getVisibleFields(collection.fields);
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        onSave(formData);
+    };
+    const handleFieldChange = (fieldName, value) => {
+        setFormData((prev) => ({ ...prev, [fieldName]: value }));
+    };
+    return (_jsx("div", { className: "bg-white shadow overflow-hidden sm:rounded-lg", children: _jsxs("div", { className: "px-4 py-5 sm:p-6", children: [_jsxs("h3", { className: "text-lg leading-6 font-medium text-gray-900 mb-4", children: [document ? 'Edit' : 'Create', " ", collection.slug.slice(0, -1)] }), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [visibleFields.map((field) => (_jsxs("div", { children: [_jsxs("label", { htmlFor: field.name, className: "block text-sm font-medium text-gray-700", children: [getFieldLabel(field), field.required && _jsx("span", { className: "text-red-500 ml-1", children: "*" })] }), _jsx("div", { className: "mt-1", children: _jsx(FieldInput, { field: field, value: field.name ? formData[field.name] : undefined, onChange: (value) => field.name && handleFieldChange(field.name, value) }) })] }, field.name || 'layout'))), _jsxs("div", { className: "flex justify-end space-x-3 pt-6", children: [_jsx("button", { type: "button", onClick: onCancel, className: "bg-white py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", children: "Cancel" }), _jsx("button", { type: "submit", disabled: isLoading, className: "inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed", children: isLoading ? 'Saving...' : 'Save' })] })] })] }) }));
+}
+// ---------------------------------------------------------------------------
+// Array field: repeatable list of sub-fields
+// ---------------------------------------------------------------------------
+function ArrayFieldRenderer({ field, value, onChange, }) {
+    const rows = Array.isArray(value) ? value : [];
+    const subFields = field.fields ?? [];
+    const addRow = () => onChange([...rows, {}]);
+    const removeRow = (idx) => onChange(rows.filter((_, i) => i !== idx));
+    const updateRow = (idx, key, val) => {
+        const updated = rows.map((row, i) => (i === idx ? { ...row, [key]: val } : row));
+        onChange(updated);
+    };
+    return (_jsxs("div", { className: "space-y-3", children: [rows.map((row, idx) => (_jsxs("div", { className: "border border-gray-200 rounded-md p-3 space-y-2 relative", children: [_jsx("button", { type: "button", onClick: () => removeRow(idx), className: "absolute top-2 right-2 text-red-400 hover:text-red-600 text-sm", children: "Remove" }), subFields.map((sf) => (_jsxs("div", { children: [_jsx("label", { htmlFor: `${field.name}-${idx}-${sf.name}`, className: "block text-xs font-medium text-gray-600", children: getFieldLabel(sf) }), _jsx(FieldInput, { field: sf, value: row[sf.name ?? ''], onChange: (v) => updateRow(idx, sf.name ?? '', v) })] }, sf.name)))] }, `${field.name}-row-${idx.toString()}`))), _jsx("button", { type: "button", onClick: addRow, className: "text-sm text-indigo-600 hover:text-indigo-800 font-medium", children: "+ Add item" })] }));
+}
+// ---------------------------------------------------------------------------
+// Group field: named group of sub-fields (single object, not repeatable)
+// ---------------------------------------------------------------------------
+function GroupFieldRenderer({ field, value, onChange, }) {
+    const data = (typeof value === 'object' && value !== null ? value : {});
+    const subFields = field.fields ?? [];
+    const handleChange = (key, val) => {
+        onChange({ ...data, [key]: val });
+    };
+    return (_jsx("div", { className: "border border-gray-200 rounded-md p-3 space-y-3", children: subFields.map((sf) => (_jsxs("div", { children: [_jsxs("label", { htmlFor: `${field.name}-${sf.name}`, className: "block text-xs font-medium text-gray-600", children: [getFieldLabel(sf), sf.required && _jsx("span", { className: "text-red-500 ml-1", children: "*" })] }), _jsx(FieldInput, { field: sf, value: data[sf.name ?? ''], onChange: (v) => handleChange(sf.name ?? '', v) })] }, sf.name))) }));
+}
+// ---------------------------------------------------------------------------
+// Blocks field: polymorphic list of typed blocks
+// ---------------------------------------------------------------------------
+function BlocksFieldRenderer({ field, value, onChange, }) {
+    const blocks = Array.isArray(value) ? value : [];
+    const blockTypes = field.blocks ??
+        [];
+    const addBlock = (slug) => {
+        onChange([...blocks, { blockType: slug }]);
+    };
+    const removeBlock = (idx) => onChange(blocks.filter((_, i) => i !== idx));
+    const updateBlock = (idx, key, val) => {
+        const updated = blocks.map((b, i) => (i === idx ? { ...b, [key]: val } : b));
+        onChange(updated);
+    };
+    return (_jsxs("div", { className: "space-y-3", children: [blocks.map((block, idx) => {
+                const blockDef = blockTypes.find((bt) => bt.slug === block.blockType);
+                return (_jsxs("div", { className: "border border-gray-200 rounded-md p-3 space-y-2 relative", children: [_jsxs("div", { className: "flex items-center justify-between mb-1", children: [_jsx("span", { className: "text-xs font-semibold text-gray-500 uppercase", children: String(block.blockType) }), _jsx("button", { type: "button", onClick: () => removeBlock(idx), className: "text-red-400 hover:text-red-600 text-sm", children: "Remove" })] }), (blockDef?.fields ?? []).map((sf) => (_jsxs("div", { children: [_jsx("label", { htmlFor: `${field.name}-${idx}-${sf.name}`, className: "block text-xs font-medium text-gray-600", children: getFieldLabel(sf) }), _jsx(FieldInput, { field: sf, value: block[sf.name ?? ''], onChange: (v) => updateBlock(idx, sf.name ?? '', v) })] }, sf.name)))] }, `${field.name}-block-${idx.toString()}`));
+            }), blockTypes.length > 0 && (_jsx("div", { className: "flex gap-2 flex-wrap", children: blockTypes.map((bt) => (_jsxs("button", { type: "button", onClick: () => addBlock(bt.slug), className: "text-sm text-indigo-600 hover:text-indigo-800 font-medium", children: ["+ ", bt.slug] }, bt.slug))) }))] }));
+}
+// ---------------------------------------------------------------------------
+// Collapsible field: expandable section of sub-fields
+// ---------------------------------------------------------------------------
+function CollapsibleFieldRenderer({ field, value, onChange, }) {
+    const [open, setOpen] = useState(true);
+    const data = (typeof value === 'object' && value !== null ? value : {});
+    const subFields = field.fields ?? [];
+    const handleChange = (key, val) => {
+        onChange({ ...data, [key]: val });
+    };
+    return (_jsxs("div", { className: "border border-gray-200 rounded-md", children: [_jsxs("button", { type: "button", onClick: () => setOpen(!open), className: "w-full text-left px-3 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 flex items-center justify-between", children: [getFieldLabel(field), _jsx("span", { className: "text-gray-400", children: open ? '\u25B2' : '\u25BC' })] }), open && (_jsx("div", { className: "px-3 pb-3 space-y-3", children: subFields.map((sf) => (_jsxs("div", { children: [_jsx("label", { htmlFor: `${field.name}-${sf.name}`, className: "block text-xs font-medium text-gray-600", children: getFieldLabel(sf) }), _jsx(FieldInput, { field: sf, value: data[sf.name ?? ''], onChange: (v) => handleChange(sf.name ?? '', v) })] }, sf.name))) }))] }));
+}
+// ---------------------------------------------------------------------------
+// JSON field: raw JSON editor with syntax-highlighted textarea
+// ---------------------------------------------------------------------------
+function JsonFieldRenderer({ field, value, onChange, }) {
+    const [error, setError] = useState(null);
+    const formatted = typeof value === 'string' ? value : value != null ? JSON.stringify(value, null, 2) : '';
+    const handleChange = useCallback((e) => {
+        const raw = e.target.value;
+        try {
+            const parsed = JSON.parse(raw);
+            setError(null);
+            onChange(parsed);
+        }
+        catch {
+            setError('Invalid JSON');
+            onChange(raw);
+        }
+    }, [onChange]);
+    return (_jsxs("div", { children: [_jsx("textarea", { id: field.name, value: formatted, onChange: handleChange, rows: 8, className: "mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm font-mono text-xs", spellCheck: false }), error && _jsx("p", { className: "mt-1 text-xs text-red-500", children: error })] }));
+}
+// ---------------------------------------------------------------------------
+// Point field: latitude/longitude pair
+// ---------------------------------------------------------------------------
+function PointFieldRenderer({ field, value, onChange, }) {
+    const point = (typeof value === 'object' && value !== null ? value : { lat: 0, lng: 0 });
+    const baseClasses = 'mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm';
+    return (_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: `${field.name}-lat`, className: "block text-xs font-medium text-gray-600", children: "Latitude" }), _jsx("input", { type: "number", id: `${field.name}-lat`, value: point.lat, onChange: (e) => onChange({ ...point, lat: Number(e.target.value) }), className: baseClasses, step: "any", min: -90, max: 90 })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: `${field.name}-lng`, className: "block text-xs font-medium text-gray-600", children: "Longitude" }), _jsx("input", { type: "number", id: `${field.name}-lng`, value: point.lng, onChange: (e) => onChange({ ...point, lng: Number(e.target.value) }), className: baseClasses, step: "any", min: -180, max: 180 })] })] }));
+}
+// ---------------------------------------------------------------------------
+// Main FieldInput — renders the appropriate control for each field type
+// ---------------------------------------------------------------------------
+function FieldInput({ field, value, onChange }) {
+    const baseClasses = 'mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm';
+    switch (field.type) {
+        case 'text':
+            return (_jsx("input", { type: "text", id: field.name, value: formatTextValue(value), onChange: (e) => onChange(e.target.value), className: baseClasses, required: field.required }));
+        case 'email':
+            return (_jsx("input", { type: "email", id: field.name, value: formatTextValue(value), onChange: (e) => onChange(e.target.value), className: baseClasses, required: field.required, placeholder: field.admin?.placeholder }));
+        case 'password':
+            return (_jsx("input", { type: "password", id: field.name, value: formatTextValue(value), onChange: (e) => onChange(e.target.value), className: baseClasses, required: field.required, autoComplete: "new-password" }));
+        case 'code':
+            return (_jsx("textarea", { id: field.name, value: formatTextValue(value), onChange: (e) => onChange(e.target.value), rows: 8, className: `${baseClasses} font-mono text-xs`, required: field.required, spellCheck: false }));
+        case 'textarea':
+            return (_jsx("textarea", { id: field.name, value: formatTextValue(value), onChange: (e) => onChange(e.target.value), rows: 4, className: baseClasses, required: field.required }));
+        case 'number':
+            return (_jsx("input", { type: "number", id: field.name, value: typeof value === 'number' ? value : value ? Number(value) : '', onChange: (e) => onChange(Number(e.target.value) || undefined), className: baseClasses, required: field.required, min: field.min, max: field.max }));
+        case 'checkbox':
+            return (_jsx("input", { type: "checkbox", id: field.name, checked: Boolean(value), onChange: (e) => onChange(e.target.checked), className: "h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded" }));
+        case 'select':
+            return (_jsxs("select", { id: field.name, value: formatTextValue(value), onChange: (e) => onChange(e.target.value), className: baseClasses, required: field.required, children: [_jsx("option", { value: "", children: "Select an option" }), field.options?.map((option) => {
+                        const optValue = typeof option === 'string' ? option : option.value;
+                        const optLabel = typeof option === 'string' ? option : option.label;
+                        return (_jsx("option", { value: optValue, children: optLabel }, optValue));
+                    })] }));
+        case 'radio':
+            return (_jsx("div", { className: "space-y-2 mt-1", children: field.options?.map((option) => {
+                    const optValue = typeof option === 'string' ? option : option.value;
+                    const optLabel = typeof option === 'string' ? option : option.label;
+                    return (_jsxs("label", { className: "flex items-center gap-2 text-sm text-gray-700 cursor-pointer", children: [_jsx("input", { type: "radio", name: field.name, value: optValue, checked: formatTextValue(value) === optValue, onChange: () => onChange(optValue), className: "h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300" }), optLabel] }, optValue));
+                }) }));
+        case 'relationship':
+            return (_jsxs("div", { children: [_jsx("input", { type: "text", id: field.name, value: formatTextValue(value), onChange: (e) => onChange(e.target.value), className: baseClasses, required: field.required, placeholder: `Enter ${field.relationTo ?? 'related'} ID` }), _jsxs("p", { className: "mt-1 text-xs text-gray-400", children: ["Related to: ", field.relationTo ?? 'unknown'] })] }));
+        case 'upload':
+            return (_jsxs("div", { children: [_jsx("input", { type: "file", id: field.name, onChange: (e) => {
+                            const file = e.target.files?.[0];
+                            if (file)
+                                onChange(file);
+                        }, className: "block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-medium file:bg-indigo-50 file:text-indigo-700 hover:file:bg-indigo-100" }), typeof value === 'string' && value !== '' && (_jsxs("p", { className: "mt-1 text-xs text-gray-500", children: ["Current: ", value] }))] }));
+        case 'date':
+            return (_jsx("input", { type: "datetime-local", id: field.name, value: formatDateInputValue(value), onChange: (e) => onChange(e.target.value ? new Date(e.target.value) : null), className: baseClasses, required: field.required }));
+        case 'richText': {
+            const editorConfig = field.editor;
+            return (_jsx(Suspense, { fallback: _jsx("div", { className: "border border-gray-300 rounded-md h-40 flex items-center justify-center text-sm text-gray-400", children: "Loading editor\u2026" }), children: _jsx(RichTextEditor, { namespace: String(field.name), editorConfig: editorConfig, initialValue: value, onSerializedChange: (json) => onChange(json), className: "border border-gray-300 rounded-md" }) }));
+        }
+        case 'array':
+            return _jsx(ArrayFieldRenderer, { field: field, value: value, onChange: onChange });
+        case 'group':
+            return _jsx(GroupFieldRenderer, { field: field, value: value, onChange: onChange });
+        case 'blocks':
+            return _jsx(BlocksFieldRenderer, { field: field, value: value, onChange: onChange });
+        case 'collapsible':
+            return _jsx(CollapsibleFieldRenderer, { field: field, value: value, onChange: onChange });
+        case 'json':
+            return _jsx(JsonFieldRenderer, { field: field, value: value, onChange: onChange });
+        case 'point':
+            return _jsx(PointFieldRenderer, { field: field, value: value, onChange: onChange });
+        case 'ui':
+            return (_jsxs("div", { className: "border border-dashed border-gray-300 rounded-md p-3 text-sm text-gray-400 text-center", children: ["Custom UI field: ", field.name] }));
+        default:
+            return (_jsx("input", { type: "text", id: field.name, value: formatTextValue(value), onChange: (e) => onChange(e.target.value), className: baseClasses, required: field.required }));
+    }
+}

package/dist/client/admin/components/GlobalForm.d.ts

@@ -0,0 +1,11 @@
+import type { RevealDocument, RevealGlobalConfig } from '../../../types/index.js';
+interface GlobalFormProps {
+    global: RevealGlobalConfig;
+    document?: RevealDocument;
+    onSave: (data: Record<string, unknown>) => void;
+    onCancel: () => void;
+    isLoading?: boolean;
+}
+export declare function GlobalForm({ global, document, onSave, onCancel, isLoading, }: GlobalFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GlobalForm.d.ts.map

package/dist/client/admin/components/GlobalForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalForm.d.ts","sourceRoot":"","sources":["../../../../src/client/admin/components/GlobalForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAiB,MAAM,yBAAyB,CAAC;AAsCjG,UAAU,eAAe;IACvB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAiB,GAClB,EAAE,eAAe,2CA4DjB"}

package/dist/client/admin/components/GlobalForm.js

@@ -0,0 +1,74 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+function getFieldLabel(field) {
+    const { label } = field;
+    if (typeof label === 'function') {
+        return label({ t: (key) => key });
+    }
+    if (typeof label === 'string') {
+        return label;
+    }
+    return typeof field.name === 'string' ? field.name : 'Field';
+}
+function formatTextValue(value) {
+    if (value === null || value === undefined)
+        return '';
+    if (typeof value === 'string')
+        return value;
+    if (typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint') {
+        return String(value);
+    }
+    if (typeof value === 'symbol')
+        return value.description ?? value.toString();
+    if (typeof value === 'function')
+        return value.name || 'function';
+    return JSON.stringify(value);
+}
+function formatDateInputValue(value) {
+    if (value instanceof Date) {
+        return value.toISOString().slice(0, 16);
+    }
+    if (typeof value === 'string' || typeof value === 'number') {
+        const parsed = new Date(value);
+        return Number.isNaN(parsed.getTime()) ? '' : parsed.toISOString().slice(0, 16);
+    }
+    return '';
+}
+export function GlobalForm({ global, document, onSave, onCancel, isLoading = false, }) {
+    const [formData, setFormData] = useState(document || {});
+    const visibleFields = global.fields.filter((field) => {
+        return field.admin?.position !== 'sidebar' && !field.admin?.hidden;
+    });
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        onSave(formData);
+    };
+    const handleFieldChange = (fieldName, value) => {
+        setFormData((prev) => ({ ...prev, [fieldName]: value }));
+    };
+    return (_jsx("div", { className: "bg-white shadow overflow-hidden sm:rounded-lg", children: _jsxs("div", { className: "px-4 py-5 sm:p-6", children: [_jsxs("h3", { className: "text-lg leading-6 font-medium text-gray-900 mb-4", children: ["Edit ", global.label || global.slug] }), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [visibleFields.map((field) => (_jsxs("div", { children: [_jsxs("label", { htmlFor: field.name, className: "block text-sm font-medium text-gray-700", children: [getFieldLabel(field), field.required && _jsx("span", { className: "text-red-500 ml-1", children: "*" })] }), _jsx("div", { className: "mt-1", children: _jsx(FieldInput, { field: field, value: field.name ? formData[field.name] : undefined, onChange: (value) => field.name && handleFieldChange(field.name, value) }) })] }, field.name || 'layout'))), _jsxs("div", { className: "flex justify-end space-x-3 pt-6", children: [_jsx("button", { type: "button", onClick: onCancel, className: "bg-white py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", children: "Cancel" }), _jsx("button", { type: "submit", disabled: isLoading, className: "inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed", children: isLoading ? 'Saving...' : 'Save' })] })] })] }) }));
+}
+function FieldInput({ field, value, onChange }) {
+    const baseClasses = 'mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm';
+    switch (field.type) {
+        case 'text':
+            return (_jsx("input", { type: "text", id: field.name, value: formatTextValue(value), onChange: (e) => onChange(e.target.value), className: baseClasses, required: field.required }));
+        case 'textarea':
+            return (_jsx("textarea", { id: field.name, value: formatTextValue(value), onChange: (e) => onChange(e.target.value), rows: 4, className: baseClasses, required: field.required }));
+        case 'number':
+            return (_jsx("input", { type: "number", id: field.name, value: typeof value === 'number' ? value : value ? Number(value) : '', onChange: (e) => onChange(Number(e.target.value) || undefined), className: baseClasses, required: field.required, min: field.min, max: field.max }));
+        case 'checkbox':
+            return (_jsx("input", { type: "checkbox", id: field.name, checked: Boolean(value), onChange: (e) => onChange(e.target.checked), className: "h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded" }));
+        case 'select':
+            return (_jsxs("select", { id: field.name, value: formatTextValue(value), onChange: (e) => onChange(e.target.value), className: baseClasses, required: field.required, children: [_jsx("option", { value: "", children: "Select an option" }), field.options?.map((option) => {
+                        const value = typeof option === 'string' ? option : option.value;
+                        const label = typeof option === 'string' ? option : option.label;
+                        return (_jsx("option", { value: value, children: label }, value));
+                    })] }));
+        case 'date':
+            return (_jsx("input", { type: "datetime-local", id: field.name, value: formatDateInputValue(value), onChange: (e) => onChange(e.target.value ? new Date(e.target.value) : null), className: baseClasses, required: field.required }));
+        default:
+            return (_jsx("input", { type: "text", id: field.name, value: formatTextValue(value), onChange: (e) => onChange(e.target.value), className: baseClasses, required: field.required }));
+    }
+}

package/dist/client/admin/context/ServerFunctionContext.d.ts

@@ -0,0 +1,8 @@
+type ServerFunction = (name: string, args: unknown) => Promise<unknown>;
+export declare function ServerFunctionProvider({ children, serverFunction, }: {
+    children: React.ReactNode;
+    serverFunction?: ServerFunction;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useServerFunction(): ServerFunction;
+export {};
+//# sourceMappingURL=ServerFunctionContext.d.ts.map

package/dist/client/admin/context/ServerFunctionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerFunctionContext.d.ts","sourceRoot":"","sources":["../../../../src/client/admin/context/ServerFunctionContext.tsx"],"names":[],"mappings":"AAIA,KAAK,cAAc,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;AAIxE,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,cAAc,GACf,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,2CAEA;AAED,wBAAgB,iBAAiB,IAAI,cAAc,CASlD"}

package/dist/client/admin/context/ServerFunctionContext.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const ServerFunctionContext = createContext(null);
+export function ServerFunctionProvider({ children, serverFunction, }) {
+    return _jsx(ServerFunctionContext, { value: serverFunction ?? null, children: children });
+}
+export function useServerFunction() {
+    const fn = useContext(ServerFunctionContext);
+    if (!fn) {
+        throw new Error('useServerFunction must be used within a ServerFunctionProvider. ' +
+            'Pass serverFunction prop to RootLayout.');
+    }
+    return fn;
+}

package/dist/client/admin/i18n/en.d.ts

@@ -0,0 +1,25 @@
+export declare const en: {
+    general: {
+        loading: string;
+        save: string;
+        cancel: string;
+        delete: string;
+        edit: string;
+        create: string;
+        back: string;
+    };
+    fields: {
+        enterURL: string;
+    };
+    authentication: {
+        logIn: string;
+        logOut: string;
+        email: string;
+        password: string;
+    };
+    validation: {
+        required: string;
+        email: string;
+    };
+};
+//# sourceMappingURL=en.d.ts.map

package/dist/client/admin/i18n/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/client/admin/i18n/en.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;CAuBd,CAAC"}

package/dist/client/admin/i18n/en.js

@@ -0,0 +1,25 @@
+// Basic English translations for RevealUI admin
+export const en = {
+    general: {
+        loading: 'Loading...',
+        save: 'Save',
+        cancel: 'Cancel',
+        delete: 'Delete',
+        edit: 'Edit',
+        create: 'Create',
+        back: 'Back',
+    },
+    fields: {
+        enterURL: 'Enter URL',
+    },
+    authentication: {
+        logIn: 'Log In',
+        logOut: 'Log Out',
+        email: 'Email',
+        password: 'Password',
+    },
+    validation: {
+        required: 'This field is required',
+        email: 'Please enter a valid email address',
+    },
+};

package/dist/client/admin/index.d.ts

@@ -0,0 +1,11 @@
+export { AdminDashboard } from './components/AdminDashboard.js';
+export { CollectionList } from './components/CollectionList.js';
+export { DocumentForm } from './components/DocumentForm.js';
+export { GlobalForm } from './components/GlobalForm.js';
+export { ServerFunctionProvider, useServerFunction, } from './context/ServerFunctionContext.js';
+export { en } from './i18n/en.js';
+export { RootLayout } from './layout.js';
+export { generatePageMetadata, NotFoundPage, RootPage } from './page.js';
+export * from './utils/index.js';
+export { serializeConfig } from './utils/serializeConfig.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/admin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/admin/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EACL,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACzE,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/client/admin/index.js

@@ -0,0 +1,11 @@
+// Re-export admin utilities
+export { AdminDashboard } from './components/AdminDashboard.js';
+export { CollectionList } from './components/CollectionList.js';
+export { DocumentForm } from './components/DocumentForm.js';
+export { GlobalForm } from './components/GlobalForm.js';
+export { ServerFunctionProvider, useServerFunction, } from './context/ServerFunctionContext.js';
+export { en } from './i18n/en.js';
+export { RootLayout } from './layout.js';
+export { generatePageMetadata, NotFoundPage, RootPage } from './page.js';
+export * from './utils/index.js';
+export { serializeConfig } from './utils/serializeConfig.js';

package/dist/client/admin/layout.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+import type { Config } from '../../types/index.js';
+export interface RootLayoutProps {
+    children: React.ReactNode;
+    config: Config;
+    importMap?: Record<string, unknown>;
+    serverFunction?: (name: string, args: unknown) => Promise<unknown>;
+}
+export declare function RootLayout({ children, serverFunction }: RootLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=layout.d.ts.map

package/dist/client/admin/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/client/admin/layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACpE;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,eAAe,2CAiBvE"}

package/dist/client/admin/layout.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// RevealUI Admin Layout - Local implementation
+import Head from 'next/head';
+import { ServerFunctionProvider } from './context/ServerFunctionContext.js';
+export function RootLayout({ children, serverFunction }) {
+    return (_jsxs("html", { lang: "en", children: [_jsxs(Head, { children: [_jsx("meta", { charSet: "utf-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), _jsx("title", { children: "RevealUI Admin" })] }), _jsx("body", { className: "antialiased", children: _jsx(ServerFunctionProvider, { serverFunction: serverFunction, children: _jsx("main", { id: "revealui-admin", className: "min-h-screen", children: children }) }) })] }));
+}

package/dist/client/admin/page.d.ts

@@ -0,0 +1,38 @@
+interface Metadata {
+    title?: string;
+    description?: string;
+    [key: string]: unknown;
+}
+export interface RootPageProps {
+    config: {
+        collections?: unknown[];
+        globals?: unknown[];
+        [key: string]: unknown;
+    };
+    params: Promise<{
+        segments?: string[];
+    }>;
+    searchParams: Promise<{
+        [key: string]: string | string[];
+    }>;
+    importMap?: Record<string, unknown>;
+}
+export interface NotFoundPageProps {
+    config: {
+        collections?: unknown[];
+        globals?: unknown[];
+        [key: string]: unknown;
+    };
+    params: Promise<{
+        segments?: string[];
+    }>;
+    searchParams: Promise<{
+        [key: string]: string | string[];
+    }>;
+    importMap?: Record<string, unknown>;
+}
+export declare function RootPage({ config }: RootPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function NotFoundPage(): import("react/jsx-runtime").JSX.Element;
+export declare function generatePageMetadata(): Metadata;
+export {};
+//# sourceMappingURL=page.d.ts.map

package/dist/client/admin/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/client/admin/page.tsx"],"names":[],"mappings":"AACA,UAAU,QAAQ;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE;QACN,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC;QACxB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;QACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAC;IACF,MAAM,EAAE,OAAO,CAAC;QAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;IACzC,YAAY,EAAE,OAAO,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE;QACN,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC;QACxB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;QACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAC;IACF,MAAM,EAAE,OAAO,CAAC;QAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;IACzC,YAAY,EAAE,OAAO,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACrC;AAED,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,2CAoKjD;AAED,wBAAgB,YAAY,4CAO3B;AAED,wBAAgB,oBAAoB,IAAI,QAAQ,CAK/C"}