@a83/orbiter-admin 0.3.9 → 0.3.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a83/orbiter-admin",
-  "version": "0.3.9",
+  "version": "0.3.11",
   "description": "Standalone admin server for Orbiter CMS",
   "type": "module",
   "main": "./src/server.js",

package/public/editor.html

@@ -101,15 +101,21 @@
     /* Status */
     .status-bar { display:flex; align-items:center; gap:8px; padding:8px 0; margin-bottom:10px; }
     .status-dot { width:7px; height:7px; border-radius:50%; flex-shrink:0; }
-    .status-dot.published { background:var(--jade); }
-    .status-dot.draft { background:var(--gold); }
+    .status-dot.published  { background:var(--jade); }
+    .status-dot.draft      { background:var(--gold); }
+    .status-dot.scheduled  { background:var(--accent); }
     .status-lbl { font-size:11px; }
-    .status-lbl.published { color:var(--jade); }
-    .status-lbl.draft { color:var(--gold); }
+    .status-lbl.published  { color:var(--jade); }
+    .status-lbl.draft      { color:var(--gold); }
+    .status-lbl.scheduled  { color:var(--accent); }
     .btn-publish { display:block; width:100%; padding:9px; background:var(--gold); border:none; color:var(--bg0); font-family:var(--mono); font-size:10px; letter-spacing:.12em; cursor:pointer; transition:background .15s; margin-bottom:5px; border-radius:var(--radius); }
     .btn-publish:hover { background:#7a5520; }
-    .btn-draft { display:block; width:100%; padding:8px; background:transparent; border:1px solid var(--line); color:var(--mid); font-family:var(--mono); font-size:10px; cursor:pointer; transition:all .12s; border-radius:var(--radius); }
+    .btn-draft { display:block; width:100%; padding:8px; background:transparent; border:1px solid var(--line); color:var(--mid); font-family:var(--mono); font-size:10px; cursor:pointer; transition:all .12s; border-radius:var(--radius); margin-bottom:5px; }
     .btn-draft:hover { border-color:var(--mid); color:var(--text); }
+    .btn-schedule { display:block; width:100%; padding:8px; background:transparent; border:1px solid var(--accent); color:var(--accent); font-family:var(--mono); font-size:10px; cursor:pointer; transition:all .12s; border-radius:var(--radius); margin-bottom:5px; }
+    .btn-schedule:hover { background:var(--accent-bg); }
+    .schedule-picker { display:none; gap:4px; margin-bottom:5px; }
+    .schedule-picker.open { display:flex; }
 
     /* Schema fields in sidebar */
     .field-input,.field-select { width:100%; background:var(--bg0); border:1px solid var(--line); padding:6px 8px; color:var(--heading); font-family:var(--mono); font-size:11px; outline:none; appearance:none; transition:border-color .15s; border-radius:var(--radius); box-sizing:border-box; }
@@ -539,8 +545,10 @@
 
     function renderMetaPanel() {
       const panel = document.getElementById('meta-panel');
-      const status = IS_NEW ? 'draft' : (entryData?.status ?? 'draft');
+      const status    = IS_NEW ? 'draft' : (entryData?.status ?? 'draft');
       const updatedAt = entryData?.updated_at;
+      const publishAt = entryData?.publish_at ?? null;
+      const publishAtInput = publishAt ? publishAt.replace(' ', 'T').slice(0, 16) : '';
 
       let fieldsHtml = '';
       const seoFields = {};
@@ -625,10 +633,11 @@
       }
 
       const versHtml = versionsData.slice(0,8).map((v,i)=>`
-        <div class="version-row">
+        <div class="version-row" data-vid="${v.id}">
           <div class="v-dot${i===0?' cur':''}"></div>
           <div class="v-hash">${v.id.slice(0,7)}</div>
           <div class="v-time">${new Date(v.created_at).toLocaleDateString()}</div>
+          ${i===0 ? '' : `<button class="btn-row v-restore-btn" data-vid="${v.id}" style="margin-left:auto;font-size:9px;padding:2px 6px">Restore</button>`}
         </div>
       `).join('');
 
@@ -653,10 +662,16 @@
         <div class="meta-section">
           <div class="status-bar">
             <div class="status-dot ${status}" id="status-dot"></div>
-            <div class="status-lbl ${status}" id="status-lbl">${status==='published'?'Published':'Draft'}</div>
+            <div class="status-lbl ${status}" id="status-lbl">${status==='published'?'Published':status==='scheduled'?'Scheduled':'Draft'}</div>
+            ${status==='scheduled'&&publishAt?`<span style="font-size:10px;color:var(--muted);margin-left:auto">${new Date(publishAt.replace(' ','T')).toLocaleDateString()}</span>`:''}
           </div>
-          <button type="button" class="btn-publish" id="btn-publish">Publish</button>
-          <button type="button" class="btn-draft"   id="btn-draft">Save as draft</button>
+          <button type="button" class="btn-publish" id="btn-publish">${status==='published'?'Republish':'Publish now'}</button>
+          <button type="button" class="btn-draft"   id="btn-draft">${status==='scheduled'?'Cancel schedule':'Save as draft'}</button>
+          <div class="schedule-picker${status==='scheduled'?' open':''}" id="schedule-picker">
+            <input type="datetime-local" class="field-input" id="publish-at-input" value="${publishAtInput}" style="flex:1;font-size:10px;padding:5px 8px;" />
+            <button type="button" id="btn-schedule-confirm" style="padding:5px 10px;background:var(--accent);border:none;color:var(--bg0);font-family:var(--mono);font-size:10px;cursor:pointer;border-radius:var(--radius);white-space:nowrap;">Set</button>
+          </div>
+          <button type="button" class="btn-schedule" id="btn-schedule">${status==='scheduled'?'Reschedule':'Schedule'}</button>
         </div>
         <div class="meta-section">
           <div class="meta-label">Details</div>
@@ -669,6 +684,7 @@
             <select class="field-select" id="status-select">
               <option value="draft"     ${status==='draft'     ?'selected':''}>Draft</option>
               <option value="published" ${status==='published' ?'selected':''}>Published</option>
+              <option value="scheduled" ${status==='scheduled' ?'selected':''}>Scheduled</option>
             </select>
           </div>
           ${updatedAt ? `<div class="meta-field"><div class="field-label">Modified</div><div class="field-readonly">${new Date(updatedAt).toLocaleDateString()}</div></div>` : ''}
@@ -729,9 +745,30 @@
         });
       });
 
-      // Publish / draft buttons
-      document.getElementById('btn-publish').addEventListener('click',()=>saveEntry('published'));
-      document.getElementById('btn-draft').addEventListener('click',()=>saveEntry('draft'));
+      // Publish / draft / schedule buttons
+      document.getElementById('btn-publish').addEventListener('click', () => saveEntry('published'));
+      document.getElementById('btn-draft').addEventListener('click',   () => saveEntry('draft'));
+      document.getElementById('btn-schedule').addEventListener('click', () => {
+        document.getElementById('schedule-picker').classList.toggle('open');
+      });
+      document.getElementById('btn-schedule-confirm').addEventListener('click', () => {
+        const val = document.getElementById('publish-at-input').value;
+        if (!val) { alert('Please select a date and time.'); return; }
+        saveEntry('scheduled');
+      });
+
+      // Version restore buttons
+      panel.querySelectorAll('.v-restore-btn').forEach(btn => {
+        btn.addEventListener('click', async () => {
+          if (!confirm('Restore this version? Current content will be overwritten.')) return;
+          const vid = btn.dataset.vid;
+          const targetSlug = currentSlug || SLUG;
+          const res = await fetch(`/api/collections/${COLLECTION}/entries/${targetSlug}/versions/${vid}/restore`, {
+            method: 'POST', credentials: 'include',
+          });
+          if (res.ok) { location.reload(); } else { alert('Restore failed.'); }
+        });
+      });
 
       // Slug input → slug preview
       document.getElementById('slug-input').addEventListener('input', e=>{
@@ -802,8 +839,15 @@
     function updateStatusUI(status) {
       document.getElementById('status-dot').className = 'status-dot ' + status;
       document.getElementById('status-lbl').className = 'status-lbl ' + status;
-      document.getElementById('status-lbl').textContent = status==='published'?'Published':'Draft';
-      document.getElementById('status-select').value = status;
+      document.getElementById('status-lbl').textContent = status === 'published' ? 'Published' : status === 'scheduled' ? 'Scheduled' : 'Draft';
+      const sel = document.getElementById('status-select');
+      if (sel) sel.value = status;
+      const publishBtn = document.getElementById('btn-publish');
+      const draftBtn   = document.getElementById('btn-draft');
+      const schedBtn   = document.getElementById('btn-schedule');
+      if (publishBtn) publishBtn.textContent = status === 'published' ? 'Republish' : 'Publish now';
+      if (draftBtn)   draftBtn.textContent   = status === 'scheduled' ? 'Cancel schedule' : 'Save as draft';
+      if (schedBtn)   schedBtn.textContent   = status === 'scheduled' ? 'Reschedule' : 'Schedule';
     }
 
     function renderTags(key) {
@@ -880,6 +924,14 @@
     let currentPath = location.pathname + location.search;
 
     async function saveEntry(status, isAutosave=false) {
+      // Resolve publish_at for scheduled entries
+      let publish_at = null;
+      if (status === 'scheduled') {
+        const raw = document.getElementById('publish-at-input')?.value;
+        if (!raw) { if (!isAutosave) alert('Please select a date and time.'); return; }
+        publish_at = raw.replace('T', ' ') + ':00';
+      }
+
       const title = document.getElementById('title-input').value;
       syncToHidden();
       const body = document.getElementById('body-input').value;
@@ -907,7 +959,7 @@
         const res = await fetch(`/api/collections/${COLLECTION}/entries`,{
           method:'POST', credentials:'include',
           headers:{'Content-Type':'application/json'},
-          body: JSON.stringify({ slug, data, status }),
+          body: JSON.stringify({ slug, data, status, publish_at }),
         });
         const json = await res.json();
         if (json.slug || json.id) {
@@ -926,7 +978,7 @@
         const res = await fetch(`/api/collections/${COLLECTION}/entries/${targetSlug}`,{
           method:'PUT', credentials:'include',
           headers:{'Content-Type':'application/json'},
-          body: JSON.stringify({ slug, data, status }),
+          body: JSON.stringify({ slug, data, status, publish_at }),
         });
         if (res.ok) {
           const json = await res.json();

package/public/entries.html

@@ -90,7 +90,11 @@
           <h1 class="page-title" id="page-title">Entries</h1>
           <p class="page-sub" id="page-sub"></p>
         </div>
-        <button class="btn btn-primary" id="new-btn" style="flex-shrink:0;margin-top:4px">+ New entry</button>
+        <div style="display:flex;gap:6px;align-items:center;flex-shrink:0;margin-top:4px">
+          <a id="export-btn" href="#" class="btn btn-ghost btn-sm" title="Export as CSV">↓ CSV</a>
+          <label class="btn btn-ghost btn-sm" style="cursor:pointer" title="Import from CSV">↑ CSV<input type="file" id="import-file" accept=".csv" style="display:none" /></label>
+          <button class="btn btn-primary" id="new-btn">+ New entry</button>
+        </div>
       </div>
 
       <!-- Filter + table glass card -->
@@ -100,6 +104,7 @@
           <button class="filter-tab active" data-status="">All</button>
           <button class="filter-tab" data-status="published">Published</button>
           <button class="filter-tab" data-status="draft">Drafts</button>
+          <button class="filter-tab" data-status="scheduled">Scheduled</button>
           <button class="filter-tab" data-status="trash" style="margin-left:auto">🗑 Trash</button>
         </div>
 
@@ -187,8 +192,9 @@
               const title   = e.data?.title || e.slug;
               const updated = e.updated_at ? e.updated_at.split(' ')[0] : '—';
               const deleted = e.deleted_at ? e.deleted_at.split(' ')[0] : '—';
-              const nextStatus = e.status === 'published' ? 'draft' : 'published';
-              const toggleLabel = e.status === 'published' ? 'Unpublish' : 'Publish';
+              const nextStatus  = e.status === 'published' ? 'draft' : 'published';
+              const toggleLabel = e.status === 'published' ? 'Unpublish' : e.status === 'scheduled' ? 'Publish now' : 'Publish';
+              const schedInfo   = e.status === 'scheduled' && e.publish_at ? ` · ${e.publish_at.split(' ')[0]}` : '';
               return `<tr data-slug="${e.slug}"${canSort ? ' draggable="true"' : ''}>
                 ${canSort ? `<td class="drag-col"><span class="drag-handle" title="Drag to reorder">⠿</span></td>` : ''}
                 <td class="cb-col"><input type="checkbox" class="row-cb" data-slug="${e.slug}" ${selected.has(e.slug) ? 'checked' : ''} /></td>
@@ -196,7 +202,7 @@
                   <div style="color:var(--heading);font-weight:500">${title}</div>
                   <div style="font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:2px">${e.slug}</div>
                 </td>
-                <td>${isTrash ? `<span style="font-family:var(--mono);font-size:11px;color:var(--muted)">${deleted}</span>` : `<span class="badge badge-${e.status}">${e.status}</span>`}</td>
+                <td>${isTrash ? `<span style="font-family:var(--mono);font-size:11px;color:var(--muted)">${deleted}</span>` : `<span class="badge badge-${e.status}">${e.status}${schedInfo}</span>`}</td>
                 <td style="font-family:var(--mono);font-size:11px;color:var(--muted)">${isTrash ? '' : updated}</td>
                 <td style="width:1%;white-space:nowrap">
                   <div class="row-actions">
@@ -364,6 +370,29 @@
       await bulkAction('permanent');
     });
 
+    // CSV Export
+    document.getElementById('export-btn').href = `/api/collections/${colId}/entries/export.csv`;
+
+    // CSV Import
+    document.getElementById('import-file').addEventListener('change', async e => {
+      const file = e.target.files[0];
+      if (!file) return;
+      const text = await file.text();
+      const res  = await fetch(`/api/collections/${colId}/entries/import.csv`, {
+        method: 'POST', credentials: 'include',
+        headers: { 'Content-Type': 'text/csv' },
+        body: text,
+      });
+      const json = await res.json();
+      if (res.ok) {
+        alert(`Import complete: ${json.created} created, ${json.updated} updated${json.skipped ? ', ' + json.skipped + ' skipped' : ''}.`);
+        renderEntries();
+      } else {
+        alert('Import failed: ' + (json.error ?? 'Unknown error'));
+      }
+      e.target.value = '';
+    });
+
     // New entry modal
     const overlay = document.getElementById('modal-overlay');
     document.getElementById('new-btn').addEventListener('click', () => {

package/public/style.css

@@ -936,8 +936,9 @@ td { padding: 10px 20px; font-size: 12px; color: var(--text); border-bottom: 1px
 tr:last-child td { border-bottom: none; }
 tr:hover td { background: var(--row-hover); }
 .badge { display: inline-block; font-size: 10px; font-family: var(--mono); padding: 2px 7px; border-radius: 2px; letter-spacing: 0.04em; }
-.badge-published { background: var(--jade-bg); color: var(--jade); }
-.badge-draft     { background: var(--gold-bg);  color: var(--gold); }
+.badge-published  { background: var(--jade-bg);   color: var(--jade); }
+.badge-draft      { background: var(--gold-bg);   color: var(--gold); }
+.badge-scheduled  { background: var(--accent-bg); color: var(--accent); }
 
 /* ── Buttons ─────────────────────────────────────── */
 .btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; font-size: 12px; font-family: var(--sans); border-radius: var(--radius); cursor: pointer; transition: all 0.12s; border: 1px solid transparent; font-weight: 400; letter-spacing: 0.01em; }

package/src/routes/entries.js

@@ -99,6 +99,8 @@ entryRoutes.put('/:collectionId/entries/:slug', async (c) => {
     db.logAudit(updated.id, username, 'publish');
   } else if (body.status === 'draft' && before?.status === 'published') {
     db.logAudit(updated.id, username, 'unpublish');
+  } else if (body.status === 'scheduled' && before?.status !== 'scheduled') {
+    db.logAudit(updated.id, username, 'schedule');
   } else {
     db.logAudit(updated.id, username, 'update');
   }
@@ -168,6 +170,92 @@ entryRoutes.get('/:collectionId/entries/:slug/versions', (c) => {
   return c.json(versions);
 });
 
+// POST /api/collections/:id/entries/:slug/versions/:versionId/restore
+entryRoutes.post('/:collectionId/entries/:slug/versions/:versionId/restore', (c) => {
+  const { collectionId, slug, versionId } = c.req.param();
+  const db    = openPod(c.get('podPath'));
+  const entry = db.getEntry(collectionId, slug);
+  if (!entry) { db.close(); return c.json({ error: 'Not found' }, 404); }
+  const ok = db.restoreVersion(entry.id, versionId);
+  if (ok) db.logAudit(entry.id, c.get('user')?.username ?? 'unknown', 'restore_version');
+  db.close();
+  if (!ok) return c.json({ error: 'Version not found' }, 404);
+  return c.json({ ok: true });
+});
+
+// GET /api/collections/:id/entries/export.csv
+entryRoutes.get('/:collectionId/entries/export.csv', (c) => {
+  const { collectionId } = c.req.param();
+  const db  = openPod(c.get('podPath'));
+  const col = db.getCollection(collectionId);
+  if (!col) { db.close(); return c.json({ error: 'Collection not found' }, 404); }
+  const entries = db.getEntries(collectionId);
+  const schema  = col.schema ? JSON.parse(col.schema) : {};
+  const fields  = Object.keys(schema);
+  const headers = ['slug', 'status', ...fields];
+  const csvEsc  = v => `"${String(v ?? '').replace(/"/g, '""')}"`;
+  const rows    = [headers.map(csvEsc).join(',')];
+  for (const e of entries) {
+    rows.push(headers.map(h => {
+      if (h === 'slug')   return csvEsc(e.slug);
+      if (h === 'status') return csvEsc(e.status);
+      const v = e.data[h];
+      return csvEsc(Array.isArray(v) ? v.join(';') : v);
+    }).join(','));
+  }
+  db.close();
+  return new Response(rows.join('\n'), {
+    headers: {
+      'Content-Type': 'text/csv; charset=utf-8',
+      'Content-Disposition': `attachment; filename="${collectionId}.csv"`,
+    },
+  });
+});
+
+// POST /api/collections/:id/entries/import.csv
+entryRoutes.post('/:collectionId/entries/import.csv', async (c) => {
+  const { collectionId } = c.req.param();
+  const db  = openPod(c.get('podPath'));
+  if (!db.getCollection(collectionId)) { db.close(); return c.json({ error: 'Collection not found' }, 404); }
+  const text    = await c.req.text();
+  const lines   = text.split(/\r?\n/).filter(Boolean);
+  if (lines.length < 2) { db.close(); return c.json({ error: 'Empty CSV' }, 400); }
+  const parseCsv = line => {
+    const cols = []; let cur = ''; let inQ = false;
+    for (let i = 0; i < line.length; i++) {
+      const ch = line[i];
+      if (ch === '"' && !inQ) { inQ = true; continue; }
+      if (ch === '"' && inQ && line[i+1] === '"') { cur += '"'; i++; continue; }
+      if (ch === '"' && inQ) { inQ = false; continue; }
+      if (ch === ',' && !inQ) { cols.push(cur); cur = ''; continue; }
+      cur += ch;
+    }
+    cols.push(cur);
+    return cols;
+  };
+  const headers = parseCsv(lines[0]);
+  let created = 0, updated = 0, skipped = 0;
+  for (const line of lines.slice(1)) {
+    const vals = parseCsv(line);
+    const row  = Object.fromEntries(headers.map((h, i) => [h, vals[i] ?? '']));
+    if (!row.slug) { skipped++; continue; }
+    const data   = {};
+    for (const h of headers.filter(h => h !== 'slug' && h !== 'status')) {
+      data[h] = row[h];
+    }
+    const status = ['draft','published'].includes(row.status) ? row.status : 'draft';
+    if (db.getEntry(collectionId, row.slug)) {
+      db.updateEntry(collectionId, row.slug, { slug: row.slug, data, status });
+      updated++;
+    } else {
+      db.createEntry(collectionId, row.slug, data, status);
+      created++;
+    }
+  }
+  db.close();
+  return c.json({ ok: true, created, updated, skipped });
+});
+
 // POST /api/collections/:id/entries/:slug/duplicate
 entryRoutes.post('/:collectionId/entries/:slug/duplicate', (c) => {
   const { collectionId, slug } = c.req.param();
@@ -186,12 +274,16 @@ entryRoutes.post('/:collectionId/entries/:slug/duplicate', (c) => {
 // PATCH /api/collections/:id/entries/:slug/status
 entryRoutes.patch('/:collectionId/entries/:slug/status', async (c) => {
   const { collectionId, slug } = c.req.param();
-  const { status } = await c.req.json();
-  if (!['draft', 'published'].includes(status)) return c.json({ error: 'Invalid status' }, 400);
+  const { status, publish_at } = await c.req.json();
+  if (!['draft', 'published', 'scheduled'].includes(status)) return c.json({ error: 'Invalid status' }, 400);
+  if (status === 'scheduled' && !publish_at) return c.json({ error: 'publish_at required for scheduled status' }, 400);
   const db    = openPod(c.get('podPath'));
   const entry = db.getEntry(collectionId, slug);
   if (!entry) { db.close(); return c.json({ error: 'Not found' }, 404); }
-  db.updateEntry(collectionId, slug, { slug, data: entry.data, status });
+  const pa = status === 'scheduled' ? publish_at : null;
+  db.updateEntry(collectionId, slug, { slug, data: entry.data, status, publish_at: pa });
+  const username = c.get('user')?.username ?? 'unknown';
+  if (status === 'scheduled') db.logAudit(entry.id, username, 'schedule');
   db.close();
   if (status === 'published') fireWebhook(c.get('podPath'));
   return c.json({ ok: true });

package/src/server.js

@@ -93,3 +93,24 @@ serve({ fetch: createApp(POD_PATH).fetch, port: PORT }, () => {
   console.log(`Orbiter Admin API  →  http://localhost:${PORT}`);
   console.log(`Pod: ${POD_PATH}`);
 });
+
+// Scheduled publishing — check every 60 s
+setInterval(() => {
+  try {
+    const db  = openPod(POD_PATH);
+    const due = db.getScheduledDue();
+    if (!due.length) { db.close(); return; }
+    const now = new Date().toISOString().replace('T', ' ').replace(/\.\d{3}Z$/, '');
+    for (const entry of due) {
+      db.db.prepare("UPDATE _entries SET status = 'published', publish_at = NULL, updated_at = ? WHERE id = ?").run(now, entry.id);
+      db.logAudit(entry.id, 'scheduler', 'publish');
+    }
+    const webhookUrl = db.getMeta('build.webhook_url') ?? '';
+    if (webhookUrl) db.setMeta('build.last_triggered', new Date().toISOString());
+    db.close();
+    console.log(`[scheduler] Published ${due.length} scheduled entr${due.length === 1 ? 'y' : 'ies'}`);
+    if (webhookUrl) fetch(webhookUrl, { method: 'POST' }).catch(() => {});
+  } catch (e) {
+    console.warn('[scheduler]', e.message);
+  }
+}, 60_000);