domma-cms 0.2.1 → 0.3.0

package/admin/js/config/sidebar-config.js

@@ -1,115 +1 @@
-/**
- * Admin Sidebar Configuration
- * Role-aware — certain sections are only visible to privileged roles.
- *
- * @param {string|null} role   - Current user role: 'admin' | 'manager' | 'editor' | null
- * @param {object}      counts - Optional badge counts: { pages, media, users }
- * @param pluginItems
- * @returns {object[]}
- */
-export function getSidebarConfig(role, counts = {}, pluginItems = []) {
-  const isAdmin = role === 'admin';
-  const isManager = role === 'manager';
-  const canStructure = isAdmin || isManager;
-
-  const badge = (n) => (n != null && n > 0) ? String(n) : null;
-
-  const items = [];
-
-  items.push(
-    {heading: 'Overview'},
-    {id: 'dashboard', text: 'Dashboard', icon: 'home', url: '#/', section: '#/'},
-    {divider: true}
-  );
-
-  if (canStructure) {
-    items.push(
-      {heading: 'Structure'},
-      {id: 'navigation', text: 'Navigation', icon: 'menu', url: '#/navigation', section: '#/navigation'},
-      {id: 'layouts', text: 'Layouts', icon: 'layout', url: '#/layouts', section: '#/layouts'},
-      {divider: true}
-    )
-    ;
-  }
-
-  items.push(
-    {heading: 'Content'},
-    {id: 'pages', text: 'Pages', icon: 'file-text', url: '#/pages', section: '#/pages', badge: badge(counts.pages)},
-    {id: 'media', text: 'Media', icon: 'image', url: '#/media', section: '#/media', badge: badge(counts.media)}
-  );
-
-  if (canStructure) {
-    items.push(
-      {divider: true},
-      {heading: 'Data'},
-      {id: 'collections', text: 'Collections', icon: 'database', url: '#/collections', section: '#/collections', badge: badge(counts.collections)}
-    );
-  }
-
-  items.push(
-    {divider: true},
-    {heading: 'Configuration'}
-  );
-
-  if (canStructure) {
-    items.push(
-      {id: 'users', text: 'Users', icon: 'users', url: '#/users', section: '#/users', badge: badge(counts.users)},
-      {id: 'settings', text: 'Site Settings', icon: 'settings', url: '#/settings', section: '#/settings'}
-    );
-  }
-
-  items.push(
-    {divider: true},
-    {heading: 'Plugins'}
-  );
-
-  if (isAdmin) {
-    items.push(
-      {
-        id: 'plugins',
-        text: 'Plugins',
-        icon: 'package',
-        url: '#/plugins',
-        section: '#/plugins',
-        badge: badge(counts.plugins)
-      }
-    );
-    items.push(...pluginItems);
-  }
-
-  items.push(
-    {divider: true},
-    {heading: 'View Site'}
-  );
-
-  items.push(
-    {id: 'view-site', text: 'View Site', icon: 'external-link', url: '/', section: '/'}
-  );
-
-  items.push(
-    {divider: true},
-    {heading: 'Documentation'}
-  );
-
-  items.push(
-    {
-      id: 'documentation',
-      text: 'Usage',
-      icon: 'book',
-      url: '#/documentation',
-      section: '#/documentation',
-      badge: badge(counts.documents)
-    },
-    {
-      id: 'tutorials',
-      text: 'Tutorials',
-      icon: 'document',
-      url: '#/tutorials',
-      section: '#/documentation',
-      badge: badge(counts.tutorials)
-    }
-  );
-  // items.push(...pluginItems);
-
-  return items;
-}
+export function getSidebarConfig(a,e={},u=[]){const o=a==="admin",n=o||a==="manager",t=s=>s!=null&&s>0?String(s):null,i=[];return i.push({heading:"Overview"},{id:"dashboard",text:"Dashboard",icon:"home",url:"#/",section:"#/"},{divider:!0}),n&&i.push({heading:"Structure"},{id:"navigation",text:"Navigation",icon:"menu",url:"#/navigation",section:"#/navigation"},{id:"layouts",text:"Layouts",icon:"layout",url:"#/layouts",section:"#/layouts"},{divider:!0}),i.push({heading:"Content"},{id:"pages",text:"Pages",icon:"file-text",url:"#/pages",section:"#/pages",badge:t(e.pages)},{id:"media",text:"Media",icon:"image",url:"#/media",section:"#/media",badge:t(e.media)}),n&&i.push({divider:!0},{heading:"Data"},{id:"collections",text:"Collections",icon:"database",url:"#/collections",section:"#/collections",badge:t(e.collections)}),i.push({divider:!0},{heading:"Configuration"}),n&&i.push({id:"users",text:"Users",icon:"users",url:"#/users",section:"#/users",badge:t(e.users)},{id:"settings",text:"Site Settings",icon:"settings",url:"#/settings",section:"#/settings"}),i.push({divider:!0},{heading:"Plugins"}),o&&(i.push({id:"plugins",text:"Plugins",icon:"package",url:"#/plugins",section:"#/plugins",badge:t(e.plugins)}),i.push(...u)),i.push({divider:!0},{heading:"View Site"}),i.push({id:"view-site",text:"View Site",icon:"external-link",url:"/",section:"/"}),i.push({divider:!0},{heading:"Documentation"}),i.push({id:"documentation",text:"Usage",icon:"book",url:"#/documentation",section:"#/documentation",badge:t(e.documents)},{id:"tutorials",text:"Tutorials",icon:"document",url:"#/tutorials",section:"#/documentation",badge:t(e.tutorials)}),i}

package/admin/js/lib/card.js

@@ -1,63 +1 @@
-/**
- * Card Builder — admin utility for creating Domma-styled card elements.
- *
- * Usage:
- *   import { buildCard, wrapInCard } from '/admin/js/lib/card.js';
- *
- *   const card = buildCard({ title: 'My Card', content: '<p>Body</p>' });
- *   document.getElementById('container').appendChild(card);
- *
- *   // Or wrap an existing element
- *   wrapInCard(document.getElementById('my-table'), { title: 'Results' });
- */
-
-/**
- * Build a card element.
- *
- * @param {object}             [opts]
- * @param {string}             [opts.title]     - Card header title (omit for no header)
- * @param {string|HTMLElement} [opts.content]   - Body: HTML string (sanitised via Domma) or DOM element
- * @param {string}             [opts.className] - Extra classes on the outer card div (default: 'mb-4')
- * @param {string}             [opts.id]        - ID attribute on the outer card div
- * @returns {HTMLElement}
- */
-export function buildCard({ title = '', content = '', className = 'mb-4', id = '' } = {}) {
-    const card = document.createElement('div');
-    card.className = `card ${className}`.trim();
-    if (id) card.id = id;
-
-    if (title) {
-        const header = document.createElement('div');
-        header.className = 'card-header';
-        const h2 = document.createElement('h2');
-        h2.textContent = title;
-        header.appendChild(h2);
-        card.appendChild(header);
-    }
-
-    const body = document.createElement('div');
-    body.className = 'card-body';
-    if (content instanceof Node) {
-        body.appendChild(content);
-    } else if (typeof content === 'string' && content) {
-        // Use Domma's $(…).html() which passes content through DOMPurify
-        $(body).html(content);
-    }
-    card.appendChild(body);
-
-    return card;
-}
-
-/**
- * Wrap an existing DOM element in a card, replacing it in the DOM.
- *
- * @param {HTMLElement} element
- * @param {object}      [opts] - Same options as buildCard (excluding `content`)
- * @returns {HTMLElement} the card element
- */
-export function wrapInCard(element, opts = {}) {
-    const card = buildCard(opts);
-    element.parentNode?.insertBefore(card, element);
-    card.querySelector('.card-body').appendChild(element);
-    return card;
-}
+export function buildCard({title:d="",content:e="",className:a="mb-4",id:n=""}={}){const r=document.createElement("div");if(r.className=`card ${a}`.trim(),n&&(r.id=n),d){const c=document.createElement("div");c.className="card-header";const o=document.createElement("h2");o.textContent=d,c.appendChild(o),r.appendChild(c)}const t=document.createElement("div");return t.className="card-body",e instanceof Node?t.appendChild(e):typeof e=="string"&&e&&$(t).html(e),r.appendChild(t),r}export function wrapInCard(d,e={}){const a=buildCard(e);return d.parentNode?.insertBefore(a,d),a.querySelector(".card-body").appendChild(d),a}