domma-cms 0.6.16 → 0.6.21

package/plugins/docs/admin/views/docs.js

@@ -0,0 +1,276 @@
+import { DocEditor } from '/plugins/docs/admin/lib/editor.js';
+import { FolderManager } from '/plugins/docs/admin/lib/folders.js';
+import { VersionHistory } from '/plugins/docs/admin/lib/versions.js';
+import { DocumentTemplates } from '/plugins/docs/admin/lib/templates.js';
+import { FindReplace } from '/plugins/docs/admin/lib/find-replace.js';
+
+async function api(url, method = 'GET', body) {
+    const opts = {method, headers: {'Authorization': 'Bearer ' + (S.get('auth_token') || '')}};
+    if (body !== undefined) {
+        opts.headers['Content-Type'] = 'application/json';
+        opts.body = JSON.stringify(body);
+    }
+    const res = await fetch(url, opts);
+    if (!res.ok) {
+        const err = await res.json().catch(() => ({error: res.statusText}));
+        throw new Error(err.error || res.statusText);
+    }
+    const text = await res.text();
+    return text ? JSON.parse(text) : {};
+}
+
+export const docsView = {
+  templateUrl: '/plugins/docs/admin/templates/docs.html',
+
+  async onMount($container) {
+    // 1. Get plugin config from window globals set by server
+      const editorMode = window.__DOCS_EDITOR_MODE__ || 'wysiwyg';
+    const autoSaveInterval = window.__DOCS_AUTOSAVE_INTERVAL__ || 30000;
+
+    // 2. State
+    let currentDocId = null;
+    let autosaveTimer = null;
+    let isDirty = false;
+
+    // 3. Init sub-modules
+    const folderManager = new FolderManager({
+      onFolderSelect: async (folderId) => {
+        await loadDocuments(folderId);
+      }
+    });
+    const versionHistory = new VersionHistory();
+    const templates = new DocumentTemplates();
+    const findReplace = new FindReplace();
+
+    // 4. Init editor
+    const editorContainerEl = $container.find('#doc-editor-content').get(0);
+    const editor = new DocEditor(editorContainerEl, { mode: editorMode });
+    editor.init();
+    findReplace.setEditor(editor);
+
+    // 5. Load initial data
+    await folderManager.load();
+    folderManager.render($container.find('#folder-sidebar').get(0));
+    await loadDocuments(null);
+
+    // --- Functions ---
+
+    async function loadDocuments(folderId) {
+      try {
+        const q = $container.find('#doc-search').get(0)?.value || '';
+        let url = '/api/plugins/docs/documents';
+        const params = [];
+        if (folderId !== null && folderId !== undefined) {
+          params.push(`folder=${encodeURIComponent(folderId)}`);
+        }
+        if (q) params.push(`q=${encodeURIComponent(q)}`);
+        if (params.length) url += '?' + params.join('&');
+
+          const docs = await api(url);
+        renderDocList(docs);
+      } catch {
+        E.toast('Failed to load documents', { type: 'error' });
+      }
+    }
+
+    function renderDocList(docs) {
+      const listEl = $container.find('#doc-list').get(0);
+      listEl.replaceChildren();
+
+      if (docs.length === 0) {
+        const empty = document.createElement('div');
+        empty.className = 'doc-empty';
+        empty.style.cssText = 'padding:1rem;color:var(--dm-text-muted);text-align:center;font-size:0.85rem;';
+        empty.textContent = 'No documents yet.';
+        listEl.appendChild(empty);
+        return;
+      }
+
+      docs.forEach(doc => {
+        const item = document.createElement('div');
+        item.className = 'doc-list-item' + (doc.id === currentDocId ? ' active' : '');
+        item.dataset.id = doc.id;
+
+        const title = document.createElement('div');
+        title.className = 'doc-title';
+        title.textContent = doc.title || 'Untitled';
+
+        const meta = document.createElement('div');
+        meta.className = 'doc-meta';
+        meta.style.cssText = 'font-size:0.75rem;color:var(--dm-text-muted);';
+        meta.textContent = D(doc.updatedAt).fromNow();
+
+        item.appendChild(title);
+        item.appendChild(meta);
+        item.addEventListener('click', () => openDocument(doc.id));
+        listEl.appendChild(item);
+      });
+    }
+
+    async function openDocument(id) {
+      if (isDirty) {
+        const save = await E.confirm('You have unsaved changes. Save before switching?');
+        if (save) await saveCurrentDoc();
+      }
+      try {
+          const doc = await api(`/api/plugins/docs/documents/${id}`);
+        currentDocId = id;
+        $container.find('#doc-title-input').get(0).value = doc.title || '';
+        editor.setValue(doc.content || '');
+        isDirty = false;
+        updateEditorUI(true);
+        setupAutosave();
+      } catch {
+        E.toast('Failed to open document', { type: 'error' });
+      }
+    }
+
+    async function saveCurrentDoc() {
+      if (!currentDocId) return;
+      try {
+        const title = $container.find('#doc-title-input').get(0).value || 'Untitled';
+        const content = editor.getValue();
+          await api(`/api/plugins/docs/documents/${currentDocId}`, 'PUT', {title, content});
+        isDirty = false;
+        E.toast('Saved', { type: 'success' });
+        await loadDocuments(folderManager.currentFolderId);
+      } catch {
+        E.toast('Failed to save', { type: 'error' });
+      }
+    }
+
+    function setupAutosave() {
+      if (!autoSaveInterval) return;
+      editor.onChange(() => {
+        isDirty = true;
+        clearTimeout(autosaveTimer);
+        autosaveTimer = setTimeout(() => saveCurrentDoc(), autoSaveInterval);
+      });
+    }
+
+    function updateEditorUI(hasDoc) {
+      const editorPane = $container.find('#editor-pane').get(0);
+      const placeholder = $container.find('#editor-placeholder').get(0);
+      if (hasDoc) {
+        editorPane.style.display = 'flex';
+        if (placeholder) placeholder.style.display = 'none';
+      } else {
+        editorPane.style.display = 'none';
+        if (placeholder) placeholder.style.display = 'flex';
+      }
+    }
+
+    // --- Event Bindings ---
+
+    // New doc button
+    $container.find('#new-doc-btn').get(0)?.addEventListener('click', async () => {
+      if (isDirty) {
+        const save = await E.confirm('Save current changes first?');
+        if (save) await saveCurrentDoc();
+      }
+      try {
+          const doc = await api('/api/plugins/docs/documents', 'POST', {
+          title: 'Untitled',
+          content: '',
+          folderId: folderManager.currentFolderId
+        });
+        await loadDocuments(folderManager.currentFolderId);
+        await openDocument(doc.id);
+      } catch {
+        E.toast('Failed to create document', { type: 'error' });
+      }
+    });
+
+    // New doc from template
+    $container.find('#new-from-template-btn').get(0)?.addEventListener('click', async () => {
+      await templates.showPicker(async (content) => {
+        try {
+            const doc = await api('/api/plugins/docs/documents', 'POST', {
+            title: 'Untitled',
+            content,
+            folderId: folderManager.currentFolderId
+          });
+          await loadDocuments(folderManager.currentFolderId);
+          await openDocument(doc.id);
+        } catch {
+          E.toast('Failed to create from template', { type: 'error' });
+        }
+      });
+    });
+
+    // Save button
+    $container.find('#save-doc-btn').get(0)?.addEventListener('click', () => saveCurrentDoc());
+
+    // Delete button
+    $container.find('#delete-doc-btn').get(0)?.addEventListener('click', async () => {
+      if (!currentDocId) return;
+      const confirmed = await E.confirm('Delete this document? This cannot be undone.');
+      if (!confirmed) return;
+      try {
+          await api(`/api/plugins/docs/documents/${currentDocId}`, 'DELETE');
+        currentDocId = null;
+        editor.setValue('');
+        updateEditorUI(false);
+        await loadDocuments(folderManager.currentFolderId);
+        E.toast('Document deleted', { type: 'success' });
+      } catch {
+        E.toast('Failed to delete', { type: 'error' });
+      }
+    });
+
+    // Version history
+    $container.find('#version-history-btn').get(0)?.addEventListener('click', async () => {
+      if (!currentDocId) return;
+      const modal = await versionHistory.show(currentDocId);
+      if (modal) {
+        // Reload document after modal closes in case a version was restored
+        modal.element.addEventListener('close', async () => {
+          if (currentDocId) await openDocument(currentDocId);
+        });
+      }
+    });
+
+    // Find & replace
+    $container.find('#find-replace-btn').get(0)?.addEventListener('click', () => {
+      const editorPane = $container.find('#editor-pane').get(0);
+      if (editorPane) findReplace.show(editorPane);
+    });
+
+    // Duplicate
+    $container.find('#duplicate-doc-btn').get(0)?.addEventListener('click', async () => {
+      if (!currentDocId) return;
+      try {
+          const copy = await api(`/api/plugins/docs/documents/${currentDocId}/duplicate`, 'POST');
+        await loadDocuments(folderManager.currentFolderId);
+        await openDocument(copy.id);
+        E.toast('Document duplicated', { type: 'success' });
+      } catch {
+        E.toast('Failed to duplicate', { type: 'error' });
+      }
+    });
+
+    // Search
+    let searchTimeout;
+    $container.find('#doc-search').get(0)?.addEventListener('input', () => {
+      clearTimeout(searchTimeout);
+      searchTimeout = setTimeout(() => loadDocuments(folderManager.currentFolderId), 300);
+    });
+
+    // New folder
+    $container.find('#new-folder-btn').get(0)?.addEventListener('click', async () => {
+      await folderManager.createFolder();
+      folderManager.render($container.find('#folder-sidebar').get(0));
+    });
+
+    // Keyboard shortcut: Ctrl+S / Cmd+S to save
+    document.addEventListener('keydown', (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.key === 's') {
+        e.preventDefault();
+        saveCurrentDoc();
+      }
+    });
+
+    updateEditorUI(false);
+    Domma.icons.scan();
+  }
+};

package/plugins/docs/config.js

@@ -0,0 +1,8 @@
+export default {
+  scope: 'user',
+  editorMode: 'scribe',    // 'scribe' or 'markdown'
+  autoSaveInterval: 30000, // ms, 0 to disable
+    maxVersions: 50,
+    // storage.adapter: 'mongodb' uses config/connections.json; 'file' uses local JSON
+    storage: {adapter: 'file'}
+};

package/plugins/docs/data/documents/452f49b7-9c93-4a67-874d-27f882891ad2.json

@@ -0,0 +1,11 @@
+{
+  "id": "452f49b7-9c93-4a67-874d-27f882891ad2",
+  "title": "Untitled",
+  "content": "",
+  "folderId": null,
+  "tags": [],
+  "userId": "2421ad8e-060d-4548-8878-af7011d5e08b",
+  "wordCount": 0,
+  "createdAt": "2026-03-24T16:48:26.074Z",
+  "updatedAt": "2026-03-24T16:49:05.067Z"
+}

package/plugins/docs/data/documents/57e003f0-68f2-47dc-9c36-ed4b10ed3deb.json

@@ -0,0 +1,11 @@
+{
+  "id": "57e003f0-68f2-47dc-9c36-ed4b10ed3deb",
+  "title": "Untitled",
+  "content": "",
+  "folderId": null,
+  "tags": [],
+  "userId": "2421ad8e-060d-4548-8878-af7011d5e08b",
+  "wordCount": 0,
+  "createdAt": "2026-03-24T16:41:34.006Z",
+  "updatedAt": "2026-03-24T16:41:34.006Z"
+}

package/plugins/docs/data/folders.json

@@ -0,0 +1,9 @@
+[
+  {
+    "id": "262d8f8b-452c-49b7-82ae-e74edc13249e",
+    "name": "Test",
+    "parentId": null,
+    "userId": "2421ad8e-060d-4548-8878-af7011d5e08b",
+    "createdAt": "2026-03-24T16:49:14.093Z"
+  }
+]

package/plugins/docs/data/templates.json

@@ -0,0 +1 @@
+[]