domma-cms 0.7.7 → 0.7.9

package/plugins/data-transfer/admin/views/data-transfer.js

@@ -1,558 +0,0 @@
-/**
- * Data Transfer Plugin — Admin View
- *
- * Three tabs: Transfer, Backups, Clone.
- * Uses raw adapter-level API for faithful bulk operations.
- *
- * Pattern: follows garage plugin conventions.
- *   - api()               — fetch wrapper with CMS Bearer token (same as garage)
- *   - registerIcons()     — registers arrow-left-right (not in Domma built-ins)
- *   - loadCollections()   — populates Transfer tab table
- *   - loadBackups()       — populates Backups tab table
- *   - wireClone()         — wires Clone tab form
- */
-
-const BASE = '/api/plugins/data-transfer';
-
-// ---------------------------------------------------------------------------
-// HTTP helper
-// ---------------------------------------------------------------------------
-
-/**
- * Authenticated fetch helper. Mirrors the garage plugin pattern exactly.
- *
- * @param {string} url
- * @param {string} [method]
- * @param {object} [body]
- * @returns {Promise<any>}
- */
-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);
-    }
-    return res.json();
-}
-
-// ---------------------------------------------------------------------------
-// Icons
-// ---------------------------------------------------------------------------
-
-/**
- * Register the arrow-left-right icon — two outward-pointing arrowheads joined
- * by a horizontal line.  Not in the Domma built-in set so registered here.
- */
-function registerIcons() {
-    try {
-        I.register('arrow-left-right', {
-            viewBox: '0 0 24 24',
-            path: 'M7 16 L3 12 L7 8 M3 12 L21 12 M17 8 L21 12 L17 16',
-            stroke: 'currentColor',
-            fill: 'none',
-            strokeWidth: 2,
-            strokeLinecap: 'round',
-            strokeLinejoin: 'round'
-        });
-    } catch {
-        // Already registered — safe to ignore on re-mount
-    }
-}
-
-// ---------------------------------------------------------------------------
-// Helpers
-// ---------------------------------------------------------------------------
-
-/**
- * Format an ISO backup ID (filesystem-safe) into a readable local datetime.
- *
- * @param {string} id - e.g. "2026-03-28T14-30-00.000Z"
- * @returns {string}
- */
-function formatBackupId(id) {
-    const iso = id.replace(/T(\d{2})-(\d{2})-(\d{2})/, 'T$1:$2:$3');
-    return new Date(iso).toLocaleString();
-}
-
-/**
- * Slugify a title string for the clone slug field.
- *
- * @param {string} title
- * @returns {string}
- */
-function slugify(title) {
-    return title.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
-}
-
-/**
- * Create a status badge element.
- *
- * @param {'ok'|'error'|'skipped'} status
- * @returns {HTMLElement}
- */
-function createStatusBadge(status) {
-    const map = {ok: 'badge-success', error: 'badge-danger', skipped: 'badge-secondary'};
-    const span = document.createElement('span');
-    span.className = `badge ${map[status] || 'badge-secondary'}`;
-    span.textContent = status;
-    return span;
-}
-
-/**
- * Create a small icon button element.
- *
- * @param {string} label
- * @param {string} iconName
- * @param {string} className
- * @returns {HTMLButtonElement}
- */
-function createIconBtn(label, iconName, className) {
-    const btn = document.createElement('button');
-    btn.className = className;
-    const icon = document.createElement('span');
-    icon.dataset.icon = iconName;
-    icon.style.cssText = 'width:12px;height:12px;';
-    btn.appendChild(icon);
-    if (label) {
-        btn.appendChild(document.createTextNode(` ${label}`));
-    }
-    return btn;
-}
-
-// ---------------------------------------------------------------------------
-// Transfer tab
-// ---------------------------------------------------------------------------
-
-/**
- * Load collections list and populate the transfer table.
- * Disables File→Mongo direction if MongoDB is not connected.
- *
- * @param {object} $container - Domma wrapper
- */
-async function loadCollections($container) {
-    let res;
-    try {
-        res = await api(`${BASE}/collections`);
-    } catch (err) {
-        const loading = $container.find('#dt-collections-loading').get(0);
-        loading.textContent = `Could not load collections: ${err.message}`;
-        loading.style.color = 'var(--dm-danger)';
-        return;
-    }
-
-    $container.find('#dt-collections-loading').hide();
-    $container.find('#dt-collections-wrap').show();
-
-    if (!res.mongoConnected) {
-        $container.find('#dt-mongo-warning').show();
-        $container.find('#dt-dir-ftm').get(0).disabled = true;
-        $container.find('#dt-dir-mtf').get(0).checked = true;
-    }
-
-    const tbody = $container.find('#dt-collections-body').get(0);
-    tbody.innerHTML = '';
-
-    for (const col of res.collections) {
-        const tr = document.createElement('tr');
-
-        const checkTd = document.createElement('td');
-        const check = document.createElement('input');
-        check.type = 'checkbox';
-        check.className = 'dt-col-check form-check-input';
-        check.dataset.slug = col.slug;
-        check.dataset.adapter = col.adapter;
-        checkTd.appendChild(check);
-
-        const titleTd = document.createElement('td');
-        titleTd.textContent = col.title;
-
-        const slugTd = document.createElement('td');
-        const code = document.createElement('code');
-        code.textContent = col.slug;
-        slugTd.appendChild(code);
-
-        const adapterTd = document.createElement('td');
-        const badge = document.createElement('span');
-        badge.className = 'badge badge-secondary';
-        badge.textContent = col.adapter;
-        adapterTd.appendChild(badge);
-
-        const countTd = document.createElement('td');
-        countTd.textContent = col.entryCount;
-
-        tr.appendChild(checkTd);
-        tr.appendChild(titleTd);
-        tr.appendChild(slugTd);
-        tr.appendChild(adapterTd);
-        tr.appendChild(countTd);
-        tbody.appendChild(tr);
-    }
-
-    // Populate clone source dropdown with the same data
-    const cloneSelect = $container.find('#dt-clone-source').get(0);
-    while (cloneSelect.options.length > 1) cloneSelect.remove(1);
-    for (const col of res.collections) {
-        const opt = document.createElement('option');
-        opt.value = col.slug;
-        opt.textContent = `${col.title} (${col.slug})`;
-        cloneSelect.appendChild(opt);
-    }
-
-    I.scan();
-}
-
-/**
- * Wire the select-all checkbox for the transfer table.
- *
- * @param {object} $container
- */
-function wireSelectAll($container) {
-    $container.find('#dt-select-all').get(0).addEventListener('change', function () {
-        const checked = this.checked;
-        $container.find('.dt-col-check').each(function () {
-            this.checked = checked;
-        });
-    });
-}
-
-/**
- * Execute bulk transfer for checked collections.
- *
- * @param {object} $container
- */
-async function executeTransfer($container) {
-    const checked = [];
-    $container.find('.dt-col-check').each(function () {
-        if (this.checked) checked.push(this.dataset.slug);
-    });
-
-    if (checked.length === 0) {
-        E.toast('Select at least one collection.', {type: 'warning'});
-        return;
-    }
-
-    const direction = $container.find('input[name="dt-direction"]:checked').val();
-    const btn = $container.find('#dt-transfer-btn').get(0);
-    btn.disabled = true;
-    btn.textContent = 'Transferring…';
-
-    try {
-        const res = await api(`${BASE}/transfer`, 'POST', {slugs: checked, direction});
-        renderTransferResults($container, res.results);
-        E.toast('Transfer complete.', {type: 'success'});
-        await loadCollections($container);
-    } catch (err) {
-        E.toast(`Transfer failed: ${err.message || 'Unknown error'}`, {type: 'error'});
-    } finally {
-        btn.disabled = false;
-        const icon = document.createElement('span');
-        icon.dataset.icon = 'arrow-left-right';
-        icon.style.cssText = 'width:14px;height:14px;';
-        btn.textContent = ' Transfer Selected';
-        btn.prepend(icon);
-        I.scan();
-    }
-}
-
-/**
- * Render per-collection transfer results below the table.
- *
- * @param {object} $container
- * @param {Array<object>} results
- */
-function renderTransferResults($container, results) {
-    const wrap = $container.find('#dt-transfer-results').get(0);
-    const body = $container.find('#dt-transfer-results-body').get(0);
-
-    body.textContent = '';
-
-    for (const r of results) {
-        const row = document.createElement('div');
-        row.style.cssText = 'display:flex;align-items:center;gap:0.75rem;padding:0.35rem 0;border-bottom:1px solid var(--dm-border);font-size:0.875rem;';
-
-        row.appendChild(createStatusBadge(r.status));
-
-        const slugCode = document.createElement('code');
-        slugCode.textContent = r.slug;
-        row.appendChild(slugCode);
-
-        const detail = document.createElement('span');
-        detail.style.color = 'var(--dm-text-muted)';
-        detail.textContent = r.count !== undefined
-            ? `${r.count} entries`
-            : (r.reason || r.error || '');
-        row.appendChild(detail);
-
-        body.appendChild(row);
-    }
-
-    wrap.style.display = 'block';
-}
-
-// ---------------------------------------------------------------------------
-// Backups tab
-// ---------------------------------------------------------------------------
-
-/**
- * Load and render the backups list.
- *
- * @param {object} $container
- */
-async function loadBackups($container) {
-    $container.find('#dt-backups-loading').show();
-    $container.find('#dt-backups-wrap').hide();
-
-    let res;
-    try {
-        res = await api(`${BASE}/backups`);
-    } catch (err) {
-        const loading = $container.find('#dt-backups-loading').get(0);
-        loading.textContent = `Could not load backups: ${err.message}`;
-        loading.style.color = 'var(--dm-danger)';
-        return;
-    }
-
-    $container.find('#dt-backups-loading').hide();
-    $container.find('#dt-backups-wrap').show();
-
-    const tbody = $container.find('#dt-backups-body').get(0);
-    const empty = $container.find('#dt-backups-empty').get(0);
-    tbody.textContent = '';
-
-    if (res.backups.length === 0) {
-        empty.style.display = '';
-        return;
-    }
-    empty.style.display = 'none';
-
-    for (const backup of res.backups) {
-        const tr = document.createElement('tr');
-        tr.dataset.backupId = backup.id;
-
-        const dateCell = document.createElement('td');
-        dateCell.textContent = formatBackupId(backup.id);
-
-        const colCell = document.createElement('td');
-        colCell.textContent = backup.collections.length;
-
-        const entryCell = document.createElement('td');
-        entryCell.textContent = backup.totalEntries;
-
-        const actionsCell = document.createElement('td');
-
-        const restoreBtn = createIconBtn('Restore', 'upload', 'btn btn-secondary btn-xs mr-1');
-        restoreBtn.addEventListener('click', () => promptRestore($container, backup));
-
-        const deleteBtn = createIconBtn('', 'trash', 'btn btn-danger btn-xs');
-        deleteBtn.addEventListener('click', () => deleteBackup($container, backup.id));
-
-        actionsCell.appendChild(restoreBtn);
-        actionsCell.appendChild(deleteBtn);
-
-        tr.appendChild(dateCell);
-        tr.appendChild(colCell);
-        tr.appendChild(entryCell);
-        tr.appendChild(actionsCell);
-        tbody.appendChild(tr);
-    }
-
-    I.scan();
-}
-
-/**
- * Prompt the user for restore mode then execute.
- *
- * TODO: Implement a richer restore mode selection UI here.
- *
- * The restore API accepts { mode: 'replace' | 'merge', slugs?: string[] }.
- *  - 'replace' clears existing entries before inserting — a clean, full restore.
- *  - 'merge'   appends backup entries alongside existing data — for partial restores.
- *
- * Your task: replace the E.confirm() below with a proper selection UI so the
- * admin can consciously choose between the two modes. Ideas:
- *   a) A modal with two distinct buttons ("Replace" / "Merge") instead of a
- *      single confirm — clearer intent, harder to misclick.
- *   b) A radio group inside an E.modal() followed by a single confirm button,
- *      which also lets you add a collection filter checklist.
- *   c) Two separate "Restore (Replace)" / "Restore (Merge)" action buttons
- *      per row in the backups table.
- *
- * Constraints:
- *   - Use E.confirm() or E.modal() — NOT window.confirm()
- *   - Call executeRestore($container, backup.id, mode) once the user confirms
- *   - mode must be the string 'replace' or 'merge'
- *
- * @param {object} $container
- * @param {object} backup - the backup manifest object
- */
-async function promptRestore($container, backup) {
-    // TODO: Replace with a mode-selection UI (see jsdoc above).
-    const confirmed = await E.confirm(
-        `Restore backup from ${formatBackupId(backup.id)}?\n\nThis uses REPLACE mode — existing entries in each restored collection will be cleared first.`
-    );
-    if (!confirmed) return;
-    await executeRestore($container, backup.id, 'replace');
-}
-
-/**
- * Execute a restore operation.
- *
- * @param {object} $container
- * @param {string} backupId
- * @param {'replace'|'merge'} mode
- * @param {string[]} [slugs] - optional subset of collections to restore
- */
-async function executeRestore($container, backupId, mode, slugs) {
-    try {
-        const body = {mode};
-        if (slugs) body.slugs = slugs;
-        const res = await api(`${BASE}/backups/${backupId}/restore`, 'POST', body);
-        const ok = res.results.filter(r => r.status === 'ok').length;
-        const errs = res.results.filter(r => r.status === 'error').length;
-        E.toast(
-            errs > 0
-                ? `Restored ${ok} collection(s), ${errs} error(s).`
-                : `Restored ${ok} collection(s) successfully.`,
-            {type: errs > 0 ? 'warning' : 'success'}
-        );
-    } catch (err) {
-        E.toast(`Restore failed: ${err.message || 'Unknown error'}`, {type: 'error'});
-    }
-}
-
-/**
- * Delete a backup after confirmation.
- *
- * @param {object} $container
- * @param {string} backupId
- */
-async function deleteBackup($container, backupId) {
-    const confirmed = await E.confirm(
-        `Delete backup from ${formatBackupId(backupId)}? This cannot be undone.`
-    );
-    if (!confirmed) return;
-
-    try {
-        await api(`${BASE}/backups/${backupId}`, 'DELETE');
-        E.toast('Backup deleted.', {type: 'success'});
-        await loadBackups($container);
-    } catch (err) {
-        E.toast(`Delete failed: ${err.message || 'Unknown error'}`, {type: 'error'});
-    }
-}
-
-// ---------------------------------------------------------------------------
-// Clone tab
-// ---------------------------------------------------------------------------
-
-/**
- * Wire the title → slug auto-generation and clone button.
- *
- * @param {object} $container
- */
-function wireClone($container) {
-    const titleInput = $container.find('#dt-clone-title').get(0);
-    const slugInput = $container.find('#dt-clone-slug').get(0);
-    let slugEdited = false;
-
-    titleInput.addEventListener('input', () => {
-        if (!slugEdited) slugInput.value = slugify(titleInput.value);
-    });
-    slugInput.addEventListener('input', () => {
-        slugEdited = !!slugInput.value;
-    });
-
-    $container.find('#dt-clone-btn').on('click', async () => {
-        const sourceSlug = $container.find('#dt-clone-source').val();
-        const newTitle = titleInput.value.trim();
-        const newSlug = slugInput.value.trim() || undefined;
-        const copyEntries = $container.find('#dt-clone-entries').get(0).checked;
-
-        if (!sourceSlug || !newTitle) {
-            E.toast('Choose a source collection and enter a title.', {type: 'warning'});
-            return;
-        }
-
-        const btn = $container.find('#dt-clone-btn').get(0);
-        btn.disabled = true;
-        btn.textContent = 'Cloning…';
-
-        try {
-            const res = await api(`${BASE}/clone`, 'POST', {sourceSlug, newTitle, newSlug, copyEntries});
-            E.toast(
-                copyEntries
-                    ? `Cloned to "${res.slug}" with ${res.copiedEntries} entries.`
-                    : `Cloned to "${res.slug}".`,
-                {type: 'success'}
-            );
-            $container.find('#dt-clone-source').val('');
-            titleInput.value = '';
-            slugInput.value = '';
-            slugEdited = false;
-            $container.find('#dt-clone-entries').get(0).checked = false;
-        } catch (err) {
-            E.toast(`Clone failed: ${err.message || 'Unknown error'}`, {type: 'error'});
-        } finally {
-            btn.disabled = false;
-            const icon = document.createElement('span');
-            icon.dataset.icon = 'copy';
-            icon.style.cssText = 'width:14px;height:14px;';
-            btn.textContent = ' Clone Collection';
-            btn.prepend(icon);
-            I.scan();
-        }
-    });
-}
-
-// ---------------------------------------------------------------------------
-// Mount
-// ---------------------------------------------------------------------------
-
-export const dataTransferView = {
-    templateUrl: '/plugins/data-transfer/admin/templates/data-transfer.html',
-
-    async onMount($container) {
-        registerIcons();
-        E.tabs($container.find('#dt-tabs').get(0));
-
-        // Transfer tab
-        wireSelectAll($container);
-        await loadCollections($container);
-        $container.find('#dt-transfer-btn').on('click', () => executeTransfer($container));
-
-        // Backups tab — pre-fetch and reload on tab switch
-        $container.find('[data-tab="backups"]').on('click', () => loadBackups($container));
-        loadBackups($container);
-
-        $container.find('#dt-create-backup-btn').on('click', async () => {
-            const btn = $container.find('#dt-create-backup-btn').get(0);
-            btn.disabled = true;
-            btn.textContent = 'Creating…';
-            try {
-                await api(`${BASE}/backups`, 'POST', {});
-                E.toast('Backup created.', {type: 'success'});
-                await loadBackups($container);
-            } catch (err) {
-                E.toast(`Backup failed: ${err.message || 'Unknown error'}`, {type: 'error'});
-            } finally {
-                btn.disabled = false;
-                const icon = document.createElement('span');
-                icon.dataset.icon = 'download';
-                icon.style.cssText = 'width:14px;height:14px;';
-                btn.textContent = ' Create Backup';
-                btn.prepend(icon);
-                I.scan();
-            }
-        });
-
-        // Clone tab
-        wireClone($container);
-
-        I.scan();
-    }
-};

package/plugins/data-transfer/config.js

@@ -1,9 +0,0 @@
-/**
- * Data Transfer Plugin — Default Configuration
- *
- * Override any of these via config/plugins.json under "data-transfer.settings".
- */
-export default {
-    /** Maximum number of backups to retain. Oldest are pruned automatically. */
-    maxBackups: 50
-};