@actuate-media/cms-admin 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AdminRoot.d.ts +21 -0
- package/dist/AdminRoot.d.ts.map +1 -0
- package/dist/AdminRoot.js +136 -0
- package/dist/AdminRoot.js.map +1 -0
- package/dist/components/Breadcrumbs.d.ts +6 -0
- package/dist/components/Breadcrumbs.d.ts.map +1 -0
- package/dist/components/Breadcrumbs.js +52 -0
- package/dist/components/Breadcrumbs.js.map +1 -0
- package/dist/components/CommandPalette.d.ts +7 -0
- package/dist/components/CommandPalette.d.ts.map +1 -0
- package/dist/components/CommandPalette.js +152 -0
- package/dist/components/CommandPalette.js.map +1 -0
- package/dist/components/ErrorBoundary.d.ts +17 -0
- package/dist/components/ErrorBoundary.d.ts.map +1 -0
- package/dist/components/ErrorBoundary.js +24 -0
- package/dist/components/ErrorBoundary.js.map +1 -0
- package/dist/components/FocalPointPicker.d.ts +9 -0
- package/dist/components/FocalPointPicker.d.ts.map +1 -0
- package/dist/components/FocalPointPicker.js +19 -0
- package/dist/components/FocalPointPicker.js.map +1 -0
- package/dist/components/FolderTree.d.ts +28 -0
- package/dist/components/FolderTree.d.ts.map +1 -0
- package/dist/components/FolderTree.js +198 -0
- package/dist/components/FolderTree.js.map +1 -0
- package/dist/components/LivePreview.d.ts +10 -0
- package/dist/components/LivePreview.d.ts.map +1 -0
- package/dist/components/LivePreview.js +62 -0
- package/dist/components/LivePreview.js.map +1 -0
- package/dist/components/LocaleProvider.d.ts +28 -0
- package/dist/components/LocaleProvider.d.ts.map +1 -0
- package/dist/components/LocaleProvider.js +29 -0
- package/dist/components/LocaleProvider.js.map +1 -0
- package/dist/components/LocaleSwitcher.d.ts +2 -0
- package/dist/components/LocaleSwitcher.d.ts.map +1 -0
- package/dist/components/LocaleSwitcher.js +13 -0
- package/dist/components/LocaleSwitcher.js.map +1 -0
- package/dist/components/MediaPickerModal.d.ts +8 -0
- package/dist/components/MediaPickerModal.d.ts.map +1 -0
- package/dist/components/MediaPickerModal.js +53 -0
- package/dist/components/MediaPickerModal.js.map +1 -0
- package/dist/components/PresenceIndicator.d.ts +7 -0
- package/dist/components/PresenceIndicator.d.ts.map +1 -0
- package/dist/components/PresenceIndicator.js +37 -0
- package/dist/components/PresenceIndicator.js.map +1 -0
- package/dist/components/SEOPanel.d.ts +26 -0
- package/dist/components/SEOPanel.d.ts.map +1 -0
- package/dist/components/SEOPanel.js +249 -0
- package/dist/components/SEOPanel.js.map +1 -0
- package/dist/components/ThemeProvider.d.ts +13 -0
- package/dist/components/ThemeProvider.d.ts.map +1 -0
- package/dist/components/ThemeProvider.js +62 -0
- package/dist/components/ThemeProvider.js.map +1 -0
- package/dist/components/TipTapEditor.d.ts +9 -0
- package/dist/components/TipTapEditor.d.ts.map +1 -0
- package/dist/components/TipTapEditor.js +167 -0
- package/dist/components/TipTapEditor.js.map +1 -0
- package/dist/components/VersionHistory.d.ts +9 -0
- package/dist/components/VersionHistory.d.ts.map +1 -0
- package/dist/components/VersionHistory.js +70 -0
- package/dist/components/VersionHistory.js.map +1 -0
- package/dist/components/ui/Avatar.d.ts +9 -0
- package/dist/components/ui/Avatar.d.ts.map +1 -0
- package/dist/components/ui/Avatar.js +21 -0
- package/dist/components/ui/Avatar.js.map +1 -0
- package/dist/components/ui/Badge.d.ts +5 -0
- package/dist/components/ui/Badge.d.ts.map +1 -0
- package/dist/components/ui/Badge.js +17 -0
- package/dist/components/ui/Badge.js.map +1 -0
- package/dist/components/ui/Button.d.ts +12 -0
- package/dist/components/ui/Button.d.ts.map +1 -0
- package/dist/components/ui/Button.js +17 -0
- package/dist/components/ui/Button.js.map +1 -0
- package/dist/components/ui/CommandPalette.d.ts +14 -0
- package/dist/components/ui/CommandPalette.d.ts.map +1 -0
- package/dist/components/ui/CommandPalette.js +52 -0
- package/dist/components/ui/CommandPalette.js.map +1 -0
- package/dist/components/ui/ConfirmDialog.d.ts +12 -0
- package/dist/components/ui/ConfirmDialog.d.ts.map +1 -0
- package/dist/components/ui/ConfirmDialog.js +11 -0
- package/dist/components/ui/ConfirmDialog.js.map +1 -0
- package/dist/components/ui/DataTable.d.ts +30 -0
- package/dist/components/ui/DataTable.d.ts.map +1 -0
- package/dist/components/ui/DataTable.js +40 -0
- package/dist/components/ui/DataTable.js.map +1 -0
- package/dist/components/ui/EmptyState.d.ts +10 -0
- package/dist/components/ui/EmptyState.d.ts.map +1 -0
- package/dist/components/ui/EmptyState.js +6 -0
- package/dist/components/ui/EmptyState.js.map +1 -0
- package/dist/components/ui/Modal.d.ts +10 -0
- package/dist/components/ui/Modal.d.ts.map +1 -0
- package/dist/components/ui/Modal.js +19 -0
- package/dist/components/ui/Modal.js.map +1 -0
- package/dist/components/ui/Pagination.d.ts +9 -0
- package/dist/components/ui/Pagination.d.ts.map +1 -0
- package/dist/components/ui/Pagination.js +21 -0
- package/dist/components/ui/Pagination.js.map +1 -0
- package/dist/components/ui/SearchInput.d.ts +7 -0
- package/dist/components/ui/SearchInput.d.ts.map +1 -0
- package/dist/components/ui/SearchInput.js +6 -0
- package/dist/components/ui/SearchInput.js.map +1 -0
- package/dist/components/ui/Skeleton.d.ts +9 -0
- package/dist/components/ui/Skeleton.d.ts.map +1 -0
- package/dist/components/ui/Skeleton.js +11 -0
- package/dist/components/ui/Skeleton.js.map +1 -0
- package/dist/components/ui/Toast.d.ts +18 -0
- package/dist/components/ui/Toast.d.ts.map +1 -0
- package/dist/components/ui/Toast.js +29 -0
- package/dist/components/ui/Toast.js.map +1 -0
- package/dist/components/ui/index.d.ts +25 -0
- package/dist/components/ui/index.d.ts.map +1 -0
- package/dist/components/ui/index.js +13 -0
- package/dist/components/ui/index.js.map +1 -0
- package/dist/fields/ArrayField.d.ts +9 -0
- package/dist/fields/ArrayField.d.ts.map +1 -0
- package/dist/fields/ArrayField.js +21 -0
- package/dist/fields/ArrayField.js.map +1 -0
- package/dist/fields/BlockBuilderField.d.ts +16 -0
- package/dist/fields/BlockBuilderField.d.ts.map +1 -0
- package/dist/fields/BlockBuilderField.js +110 -0
- package/dist/fields/BlockBuilderField.js.map +1 -0
- package/dist/fields/DateField.d.ts +9 -0
- package/dist/fields/DateField.d.ts.map +1 -0
- package/dist/fields/DateField.js +6 -0
- package/dist/fields/DateField.js.map +1 -0
- package/dist/fields/FieldRenderer.d.ts +22 -0
- package/dist/fields/FieldRenderer.d.ts.map +1 -0
- package/dist/fields/FieldRenderer.js +38 -0
- package/dist/fields/FieldRenderer.js.map +1 -0
- package/dist/fields/GroupField.d.ts +8 -0
- package/dist/fields/GroupField.d.ts.map +1 -0
- package/dist/fields/GroupField.js +8 -0
- package/dist/fields/GroupField.js.map +1 -0
- package/dist/fields/MediaField.d.ts +13 -0
- package/dist/fields/MediaField.d.ts.map +1 -0
- package/dist/fields/MediaField.js +6 -0
- package/dist/fields/MediaField.js.map +1 -0
- package/dist/fields/NavBuilderField.d.ts +15 -0
- package/dist/fields/NavBuilderField.d.ts.map +1 -0
- package/dist/fields/NavBuilderField.js +19 -0
- package/dist/fields/NavBuilderField.js.map +1 -0
- package/dist/fields/NumberField.d.ts +12 -0
- package/dist/fields/NumberField.d.ts.map +1 -0
- package/dist/fields/NumberField.js +6 -0
- package/dist/fields/NumberField.js.map +1 -0
- package/dist/fields/RelationshipField.d.ts +13 -0
- package/dist/fields/RelationshipField.d.ts.map +1 -0
- package/dist/fields/RelationshipField.js +119 -0
- package/dist/fields/RelationshipField.js.map +1 -0
- package/dist/fields/RichTextField.d.ts +9 -0
- package/dist/fields/RichTextField.d.ts.map +1 -0
- package/dist/fields/RichTextField.js +7 -0
- package/dist/fields/RichTextField.js.map +1 -0
- package/dist/fields/SelectField.d.ts +11 -0
- package/dist/fields/SelectField.d.ts.map +1 -0
- package/dist/fields/SelectField.js +31 -0
- package/dist/fields/SelectField.js.map +1 -0
- package/dist/fields/SlugField.d.ts +10 -0
- package/dist/fields/SlugField.d.ts.map +1 -0
- package/dist/fields/SlugField.js +15 -0
- package/dist/fields/SlugField.js.map +1 -0
- package/dist/fields/TextField.d.ts +11 -0
- package/dist/fields/TextField.d.ts.map +1 -0
- package/dist/fields/TextField.js +8 -0
- package/dist/fields/TextField.js.map +1 -0
- package/dist/fields/ToggleField.d.ts +8 -0
- package/dist/fields/ToggleField.d.ts.map +1 -0
- package/dist/fields/ToggleField.js +6 -0
- package/dist/fields/ToggleField.js.map +1 -0
- package/dist/fields/block-types.d.ts +18 -0
- package/dist/fields/block-types.d.ts.map +1 -0
- package/dist/fields/block-types.js +88 -0
- package/dist/fields/block-types.js.map +1 -0
- package/dist/fields/index.d.ts +18 -0
- package/dist/fields/index.d.ts.map +1 -0
- package/dist/fields/index.js +16 -0
- package/dist/fields/index.js.map +1 -0
- package/dist/hooks/useContentLock.d.ts +12 -0
- package/dist/hooks/useContentLock.d.ts.map +1 -0
- package/dist/hooks/useContentLock.js +38 -0
- package/dist/hooks/useContentLock.js.map +1 -0
- package/dist/hooks/useDebounce.d.ts +2 -0
- package/dist/hooks/useDebounce.d.ts.map +1 -0
- package/dist/hooks/useDebounce.js +11 -0
- package/dist/hooks/useDebounce.js.map +1 -0
- package/dist/hooks/useKeyboardShortcuts.d.ts +6 -0
- package/dist/hooks/useKeyboardShortcuts.d.ts.map +1 -0
- package/dist/hooks/useKeyboardShortcuts.js +26 -0
- package/dist/hooks/useKeyboardShortcuts.js.map +1 -0
- package/dist/index.d.ts +52 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +39 -0
- package/dist/index.js.map +1 -0
- package/dist/layout/Header.d.ts +7 -0
- package/dist/layout/Header.d.ts.map +1 -0
- package/dist/layout/Header.js +18 -0
- package/dist/layout/Header.js.map +1 -0
- package/dist/layout/Layout.d.ts +10 -0
- package/dist/layout/Layout.d.ts.map +1 -0
- package/dist/layout/Layout.js +25 -0
- package/dist/layout/Layout.js.map +1 -0
- package/dist/layout/Sidebar.d.ts +9 -0
- package/dist/layout/Sidebar.d.ts.map +1 -0
- package/dist/layout/Sidebar.js +63 -0
- package/dist/layout/Sidebar.js.map +1 -0
- package/dist/lib/api.d.ts +8 -0
- package/dist/lib/api.d.ts.map +1 -0
- package/dist/lib/api.js +59 -0
- package/dist/lib/api.js.map +1 -0
- package/dist/lib/search.d.ts +11 -0
- package/dist/lib/search.d.ts.map +1 -0
- package/dist/lib/search.js +46 -0
- package/dist/lib/search.js.map +1 -0
- package/dist/lib/useApiData.d.ts +8 -0
- package/dist/lib/useApiData.d.ts.map +1 -0
- package/dist/lib/useApiData.js +36 -0
- package/dist/lib/useApiData.js.map +1 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +6 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/router/index.d.ts +10 -0
- package/dist/router/index.d.ts.map +1 -0
- package/dist/router/index.js +61 -0
- package/dist/router/index.js.map +1 -0
- package/dist/views/CollectionList.d.ts +7 -0
- package/dist/views/CollectionList.d.ts.map +1 -0
- package/dist/views/CollectionList.js +107 -0
- package/dist/views/CollectionList.js.map +1 -0
- package/dist/views/Dashboard.d.ts +5 -0
- package/dist/views/Dashboard.d.ts.map +1 -0
- package/dist/views/Dashboard.js +17 -0
- package/dist/views/Dashboard.js.map +1 -0
- package/dist/views/DocumentEdit.d.ts +8 -0
- package/dist/views/DocumentEdit.d.ts.map +1 -0
- package/dist/views/DocumentEdit.js +210 -0
- package/dist/views/DocumentEdit.js.map +1 -0
- package/dist/views/FormEditor.d.ts +6 -0
- package/dist/views/FormEditor.d.ts.map +1 -0
- package/dist/views/FormEditor.js +126 -0
- package/dist/views/FormEditor.js.map +1 -0
- package/dist/views/FormSubmissions.d.ts +6 -0
- package/dist/views/FormSubmissions.d.ts.map +1 -0
- package/dist/views/FormSubmissions.js +88 -0
- package/dist/views/FormSubmissions.js.map +1 -0
- package/dist/views/Forms.d.ts +5 -0
- package/dist/views/Forms.d.ts.map +1 -0
- package/dist/views/Forms.js +24 -0
- package/dist/views/Forms.js.map +1 -0
- package/dist/views/Login.d.ts +10 -0
- package/dist/views/Login.d.ts.map +1 -0
- package/dist/views/Login.js +83 -0
- package/dist/views/Login.js.map +1 -0
- package/dist/views/MediaBrowser.d.ts +5 -0
- package/dist/views/MediaBrowser.d.ts.map +1 -0
- package/dist/views/MediaBrowser.js +245 -0
- package/dist/views/MediaBrowser.js.map +1 -0
- package/dist/views/PageEditor.d.ts +6 -0
- package/dist/views/PageEditor.d.ts.map +1 -0
- package/dist/views/PageEditor.js +74 -0
- package/dist/views/PageEditor.js.map +1 -0
- package/dist/views/Pages.d.ts +5 -0
- package/dist/views/Pages.d.ts.map +1 -0
- package/dist/views/Pages.js +127 -0
- package/dist/views/Pages.js.map +1 -0
- package/dist/views/PostEditor.d.ts +6 -0
- package/dist/views/PostEditor.d.ts.map +1 -0
- package/dist/views/PostEditor.js +79 -0
- package/dist/views/PostEditor.js.map +1 -0
- package/dist/views/Posts.d.ts +5 -0
- package/dist/views/Posts.d.ts.map +1 -0
- package/dist/views/Posts.js +67 -0
- package/dist/views/Posts.js.map +1 -0
- package/dist/views/Redirects.d.ts +5 -0
- package/dist/views/Redirects.d.ts.map +1 -0
- package/dist/views/Redirects.js +79 -0
- package/dist/views/Redirects.js.map +1 -0
- package/dist/views/SEO.d.ts +6 -0
- package/dist/views/SEO.d.ts.map +1 -0
- package/dist/views/SEO.js +120 -0
- package/dist/views/SEO.js.map +1 -0
- package/dist/views/Settings.d.ts +5 -0
- package/dist/views/Settings.d.ts.map +1 -0
- package/dist/views/Settings.js +95 -0
- package/dist/views/Settings.js.map +1 -0
- package/dist/views/SetupWizard.d.ts +13 -0
- package/dist/views/SetupWizard.d.ts.map +1 -0
- package/dist/views/SetupWizard.js +68 -0
- package/dist/views/SetupWizard.js.map +1 -0
- package/dist/views/Users.d.ts +5 -0
- package/dist/views/Users.d.ts.map +1 -0
- package/dist/views/Users.js +69 -0
- package/dist/views/Users.js.map +1 -0
- package/package.json +71 -0
- package/src/styles/tailwind.css +2 -0
- package/src/styles/theme.css +175 -0
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { ChevronRight, ChevronDown, FolderOpen, Folder as FolderIcon, Plus, MoreHorizontal, Pencil, Trash2, FolderPlus, Clock, Inbox, LayoutGrid, Loader2, } from 'lucide-react';
|
|
4
|
+
import { useState, useEffect, useCallback, useRef } from 'react';
|
|
5
|
+
import { toast } from 'sonner';
|
|
6
|
+
import { cmsApi } from '../lib/api';
|
|
7
|
+
export function FolderTree({ scope, selected, onSelect, itemCounts, totalCount, recentCount, uncategorizedCount, onDropItem, }) {
|
|
8
|
+
const [folders, setFolders] = useState([]);
|
|
9
|
+
const [loading, setLoading] = useState(true);
|
|
10
|
+
const [expanded, setExpanded] = useState(new Set());
|
|
11
|
+
const [editingId, setEditingId] = useState(null);
|
|
12
|
+
const [editName, setEditName] = useState('');
|
|
13
|
+
const [contextMenu, setContextMenu] = useState(null);
|
|
14
|
+
const [creatingIn, setCreatingIn] = useState(false);
|
|
15
|
+
const [newFolderName, setNewFolderName] = useState('');
|
|
16
|
+
const newFolderInputRef = useRef(null);
|
|
17
|
+
const editInputRef = useRef(null);
|
|
18
|
+
const [dragOverId, setDragOverId] = useState(null);
|
|
19
|
+
const fetchFolders = useCallback(async () => {
|
|
20
|
+
const res = await cmsApi(`/folders?scope=${scope}`);
|
|
21
|
+
if (res.data)
|
|
22
|
+
setFolders(res.data);
|
|
23
|
+
setLoading(false);
|
|
24
|
+
}, [scope]);
|
|
25
|
+
useEffect(() => { fetchFolders(); }, [fetchFolders]);
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
if (creatingIn !== false && newFolderInputRef.current) {
|
|
28
|
+
newFolderInputRef.current.focus();
|
|
29
|
+
}
|
|
30
|
+
}, [creatingIn]);
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
if (editingId && editInputRef.current) {
|
|
33
|
+
editInputRef.current.focus();
|
|
34
|
+
editInputRef.current.select();
|
|
35
|
+
}
|
|
36
|
+
}, [editingId]);
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
const handleClick = () => setContextMenu(null);
|
|
39
|
+
document.addEventListener('click', handleClick);
|
|
40
|
+
return () => document.removeEventListener('click', handleClick);
|
|
41
|
+
}, []);
|
|
42
|
+
const toggleExpand = (id) => {
|
|
43
|
+
setExpanded(prev => {
|
|
44
|
+
const next = new Set(prev);
|
|
45
|
+
if (next.has(id))
|
|
46
|
+
next.delete(id);
|
|
47
|
+
else
|
|
48
|
+
next.add(id);
|
|
49
|
+
return next;
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
const handleCreate = async (parentId) => {
|
|
53
|
+
if (!newFolderName.trim()) {
|
|
54
|
+
setCreatingIn(false);
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
const res = await cmsApi('/folders', {
|
|
58
|
+
method: 'POST',
|
|
59
|
+
body: JSON.stringify({ name: newFolderName.trim(), scope, parentId }),
|
|
60
|
+
});
|
|
61
|
+
if (res.error) {
|
|
62
|
+
toast.error(res.error);
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
toast.success('Folder created');
|
|
66
|
+
if (parentId)
|
|
67
|
+
setExpanded(prev => new Set(prev).add(parentId));
|
|
68
|
+
fetchFolders();
|
|
69
|
+
}
|
|
70
|
+
setNewFolderName('');
|
|
71
|
+
setCreatingIn(false);
|
|
72
|
+
};
|
|
73
|
+
const handleRename = async (id) => {
|
|
74
|
+
if (!editName.trim()) {
|
|
75
|
+
setEditingId(null);
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
const res = await cmsApi(`/folders/${id}`, {
|
|
79
|
+
method: 'PUT',
|
|
80
|
+
body: JSON.stringify({ name: editName.trim() }),
|
|
81
|
+
});
|
|
82
|
+
if (res.error)
|
|
83
|
+
toast.error(res.error);
|
|
84
|
+
else
|
|
85
|
+
fetchFolders();
|
|
86
|
+
setEditingId(null);
|
|
87
|
+
};
|
|
88
|
+
const handleDelete = async (id) => {
|
|
89
|
+
const res = await cmsApi(`/folders/${id}`, { method: 'DELETE' });
|
|
90
|
+
if (res.error)
|
|
91
|
+
toast.error(res.error);
|
|
92
|
+
else {
|
|
93
|
+
toast.success('Folder deleted');
|
|
94
|
+
if (selected.type === 'folder' && selected.folderId === id) {
|
|
95
|
+
onSelect({ type: 'smart', smart: 'all' });
|
|
96
|
+
}
|
|
97
|
+
fetchFolders();
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
const isSelected = (sel) => {
|
|
101
|
+
if (selected.type !== sel.type)
|
|
102
|
+
return false;
|
|
103
|
+
if (sel.type === 'smart')
|
|
104
|
+
return selected.smart === sel.smart;
|
|
105
|
+
return selected.folderId === sel.folderId;
|
|
106
|
+
};
|
|
107
|
+
const handleDragOver = (e, folderId) => {
|
|
108
|
+
e.preventDefault();
|
|
109
|
+
e.stopPropagation();
|
|
110
|
+
setDragOverId(folderId);
|
|
111
|
+
};
|
|
112
|
+
const handleDragLeave = () => {
|
|
113
|
+
setDragOverId(null);
|
|
114
|
+
};
|
|
115
|
+
const handleDrop = (e, folderId) => {
|
|
116
|
+
e.preventDefault();
|
|
117
|
+
e.stopPropagation();
|
|
118
|
+
setDragOverId(null);
|
|
119
|
+
const itemId = e.dataTransfer.getData('text/actuate-item-id');
|
|
120
|
+
if (itemId && onDropItem) {
|
|
121
|
+
onDropItem(itemId, folderId);
|
|
122
|
+
}
|
|
123
|
+
};
|
|
124
|
+
const countForFolder = (id) => itemCounts?.[id];
|
|
125
|
+
const renderFolder = (folder, depth) => {
|
|
126
|
+
const isExpanded = expanded.has(folder.id);
|
|
127
|
+
const hasChildren = folder.children.length > 0;
|
|
128
|
+
const isActive = isSelected({ type: 'folder', folderId: folder.id });
|
|
129
|
+
const isDragOver = dragOverId === folder.id;
|
|
130
|
+
const count = countForFolder(folder.id);
|
|
131
|
+
return (_jsxs("div", { children: [_jsxs("div", { className: `group flex items-center gap-1 px-2 py-1.5 rounded-md cursor-pointer text-sm transition-colors ${isActive
|
|
132
|
+
? 'bg-blue-50 text-blue-700 font-medium'
|
|
133
|
+
: isDragOver
|
|
134
|
+
? 'bg-blue-100 ring-2 ring-blue-300'
|
|
135
|
+
: 'text-gray-700 hover:bg-gray-100'}`, style: { paddingLeft: `${8 + depth * 16}px` }, onClick: () => onSelect({ type: 'folder', folderId: folder.id }), onContextMenu: (e) => {
|
|
136
|
+
e.preventDefault();
|
|
137
|
+
setContextMenu({ id: folder.id, x: e.clientX, y: e.clientY });
|
|
138
|
+
}, onDragOver: (e) => handleDragOver(e, folder.id), onDragLeave: handleDragLeave, onDrop: (e) => handleDrop(e, folder.id), children: [_jsx("button", { type: "button", className: `p-0.5 rounded hover:bg-gray-200 transition-colors ${hasChildren ? '' : 'invisible'}`, onClick: (e) => { e.stopPropagation(); toggleExpand(folder.id); }, children: isExpanded ? (_jsx(ChevronDown, { className: "w-3.5 h-3.5" })) : (_jsx(ChevronRight, { className: "w-3.5 h-3.5" })) }), isExpanded ? (_jsx(FolderOpen, { className: "w-4 h-4 text-blue-500 shrink-0" })) : (_jsx(FolderIcon, { className: "w-4 h-4 text-gray-400 shrink-0" })), editingId === folder.id ? (_jsx("input", { ref: editInputRef, type: "text", value: editName, onChange: (e) => setEditName(e.target.value), onBlur: () => handleRename(folder.id), onKeyDown: (e) => {
|
|
139
|
+
if (e.key === 'Enter')
|
|
140
|
+
handleRename(folder.id);
|
|
141
|
+
if (e.key === 'Escape')
|
|
142
|
+
setEditingId(null);
|
|
143
|
+
}, className: "flex-1 min-w-0 text-sm border border-blue-300 rounded px-1 py-0 focus:outline-none focus:ring-1 focus:ring-blue-500", onClick: (e) => e.stopPropagation() })) : (_jsx("span", { className: "flex-1 min-w-0 truncate", children: folder.name })), count !== undefined && !editingId && (_jsx("span", { className: "text-xs text-gray-400 tabular-nums", children: count })), _jsx("button", { type: "button", className: "p-0.5 rounded opacity-0 group-hover:opacity-100 hover:bg-gray-200 transition-all", onClick: (e) => {
|
|
144
|
+
e.stopPropagation();
|
|
145
|
+
setContextMenu({ id: folder.id, x: e.clientX, y: e.clientY });
|
|
146
|
+
}, children: _jsx(MoreHorizontal, { className: "w-3.5 h-3.5 text-gray-500" }) })] }), isExpanded && (_jsxs("div", { children: [folder.children.map(child => renderFolder(child, depth + 1)), creatingIn === folder.id && (_jsxs("div", { className: "flex items-center gap-1 px-2 py-1", style: { paddingLeft: `${24 + (depth + 1) * 16}px` }, children: [_jsx(FolderIcon, { className: "w-4 h-4 text-gray-400 shrink-0" }), _jsx("input", { ref: newFolderInputRef, type: "text", value: newFolderName, onChange: (e) => setNewFolderName(e.target.value), onBlur: () => handleCreate(folder.id), onKeyDown: (e) => {
|
|
147
|
+
if (e.key === 'Enter')
|
|
148
|
+
handleCreate(folder.id);
|
|
149
|
+
if (e.key === 'Escape') {
|
|
150
|
+
setCreatingIn(false);
|
|
151
|
+
setNewFolderName('');
|
|
152
|
+
}
|
|
153
|
+
}, placeholder: "Folder name...", className: "flex-1 min-w-0 text-sm border border-blue-300 rounded px-1 py-0 focus:outline-none focus:ring-1 focus:ring-blue-500" })] }))] }))] }, folder.id));
|
|
154
|
+
};
|
|
155
|
+
if (loading) {
|
|
156
|
+
return (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx(Loader2, { className: "w-5 h-5 animate-spin text-gray-400" }) }));
|
|
157
|
+
}
|
|
158
|
+
return (_jsxs("div", { className: "flex flex-col h-full", children: [_jsxs("div", { className: "space-y-0.5 px-1 py-2", children: [_jsxs("button", { type: "button", className: `w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm transition-colors ${isSelected({ type: 'smart', smart: 'all' })
|
|
159
|
+
? 'bg-blue-50 text-blue-700 font-medium'
|
|
160
|
+
: 'text-gray-700 hover:bg-gray-100'}`, onClick: () => onSelect({ type: 'smart', smart: 'all' }), onDragOver: (e) => handleDragOver(e, null), onDragLeave: handleDragLeave, onDrop: (e) => handleDrop(e, null), children: [_jsx(LayoutGrid, { className: "w-4 h-4 shrink-0" }), _jsx("span", { className: "flex-1 text-left", children: "All" }), totalCount !== undefined && _jsx("span", { className: "text-xs text-gray-400 tabular-nums", children: totalCount })] }), _jsxs("button", { type: "button", className: `w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm transition-colors ${isSelected({ type: 'smart', smart: 'recent' })
|
|
161
|
+
? 'bg-blue-50 text-blue-700 font-medium'
|
|
162
|
+
: 'text-gray-700 hover:bg-gray-100'}`, onClick: () => onSelect({ type: 'smart', smart: 'recent' }), children: [_jsx(Clock, { className: "w-4 h-4 shrink-0" }), _jsx("span", { className: "flex-1 text-left", children: "Recent" }), recentCount !== undefined && _jsx("span", { className: "text-xs text-gray-400 tabular-nums", children: recentCount })] }), _jsxs("button", { type: "button", className: `w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm transition-colors ${isSelected({ type: 'smart', smart: 'uncategorized' })
|
|
163
|
+
? 'bg-blue-50 text-blue-700 font-medium'
|
|
164
|
+
: 'text-gray-700 hover:bg-gray-100'}`, onClick: () => onSelect({ type: 'smart', smart: 'uncategorized' }), children: [_jsx(Inbox, { className: "w-4 h-4 shrink-0" }), _jsx("span", { className: "flex-1 text-left", children: "Uncategorized" }), uncategorizedCount !== undefined && _jsx("span", { className: "text-xs text-gray-400 tabular-nums", children: uncategorizedCount })] })] }), _jsx("div", { className: "border-t border-gray-200 my-1" }), _jsxs("div", { className: "flex-1 overflow-y-auto px-1 py-1 space-y-0.5", children: [folders.map(folder => renderFolder(folder, 0)), creatingIn === null && (_jsxs("div", { className: "flex items-center gap-1 px-2 py-1", children: [_jsx(FolderIcon, { className: "w-4 h-4 text-gray-400 shrink-0 ml-5" }), _jsx("input", { ref: newFolderInputRef, type: "text", value: newFolderName, onChange: (e) => setNewFolderName(e.target.value), onBlur: () => handleCreate(null), onKeyDown: (e) => {
|
|
165
|
+
if (e.key === 'Enter')
|
|
166
|
+
handleCreate(null);
|
|
167
|
+
if (e.key === 'Escape') {
|
|
168
|
+
setCreatingIn(false);
|
|
169
|
+
setNewFolderName('');
|
|
170
|
+
}
|
|
171
|
+
}, placeholder: "Folder name...", className: "flex-1 min-w-0 text-sm border border-blue-300 rounded px-1 py-0 focus:outline-none focus:ring-1 focus:ring-blue-500" })] }))] }), _jsx("div", { className: "border-t border-gray-200 p-2", children: _jsxs("button", { type: "button", onClick: () => { setCreatingIn(null); setNewFolderName(''); }, className: "w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm text-gray-600 hover:bg-gray-100 transition-colors", children: [_jsx(Plus, { className: "w-4 h-4" }), "New Folder"] }) }), contextMenu && (_jsxs("div", { className: "fixed z-50 bg-white rounded-lg border border-gray-200 shadow-lg py-1 min-w-[160px]", style: { left: contextMenu.x, top: contextMenu.y }, children: [_jsxs("button", { type: "button", className: "w-full flex items-center gap-2 px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100 transition-colors", onClick: () => {
|
|
172
|
+
const folder = findFolder(folders, contextMenu.id);
|
|
173
|
+
if (folder) {
|
|
174
|
+
setEditingId(folder.id);
|
|
175
|
+
setEditName(folder.name);
|
|
176
|
+
}
|
|
177
|
+
setContextMenu(null);
|
|
178
|
+
}, children: [_jsx(Pencil, { className: "w-3.5 h-3.5" }), "Rename"] }), _jsxs("button", { type: "button", className: "w-full flex items-center gap-2 px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100 transition-colors", onClick: () => {
|
|
179
|
+
setCreatingIn(contextMenu.id);
|
|
180
|
+
setNewFolderName('');
|
|
181
|
+
setExpanded(prev => new Set(prev).add(contextMenu.id));
|
|
182
|
+
setContextMenu(null);
|
|
183
|
+
}, children: [_jsx(FolderPlus, { className: "w-3.5 h-3.5" }), "New Subfolder"] }), _jsx("div", { className: "border-t border-gray-200 my-1" }), _jsxs("button", { type: "button", className: "w-full flex items-center gap-2 px-3 py-1.5 text-sm text-red-600 hover:bg-red-50 transition-colors", onClick: () => {
|
|
184
|
+
handleDelete(contextMenu.id);
|
|
185
|
+
setContextMenu(null);
|
|
186
|
+
}, children: [_jsx(Trash2, { className: "w-3.5 h-3.5" }), "Delete"] })] }))] }));
|
|
187
|
+
}
|
|
188
|
+
function findFolder(nodes, id) {
|
|
189
|
+
for (const n of nodes) {
|
|
190
|
+
if (n.id === id)
|
|
191
|
+
return n;
|
|
192
|
+
const found = findFolder(n.children, id);
|
|
193
|
+
if (found)
|
|
194
|
+
return found;
|
|
195
|
+
}
|
|
196
|
+
return null;
|
|
197
|
+
}
|
|
198
|
+
//# sourceMappingURL=FolderTree.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FolderTree.js","sourceRoot":"","sources":["../../src/components/FolderTree.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface LivePreviewProps {
|
|
2
|
+
collection: string;
|
|
3
|
+
documentId?: string;
|
|
4
|
+
previewUrl?: string;
|
|
5
|
+
values: Record<string, unknown>;
|
|
6
|
+
onClose: () => void;
|
|
7
|
+
}
|
|
8
|
+
export declare function LivePreview({ collection, documentId, previewUrl, values, onClose }: LivePreviewProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=LivePreview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LivePreview.d.ts","sourceRoot":"","sources":["../../src/components/LivePreview.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAUD,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAiHpG"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useRef, useEffect, useCallback } from 'react';
|
|
4
|
+
import { Monitor, Tablet, Smartphone, RefreshCw, ExternalLink, X } from 'lucide-react';
|
|
5
|
+
import { cmsApi } from '../lib/api';
|
|
6
|
+
const VIEWPORT_WIDTHS = {
|
|
7
|
+
desktop: '100%',
|
|
8
|
+
tablet: '768px',
|
|
9
|
+
mobile: '375px',
|
|
10
|
+
};
|
|
11
|
+
export function LivePreview({ collection, documentId, previewUrl, values, onClose }) {
|
|
12
|
+
const iframeRef = useRef(null);
|
|
13
|
+
const [viewport, setViewport] = useState('desktop');
|
|
14
|
+
const [loading, setLoading] = useState(true);
|
|
15
|
+
const [previewSrc, setPreviewSrc] = useState(null);
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
if (!documentId || !previewUrl) {
|
|
18
|
+
setPreviewSrc(null);
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
async function fetchToken() {
|
|
22
|
+
const res = await cmsApi('/preview/token', {
|
|
23
|
+
method: 'POST',
|
|
24
|
+
body: JSON.stringify({ collection, documentId }),
|
|
25
|
+
});
|
|
26
|
+
if (res.data?.token) {
|
|
27
|
+
const sep = previewUrl.includes('?') ? '&' : '?';
|
|
28
|
+
setPreviewSrc(`${previewUrl}${sep}preview=true#token=${res.data.token}`);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
fetchToken();
|
|
32
|
+
}, [collection, documentId, previewUrl]);
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
if (!iframeRef.current?.contentWindow || !previewSrc)
|
|
35
|
+
return;
|
|
36
|
+
let targetOrigin;
|
|
37
|
+
try {
|
|
38
|
+
targetOrigin = new URL(previewSrc).origin;
|
|
39
|
+
}
|
|
40
|
+
catch {
|
|
41
|
+
targetOrigin = window.location.origin;
|
|
42
|
+
}
|
|
43
|
+
iframeRef.current.contentWindow.postMessage({ type: 'actuate-preview-update', data: values }, targetOrigin);
|
|
44
|
+
}, [values, previewSrc]);
|
|
45
|
+
const handleRefresh = useCallback(() => {
|
|
46
|
+
if (iframeRef.current) {
|
|
47
|
+
setLoading(true);
|
|
48
|
+
iframeRef.current.src = iframeRef.current.src;
|
|
49
|
+
}
|
|
50
|
+
}, []);
|
|
51
|
+
const handleOpenExternal = useCallback(() => {
|
|
52
|
+
if (previewSrc)
|
|
53
|
+
window.open(previewSrc, '_blank');
|
|
54
|
+
}, [previewSrc]);
|
|
55
|
+
if (!previewSrc) {
|
|
56
|
+
return (_jsxs("div", { className: "flex flex-col items-center justify-center h-full bg-gray-50 rounded-lg border border-dashed border-gray-300 p-8", children: [_jsx("p", { className: "text-sm text-gray-500 text-center", children: !documentId
|
|
57
|
+
? 'Save the document first to enable preview'
|
|
58
|
+
: 'Configure a preview URL in the collection settings to enable live preview' }), _jsx("button", { onClick: onClose, className: "mt-4 text-xs text-gray-400 hover:text-gray-600", children: "Close Preview" })] }));
|
|
59
|
+
}
|
|
60
|
+
return (_jsxs("div", { className: "flex flex-col h-full border-l border-gray-200 bg-white", children: [_jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-gray-200 bg-gray-50", children: [_jsx("div", { className: "flex items-center gap-1", children: [['desktop', Monitor], ['tablet', Tablet], ['mobile', Smartphone]].map(([vp, Icon]) => (_jsx("button", { onClick: () => setViewport(vp), className: `p-1.5 rounded ${viewport === vp ? 'bg-white shadow-sm text-blue-600' : 'text-gray-400 hover:text-gray-600'}`, title: vp, children: _jsx(Icon, { className: "w-4 h-4" }) }, vp))) }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { onClick: handleRefresh, className: "p-1.5 rounded text-gray-400 hover:text-gray-600", title: "Refresh", children: _jsx(RefreshCw, { className: "w-4 h-4" }) }), _jsx("button", { onClick: handleOpenExternal, className: "p-1.5 rounded text-gray-400 hover:text-gray-600", title: "Open in new tab", children: _jsx(ExternalLink, { className: "w-4 h-4" }) }), _jsx("button", { onClick: onClose, className: "p-1.5 rounded text-gray-400 hover:text-gray-600", title: "Close", children: _jsx(X, { className: "w-4 h-4" }) })] })] }), _jsx("div", { className: "flex-1 overflow-auto flex justify-center bg-gray-100 p-4", children: _jsxs("div", { style: { width: VIEWPORT_WIDTHS[viewport], maxWidth: '100%', transition: 'width 0.3s' }, className: "relative", children: [loading && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-white/80 z-10 rounded-lg", children: _jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" }) })), _jsx("iframe", { ref: iframeRef, src: previewSrc, className: "w-full h-full bg-white rounded-lg shadow-lg border border-gray-200", style: { minHeight: '600px' }, onLoad: () => setLoading(false), title: "Page Preview" })] }) })] }));
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=LivePreview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LivePreview.js","sourceRoot":"","sources":["../../src/components/LivePreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
interface LocaleContextValue {
|
|
3
|
+
activeLocale: string;
|
|
4
|
+
setLocale: (locale: string) => void;
|
|
5
|
+
locales: Array<{
|
|
6
|
+
code: string;
|
|
7
|
+
label: string;
|
|
8
|
+
dir?: 'ltr' | 'rtl';
|
|
9
|
+
}>;
|
|
10
|
+
}
|
|
11
|
+
export declare function useLocale(): LocaleContextValue;
|
|
12
|
+
export interface LocaleProviderProps {
|
|
13
|
+
config: {
|
|
14
|
+
i18n?: {
|
|
15
|
+
defaultLocale: string;
|
|
16
|
+
locales: Array<{
|
|
17
|
+
code: string;
|
|
18
|
+
label: string;
|
|
19
|
+
dir?: 'ltr' | 'rtl';
|
|
20
|
+
}>;
|
|
21
|
+
fallbackLocale?: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
children: ReactNode;
|
|
25
|
+
}
|
|
26
|
+
export declare function LocaleProvider({ config, children }: LocaleProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export {};
|
|
28
|
+
//# sourceMappingURL=LocaleProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LocaleProvider.d.ts","sourceRoot":"","sources":["../../src/components/LocaleProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpG,UAAU,kBAAkB;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;KAAE,CAAC,CAAC;CACtE;AAQD,wBAAgB,SAAS,uBAExB;AAID,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE;QAAE,IAAI,CAAC,EAAE;YAAE,aAAa,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,KAAK,CAAC;gBAAE,IAAI,EAAE,MAAM,CAAC;gBAAC,KAAK,EAAE,MAAM,CAAC;gBAAC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;aAAE,CAAC,CAAC;YAAC,cAAc,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IAC5I,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAuBvE"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, useContext, useState, useEffect, useCallback } from 'react';
|
|
4
|
+
const LocaleContext = createContext({
|
|
5
|
+
activeLocale: 'en',
|
|
6
|
+
setLocale: () => { },
|
|
7
|
+
locales: [],
|
|
8
|
+
});
|
|
9
|
+
export function useLocale() {
|
|
10
|
+
return useContext(LocaleContext);
|
|
11
|
+
}
|
|
12
|
+
const STORAGE_KEY = 'actuate-locale';
|
|
13
|
+
export function LocaleProvider({ config, children }) {
|
|
14
|
+
const locales = config.i18n?.locales ?? [];
|
|
15
|
+
const defaultLocale = config.i18n?.defaultLocale ?? 'en';
|
|
16
|
+
const [activeLocale, setActiveLocale] = useState(defaultLocale);
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const stored = localStorage.getItem(STORAGE_KEY);
|
|
19
|
+
if (stored && locales.some((l) => l.code === stored)) {
|
|
20
|
+
setActiveLocale(stored);
|
|
21
|
+
}
|
|
22
|
+
}, [locales]);
|
|
23
|
+
const setLocale = useCallback((locale) => {
|
|
24
|
+
setActiveLocale(locale);
|
|
25
|
+
localStorage.setItem(STORAGE_KEY, locale);
|
|
26
|
+
}, []);
|
|
27
|
+
return (_jsx(LocaleContext.Provider, { value: { activeLocale, setLocale, locales }, children: children }));
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=LocaleProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LocaleProvider.js","sourceRoot":"","sources":["../../src/components/LocaleProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAkB,MAAM,OAAO,CAAC;AAQpG,MAAM,aAAa,GAAG,aAAa,CAAqB;IACtD,YAAY,EAAE,IAAI;IAClB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,OAAO,EAAE,EAAE;CACZ,CAAC,CAAC;AAEH,MAAM,UAAU,SAAS;IACvB,OAAO,UAAU,CAAC,aAAa,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,WAAW,GAAG,gBAAgB,CAAC;AAOrC,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAuB;IACtE,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,EAAE,aAAa,IAAI,IAAI,CAAC;IAEzD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEhE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACjD,IAAI,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,EAAE,CAAC;YACrD,eAAe,CAAC,MAAM,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,MAAc,EAAE,EAAE;QAC/C,eAAe,CAAC,MAAM,CAAC,CAAC;QACxB,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,YAChE,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LocaleSwitcher.d.ts","sourceRoot":"","sources":["../../src/components/LocaleSwitcher.tsx"],"names":[],"mappings":"AAMA,wBAAgB,cAAc,mDA4C7B"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Globe, Check, ChevronDown } from 'lucide-react';
|
|
4
|
+
import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
5
|
+
import { useLocale } from './LocaleProvider';
|
|
6
|
+
export function LocaleSwitcher() {
|
|
7
|
+
const { activeLocale, setLocale, locales } = useLocale();
|
|
8
|
+
if (locales.length < 2)
|
|
9
|
+
return null;
|
|
10
|
+
const activeLabel = locales.find((l) => l.code === activeLocale)?.label ?? activeLocale;
|
|
11
|
+
return (_jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: _jsxs("button", { className: "flex items-center gap-1.5 px-2 py-1.5 text-sm hover:bg-[var(--accent)] rounded-lg transition-colors", "aria-label": "Switch locale", children: [_jsx(Globe, { className: "w-4 h-4 text-[var(--muted-foreground)]" }), _jsx("span", { className: "hidden sm:inline text-[var(--foreground)] text-sm font-medium", children: activeLabel }), _jsx(ChevronDown, { className: "w-3 h-3 text-[var(--muted-foreground)]" })] }) }), _jsx(DropdownMenu.Portal, { children: _jsx(DropdownMenu.Content, { className: "min-w-[160px] bg-[var(--popover)] text-[var(--popover-foreground)] rounded-lg border border-[var(--border)] shadow-lg p-1 z-50", align: "end", sideOffset: 5, children: locales.map((locale) => (_jsxs(DropdownMenu.Item, { onSelect: () => setLocale(locale.code), className: "flex items-center justify-between gap-2 px-3 py-2 text-sm hover:bg-[var(--accent)] rounded cursor-pointer outline-none", children: [_jsx("span", { children: locale.label }), locale.code === activeLocale && (_jsx(Check, { className: "w-4 h-4 text-[var(--primary)]" }))] }, locale.code))) }) })] }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=LocaleSwitcher.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LocaleSwitcher.js","sourceRoot":"","sources":["../../src/components/LocaleSwitcher.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAEzD,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,EAAE,KAAK,IAAI,YAAY,CAAC;IAExF,OAAO,CACL,MAAC,YAAY,CAAC,IAAI,eAChB,KAAC,YAAY,CAAC,OAAO,IAAC,OAAO,kBAC3B,kBACE,SAAS,EAAC,qGAAqG,gBACpG,eAAe,aAE1B,KAAC,KAAK,IAAC,SAAS,EAAC,wCAAwC,GAAG,EAC5D,eAAM,SAAS,EAAC,+DAA+D,YAC5E,WAAW,GACP,EACP,KAAC,WAAW,IAAC,SAAS,EAAC,wCAAwC,GAAG,IAC3D,GACY,EAEvB,KAAC,YAAY,CAAC,MAAM,cAClB,KAAC,YAAY,CAAC,OAAO,IACnB,SAAS,EAAC,gIAAgI,EAC1I,KAAK,EAAC,KAAK,EACX,UAAU,EAAE,CAAC,YAEZ,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,MAAC,YAAY,CAAC,IAAI,IAEhB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EACtC,SAAS,EAAC,wHAAwH,aAElI,yBAAO,MAAM,CAAC,KAAK,GAAQ,EAC1B,MAAM,CAAC,IAAI,KAAK,YAAY,IAAI,CAC/B,KAAC,KAAK,IAAC,SAAS,EAAC,+BAA+B,GAAG,CACpD,KAPI,MAAM,CAAC,IAAI,CAQE,CACrB,CAAC,GACmB,GACH,IACJ,CACrB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface MediaPickerModalProps {
|
|
2
|
+
open: boolean;
|
|
3
|
+
onClose: () => void;
|
|
4
|
+
onSelect: (url: string, alt?: string) => void;
|
|
5
|
+
accept?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function MediaPickerModal({ open, onClose, onSelect, accept }: MediaPickerModalProps): import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
//# sourceMappingURL=MediaPickerModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaPickerModal.d.ts","sourceRoot":"","sources":["../../src/components/MediaPickerModal.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,qBAAqB,kDA6J1F"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useRef } from 'react';
|
|
4
|
+
import { X, Upload, Search, ImageIcon, Loader2 } from 'lucide-react';
|
|
5
|
+
import { toast } from 'sonner';
|
|
6
|
+
import { cmsApi } from '../lib/api';
|
|
7
|
+
import { useApiData } from '../lib/useApiData';
|
|
8
|
+
export function MediaPickerModal({ open, onClose, onSelect, accept }) {
|
|
9
|
+
const [tab, setTab] = useState('library');
|
|
10
|
+
const [search, setSearch] = useState('');
|
|
11
|
+
const [uploading, setUploading] = useState(false);
|
|
12
|
+
const fileInputRef = useRef(null);
|
|
13
|
+
const { data, loading, refetch } = useApiData(open ? `/media?pageSize=50${search ? `&search=${encodeURIComponent(search)}` : ''}` : null);
|
|
14
|
+
const items = data?.data?.items ?? data?.items ?? [];
|
|
15
|
+
const imageItems = items.filter((item) => item.mimeType.startsWith('image/'));
|
|
16
|
+
async function handleUpload(files) {
|
|
17
|
+
if (!files || files.length === 0)
|
|
18
|
+
return;
|
|
19
|
+
setUploading(true);
|
|
20
|
+
const file = files[0];
|
|
21
|
+
const formData = new FormData();
|
|
22
|
+
formData.append('file', file);
|
|
23
|
+
const res = await cmsApi('/media/upload', {
|
|
24
|
+
method: 'POST',
|
|
25
|
+
body: formData,
|
|
26
|
+
});
|
|
27
|
+
if (res.error) {
|
|
28
|
+
toast.error(res.error);
|
|
29
|
+
}
|
|
30
|
+
else if (res.data) {
|
|
31
|
+
const mediaItem = res.data;
|
|
32
|
+
const url = mediaItem.storageKey ?? '';
|
|
33
|
+
toast.success(`Uploaded ${file.name}`);
|
|
34
|
+
onSelect(url, file.name);
|
|
35
|
+
onClose();
|
|
36
|
+
}
|
|
37
|
+
setUploading(false);
|
|
38
|
+
if (fileInputRef.current)
|
|
39
|
+
fileInputRef.current.value = '';
|
|
40
|
+
}
|
|
41
|
+
function handleSelectItem(item) {
|
|
42
|
+
onSelect(item.storageKey, item.filename);
|
|
43
|
+
onClose();
|
|
44
|
+
}
|
|
45
|
+
if (!open)
|
|
46
|
+
return null;
|
|
47
|
+
return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [_jsx("div", { className: "fixed inset-0 bg-black/40", onClick: onClose }), _jsxs("div", { className: "relative bg-white rounded-xl shadow-2xl w-full max-w-2xl max-h-[80vh] flex flex-col mx-4", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-gray-200", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Insert Image" }), _jsx("button", { onClick: onClose, className: "p-1.5 hover:bg-gray-100 rounded-lg transition-colors", children: _jsx(X, { className: "w-5 h-5 text-gray-500" }) })] }), _jsxs("div", { className: "flex border-b border-gray-200", children: [_jsx("button", { onClick: () => setTab('library'), className: `flex-1 px-4 py-2.5 text-sm font-medium transition-colors ${tab === 'library'
|
|
48
|
+
? 'text-blue-600 border-b-2 border-blue-600'
|
|
49
|
+
: 'text-gray-500 hover:text-gray-700'}`, children: "Media Library" }), _jsx("button", { onClick: () => setTab('upload'), className: `flex-1 px-4 py-2.5 text-sm font-medium transition-colors ${tab === 'upload'
|
|
50
|
+
? 'text-blue-600 border-b-2 border-blue-600'
|
|
51
|
+
: 'text-gray-500 hover:text-gray-700'}`, children: "Upload New" })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: tab === 'library' ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative mb-4", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" }), _jsx("input", { type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search images...", className: "w-full pl-9 pr-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), loading ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "w-6 h-6 animate-spin text-gray-400" }) })) : imageItems.length === 0 ? (_jsx("div", { className: "text-center py-12 text-sm text-gray-500", children: "No images found. Try uploading one." })) : (_jsx("div", { className: "grid grid-cols-3 sm:grid-cols-4 gap-3", children: imageItems.map((item) => (_jsxs("button", { onClick: () => handleSelectItem(item), className: "group relative aspect-square rounded-lg border-2 border-gray-200 hover:border-blue-500 overflow-hidden bg-gray-100 transition-colors", children: [_jsx("div", { className: "w-full h-full flex items-center justify-center", children: _jsx(ImageIcon, { className: "w-8 h-8 text-gray-300" }) }), _jsx("div", { className: "absolute inset-x-0 bottom-0 bg-black/60 p-1.5 opacity-0 group-hover:opacity-100 transition-opacity", children: _jsx("p", { className: "text-white text-xs truncate", children: item.filename }) })] }, item.id))) }))] })) : (_jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [_jsx("input", { ref: fileInputRef, type: "file", accept: accept ?? 'image/*', className: "hidden", onChange: (e) => handleUpload(e.target.files) }), _jsx("div", { className: "w-16 h-16 rounded-full bg-blue-50 flex items-center justify-center mb-4", children: uploading ? (_jsx(Loader2, { className: "w-8 h-8 text-blue-600 animate-spin" })) : (_jsx(Upload, { className: "w-8 h-8 text-blue-600" })) }), _jsx("p", { className: "text-sm text-gray-600 mb-4", children: uploading ? 'Uploading...' : 'Select an image file to upload' }), !uploading && (_jsx("button", { onClick: () => fileInputRef.current?.click(), className: "px-4 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors", children: "Choose File" }))] })) })] })] }));
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=MediaPickerModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaPickerModal.js","sourceRoot":"","sources":["../../src/components/MediaPickerModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface PresenceIndicatorProps {
|
|
2
|
+
documentId: string;
|
|
3
|
+
currentUserId?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare function PresenceIndicator({ documentId, currentUserId }: PresenceIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=PresenceIndicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PresenceIndicator.d.ts","sourceRoot":"","sources":["../../src/components/PresenceIndicator.tsx"],"names":[],"mappings":"AAUA,UAAU,sBAAsB;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAID,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,sBAAsB,kDAqDtF"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState, useRef } from 'react';
|
|
4
|
+
const COLORS = ['#3b82f6', '#ef4444', '#10b981', '#f59e0b', '#8b5cf6', '#ec4899'];
|
|
5
|
+
export function PresenceIndicator({ documentId, currentUserId }) {
|
|
6
|
+
const [users, setUsers] = useState([]);
|
|
7
|
+
const eventSourceRef = useRef(null);
|
|
8
|
+
const heartbeatRef = useRef(undefined);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
if (!documentId)
|
|
11
|
+
return;
|
|
12
|
+
const es = new EventSource(`/api/cms/presence/${documentId}`);
|
|
13
|
+
eventSourceRef.current = es;
|
|
14
|
+
es.addEventListener('presence', (event) => {
|
|
15
|
+
try {
|
|
16
|
+
const data = JSON.parse(event.data);
|
|
17
|
+
setUsers(data.filter(u => u.userId !== currentUserId));
|
|
18
|
+
}
|
|
19
|
+
catch { }
|
|
20
|
+
});
|
|
21
|
+
es.onerror = () => {
|
|
22
|
+
es.close();
|
|
23
|
+
};
|
|
24
|
+
heartbeatRef.current = setInterval(() => {
|
|
25
|
+
fetch(`/api/cms/presence/${documentId}/heartbeat`, { method: 'POST', credentials: 'include' }).catch(() => { });
|
|
26
|
+
}, 30_000);
|
|
27
|
+
return () => {
|
|
28
|
+
es.close();
|
|
29
|
+
if (heartbeatRef.current)
|
|
30
|
+
clearInterval(heartbeatRef.current);
|
|
31
|
+
};
|
|
32
|
+
}, [documentId, currentUserId]);
|
|
33
|
+
if (users.length === 0)
|
|
34
|
+
return null;
|
|
35
|
+
return (_jsxs("div", { className: "flex items-center gap-1", title: `${users.length} other editor(s) active`, children: [users.slice(0, 5).map((user, i) => (_jsx("div", { className: "w-7 h-7 rounded-full flex items-center justify-center text-white text-xs font-medium ring-2 ring-white", style: { backgroundColor: COLORS[i % COLORS.length] }, title: user.name, children: user.name.charAt(0).toUpperCase() }, user.userId))), users.length > 5 && (_jsxs("div", { className: "w-7 h-7 rounded-full flex items-center justify-center bg-muted text-muted-foreground text-xs font-medium ring-2 ring-white", children: ["+", users.length - 5] }))] }));
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=PresenceIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PresenceIndicator.js","sourceRoot":"","sources":["../../src/components/PresenceIndicator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAapD,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAElF,MAAM,UAAU,iBAAiB,CAAC,EAAE,UAAU,EAAE,aAAa,EAA0B;IACrF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiB,EAAE,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,MAAM,CAAiC,SAAS,CAAC,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,MAAM,EAAE,GAAG,IAAI,WAAW,CAAC,qBAAqB,UAAU,EAAE,CAAC,CAAC;QAC9D,cAAc,CAAC,OAAO,GAAG,EAAE,CAAC;QAE5B,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;YACxC,IAAI,CAAC;gBACH,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAmB,CAAC;gBACtD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC;YACzD,CAAC;YAAC,MAAM,CAAC,CAAA,CAAC;QACZ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,OAAO,GAAG,GAAG,EAAE;YAChB,EAAE,CAAC,KAAK,EAAE,CAAC;QACb,CAAC,CAAC;QAEF,YAAY,CAAC,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;YACtC,KAAK,CAAC,qBAAqB,UAAU,YAAY,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACjH,CAAC,EAAE,MAAM,CAAC,CAAC;QAEX,OAAO,GAAG,EAAE;YACV,EAAE,CAAC,KAAK,EAAE,CAAC;YACX,IAAI,YAAY,CAAC,OAAO;gBAAE,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEhC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,yBAAyB,aACrF,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,cAEE,SAAS,EAAC,wGAAwG,EAClH,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EACrD,KAAK,EAAE,IAAI,CAAC,IAAI,YAEf,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,IAL7B,IAAI,CAAC,MAAM,CAMZ,CACP,CAAC,EACD,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,eAAK,SAAS,EAAC,4HAA4H,kBACvI,KAAK,CAAC,MAAM,GAAG,CAAC,IACd,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface SEOData {
|
|
2
|
+
metaTitle?: string;
|
|
3
|
+
metaDescription?: string;
|
|
4
|
+
focusKeyphrase?: string;
|
|
5
|
+
canonical?: string;
|
|
6
|
+
noIndex?: boolean;
|
|
7
|
+
noFollow?: boolean;
|
|
8
|
+
ogTitle?: string;
|
|
9
|
+
ogDescription?: string;
|
|
10
|
+
ogImage?: string;
|
|
11
|
+
twitterTitle?: string;
|
|
12
|
+
twitterDescription?: string;
|
|
13
|
+
twitterImage?: string;
|
|
14
|
+
isCornerstone?: boolean;
|
|
15
|
+
schemaType?: string;
|
|
16
|
+
}
|
|
17
|
+
export interface SEOPanelProps {
|
|
18
|
+
title: string;
|
|
19
|
+
slug: string;
|
|
20
|
+
content?: string;
|
|
21
|
+
seoData: SEOData;
|
|
22
|
+
onChange: (data: SEOData) => void;
|
|
23
|
+
siteUrl?: string;
|
|
24
|
+
}
|
|
25
|
+
export declare function SEOPanel({ title, slug, content, seoData, onChange, siteUrl }: SEOPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
//# sourceMappingURL=SEOPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SEOPanel.d.ts","sourceRoot":"","sources":["../../src/components/SEOPanel.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,OAAO;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAyYD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,OAA+B,EAAE,EAAE,aAAa,2CAwUxH"}
|