@a83/orbiter-admin 0.3.13 → 0.3.15

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@a83/orbiter-admin",
-  "version": "0.3.13",
+  "version": "0.3.15",
   "description": "Standalone admin server for Orbiter CMS",
   "type": "module",
   "main": "./src/server.js",
+  "bin": {
+    "orbiter-admin": "./src/cli.js"
+  },
   "scripts": {
-    "start": "node src/server.js",
-    "dev": "node --watch src/server.js"
+    "start": "node src/cli.js",
+    "dev": "node --watch src/cli.js"
   },
   "engines": {
     "node": ">=20.0.0"
@@ -29,6 +32,7 @@
     "@a83/orbiter-core": "^0.3.2",
     "@hono/node-server": "^1.14.4",
     "hono": "^4.7.11",
+    "nodemailer": "^8.0.10",
     "sharp": "^0.34.5"
   }
 }

package/public/build.html

@@ -61,7 +61,7 @@
       </div>
     </nav>
     <main class="main">
-      <div class="page-header">
+      <div class="page-header glass-card">
         <h1 class="page-title">Build</h1>
         <p class="page-sub" id="last-triggered"></p>
       </div>

package/public/collections.html

@@ -41,7 +41,7 @@
       </div>
     </nav>
     <main class="main">
-      <div class="page-header" style="display:flex;align-items:flex-start;justify-content:space-between">
+      <div class="page-header glass-card" style="display:flex;align-items:flex-start;justify-content:space-between">
         <div>
           <h1 class="page-title">Collections</h1>
           <p class="page-sub">All content types in this pod</p>

package/public/dashboard.html

@@ -205,7 +205,7 @@
 
       <!-- Workspace: Notes + To-do -->
       <div class="workspace glass-card">
-        <div class="ws-panel">
+        <div class="ws-panel" id="notes">
           <div class="ws-head">
             <div class="section-title">Notes</div>
             <div style="display:flex;align-items:center;gap:10px">
@@ -215,7 +215,7 @@
           </div>
           <textarea class="notes-area" id="notes-area" placeholder="Jot something down…"></textarea>
         </div>
-        <div class="ws-panel">
+        <div class="ws-panel" id="todos">
           <div class="ws-head">
             <div class="section-title">To-Do</div>
             <div style="display:flex;align-items:center;gap:10px">
@@ -236,7 +236,34 @@
         </div>
       </div>
 
-    
+  <script>
+    // Scroll to workspace panel when navigated via dock hash link
+    (function () {
+      var hash = location.hash;
+      if (hash === '#notes' || hash === '#todos') {
+        window.addEventListener('load', function () {
+          var target = document.getElementById(hash.slice(1));
+          if (target) {
+            setTimeout(function () {
+              var main = document.querySelector('.main');
+              if (main) {
+                main.scrollTo({ top: target.offsetTop - 60, behavior: 'smooth' });
+              } else {
+                target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+              }
+              if (hash === '#notes') {
+                var ta = document.getElementById('notes-area');
+                if (ta) ta.focus();
+              } else {
+                var inp = document.getElementById('todo-input');
+                if (inp) inp.focus();
+              }
+            }, 400);
+          }
+        });
+      }
+    })();
+  </script>
   <script type="module">
     // Auth
     const me = await fetch('/api/auth/me', { credentials: 'include' }).then(r => r.json()).catch(() => null);

package/public/editor.html

@@ -409,6 +409,9 @@
         <span class="logout" id="logout-btn">Sign out</span>
       </div>
     </header>
+    <div id="lock-banner" style="display:none;background:color-mix(in srgb,var(--gold) 12%,var(--bg2));border-bottom:1px solid color-mix(in srgb,var(--gold) 30%,transparent);padding:7px 20px;font-size:11px;color:var(--text);display:none;align-items:center;gap:8px;">
+      <span style="color:var(--gold);">⚠</span> <span id="lock-banner-msg"></span>
+    </div>
     <div class="editor-shell" id="editor-shell">
       <div class="editor-main" id="editor-main">
         <div id="saved-flash" style="display:none;" class="saved-flash">Entry saved</div>
@@ -517,6 +520,35 @@
 
     if (!colData) { location.replace('/collections.html'); }
 
+    // Entry locking — claim lock, warn if someone else is editing
+    let lockHeld = false;
+    let lockHeartbeat = null;
+    async function claimLock() {
+      if (IS_NEW) return;
+      const res = await fetch(`/api/locks/${COLLECTION}/${SLUG}`,{method:'POST',credentials:'include'}).catch(()=>null);
+      if (!res) return;
+      if (res.status === 409) {
+        const j = await res.json().catch(()=>({}));
+        const banner = document.getElementById('lock-banner');
+        document.getElementById('lock-banner-msg').textContent = `${j.by ?? 'Someone'} is currently editing this entry. Your changes may conflict.`;
+        banner.style.display = 'flex';
+        lockHeld = false;
+      } else {
+        lockHeld = true;
+      }
+    }
+    async function releaseLock() {
+      if (!lockHeld || IS_NEW) return;
+      lockHeld = false;
+      await fetch(`/api/locks/${COLLECTION}/${SLUG}`,{method:'DELETE',credentials:'include'}).catch(()=>{});
+    }
+    claimLock().then(()=>{
+      if (IS_NEW) return;
+      lockHeartbeat = setInterval(()=>fetch(`/api/locks/${COLLECTION}/${SLUG}`,{method:'POST',credentials:'include'}).catch(()=>{}), 60_000);
+    });
+    window.addEventListener('beforeunload', () => { if (lockHeld) releaseLock(); });
+    document.addEventListener('visibilitychange', () => { if (document.hidden && lockHeld) releaseLock(); });
+
     // Breadcrumb
     document.getElementById('back-to-col').textContent = colData.label;
     document.getElementById('back-to-col').href = `/entries.html?col=${COLLECTION}&label=${encodeURIComponent(colData.label)}`;

package/public/import.html

@@ -111,7 +111,7 @@
       </div>
     </nav>
     <main class="main">
-      <div class="page-header">
+      <div class="page-header glass-card">
         <h1 class="page-title">Import</h1>
       </div>
       <div class="import-wrap" id="import-root">

package/public/media.html

@@ -72,7 +72,7 @@
       </div>
     </nav>
     <main class="main">
-      <div class="page-header">
+      <div class="page-header glass-card">
         <h1 class="page-title">Media</h1>
         <p class="page-sub" id="media-count"></p>
       </div>

package/public/schema.html

@@ -390,9 +390,11 @@
         ${total>0?'<div class="delete-warn">Adding fields is non-destructive. Removing fields hides existing data but does not delete it.</div>':''}
         <div id="edit-field-rows" class="field-rows"></div>
         <div class="editor-actions">
-          <div style="display:flex;gap:10px;">
+          <div style="display:flex;gap:10px;flex-wrap:wrap;">
             <button class="btn btn-primary" id="btn-save-edit">Save</button>
             <button class="btn" id="btn-add-edit">+ Add field</button>
+            <button class="btn" id="btn-export-schema">↓ Export schema</button>
+            <label class="btn" style="cursor:pointer;">↑ Import schema<input type="file" id="import-schema-file" accept=".json" style="display:none"></label>
           </div>
           <button class="btn" id="btn-del-col" style="color:var(--red);border-color:var(--red);">Delete collection</button>
         </div>
@@ -401,6 +403,22 @@
       enableFieldDrag(rowsEl);
       Object.entries(schema).forEach(([k,f])=>addFieldRow(rowsEl,k,f.label??k,f.type??'string',!!f.required,(f.options??[]).join(', '),f.collection??'',f.multiple!==false));
       document.getElementById('btn-add-edit').addEventListener('click',()=>addFieldRow(rowsEl));
+      document.getElementById('btn-export-schema').addEventListener('click',()=>{
+        const blob=new Blob([JSON.stringify(serializeSchema(rowsEl),null,2)],{type:'application/json'});
+        const a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download=`${col.id}-schema.json`; a.click(); URL.revokeObjectURL(a.href);
+      });
+      document.getElementById('import-schema-file').addEventListener('change',e=>{
+        const file=e.target.files[0]; if (!file) return;
+        const reader=new FileReader();
+        reader.onload=ev=>{
+          try {
+            const s=JSON.parse(ev.target.result);
+            rowsEl.innerHTML='';
+            Object.entries(s).forEach(([k,f])=>addFieldRow(rowsEl,k,f.label??k,f.type??'string',!!f.required,(f.options??[]).join(', '),f.collection??'',f.multiple!==false));
+          } catch { alert('Invalid schema JSON'); }
+        };
+        reader.readAsText(file); e.target.value='';
+      });
       // Load existing preview URL for this collection
       fetch(`/api/meta/preview_url~${col.id}`,{credentials:'include'}).then(r=>r.json()).then(d=>{
         const inp=document.getElementById('edit-preview-url'); if(inp)inp.value=d.value??'';

package/public/settings.html

@@ -250,7 +250,7 @@
       </div>
     </nav>
     <main class="main">
-      <div class="page-header">
+      <div class="page-header glass-card">
         <h1 class="page-title">Settings</h1>
       </div>
       <div class="settings-wrap" id="settings-content">
@@ -449,6 +449,42 @@
           </div>
         </div>
 
+        <div class="settings-group">
+          <div class="group-header">Email notifications</div>
+          <div class="setting-row">
+            <div><div class="setting-label">SMTP host</div><div class="setting-desc">e.g. smtp.fastmail.com, smtp.gmail.com</div></div>
+            <input class="input" name="email.smtp_host" value="${get('email.smtp_host')||''}" placeholder="smtp.example.com" />
+          </div>
+          <div class="setting-row">
+            <div><div class="setting-label">SMTP port</div><div class="setting-desc">Usually 587 (STARTTLS) or 465 (SSL)</div></div>
+            <input class="input" name="email.smtp_port" type="number" value="${get('email.smtp_port')||'587'}" placeholder="587" style="max-width:100px" />
+          </div>
+          <div class="setting-row">
+            <div><div class="setting-label">SMTP username</div></div>
+            <input class="input" name="email.smtp_user" value="${get('email.smtp_user')||''}" placeholder="you@example.com" />
+          </div>
+          <div class="setting-row">
+            <div><div class="setting-label">SMTP password</div></div>
+            <input class="input" type="password" name="email.smtp_pass" value="${get('email.smtp_pass')||''}" placeholder="••••••••" />
+          </div>
+          <div class="setting-row">
+            <div><div class="setting-label">From address</div><div class="setting-desc">Defaults to SMTP username if blank</div></div>
+            <input class="input" name="email.smtp_from" value="${get('email.smtp_from')||''}" placeholder="Orbiter &lt;noreply@example.com&gt;" />
+          </div>
+          <div class="setting-row">
+            <div><div class="setting-label">Notify to</div><div class="setting-desc">Recipient email address for notifications</div></div>
+            <input class="input" name="email.notify_to" value="${get('email.notify_to')||''}" placeholder="admin@example.com" />
+          </div>
+          <div class="setting-row">
+            <div><div class="setting-label">Notify on publish</div><div class="setting-desc">Send email when an entry is published</div></div>
+            <input type="checkbox" name="email.notify_publish" value="1" ${get('email.notify_publish')==='1'?'checked':''} style="accent-color:var(--accent);width:14px;height:14px;" />
+          </div>
+          <div class="setting-row">
+            <div><div class="setting-label">Notify on comment</div><div class="setting-desc">Send email when a new comment is posted</div></div>
+            <input type="checkbox" name="email.notify_comment" value="1" ${get('email.notify_comment')==='1'?'checked':''} style="accent-color:var(--accent);width:14px;height:14px;" />
+          </div>
+        </div>
+
         <div class="save-row">
           <button type="submit" class="btn-save">Save settings</button>
         </div>
@@ -594,6 +630,26 @@
               <div class="theme-card-name">Glass</div>
               <div class="theme-card-sub">Glassmorphism · blur</div>
             </button>
+            <button class="style-card \${currentStyle==='xfce'?'active':''}" data-style="xfce">
+              <div class="style-preview sp-glass" style="position:relative;overflow:hidden;">
+                <div class="sp-orb sp-orb1"></div>
+                <div class="sp-orb sp-orb2"></div>
+                <div style="position:absolute;top:0;left:0;right:0;height:12%;background:color-mix(in srgb,var(--bg2) 60%,transparent);border-bottom:1px solid var(--line);"></div>
+                <div class="sp-body" style="margin:0;padding:8% 5% 25%;">
+                  <div class="sp-row sp-glass-panel"></div>
+                  <div class="sp-row sp-row-short sp-glass-panel"></div>
+                  <div class="sp-row sp-glass-panel"></div>
+                </div>
+                <div style="position:absolute;bottom:4%;left:50%;transform:translateX(-50%);background:color-mix(in srgb,var(--bg2) 60%,transparent);border:1px solid var(--accent);border-radius:8px;padding:3px 8px;display:flex;gap:4px;align-items:center;">
+                  <span style="width:6px;height:6px;background:var(--accent);border-radius:50%;display:block;"></span>
+                  <span style="width:6px;height:6px;background:var(--muted);border-radius:50%;display:block;"></span>
+                  <span style="width:6px;height:6px;background:var(--gold);border-radius:50%;display:block;"></span>
+                  <span style="width:6px;height:6px;background:var(--muted);border-radius:50%;display:block;"></span>
+                </div>
+              </div>
+              <div class="theme-card-name">Station</div>
+              <div class="theme-card-sub">Dock · no sidebar</div>
+            </button>
           </div>
         </div>
       </div>
@@ -668,9 +724,19 @@
         ['media.s3_access_key', fd.get('media.s3_access_key')],
         ['media.s3_secret_key', fd.get('media.s3_secret_key')],
         ['media.s3_public_url', fd.get('media.s3_public_url')],
-        ['api.enabled',         fd.get('api.enabled') ? '1' : '0'],
-        ['api.token',           fd.get('api.token')],
-        ['preview.token',       document.getElementById('preview-token-display').value || null],
+        ['api.enabled',              fd.get('api.enabled') ? '1' : '0'],
+        ['api.token',                fd.get('api.token')],
+        ['preview.token',            document.getElementById('preview-token-display').value || null],
+        ['media.img_max_width',      fd.get('media.img_max_width')],
+        ['media.img_quality',        fd.get('media.img_quality')],
+        ['email.smtp_host',          fd.get('email.smtp_host')],
+        ['email.smtp_port',          fd.get('email.smtp_port')],
+        ['email.smtp_user',          fd.get('email.smtp_user')],
+        ['email.smtp_pass',          fd.get('email.smtp_pass')],
+        ['email.smtp_from',          fd.get('email.smtp_from')],
+        ['email.notify_to',          fd.get('email.notify_to')],
+        ['email.notify_publish',     fd.get('email.notify_publish') ? '1' : '0'],
+        ['email.notify_comment',     fd.get('email.notify_comment') ? '1' : '0'],
       ]);
       showBanner('site-banner','banner-ok','Settings saved');
     });
@@ -733,9 +799,13 @@
         const s = btn.dataset.style;
         document.querySelectorAll('.style-card').forEach(b => b.classList.toggle('active', b.dataset.style === s));
         const root = document.documentElement;
-        if (s === 'glass') root.setAttribute('data-style', 'glass');
-        else root.removeAttribute('data-style');
+        root.removeAttribute('data-style');
+        if (s === 'glass' || s === 'xfce') root.setAttribute('data-style', s);
         localStorage.setItem('orb_style', s);
+        // xfce requires a reload to inject the dock
+        if (s === 'xfce' || document.documentElement.dataset.style === 'xfce') {
+          location.reload();
+        }
       });
     });
 

package/public/sidebar.js

@@ -1,7 +1,18 @@
 /**
  * sidebar.js — dynamically populates collection links + pod footer in every page.
  * Supports parent/child hierarchy (matching SidebarCollections.astro in the original).
+ * Also bootstraps xfce.js when orb_style === 'xfce'.
  */
+;(function () {
+  if (localStorage.getItem('orb_style') === 'xfce') {
+    var xs = document.createElement('script');
+    xs.src = '/xfce.js';
+    var cs = document.currentScript;
+    if (cs && cs.parentNode) cs.parentNode.insertBefore(xs, cs.nextSibling);
+    else document.head.appendChild(xs);
+  }
+})();
+
 (function () {
   document.addEventListener('DOMContentLoaded', function () {
     var params    = new URLSearchParams(location.search);