@revealui/core 0.0.1-pre.4 → 0.2.1

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

@@ -0,0 +1,318 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { logger } from '@revealui/core/utils/logger';
+import { useEffect, useState } from 'react';
+import { APIError, APIErrorType, apiClient } from '../utils/index.js';
+import { CollectionList } from './CollectionList.js';
+import { DocumentForm } from './DocumentForm.js';
+import { GlobalForm } from './GlobalForm.js';
+export function AdminDashboard({ config }) {
+    const [currentView, setCurrentView] = useState({
+        type: 'dashboard',
+    });
+    const [collectionData, setCollectionData] = useState({
+        documents: [],
+        totalDocs: 0,
+        page: 1,
+        totalPages: 1,
+        loading: false,
+        error: null,
+    });
+    const [saving, setSaving] = useState(false);
+    const [deleting, setDeleting] = useState(null);
+    const [error, setError] = useState(null);
+    const [successMessage, setSuccessMessage] = useState(null);
+    const [globalData, setGlobalData] = useState({
+        document: null,
+        loading: false,
+        error: null,
+    });
+    const collections = config.collections || [];
+    const globals = config.globals || [];
+    // Auto-dismiss success messages
+    useEffect(() => {
+        if (successMessage) {
+            const timer = setTimeout(() => setSuccessMessage(null), 3000);
+            return () => clearTimeout(timer);
+        }
+        return;
+    }, [successMessage]);
+    // Auto-dismiss error messages
+    useEffect(() => {
+        if (error) {
+            const timer = setTimeout(() => setError(null), 5000);
+            return () => clearTimeout(timer);
+        }
+        return;
+    }, [error]);
+    const handleCollectionClick = async (collection) => {
+        setCurrentView({ type: 'collection', collection });
+        setError(null);
+        setSuccessMessage(null);
+        try {
+            // Show loading state
+            setCollectionData((prev) => ({ ...prev, loading: true, error: null }));
+            // Fetch first page of documents
+            const response = await apiClient.find({
+                collection: String(collection.slug),
+                page: 1,
+                limit: 10,
+            });
+            setCollectionData({
+                documents: response.docs || [],
+                totalDocs: response.totalDocs || 0,
+                page: response.page || 1,
+                totalPages: response.totalPages || 1,
+                loading: false,
+                error: null,
+            });
+        }
+        catch (err) {
+            // Handle error
+            const errorMessage = err instanceof APIError ? err.message : 'Failed to fetch collection data. Please try again.';
+            logger.error('Failed to fetch collection data', { error: err });
+            setCollectionData((prev) => ({
+                ...prev,
+                loading: false,
+                error: errorMessage,
+            }));
+            setError(errorMessage);
+            // Handle authentication errors
+            if (err instanceof APIError && err.type === APIErrorType.Authentication) {
+                // Redirect to login would be handled by the auth system
+                logger.warn('Authentication required');
+            }
+        }
+    };
+    const handleGlobalClick = async (global) => {
+        setCurrentView({ type: 'global', global });
+        setError(null);
+        setSuccessMessage(null);
+        try {
+            // Show loading state
+            setGlobalData({ document: null, loading: true, error: null });
+            // Fetch global data
+            const document = await apiClient.findGlobal({
+                slug: String(global.slug),
+                depth: 0,
+            });
+            setGlobalData({
+                document,
+                loading: false,
+                error: null,
+            });
+        }
+        catch (err) {
+            // Handle error
+            const errorMessage = err instanceof APIError ? err.message : 'Failed to fetch global data. Please try again.';
+            logger.error('Failed to fetch global data', { error: err });
+            setGlobalData({
+                document: null,
+                loading: false,
+                error: errorMessage,
+            });
+            setError(errorMessage);
+            // Handle authentication errors
+            if (err instanceof APIError && err.type === APIErrorType.Authentication) {
+                logger.warn('Authentication required');
+            }
+        }
+    };
+    const handleCreate = () => {
+        if (currentView.collection) {
+            setCurrentView({ type: 'edit', collection: currentView.collection });
+        }
+    };
+    const handleEdit = (document) => {
+        if (currentView.collection) {
+            setCurrentView({
+                type: 'edit',
+                collection: currentView.collection,
+                document,
+            });
+        }
+    };
+    const handleDelete = async (document) => {
+        if (!(currentView.collection && document.id))
+            return;
+        // Show confirmation dialog
+        const confirmed = window.confirm(`Are you sure you want to delete this ${String(currentView.collection.slug)}? This action cannot be undone.`);
+        if (!confirmed)
+            return;
+        try {
+            setDeleting(String(document.id));
+            setError(null);
+            setSuccessMessage(null);
+            await apiClient.delete({
+                collection: String(currentView.collection.slug),
+                id: String(document.id),
+            });
+            // Refresh collection list
+            if (currentView.collection) {
+                await handleCollectionClick(currentView.collection);
+            }
+            // Show success message
+            setSuccessMessage('Document deleted successfully');
+        }
+        catch (err) {
+            const errorMessage = err instanceof APIError ? err.message : 'Failed to delete document. Please try again.';
+            logger.error('Failed to delete document', { error: err });
+            setError(errorMessage);
+            // Handle authentication errors
+            if (err instanceof APIError && err.type === APIErrorType.Authentication) {
+                logger.warn('Authentication required');
+            }
+        }
+        finally {
+            setDeleting(null);
+        }
+    };
+    const handleSave = async (data) => {
+        if (!currentView.collection)
+            return;
+        try {
+            setSaving(true);
+            setError(null);
+            setSuccessMessage(null);
+            if (currentView.document?.id) {
+                // Update existing document
+                await apiClient.update({
+                    collection: String(currentView.collection.slug),
+                    id: String(currentView.document.id),
+                    data,
+                });
+                setSuccessMessage('Document updated successfully');
+            }
+            else {
+                // Auto-generate slug from title if the collection has a slug field but none was
+                // submitted. Server-side beforeValidate field hooks may not run for all routes,
+                // so we replicate the slug-generation logic here as a reliable client-side fallback.
+                const hasSlugField = currentView.collection.fields.some((f) => 'name' in f && f.name === 'slug');
+                const submitData = hasSlugField && !data.slug && typeof data.title === 'string'
+                    ? {
+                        ...data,
+                        slug: data.title
+                            .replace(/ /g, '-')
+                            .replace(/[^\w-]+/g, '')
+                            .toLowerCase(),
+                    }
+                    : data;
+                // Create new document
+                await apiClient.create({
+                    collection: String(currentView.collection.slug),
+                    data: submitData,
+                });
+                setSuccessMessage('Document created successfully');
+            }
+            // Refresh collection list
+            if (currentView.collection) {
+                await handleCollectionClick(currentView.collection);
+            }
+            // Navigate back to collection view
+            setCurrentView({
+                type: 'collection',
+                collection: currentView.collection,
+            });
+        }
+        catch (err) {
+            const errorMessage = err instanceof APIError ? err.message : 'Failed to save document. Please try again.';
+            logger.error('Failed to save document', { error: err });
+            setError(errorMessage);
+            // Handle validation errors
+            if (err instanceof APIError && err.type === APIErrorType.Validation) {
+                // Validation errors are already in the error message
+                logger.warn('Validation error', {
+                    field: err.field,
+                    message: err.message,
+                });
+            }
+            // Handle authentication errors
+            if (err instanceof APIError && err.type === APIErrorType.Authentication) {
+                logger.warn('Authentication required');
+            }
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const handleSaveGlobal = async (data) => {
+        if (!currentView.global)
+            return;
+        try {
+            setSaving(true);
+            setError(null);
+            setSuccessMessage(null);
+            // Update global
+            await apiClient.updateGlobal({
+                slug: String(currentView.global.slug),
+                data,
+            });
+            setSuccessMessage('Global updated successfully');
+            // Navigate back to dashboard
+            setCurrentView({ type: 'dashboard' });
+        }
+        catch (err) {
+            const errorMessage = err instanceof APIError ? err.message : 'Failed to save global. Please try again.';
+            logger.error('Failed to save global', { error: err });
+            setError(errorMessage);
+            // Handle validation errors
+            if (err instanceof APIError && err.type === APIErrorType.Validation) {
+                logger.warn('Validation error', {
+                    field: err.field,
+                    message: err.message,
+                });
+            }
+            // Handle authentication errors
+            if (err instanceof APIError && err.type === APIErrorType.Authentication) {
+                logger.warn('Authentication required');
+            }
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const handleCancel = () => {
+        setCurrentView({ type: 'dashboard' });
+    };
+    const handlePageChange = async (page) => {
+        if (!currentView.collection)
+            return;
+        try {
+            setCollectionData((prev) => ({ ...prev, loading: true, error: null }));
+            const response = await apiClient.find({
+                collection: String(currentView.collection.slug),
+                page,
+                limit: 10,
+            });
+            setCollectionData({
+                documents: response.docs || [],
+                totalDocs: response.totalDocs || 0,
+                page: response.page || 1,
+                totalPages: response.totalPages || 1,
+                loading: false,
+                error: null,
+            });
+        }
+        catch (err) {
+            const errorMessage = err instanceof APIError ? err.message : 'Failed to fetch page. Please try again.';
+            logger.error('Failed to fetch page', { error: err });
+            setCollectionData((prev) => ({
+                ...prev,
+                loading: false,
+                error: errorMessage,
+            }));
+            setError(errorMessage);
+        }
+    };
+    if (currentView.type === 'collection' && currentView.collection) {
+        return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsx("header", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsx("div", { className: "flex justify-between items-center py-4", children: _jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("button", { type: "button", onClick: () => setCurrentView({ type: 'dashboard' }), className: "text-gray-400 hover:text-gray-600", children: "\u2190 Back to Dashboard" }), _jsx("h1", { className: "text-2xl font-bold text-gray-900 capitalize", children: String(currentView.collection.slug) })] }) }) }) }), _jsxs("main", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", children: [error && (_jsxs("div", { className: "mb-4 bg-red-50 border border-red-200 text-red-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Error" }), _jsx("p", { className: "text-sm", children: error })] })), successMessage && (_jsxs("div", { className: "mb-4 bg-green-50 border border-green-200 text-green-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Success" }), _jsx("p", { className: "text-sm", children: successMessage })] })), collectionData.loading && (_jsxs("div", { className: "mb-4 text-center py-8", children: [_jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), _jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading..." })] })), _jsx(CollectionList, { collection: currentView.collection, documents: collectionData.documents, totalDocs: collectionData.totalDocs, page: collectionData.page, totalPages: collectionData.totalPages, onCreate: handleCreate, onEdit: handleEdit, onDelete: (document) => void handleDelete(document), onPageChange: (nextPage) => void handlePageChange(nextPage), deleting: deleting })] })] }));
+    }
+    if (currentView.type === 'edit' && currentView.collection) {
+        return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsx("header", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsx("div", { className: "flex justify-between items-center py-4", children: _jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("button", { type: "button", onClick: () => setCurrentView({ type: 'dashboard' }), className: "text-gray-400 hover:text-gray-600", children: "\u2190 Back to Dashboard" }), _jsxs("h1", { className: "text-2xl font-bold text-gray-900 capitalize", children: [currentView.document ? 'Edit' : 'Create', ' ', String(currentView.collection.slug).slice(0, -1)] })] }) }) }) }), _jsx("main", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", children: _jsxs("div", { className: "max-w-3xl", children: [error && (_jsxs("div", { className: "mb-4 bg-red-50 border border-red-200 text-red-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Error" }), _jsx("p", { className: "text-sm", children: error })] })), successMessage && (_jsxs("div", { className: "mb-4 bg-green-50 border border-green-200 text-green-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Success" }), _jsx("p", { className: "text-sm", children: successMessage })] })), _jsx(DocumentForm, { collection: currentView.collection, document: currentView.document, onSave: (data) => void handleSave(data), onCancel: handleCancel, isLoading: saving })] }) })] }));
+    }
+    if (currentView.type === 'global' && currentView.global) {
+        return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsx("header", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsx("div", { className: "flex justify-between items-center py-4", children: _jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("button", { type: "button", onClick: () => setCurrentView({ type: 'dashboard' }), className: "text-gray-400 hover:text-gray-600", children: "\u2190 Back to Dashboard" }), _jsx("h1", { className: "text-2xl font-bold text-gray-900 capitalize", children: currentView.global.label || String(currentView.global.slug) })] }) }) }) }), _jsx("main", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", children: _jsxs("div", { className: "max-w-3xl", children: [error && (_jsxs("div", { className: "mb-4 bg-red-50 border border-red-200 text-red-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Error" }), _jsx("p", { className: "text-sm", children: error })] })), successMessage && (_jsxs("div", { className: "mb-4 bg-green-50 border border-green-200 text-green-800 px-4 py-3 rounded", children: [_jsx("p", { className: "font-medium", children: "Success" }), _jsx("p", { className: "text-sm", children: successMessage })] })), globalData.loading && (_jsxs("div", { className: "mb-4 text-center py-8", children: [_jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), _jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading..." })] })), !globalData.loading && globalData.document && (_jsx(GlobalForm, { global: currentView.global, document: globalData.document, onSave: (data) => void handleSaveGlobal(data), onCancel: handleCancel, isLoading: saving }))] }) })] }));
+    }
+    // Dashboard view
+    return (_jsxs("div", { className: "min-h-screen bg-gray-50", children: [_jsx("header", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsxs("div", { className: "flex justify-between items-center py-4", children: [_jsx("div", { className: "flex items-center", children: _jsx("h1", { className: "text-2xl font-bold text-gray-900", children: "RevealUI Admin" }) }), _jsx("div", { className: "flex items-center space-x-4", children: _jsx("span", { className: "text-sm text-gray-500", children: "v0.1.0" }) })] }) }) }), _jsx("main", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", children: _jsx("div", { className: "px-4 py-6 sm:px-0", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3", children: [_jsxs("div", { className: "bg-white overflow-hidden shadow rounded-lg", children: [_jsx("div", { className: "p-5", children: _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex-shrink-0", children: _jsxs("svg", { className: "h-8 w-8 text-gray-400", "aria-label": "Collections", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", role: "img", children: [_jsx("title", { children: "Collections" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" })] }) }), _jsx("div", { className: "ml-5 w-0 flex-1", children: _jsxs("dl", { children: [_jsx("dt", { className: "text-sm font-medium text-gray-500 truncate", children: "Collections" }), _jsx("dd", { className: "text-lg font-medium text-gray-900", children: collections.length })] }) })] }) }), _jsx("div", { className: "bg-gray-50 px-5 py-3", children: _jsx("div", { className: "text-sm", children: collections.length > 0 ? (_jsx("ul", { className: "space-y-1 max-h-48 overflow-y-auto", children: collections.map((collection) => (_jsx("li", { className: "text-gray-600 hover:text-gray-900", children: _jsx("button", { type: "button", onClick: () => void handleCollectionClick(collection), className: "hover:underline cursor-pointer", children: String(collection.slug) }) }, String(collection.slug)))) })) : (_jsx("p", { className: "text-gray-500", children: "No collections configured" })) }) })] }), _jsxs("div", { className: "bg-white overflow-hidden shadow rounded-lg", children: [_jsx("div", { className: "p-5", children: _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex-shrink-0", children: _jsxs("svg", { className: "h-8 w-8 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-labelledby": "globals-icon-title", role: "img", children: [_jsx("title", { id: "globals-icon-title", children: "Globals" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 100 4m0-4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 100 4m0-4v2m0-6V4" })] }) }), _jsx("div", { className: "ml-5 w-0 flex-1", children: _jsxs("dl", { children: [_jsx("dt", { className: "text-sm font-medium text-gray-500 truncate", children: "Globals" }), _jsx("dd", { className: "text-lg font-medium text-gray-900", children: globals.length })] }) })] }) }), _jsx("div", { className: "bg-gray-50 px-5 py-3", children: _jsx("div", { className: "text-sm", children: globals.length > 0 ? (_jsx("ul", { className: "space-y-1 max-h-32 overflow-y-auto", children: globals.map((global) => (_jsx("li", { className: "text-gray-600 hover:text-gray-900", children: _jsx("button", { type: "button", onClick: () => void handleGlobalClick(global), className: "hover:underline cursor-pointer", children: global.label || String(global.slug) }) }, String(global.slug)))) })) : (_jsx("p", { className: "text-gray-500", children: "No globals configured" })) }) })] }), _jsxs("div", { className: "bg-white overflow-hidden shadow rounded-lg", children: [_jsx("div", { className: "p-5", children: _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "h-8 w-8 bg-green-100 rounded-full flex items-center justify-center", children: _jsxs("svg", { className: "h-5 w-5 text-green-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-labelledby": "system-status-icon-title", role: "img", children: [_jsx("title", { id: "system-status-icon-title", children: "System Status: Healthy" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" })] }) }) }), _jsx("div", { className: "ml-5 w-0 flex-1", children: _jsxs("dl", { children: [_jsx("dt", { className: "text-sm font-medium text-gray-500 truncate", children: "System Status" }), _jsx("dd", { className: "text-lg font-medium text-gray-900", children: "Healthy" })] }) })] }) }), _jsx("div", { className: "bg-gray-50 px-5 py-3", children: _jsx("div", { className: "text-sm text-gray-600", children: "RevealUI CMS is running successfully" }) })] })] }) }) })] }));
+}

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

@@ -0,0 +1,16 @@
+import type { RevealCollectionConfig, RevealDocument } from '../../../types/index.js';
+interface CollectionListProps {
+    collection: RevealCollectionConfig;
+    documents: RevealDocument[];
+    totalDocs: number;
+    page: number;
+    totalPages: number;
+    onCreate: () => void;
+    onEdit: (doc: RevealDocument) => void;
+    onDelete: (doc: RevealDocument) => void;
+    onPageChange: (page: number) => void;
+    deleting?: string | null;
+}
+export declare function CollectionList({ collection, documents, totalDocs, page, totalPages, onCreate, onEdit, onDelete, onPageChange, deleting, }: CollectionListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CollectionList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionList.d.ts","sourceRoot":"","sources":["../../../../src/client/admin/components/CollectionList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAiB,MAAM,yBAAyB,CAAA;AAoCpG,UAAU,mBAAmB;IAC3B,UAAU,EAAE,sBAAsB,CAAA;IAClC,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAA;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACzB;AAED,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,SAAS,EACT,SAAS,EACT,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,QAAQ,GACT,EAAE,mBAAmB,2CAqKrB"}

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,EAAE,sBAAsB,EAAE,cAAc,EAAiB,MAAM,yBAAyB,CAAA;AA4DpG,UAAU,iBAAiB;IACzB,UAAU,EAAE,sBAAsB,CAAA;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;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,99 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { RichTextEditor } from '../../richtext/RichTextEditor.js';
+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' })] })] })] }) }));
+}
+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 }));
+        case 'richText': {
+            const editorConfig = field.editor;
+            return (_jsx(RichTextEditor, { namespace: String(field.name), editorConfig: editorConfig, initialValue: value, onSerializedChange: (json) => onChange(json), className: "border border-gray-300 rounded-md" }));
+        }
+        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,CAAA;AAsChG,UAAU,eAAe;IACvB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;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 }));
+    }
+}