domma-cms 0.9.10 → 0.12.0

package/admin/js/views/plugin-marketplace.js

@@ -0,0 +1 @@
+import{api as i}from"../api.js";export const pluginMarketplaceView={templateUrl:"/admin/js/templates/plugin-marketplace.html",async onMount(e){const a=E.loader(e.get(0),{type:"dots"});let t;try{t=await i.marketplace.catalogue()}catch(n){E.toast(`Failed to load marketplace: ${n.message}`,{type:"error"}),a.destroy();return}if(a.destroy(),!t.available){e.find("#marketplace-unavailable").show();return}e.find("#marketplace-available").show(),b(e,t.catalogue),Domma.icons.scan()}};function b(e,a){const t=e.find("#marketplace-grid").get(0);if(t){for(;t.firstChild;)t.removeChild(t.firstChild);if(!a||a.length===0){const n=document.createElement("p");n.className="text-muted",n.textContent="No plugins available in the marketplace.",t.appendChild(n);return}a.forEach(n=>{const u=$(n,e);t.appendChild(u)})}}function U(e){if(!e||e===0||e==="0")return"Free";const a=parseFloat(e);return isNaN(a)||a===0?"Free":`\xA3${a.toFixed(2)}/mo`}function $(e,a){const{slug:t,version:n,displayName:u,description:w,price:D,entitled:x,installed:F}=e,s=document.createElement("div");s.className="card plugin-card",s.dataset.slug=t;const o=document.createElement("div");o.className="card-body";const c=document.createElement("div");c.className="plugin-header";const h=document.createElement("div");h.className="plugin-icon";const k=document.createElement("span");k.dataset.icon="package",h.appendChild(k);const d=document.createElement("div");d.className="plugin-meta";const g=document.createElement("div");g.className="plugin-name",g.textContent=u||t;const f=document.createElement("div");f.className="plugin-version",f.textContent=`v${n}`,d.appendChild(g),d.appendChild(f);const r=document.createElement("div");r.style.cssText="display:flex;gap:.35rem;align-items:center;";const C=document.createElement("span");if(C.className="badge badge-outline",C.textContent=U(D),r.appendChild(C),x){const N=document.createElement("span");N.className="badge badge-success",N.textContent="Entitled",r.appendChild(N)}c.appendChild(h),c.appendChild(d),c.appendChild(r);const v=document.createElement("p");v.className="plugin-desc",v.textContent=w||"",o.appendChild(c),o.appendChild(v);const m=document.createElement("div");m.className="plugin-footer";const p=document.createElement("span");p.className="text-muted",p.style.fontSize=".8rem",p.textContent="Restart server after changes",m.appendChild(p);const y=document.createElement("div");y.className="plugin-footer-actions";const l=document.createElement("button");return l.className="btn btn-sm",F?(l.className+=" btn-ghost",l.textContent="Uninstall",l.onclick=()=>R(t,a)):x?(l.className+=" btn-primary",l.textContent="Install",l.onclick=()=>I(t,n,a)):(l.className+=" btn-ghost",l.textContent="Not entitled",l.disabled=!0),y.appendChild(l),m.appendChild(y),s.appendChild(o),s.appendChild(m),s}async function I(e,a,t){if(await E.confirm(`Install ${e} v${a}?`))try{await i.marketplace.install(e,a),E.toast(`${e} installed. Restart the server to activate.`,{type:"success"});const n=await i.marketplace.catalogue();b(t,n.catalogue),Domma.icons.scan()}catch(n){E.toast(`Install failed: ${n.message}`,{type:"error"})}}async function R(e,a){if(await E.confirm(`Uninstall ${e}? This will remove its files.`))try{await i.marketplace.uninstall(e),E.toast(`${e} uninstalled. Restart to apply.`,{type:"success"});const t=await i.marketplace.catalogue();b(a,t.catalogue),Domma.icons.scan()}catch(t){E.toast(`Uninstall failed: ${t.message}`,{type:"error"})}}

package/admin/js/views/plugins.js

@@ -1,38 +1,38 @@
-import{api as r}from"../api.js";export const pluginsView={templateUrl:"/admin/js/templates/plugins.html",async onMount(o){const m=E.loader(o.get(0),{type:"dots"});let i=[];try{i=await r.plugins.list()}catch(e){E.toast(`Failed to load plugins: ${e.message}`,{type:"error"})}if(m.destroy(),!i.length){o.find("#plugins-empty").show();return}g(o,i),Domma.icons.scan()}};function g(o,m){const i=o.find("#plugins-grid").empty();m.forEach(e=>{const n=e.enabled?"badge-success":"badge-secondary",l=e.enabled?"Enabled":"Disabled",s=e.enabled?"Disable":"Enable",v=e.enabled?"btn-ghost":"btn-primary",c=e.bundled?"var(--dm-info,#2563eb)":"var(--dm-secondary,#6b7280)",u=e.bundled?"Bundled \u2014 click to unbundle":"Not bundled \u2014 click to bundle",t=`<button class="badge badge-outline btn-bundle-plugin" data-name="${e.name}" data-bundled="${e.bundled?"1":"0"}" title="${u}" style="font-size:0.65rem;padding:1px 6px;cursor:pointer;background:none;border:1px solid;color:${c};border-color:${c};">${e.bundled?"Bundled":"Unbundled"}</button>`,d=e.author?`by ${a(e.author)}`:"",p=e.date?a(e.date):"",b=`
+import{api as i}from"../api.js";import{pluginMarketplaceView as f}from"./plugin-marketplace.js";export const pluginsView={templateUrl:"/admin/js/templates/plugins.html",async onMount(l){let c=!1;l.find('[data-tab="marketplace"]').on("click",async function(){if(c)return;const a=l.find("#marketplace-mount");try{const s=await H.get(f.templateUrl),u=new DOMParser().parseFromString(s,"text/html");for(;u.body.firstChild;)a.get(0).appendChild(u.body.firstChild);await f.onMount(a),c=!0}catch{E.toast("Failed to load marketplace.",{type:"error"})}}),E.tabs(l.find("#plugin-tabs").get(0));const r=E.loader(l.get(0),{type:"dots"});let e=[];try{e=await i.plugins.list()}catch(a){E.toast(`Failed to load plugins: ${a.message}`,{type:"error"})}if(r.destroy(),!e.length){l.find("#plugins-empty").show();return}y(l,e),Domma.icons.scan()}};function y(l,c){const r=l.find("#plugins-grid").empty();c.forEach(e=>{const a=e.enabled?"badge-success":"badge-secondary",s=e.enabled?"Enabled":"Disabled",o=e.enabled?"Disable":"Enable",u=e.enabled?"btn-ghost":"btn-primary",m=e.bundled?"var(--dm-info,#2563eb)":"var(--dm-secondary,#6b7280)",p=e.bundled?"Bundled \u2014 click to unbundle":"Not bundled \u2014 click to bundle",t=`<button class="badge badge-outline btn-bundle-plugin" data-name="${e.name}" data-bundled="${e.bundled?"1":"0"}" title="${p}" style="font-size:0.65rem;padding:1px 6px;cursor:pointer;background:none;border:1px solid;color:${m};border-color:${m};">${e.bundled?"Bundled":"Unbundled"}</button>`,d=e.author?`by ${n(e.author)}`:"",g=e.date?n(e.date):"",b=`
             <div class="card plugin-card" data-plugin="${e.name}">
                 <div class="card-body">
                     <div class="plugin-header">
                         <div class="plugin-icon"><span data-icon="${e.icon||"package"}"></span></div>
                         <div class="plugin-meta">
-                            <div class="plugin-name">${a(e.displayName)}</div>
-                            <div class="plugin-version">v${a(e.version)}${d?` &middot; ${d}`:""}</div>
+                            <div class="plugin-name">${n(e.displayName)}</div>
+                            <div class="plugin-version">v${n(e.version)}${d?` &middot; ${d}`:""}</div>
                         </div>
                         <div style="display:flex;gap:.35rem;align-items:center;">
                             ${t}
-                            <span class="badge ${n}">${l}</span>
+                            <span class="badge ${a}">${s}</span>
                         </div>
                     </div>
-                    <p class="plugin-desc">${a(e.description)}</p>
-                    ${p?`<p class="plugin-date text-muted" style="font-size:.8rem;margin:0">Released ${p}</p>`:""}
+                    <p class="plugin-desc">${n(e.description)}</p>
+                    ${g?`<p class="plugin-date text-muted" style="font-size:.8rem;margin:0">Released ${g}</p>`:""}
                 </div>
                 <div class="plugin-footer">
                     <span class="text-muted" style="font-size:.8rem">Restart server after changes</span>
                     <div class="plugin-footer-actions">
                         ${e.settingsSchema?`<button class="btn btn-sm btn-ghost btn-plugin-settings" data-name="${e.name}">Settings</button>`:""}
-                        <button class="btn btn-sm ${v} btn-toggle-plugin"
+                        <button class="btn btn-sm ${u} btn-toggle-plugin"
                                 data-name="${e.name}"
                                 data-enabled="${e.enabled?"1":"0"}">
-                            ${s}
+                            ${o}
                         </button>
                     </div>
                 </div>
-            </div>`;i.append(b)}),Domma.icons.scan(),Domma.effects.reveal(".plugin-card",{animation:"fade",stagger:60,duration:400}),Domma.effects.ripple(".btn-toggle-plugin"),i.on("click",".btn-plugin-settings",async function(){const e=$(this).data("name"),n=m.find(t=>t.name===e);if(!n?.settingsSchema)return;const s=`<form id="plugin-settings-form">${n.settingsSchema.map(t=>{const d=n.settings?.[t.key]??t.default??"";if(t.type==="select"){const p=t.options.map(b=>`<option value="${a(b.value)}"${String(d)===String(b.value)?" selected":""}>${a(b.label)}</option>`).join("");return`<div class="form-group">
-                    <label class="form-label">${a(t.label)}</label>
-                    <select class="form-control" name="${a(t.key)}">${p}</select>
+            </div>`;r.append(b)}),Domma.icons.scan(),Domma.effects.reveal(".plugin-card",{animation:"fade",stagger:60,duration:400}),Domma.effects.ripple(".btn-toggle-plugin"),r.on("click",".btn-plugin-settings",async function(){const e=$(this).data("name"),a=c.find(t=>t.name===e);if(!a?.settingsSchema)return;const o=`<form id="plugin-settings-form">${a.settingsSchema.map(t=>{const d=a.settings?.[t.key]??t.default??"";if(t.type==="select"){const g=t.options.map(b=>`<option value="${n(b.value)}"${String(d)===String(b.value)?" selected":""}>${n(b.label)}</option>`).join("");return`<div class="form-group">
+                    <label class="form-label">${n(t.label)}</label>
+                    <select class="form-control" name="${n(t.key)}">${g}</select>
                 </div>`}return t.type==="number"?`<div class="form-group">
-                    <label class="form-label">${a(t.label)}</label>
-                    <input class="form-control" type="number" name="${a(t.key)}" value="${a(String(d))}"${t.min!=null?` min="${t.min}"`:""}${t.max!=null?` max="${t.max}"`:""}>
+                    <label class="form-label">${n(t.label)}</label>
+                    <input class="form-control" type="number" name="${n(t.key)}" value="${n(String(d))}"${t.min!=null?` min="${t.min}"`:""}${t.max!=null?` max="${t.max}"`:""}>
                 </div>`:`<div class="form-group">
-                <label class="form-label">${a(t.label)}</label>
-                <input class="form-control" type="text" name="${a(t.key)}" value="${a(String(d))}">
-            </div>`}).join("")}</form>`;if(!await E.confirm(s,{title:`${a(n.displayName)} Settings`,confirmText:"Save",cancelText:"Cancel",html:!0}))return;const c=document.getElementById("plugin-settings-form");if(!c)return;const u={};n.settingsSchema.forEach(t=>{const d=c.elements[t.key];d&&(u[t.key]=t.type==="number"?Number(d.value):d.value)});try{await r.plugins.update(e,{settings:u}),n.settings={...n.settings,...u},E.toast("Settings saved.",{type:"success"})}catch(t){E.toast(`Failed to save: ${t.message}`,{type:"error"})}}),i.on("click",".btn-bundle-plugin",async function(){const e=$(this),n=e.data("name"),l=e.data("bundled")!==1&&e.data("bundled")!=="1";e.prop("disabled",!0).text(l?"Bundling\u2026":"Unbundling\u2026");try{await r.plugins.update(n,{bundled:l}),E.toast(`Plugin ${l?"marked as bundled":"unbundled"}.`,{type:"success"});const s=await r.plugins.list();g(o,s)}catch(s){E.toast(`Failed: ${s.message}`,{type:"error"}),e.prop("disabled",!1)}}),i.on("click",".btn-toggle-plugin",async function(){const e=$(this),n=e.data("name"),l=e.data("enabled")!==1&&e.data("enabled")!=="1";e.prop("disabled",!0).text(l?"Enabling\u2026":"Disabling\u2026");try{await r.plugins.update(n,{enabled:l}),E.toast(`Plugin ${l?"enabled":"disabled"}. Restart the server to apply changes.`,{type:"success"});const s=await r.plugins.list();g(o,s)}catch(s){E.toast(`Failed: ${s.message}`,{type:"error"}),e.prop("disabled",!1)}})}function a(o){return String(o).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}
+                <label class="form-label">${n(t.label)}</label>
+                <input class="form-control" type="text" name="${n(t.key)}" value="${n(String(d))}">
+            </div>`}).join("")}</form>`;if(!await E.confirm(o,{title:`${n(a.displayName)} Settings`,confirmText:"Save",cancelText:"Cancel",html:!0}))return;const m=document.getElementById("plugin-settings-form");if(!m)return;const p={};a.settingsSchema.forEach(t=>{const d=m.elements[t.key];d&&(p[t.key]=t.type==="number"?Number(d.value):d.value)});try{await i.plugins.update(e,{settings:p}),a.settings={...a.settings,...p},E.toast("Settings saved.",{type:"success"})}catch(t){E.toast(`Failed to save: ${t.message}`,{type:"error"})}}),r.on("click",".btn-bundle-plugin",async function(){const e=$(this),a=e.data("name"),s=e.data("bundled")!==1&&e.data("bundled")!=="1";e.prop("disabled",!0).text(s?"Bundling\u2026":"Unbundling\u2026");try{await i.plugins.update(a,{bundled:s}),E.toast(`Plugin ${s?"marked as bundled":"unbundled"}.`,{type:"success"});const o=await i.plugins.list();y(l,o)}catch(o){E.toast(`Failed: ${o.message}`,{type:"error"}),e.prop("disabled",!1)}}),r.on("click",".btn-toggle-plugin",async function(){const e=$(this),a=e.data("name"),s=e.data("enabled")!==1&&e.data("enabled")!=="1";e.prop("disabled",!0).text(s?"Enabling\u2026":"Disabling\u2026");try{await i.plugins.update(a,{enabled:s}),E.toast(`Plugin ${s?"enabled":"disabled"}. Restart the server to apply changes.`,{type:"success"});const o=await i.plugins.list();y(l,o)}catch(o){E.toast(`Failed: ${o.message}`,{type:"error"}),e.prop("disabled",!1)}})}function n(l){return String(l).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}

package/config/navigation.json

@@ -1,9 +1,8 @@
 {
   "brand": {
-    "text": "Domma CMS",
-    "url": "/",
-    "icon": "home",
-    "size": "lg"
+    "text": "My Bloggy Thing",
+    "logo": null,
+    "url": "/"
   },
   "items": [
     {
@@ -16,78 +15,12 @@
       "url": "/about",
       "icon": "info"
     },
-    {
-      "text": "Blog",
-      "url": "/blog",
-      "icon": "book-open"
-    },
     {
       "text": "Contact",
       "url": "/contact",
       "icon": "mail"
-    },
-    {
-      "text": "Feedback",
-      "url": "/feedback",
-      "icon": "message-square"
-    },
-    {
-      "text": "Resources",
-      "url": "/resources",
-      "icon": "book-open",
-      "hidden": true,
-      "items": [
-        {
-          "text": "Overview",
-          "url": "/resources",
-          "icon": "grid"
-        },
-        {
-          "text": "Typography",
-          "url": "/resources/typography",
-          "icon": "type"
-        },
-        {
-          "text": "Grid System",
-          "url": "/resources/grid",
-          "icon": "layout"
-        },
-        {
-          "text": "Cards",
-          "url": "/resources/cards",
-          "icon": "credit-card"
-        },
-        {
-          "text": "Shortcode Reference",
-          "url": "/resources/shortcodes",
-          "icon": "code"
-        },
-        {
-          "text": "Effects",
-          "url": "/resources/effects",
-          "icon": "zap"
-        },
-        {
-          "text": "Interactive",
-          "url": "/resources/interactive",
-          "icon": "mouse-pointer"
-        }
-      ]
-    },
-    {
-      "text": "Scratch",
-      "url": "/scratch",
-      "icon": "home",
-      "hidden": true
     }
   ],
-  "variant": "transparent",
-  "position": "sticky",
-  "style": {
-    "fontFamily": "Roboto",
-    "fontSize": "16px",
-    "fontWeight": "400",
-    "letterSpacing": "0em",
-    "iconSize": "16px"
-  }
+  "variant": "dark",
+  "position": "sticky"
 }

package/config/plugins.json

@@ -1,31 +1,27 @@
 {
-  "theme-switcher": {
-    "enabled": false,
-    "settings": {},
-    "bundled": true
-  },
-  "contacts": {
+  "todo": {
     "enabled": true,
+    "bundled": true,
     "settings": {}
   },
-  "garage": {
+  "notes": {
     "enabled": true,
+    "bundled": true,
     "settings": {}
   },
-  "site-search": {
-    "enabled": false,
-    "settings": {}
-  },
-  "notes": {
+  "contacts": {
     "enabled": true,
+    "bundled": true,
     "settings": {}
   },
-  "todo": {
+  "site-search": {
     "enabled": true,
+    "bundled": true,
     "settings": {}
   },
-  "docs": {
+  "blog": {
     "enabled": true,
+    "bundled": false,
     "settings": {}
   }
 }

package/config/presets.json

@@ -1,30 +1,67 @@
 {
     "default": {
+      "key": "default",
         "label": "Default",
-        "description": "Standard page with navbar and footer",
+      "description": "Standard page with navbar and footer.",
+      "builtin": true,
         "navbar": true,
         "footer": true,
-      "sidebar": false
+      "sidebar": false,
+      "width": "normal",
+      "bgColor": "",
+      "bgImage": "",
+      "class": ""
+    },
+  "landing": {
+    "key": "landing",
+    "label": "Landing Page",
+    "description": "Full-width landing page with navbar, no footer.",
+    "builtin": true,
+    "navbar": true,
+    "footer": false,
+    "sidebar": false,
+    "width": "full",
+    "bgColor": "",
+    "bgImage": "",
+    "class": ""
+  },
+  "blank": {
+    "key": "blank",
+    "label": "Blank",
+    "description": "Minimal page with no navbar or footer.",
+    "builtin": true,
+    "navbar": false,
+    "footer": false,
+    "sidebar": false,
+    "width": "normal",
+    "bgColor": "",
+    "bgImage": "",
+    "class": ""
     },
     "with-sidebar": {
+      "key": "with-sidebar",
         "label": "With Sidebar",
-        "description": "Page with navbar, sidebar, and footer",
+      "description": "Page with navbar, sidebar, and footer.",
+      "builtin": false,
         "navbar": true,
         "footer": true,
-      "sidebar": true
+      "sidebar": true,
+      "width": "normal",
+      "bgColor": "",
+      "bgImage": "",
+      "class": ""
     },
     "minimal": {
+      "key": "minimal",
         "label": "Minimal",
-        "description": "Clean page with no navbar or footer",
+      "description": "Clean page with no navbar or footer.",
+      "builtin": false,
         "navbar": false,
         "footer": false,
-      "sidebar": false
-    },
-    "landing": {
-        "label": "Landing Page",
-        "description": "Full-width landing page layout",
-        "navbar": true,
-        "footer": true,
-      "sidebar": false
+      "sidebar": false,
+      "width": "normal",
+      "bgColor": "",
+      "bgImage": "",
+      "class": ""
     }
 }

package/config/site.json

@@ -1,27 +1,14 @@
 {
-  "title": "My Nice Little Super Blog!",
-  "tagline": "A nice little bloggy type thingy.",
-  "fontFamily": "Roboto",
-  "fontSize": 16,
-  "theme": "lemon-light",
-  "autoTheme": {
-    "enabled": false,
-    "dayTheme": "charcoal-light",
-    "nightTheme": "charcoal-dark",
-    "dayStart": "07:00",
-    "nightStart": "19:00"
-  },
-  "adminTheme": "charcoal-dark",
-  "layoutOptions": {
-    "spacerSize": 40
-  },
+  "title": "My Bloggy Thing",
+  "tagline": "This is the Domma CMS Testbed",
+  "theme": "charcoal-dark",
   "seo": {
-    "defaultTitle": "My Nice Little Super Blog!",
+    "defaultTitle": "My Bloggy Thing",
     "titleSeparator": " | ",
     "defaultDescription": "A site built with Domma CMS"
   },
   "footer": {
-    "copyright": "© 2026 DCBW Consulting Ltd",
+    "copyright": "© My Site. All rights reserved.",
     "links": [
       {
         "text": "Privacy Policy",
@@ -30,59 +17,20 @@
       {
         "text": "Contact",
         "url": "/contact"
-      },
-      {
-        "text": "GDPR",
-        "url": "/gdpr"
       }
     ]
   },
-  "social": {
-    "twitter": "",
-    "facebook": "",
-    "instagram": "",
-    "linkedin": "",
-    "github": "https://github.com/pinpointzero73/",
-    "youtube": ""
-  },
+  "social": {},
   "smtp": {
-    "host": "192.168.1.27",
-    "port": 1025,
+    "host": "",
+    "port": 587,
     "user": "",
     "pass": "",
     "secure": false,
-    "fromAddress": "noreply@dwit.uk",
-    "fromName": "My Big Boss Website"
-  },
-  "backToTop": {
-    "enabled": true,
-    "scrollThreshold": 180,
-    "position": "bottom-right",
-    "offset": 16,
-    "bottomOffset": 16,
-    "label": "",
-    "smooth": true
-  },
-  "cookieConsent": {
-    "enabled": true,
-    "message": "We use cookies to enhance your browsing experience, serve personalised content, and analyse our traffic. By clicking \"Accept All\", you consent to our use of cookies.",
-    "acceptAllText": "Accept All",
-    "rejectAllText": "Reject All",
-    "customizeText": "Customize",
-    "savePreferencesText": "Save Preferences",
-    "privacyPolicyText": "Privacy Policy",
-    "privacyPolicyUrl": "/privacy-policy",
-    "cookiePolicyText": "Cookie Policy",
-    "cookiePolicyUrl": "",
-    "position": "bottom",
-    "layout": "bar",
-    "theme": "dark",
-    "showFunctional": true,
-    "showAnalytics": true,
-    "showMarketing": true,
-    "consentVersion": "1.0"
+    "fromAddress": "",
+    "fromName": ""
   },
   "adminBrand": {
-    "title": "Domma Admin"
+    "title": "Domma CMS"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domma-cms",
-  "version": "0.9.10",
+  "version": "0.12.0",
   "description": "File-based CMS powered by Domma and Fastify. Run npx domma-cms my-site to create a new project.",
   "type": "module",
   "main": "server/server.js",
@@ -27,6 +27,7 @@
   ],
   "scripts": {
     "build": "node scripts/build.js",
+    "create-plugin": "node scripts/create-plugin.js",
     "delete-users": "node -e \"import('fs').then(({readdirSync,rmSync})=>{const d='content/users';readdirSync(d).filter(f=>f.endsWith('.json')).forEach(f=>{rmSync(d+'/'+f);console.log('deleted',f)})})\"",
     "start": "node server/server.js",
     "pm2:start": "pm2 start ecosystem.config.cjs --env production",

package/plugins/_template/admin/templates/index.html

@@ -0,0 +1,17 @@
+<div class="view-header d-flex justify-content-between align-items-center mb-4">
+    <div>
+        <h1 class="view-title">PLUGIN_DISPLAY_NAME</h1>
+        <p class="view-subtitle text-muted">Manage PLUGIN_DISPLAY_NAME.</p>
+    </div>
+    <div class="d-flex gap-2">
+        <button id="btn-new-item" class="btn btn-primary">
+            <span data-icon="plus"></span> New Item
+        </button>
+    </div>
+</div>
+
+<div class="card">
+    <div class="card-body">
+        <div id="items-table"></div>
+    </div>
+</div>

package/plugins/_template/admin/views/index.js

@@ -0,0 +1,19 @@
+/**
+ * PLUGIN_DISPLAY_NAME — admin view.
+ * Route: #/plugins/PLUGIN_SLUG
+ */
+export const indexView = {
+    templateUrl: '/plugins/PLUGIN_SLUG/admin/templates/index.html',
+
+    async onMount($container) {
+        // Your view logic here.
+        // Available globals: $, _, M, D, S, H, F, E, I, T, R
+        //
+        // Fetch data:    const data = await H.get('/api/plugins/PLUGIN_SLUG/items');
+        // Show toast:    E.toast('Saved!', { type: 'success' });
+        // Confirm:       if (!await E.confirm('Are you sure?')) return;
+        // Create table:  T.create(el, { data, columns: [...] });
+        // Create form:   F.create({ fields }, defaults, { showSubmitButton: false }).renderTo(el);
+        I.scan();
+    }
+};

package/plugins/_template/config.js

@@ -0,0 +1,8 @@
+/**
+ * PLUGIN_DISPLAY_NAME plugin — default configuration.
+ * Merged with user overrides from config/plugins.json.
+ */
+export default {
+    // Add your config keys and defaults here.
+    // Example: itemsPerPage: 20
+};

package/plugins/_template/plugin.js

@@ -0,0 +1,23 @@
+/**
+ * PLUGIN_DISPLAY_NAME plugin — server-side routes and lifecycle hooks.
+ */
+
+export default async function plugin(fastify, options) {
+    const { authenticate, requireAdmin } = options.auth;
+    const BASE = `/api/plugins/PLUGIN_SLUG`;
+
+    // Add your API routes here.
+    // Example:
+    // fastify.get(`${BASE}/items`, { preHandler: [authenticate] }, async (request, reply) => {
+    //     return { items: [] };
+    // });
+}
+
+export async function onEnable({ fastify, services }) {
+    // Called when the plugin is enabled via admin.
+    // Create collections, pages, or forms here if needed.
+}
+
+export async function onDisable({ fastify, services }) {
+    // Called when the plugin is disabled via admin.
+}

package/plugins/_template/plugin.json

@@ -0,0 +1,34 @@
+{
+  "name": "PLUGIN_SLUG",
+  "displayName": "PLUGIN_DISPLAY_NAME",
+  "version": "1.0.0",
+  "description": "PLUGIN_DESCRIPTION",
+  "author": "PLUGIN_AUTHOR",
+  "date": "PLUGIN_DATE",
+  "icon": "box",
+  "admin": {
+    "css": ["admin/css/index.css"],
+    "sidebar": [
+      {
+        "id": "PLUGIN_SLUG",
+        "text": "PLUGIN_DISPLAY_NAME",
+        "icon": "box",
+        "url": "#/plugins/PLUGIN_SLUG",
+        "section": "#/plugins/PLUGIN_SLUG"
+      }
+    ],
+    "routes": [
+      {
+        "path": "/plugins/PLUGIN_SLUG",
+        "view": "plugin-PLUGIN_SLUG",
+        "title": "PLUGIN_DISPLAY_NAME - Domma CMS"
+      }
+    ],
+    "views": {
+      "plugin-PLUGIN_SLUG": {
+        "entry": "PLUGIN_SLUG/admin/views/index.js",
+        "exportName": "indexView"
+      }
+    }
+  }
+}

package/plugins/analytics/plugin.json

@@ -1,35 +1,45 @@
 {
   "name": "analytics",
-    "displayName": "Analytics",
-    "version": "1.0.0",
-    "description": "Basic page view analytics. Tracks hits per page using a simple JSON store.",
-    "author": "Darryl Waterhouse",
-    "date": "2026-03-01",
-    "icon": "chart-bar",
-    "admin": {
-        "sidebar": [
-            { "id": "analytics", "text": "Analytics", "icon": "chart-bar", "url": "#/plugins/analytics", "section": "#/plugins/analytics" }
-        ],
-        "routes": [
-            { "path": "/plugins/analytics", "view": "plugin-analytics", "title": "Analytics - Domma CMS" }
-        ],
-        "views": {
-            "plugin-analytics": {
-              "entry": "analytics/admin/views/analytics.js",
-                "exportName": "analyticsView"
-            }
-        }
-    },
-    "inject": {
-        "head": "public/inject-head.html",
-        "bodyEnd": "public/inject-body.html"
-    },
-    "scaffold": {
-        "reset": [
-            {
-                "path": "stats.json",
-                "content": "{}"
-            }
-        ]
+  "displayName": "Analytics",
+  "version": "1.0.0",
+  "description": "Basic page view analytics. Tracks hits per page using a simple JSON store.",
+  "author": "Darryl Waterhouse",
+  "date": "2026-03-01",
+  "icon": "chart-bar",
+  "admin": {
+    "sidebar": [
+      {
+        "id": "analytics",
+        "text": "Analytics",
+        "icon": "chart-bar",
+        "url": "#/plugins/analytics",
+        "section": "#/plugins/analytics"
+      }
+    ],
+    "routes": [
+      {
+        "path": "/plugins/analytics",
+        "view": "plugin-analytics",
+        "title": "Analytics - Domma CMS"
+      }
+    ],
+    "views": {
+      "plugin-analytics": {
+        "entry": "analytics/admin/views/analytics.js?v=80339cdc",
+        "exportName": "analyticsView"
+      }
     }
+  },
+  "inject": {
+    "head": "public/inject-head.html",
+    "bodyEnd": "public/inject-body.html"
+  },
+  "scaffold": {
+    "reset": [
+      {
+        "path": "stats.json",
+        "content": "{}"
+      }
+    ]
+  }
 }

package/plugins/blog/admin/templates/blog.html

@@ -0,0 +1,22 @@
+<div class="view-header d-flex align-items-center justify-content-between mb-4">
+  <h1 class="h3 mb-0">Blog Posts</h1>
+  <button id="btn-new-post" class="btn btn-primary">
+    <span data-icon="plus"></span> New Post
+  </button>
+</div>
+
+<div class="card mb-3">
+  <div class="card-body">
+    <div class="d-flex gap-2 flex-wrap">
+      <select id="filter-status" class="form-select" style="width:auto;">
+        <option value="">All statuses</option>
+        <option value="draft">Draft</option>
+        <option value="scheduled">Scheduled</option>
+        <option value="published">Published</option>
+      </select>
+      <input id="filter-search" type="text" class="form-control" style="width:200px;" placeholder="Search posts…">
+    </div>
+  </div>
+</div>
+
+<div id="posts-table"></div>

package/plugins/blog/admin/templates/categories.html

@@ -0,0 +1,7 @@
+<div class="view-header d-flex align-items-center justify-content-between mb-4">
+  <h1 class="h3 mb-0">Blog Categories</h1>
+  <button id="btn-new-category" class="btn btn-primary">
+    <span data-icon="plus"></span> New Category
+  </button>
+</div>
+<div id="categories-table"></div>

package/plugins/blog/admin/templates/comments.html

@@ -0,0 +1,11 @@
+<div class="view-header mb-4">
+  <h1 class="h3 mb-0">Blog Comments</h1>
+</div>
+
+<div class="tab-list mb-3">
+  <button class="tab-item active" data-tab="pending">Pending</button>
+  <button class="tab-item" data-tab="approved">Approved</button>
+  <button class="tab-item" data-tab="spam">Spam</button>
+</div>
+
+<div id="comments-table"></div>