domma-cms 0.73.0 → 0.75.0

package/server/services/views.js

@@ -475,3 +475,41 @@ export async function executeView(slug, {page = 1, limit = 25, user = null} = {}
         ? executeMongoView(view, { page, limit, user })
         : executeFileView(view, { page, limit, user });
 }
+
+/**
+ * The sidebar badge on Views (its countUrl, GET /api/views/_count): how many
+ * views, red when one reads from a collection that no longer exists - such a
+ * view errors on every page that shows it. Plain text: the popover sets it
+ * with textContent.
+ *
+ * @param {object[]} views
+ * @param {Set<string>} collectionSlugs - the collections that exist
+ * @returns {{count: number, label: string, tone: string, details: object}}
+ */
+export function viewsBadge(views = [], collectionSlugs = new Set()) {
+    const broken = views.filter(v => v.pipeline?.source && !collectionSlugs.has(v.pipeline.source));
+    const pub = views.filter(v => v.access?.public).length;
+    const n = views.length;
+    const ordered = [...broken, ...views.filter(v => !broken.includes(v))];
+    return {
+        count: n,
+        label: `${n} view${n === 1 ? '' : 's'}${broken.length ? `, ${broken.length} reading a missing collection` : ''}`,
+        tone: broken.length ? 'danger' : 'info',
+        details: {
+            title: 'Views',
+            rows: [
+                {label: 'Views', value: String(n)},
+                {label: 'Public', value: String(pub)},
+                {label: 'Missing source', value: String(broken.length), ...(broken.length && {tone: 'danger'})}
+            ],
+            items: ordered.slice(0, 8).map(v => ({
+                text: String(v.title || v.slug),
+                meta: broken.includes(v)
+                    ? `source "${v.pipeline.source}" is gone`
+                    : [v.pipeline?.source, v.display?.mode || 'table', v.access?.public ? 'public' : ''].filter(Boolean).join(' · '),
+                ...(broken.includes(v) && {tone: 'danger'})
+            })),
+            empty: 'No views yet.'
+        }
+    };
+}

package/admin/js/templates/project-editor.html

@@ -1,45 +0,0 @@
-<div class="page-header">
-    <h2><span data-icon="folder"></span> <span id="pe-title">Edit project</span></h2>
-    <div class="header-actions">
-        <a class="btn btn-secondary" href="#/projects"><span data-icon="arrow-left"></span> Back</a>
-        <button class="btn btn-primary" id="pe-save"><span data-icon="check"></span> Save</button>
-    </div>
-</div>
-
-<div class="card">
-    <div class="card-header">
-        <span data-icon="info"></span> Project details
-    </div>
-    <div class="card-body">
-        <div class="grid grid-cols-2 dm-pe-grid">
-            <div class="form-group">
-                <label for="pe-slug">Slug <span class="required">*</span></label>
-                <input type="text" id="pe-slug" name="slug" class="form-input" required>
-                <small class="form-hint">Lowercase alphanumeric + hyphen; immutable after create</small>
-            </div>
-            <div class="form-group">
-                <label for="pe-name">Name <span class="required">*</span></label>
-                <input type="text" id="pe-name" name="name" class="form-input" required>
-            </div>
-            <div class="form-group col-span-2">
-                <label for="pe-description">Description</label>
-                <textarea id="pe-description" name="description" class="form-input" rows="2"></textarea>
-            </div>
-            <div class="form-group">
-                <label for="pe-icon">Icon</label>
-                <div id="pe-icon-mount"></div>
-                <small class="form-hint">Click <code>⊞</code> to browse Domma icons; defaults to <code>folder</code></small>
-            </div>
-            <div class="form-group">
-                <label for="pe-rootUrl">Root URL</label>
-                <input type="text" id="pe-rootUrl" name="rootUrl" class="form-input" placeholder="/members">
-                <small class="form-hint">URL prefix for auto-inheritance (must start with /)</small>
-            </div>
-            <div class="form-group">
-                <label for="pe-sortOrder">Sort order</label>
-                <input type="number" id="pe-sortOrder" name="sortOrder" class="form-input" value="0">
-                <small class="form-hint">Lower = higher in the sidebar</small>
-            </div>
-        </div>
-    </div>
-</div>

package/admin/js/views/project-editor.js

@@ -1 +0,0 @@
-import{api as d}from"../api.js";import{makeIconInput as h}from"../lib/shortcode-modal.js";export const projectEditorView={templateUrl:"/admin/js/templates/project-editor.html",async onMount(t){const p=location.hash.match(/^#\/projects\/edit\/(.+)$/),i=p?decodeURIComponent(p[1]):null,s=!i;let e={slug:"",name:"",description:"",icon:"folder",rootUrl:"",sortOrder:0};if(!s){const o=E.loader(t.get(0),{type:"dots"});try{e=await d.projects.get(i)}catch(r){E.toast(`Failed to load project: ${r.message||r}`,{type:"error"}),location.hash="#/projects";return}finally{o.destroy()}}t.find("#pe-title").text(s?"New project":`Edit "${e.slug}"`);const l=t.find("#pe-slug"),n=t.find("#pe-name"),m=t.find("#pe-description"),u=t.find("#pe-rootUrl"),f=t.find("#pe-sortOrder");l.val(e.slug||""),n.val(e.name||""),m.val(e.description||""),u.val(e.rootUrl||""),f.val(e.sortOrder??0),s||l.prop("disabled",!0);const g=t.find("#pe-icon-mount").get(0),a=h("e.g. folder, users, box",e.icon||"folder");a.input.id="pe-icon",a.input.classList.add("form-input"),g.appendChild(a.el),Domma.icons.scan(t.get(0)),t.find("#pe-save").on("click",async()=>{const o={slug:l.val().trim(),name:n.val().trim(),description:m.val().trim(),icon:a.input.value.trim()||"folder",sortOrder:Number.parseInt(f.val(),10)||0},r=u.val().trim();r&&(o.rootUrl=r);try{if(s)await d.projects.create(o);else{const{slug:c,...v}=o;await d.projects.update(i,v)}E.toast("Saved.",{type:"success"}),location.hash="#/projects"}catch(c){E.toast(`Save failed: ${c.message||c}`,{type:"error"})}})}};