domma-cms 0.6.14 → 0.6.15

package/admin/js/templates/pages.html

@@ -1,6 +1,10 @@
 <div class="view-header">
     <h1><span data-icon="file-text"></span> Pages</h1>
-    <a href="#/pages/new" class="btn btn-primary"><span data-icon="plus"></span> New Page</a>
+    <div style="display:flex;gap:.5rem;align-items:center;margin-left:auto;">
+        <input id="pages-search" type="text" class="form-input form-input-sm" placeholder="Search pages…"
+               style="width:220px;">
+        <a href="#/pages/new" class="btn btn-primary"><span data-icon="plus"></span> New Page</a>
+    </div>
 </div>
 
 <div class="toolbar mb-3" style="display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;">

package/admin/js/views/pages.js

@@ -1,5 +1,5 @@
-import{api as d}from"../api.js";export const pagesView={templateUrl:"/admin/js/templates/pages.html",async onMount(e){const c=E.loader(e.get(0),{type:"dots"});let n=await d.pages.list().catch(()=>[]);c.destroy();const l=s=>{T.create("#pages-table",{data:s,columns:[{key:"title",title:"Title",render:(t,a)=>`<a href="#/pages/edit${a.urlPath}">${t}</a>`},{key:"urlPath",title:"URL",render:t=>`<code>${t}</code>`},{key:"layout",title:"Layout"},{key:"status",title:"Status",render:t=>`<span class="badge badge-${t==="published"?"success":"warning"}">${t}</span>`},{key:"tags",title:"Tags",render:t=>Array.isArray(t)&&t.length?t.map(a=>`<span class="badge badge-info badge-pill badge-sm">${a}</span>`).join(" "):"\u2014"},{key:"updatedAt",title:"Updated",render:t=>t?D(t).format("DD MMM YYYY"):"\u2014"},{key:"actions",title:"Actions",render:(t,a)=>`
+import{api as p}from"../api.js";export const pagesView={templateUrl:"/admin/js/templates/pages.html",async onMount(e){const c=E.loader(e.get(0),{type:"dots"});let i=await p.pages.list().catch(()=>[]);c.destroy();const l=s=>{T.create("#pages-table",{data:s,columns:[{key:"title",title:"Title",render:(t,a)=>`<a href="#/pages/edit${a.urlPath}">${t}</a>`},{key:"urlPath",title:"URL",render:t=>`<code>${t}</code>`},{key:"layout",title:"Layout"},{key:"status",title:"Status",render:t=>`<span class="badge badge-${t==="published"?"success":"warning"}">${t}</span>`},{key:"tags",title:"Tags",render:t=>Array.isArray(t)&&t.length?t.map(a=>`<span class="badge badge-info badge-pill badge-sm">${a}</span>`).join(" "):"\u2014"},{key:"updatedAt",title:"Updated",render:t=>t?D(t).format("DD MMM YYYY"):"\u2014"},{key:"actions",title:"Actions",render:(t,a)=>`
                             <a href="#/pages/edit${a.urlPath}" class="btn btn-sm btn-primary">Edit</a>
                             <a href="${a.urlPath}" target="_blank" class="btn btn-sm btn-ghost" data-tooltip="View"><span data-icon="external-link"></span></a>
                             <button class="btn btn-sm btn-danger btn-delete" data-path="${a.urlPath}">Delete</button>
-                        `}],emptyMessage:'No pages found. <a href="#/pages/new">Create one</a>.'}),Domma.icons.scan(),document.querySelectorAll("#pages-table [data-tooltip]").forEach(t=>{E.tooltip(t,{content:t.getAttribute("data-tooltip"),position:"top"})}),Domma.effects.reveal(".card",{animation:"fade",duration:350})};l(n);const p=s=>{const t=e.find("#pages-tree").empty().get(0);if(!s.length){t.textContent="No pages found.";return}const a=s.map(i=>{const r=i.urlPath.split("/").filter(Boolean),o=r.length>1?"/"+r.slice(0,-1).join("/"):null,g=o&&s.some(b=>b.urlPath===o);return{id:i.urlPath,parent_id:g?o:null,name:i.title||i.urlPath,icon:i.status==="published"?"check-circle":"file-text"}});E.treeView(t,{data:a,idKey:"id",parentKey:"parent_id",labelKey:"name",iconKey:"icon",expandedByDefault:!0,onSelect:i=>{R.navigate(`/pages/edit${i}`)}}),Domma.icons.scan(t)};e.find("#view-table-btn").on("click",function(){e.find("#pages-table").show(),e.find("#pages-tree").hide(),$(this).addClass("btn-primary").removeClass("btn-ghost"),e.find("#view-tree-btn").addClass("btn-ghost").removeClass("btn-primary")}),e.find("#view-tree-btn").on("click",function(){e.find("#pages-table").hide(),e.find("#pages-tree").show(),$(this).addClass("btn-primary").removeClass("btn-ghost"),e.find("#view-table-btn").addClass("btn-ghost").removeClass("btn-primary"),p(n)}),e.find("#view-table-btn, #view-tree-btn").each(function(){E.tooltip(this,{content:this.getAttribute("data-tooltip"),position:"top"})}),e.find("#status-filter").off("change").on("change",function(){const s=$(this).val(),t=s?n.filter(a=>a.status===s):n;l(t)}),e.off("click",".btn-delete").on("click",".btn-delete",async function(){const s=$(this).data("path");if(await E.confirm(`Delete page at <strong>${s}</strong>? This cannot be undone.`))try{await d.pages.delete(s),E.toast("Page deleted.",{type:"success"}),n=n.filter(a=>a.urlPath!==s),l(n)}catch{E.toast("Failed to delete page.",{type:"error"})}})}};
+                        `}],emptyMessage:'No pages found. <a href="#/pages/new">Create one</a>.'}),Domma.icons.scan(),document.querySelectorAll("#pages-table [data-tooltip]").forEach(t=>{E.tooltip(t,{content:t.getAttribute("data-tooltip"),position:"top"})}),Domma.effects.reveal(".card",{animation:"fade",duration:350})};l(i);const u=s=>{const t=e.find("#pages-tree").empty().get(0);if(!s.length){t.textContent="No pages found.";return}const a=s.map(n=>{const d=n.urlPath.split("/").filter(Boolean),r=d.length>1?"/"+d.slice(0,-1).join("/"):null,g=r&&s.some(f=>f.urlPath===r);return{id:n.urlPath,parent_id:g?r:null,name:n.title||n.urlPath,icon:n.status==="published"?"check-circle":"file-text"}});E.treeView(t,{data:a,idKey:"id",parentKey:"parent_id",labelKey:"name",iconKey:"icon",expandedByDefault:!0,onSelect:n=>{R.navigate(`/pages/edit${n}`)}}),Domma.icons.scan(t)};e.find("#view-table-btn").on("click",function(){e.find("#pages-table").show(),e.find("#pages-tree").hide(),$(this).addClass("btn-primary").removeClass("btn-ghost"),e.find("#view-tree-btn").addClass("btn-ghost").removeClass("btn-primary")}),e.find("#view-tree-btn").on("click",function(){e.find("#pages-table").hide(),e.find("#pages-tree").show(),$(this).addClass("btn-primary").removeClass("btn-ghost"),e.find("#view-table-btn").addClass("btn-ghost").removeClass("btn-primary"),u(i)}),e.find("#view-table-btn, #view-tree-btn").each(function(){E.tooltip(this,{content:this.getAttribute("data-tooltip"),position:"top"})});const o=()=>{const s=e.find("#status-filter").val(),t=e.find("#pages-search").val().toLowerCase().trim(),a=i.filter(n=>!(s&&n.status!==s||t&&!`${n.title} ${n.urlPath} ${(n.tags||[]).join(" ")}`.toLowerCase().includes(t)));l(a)};e.find("#status-filter").off("change").on("change",o),e.find("#pages-search").get(0).addEventListener("input",o),e.off("click",".btn-delete").on("click",".btn-delete",async function(){const s=$(this).data("path");if(await E.confirm(`Delete page at <strong>${s}</strong>? This cannot be undone.`))try{await p.pages.delete(s),E.toast("Page deleted.",{type:"success"}),i=i.filter(a=>a.urlPath!==s),l(i)}catch{E.toast("Failed to delete page.",{type:"error"})}})}};

package/config/plugins.json

@@ -9,7 +9,13 @@
   },
   "site-search": {
     "enabled": true,
-    "settings": {}
+    "settings": {
+      "placeholder": "Search",
+      "keyboardShortcut": false,
+      "maxResults": 10,
+      "minQueryLength": 2,
+      "debounceMs": 300
+    }
   },
   "domma-effects": {
     "enabled": true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domma-cms",
-  "version": "0.6.14",
+  "version": "0.6.15",
   "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",

package/plugins/analytics/stats.json

@@ -1,6 +1,6 @@
 {
-  "/": 140,
-  "/about": 71,
+  "/": 156,
+  "/about": 72,
   "/blog": 36,
   "/contact": 30,
   "/resources/typography": 4,
@@ -16,7 +16,7 @@
   "/resources/dependencies": 2,
   "/resources/components": 6,
   "/gdpr": 3,
-  "/scratch": 69,
+  "/scratch": 70,
   "/getting-started": 3,
   "/resources/pro": 1,
   "/todo": 23,

package/plugins/example-analytics/admin/templates/analytics.html

@@ -0,0 +1,10 @@
+<div class="view-header">
+    <h1><span data-icon="chart-bar"></span> Analytics</h1>
+    <button id="reset-btn" class="btn btn-ghost btn-sm">Reset stats</button>
+</div>
+
+<div class="card">
+    <div class="card-body">
+        <div id="analytics-table"></div>
+    </div>
+</div>

package/plugins/example-analytics/admin/views/analytics.js

@@ -0,0 +1,51 @@
+/**
+ * Analytics Plugin — Admin View
+ * Shows a sortable table of page hit counts.
+ * Loaded dynamically from /plugins/ static path.
+ */
+export const analyticsView = {
+    templateUrl: '/plugins/example-analytics/admin/templates/analytics.html',
+
+    async onMount($container) {
+        await loadStats($container);
+
+        $container.find('#reset-btn').on('click', async () => {
+            const confirmed = await E.confirm('Reset all analytics data? This cannot be undone.');
+            if (!confirmed) return;
+            try {
+                await fetch('/api/plugins/example-analytics/stats', {
+                    method: 'DELETE',
+                    headers: {'Authorization': 'Bearer ' + (S.get('auth_token') || '')}
+                });
+                E.toast('Analytics reset.', {type: 'success'});
+                await loadStats($container);
+            } catch {
+                E.toast('Reset failed.', {type: 'error'});
+            }
+        });
+
+        Domma.icons.scan();
+    }
+};
+
+async function loadStats($container) {
+    let stats = [];
+    try {
+        const res = await fetch('/api/plugins/example-analytics/stats', {
+            headers: {'Authorization': 'Bearer ' + (S.get('auth_token') || '')}
+        });
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        stats = await res.json();
+    } catch {
+        E.toast('Could not load analytics data.', {type: 'error'});
+    }
+
+    T.create('#analytics-table', {
+        data: stats,
+        columns: [
+            {key: 'url', title: 'Page URL', render: (val) => `<code>${val}</code>`},
+            {key: 'hits', title: 'Page views'}
+        ],
+        emptyMessage: 'No page views recorded yet.'
+    });
+}

package/plugins/example-analytics/config.js

@@ -0,0 +1,6 @@
+/**
+ * Example Analytics Plugin — Default Configuration
+ */
+export default {
+    excludeAdmin: true
+};

package/plugins/example-analytics/plugin.js

@@ -0,0 +1,58 @@
+/**
+ * Example Analytics Plugin — Server
+ * Tracks page hits in a JSON file alongside the plugin.
+ * Endpoints:
+ *   POST   /api/plugins/example-analytics/hit    - public: record a hit { url }
+ *   GET    /api/plugins/example-analytics/stats  - admin: return all hit counts
+ *   DELETE /api/plugins/example-analytics/stats  - admin: reset all stats
+ */
+import fs from 'fs/promises';
+import path from 'path';
+import {fileURLToPath} from 'url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const STATS_FILE = path.join(__dirname, 'stats.json');
+
+async function readStats() {
+    try {
+        return JSON.parse(await fs.readFile(STATS_FILE, 'utf8'));
+    } catch {
+        return {};
+    }
+}
+
+async function writeStats(stats) {
+    await fs.writeFile(STATS_FILE, JSON.stringify(stats, null, 2) + '\n', 'utf8');
+}
+
+export default async function analyticsPlugin(fastify, options) {
+    const {authenticate, requireAdmin} = options.auth;
+
+    // Record a page hit — called by the client-side injection script (public)
+    fastify.post('/hit', async (request, reply) => {
+        const {url} = request.body || {};
+        if (!url || typeof url !== 'string') {
+            return reply.status(400).send({error: 'url is required'});
+        }
+
+        const normalised = url.split('?')[0].replace(/\/$/, '') || '/';
+        const stats = await readStats();
+        stats[normalised] = (stats[normalised] || 0) + 1;
+        await writeStats(stats);
+        return {ok: true};
+    });
+
+    // Return all stats — admin only
+    fastify.get('/stats', {preHandler: [authenticate, requireAdmin]}, async () => {
+        const stats = await readStats();
+        return Object.entries(stats)
+            .map(([url, hits]) => ({url, hits}))
+            .sort((a, b) => b.hits - a.hits);
+    });
+
+    // Reset stats — admin only
+    fastify.delete('/stats', {preHandler: [authenticate, requireAdmin]}, async () => {
+        await writeStats({});
+        return {ok: true};
+    });
+}

package/plugins/example-analytics/plugin.json

@@ -0,0 +1,45 @@
+{
+  "name": "example-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": "example-analytics/admin/views/analytics.js",
+        "exportName": "analyticsView"
+      }
+    }
+  },
+  "inject": {
+    "head": "public/inject-head.html",
+    "bodyEnd": "public/inject-body.html"
+  },
+  "scaffold": {
+    "reset": [
+      {
+        "path": "stats.json",
+        "content": "{}"
+      }
+    ]
+  }
+}

package/plugins/example-analytics/public/inject-body.html

@@ -0,0 +1,14 @@
+<!-- example-analytics: page view tracker -->
+<script>
+    (function () {
+        var url = window.location.pathname;
+        if (typeof fetch === 'function') {
+            fetch('/api/plugins/example-analytics/hit', {
+                method: 'POST',
+                headers: {'Content-Type': 'application/json'},
+                body: JSON.stringify({url: url})
+            }).catch(function () { /* silent fail */
+            });
+        }
+    })();
+</script>

package/plugins/example-analytics/public/inject-head.html

@@ -0,0 +1 @@
+<!-- example-analytics: head injection (empty — tracking is done via body script) -->

package/plugins/example-analytics/stats.json

@@ -0,0 +1,24 @@
+{
+  "/": 138,
+  "/about": 71,
+  "/blog": 30,
+  "/contact": 30,
+  "/resources/typography": 4,
+  "/resources": 13,
+  "/resources/shortcodes": 14,
+  "/resources/cards": 15,
+  "/resources/interactive": 13,
+  "/resources/grid": 6,
+  "/forms": 14,
+  "/resources/effects": 6,
+  "/blog/hello-world": 20,
+  "/feedback": 38,
+  "/resources/dependencies": 2,
+  "/resources/components": 6,
+  "/gdpr": 3,
+  "/scratch": 51,
+  "/getting-started": 3,
+  "/resources/pro": 1,
+  "/todo": 23,
+  "/thank-you": 1
+}

package/plugins/form-builder/data/forms/contacts.json

@@ -0,0 +1,66 @@
+{
+  "slug": "contacts",
+  "title": "Contacts",
+  "description": "Contact Information",
+  "fields": [
+    {
+      "name": "full_name",
+      "type": "string",
+      "label": "Full Name",
+      "required": false,
+      "placeholder": "Full Name",
+      "helper": "Full Name",
+      "minLength": 8,
+      "maxLength": 255
+    },
+    {
+      "type": "spacer"
+    },
+    {
+      "name": "phone_number",
+      "type": "tel",
+      "label": "Phone Number",
+      "required": false,
+      "placeholder": "Phone Number",
+      "helper": "Primary Phone Number"
+    },
+    {
+      "type": "spacer"
+    },
+    {
+      "name": "email_address",
+      "type": "string",
+      "label": "Email Address",
+      "required": false,
+      "placeholder": "Email Address",
+      "helper": "Email Address",
+      "minLength": 8,
+      "maxLength": 255
+    }
+  ],
+  "settings": {
+    "submitText": "Submit",
+    "successMessage": "Thank you for your submission.",
+    "layout": "stacked",
+    "honeypot": true,
+    "rateLimitPerMinute": 3
+  },
+  "actions": {
+    "email": {
+      "enabled": false,
+      "recipients": "",
+      "subjectPrefix": "[Contacts]"
+    },
+    "webhook": {
+      "enabled": false,
+      "url": "",
+      "method": "POST"
+    },
+    "collection": {
+      "enabled": true,
+      "slug": "contacts"
+    }
+  },
+  "createdAt": "2026-03-17T12:35:44.569Z",
+  "updatedAt": "2026-03-17T12:35:44.569Z"
+}

package/plugins/form-builder/data/forms/enquiries.json

@@ -0,0 +1,103 @@
+{
+  "slug": "enquiries",
+  "title": "Enquiries",
+  "description": "Get in touch with us",
+  "fields": [
+    {
+      "name": "full_name",
+      "type": "string",
+      "label": "Full Name",
+      "required": true,
+      "placeholder": "Your full name",
+      "helper": "",
+      "validation": {
+        "min": 2,
+        "max": 100
+      }
+    },
+    {
+      "name": "email",
+      "type": "email",
+      "label": "Email Address",
+      "required": true,
+      "placeholder": "your@email.com",
+      "helper": ""
+    },
+    {
+      "name": "phone",
+      "type": "tel",
+      "label": "Phone Number",
+      "required": false,
+      "placeholder": "+44 7700 000000",
+      "helper": "Optional"
+    },
+    {
+      "name": "subject",
+      "type": "select",
+      "label": "Subject",
+      "required": true,
+      "placeholder": "Please select a subject",
+      "helper": "",
+      "options": [
+        {
+          "value": "general",
+          "label": "General Enquiry"
+        },
+        {
+          "value": "support",
+          "label": "Support"
+        },
+        {
+          "value": "sales",
+          "label": "Sales"
+        },
+        {
+          "value": "partnership",
+          "label": "Partnership"
+        },
+        {
+          "value": "other",
+          "label": "Other"
+        }
+      ]
+    },
+    {
+      "name": "message",
+      "type": "textarea",
+      "label": "Message",
+      "required": true,
+      "placeholder": "How can we help you?",
+      "helper": "",
+      "rows": 4,
+      "validation": {
+        "min": 10,
+        "max": 2000
+      }
+    }
+  ],
+  "settings": {
+    "submitText": "Send Message",
+    "successMessage": "Thanks for reaching out! We'll get back to you shortly.",
+    "layout": "stacked",
+    "honeypot": true,
+    "rateLimitPerMinute": 3
+  },
+  "actions": {
+    "email": {
+      "enabled": false,
+      "recipients": "",
+      "subjectPrefix": "[enquiries]"
+    },
+    "webhook": {
+      "enabled": false,
+      "url": "",
+      "method": "POST"
+    },
+    "collection": {
+      "enabled": true,
+      "slug": "enquiries"
+    }
+  },
+  "createdAt": "2026-03-17T12:35:44.569Z",
+  "updatedAt": "2026-03-17T12:35:44.569Z"
+}

package/plugins/form-builder/data/forms/feedback.json

@@ -0,0 +1,131 @@
+{
+  "slug": "feedback",
+  "title": "Feedback",
+  "description": "Share your feedback with us",
+  "fields": [
+    {
+      "name": "name",
+      "type": "string",
+      "label": "Your Name",
+      "required": true,
+      "placeholder": "Please enter your full name",
+      "helper": "Please enter your full name",
+      "validation": {
+        "min": 2,
+        "max": 100
+      }
+    },
+    {
+      "name": "email",
+      "type": "email",
+      "label": "Email Address",
+      "required": true,
+      "placeholder": "your@email.com",
+      "helper": "Please enter your email address"
+    },
+    {
+      "name": "rating",
+      "type": "select",
+      "label": "Overall Rating",
+      "required": true,
+      "helper": "Tell us how we are doing!",
+      "options": [
+        {
+          "value": "none",
+          "label": "Please Choose"
+        },
+        {
+          "value": "excellent",
+          "label": "Excellent"
+        },
+        {
+          "value": "good",
+          "label": "Good"
+        },
+        {
+          "value": "average",
+          "label": "Average"
+        },
+        {
+          "value": "poor",
+          "label": "Poor"
+        }
+      ]
+    },
+    {
+      "name": "category",
+      "type": "select",
+      "label": "Category",
+      "required": true,
+      "placeholder": "Please select a category",
+      "helper": "",
+      "options": [
+        {
+          "value": "general",
+          "label": "General"
+        },
+        {
+          "value": "bug-report",
+          "label": "Bug Report"
+        },
+        {
+          "value": "feature-request",
+          "label": "Feature Request"
+        },
+        {
+          "value": "praise",
+          "label": "Praise"
+        }
+      ]
+    },
+    {
+      "name": "subject",
+      "type": "string",
+      "label": "Subject",
+      "required": true,
+      "placeholder": "Brief summary of your feedback",
+      "helper": "",
+      "validation": {
+        "max": 200
+      }
+    },
+    {
+      "name": "message",
+      "type": "textarea",
+      "label": "Your Feedback",
+      "required": true,
+      "placeholder": "Please share your thoughts in detail…",
+      "helper": "Please share your thoughts in detail…",
+      "rows": 4,
+      "validation": {
+        "min": 10,
+        "max": 2000
+      }
+    }
+  ],
+  "settings": {
+    "submitText": "Submit Feedback",
+    "successMessage": "Thank you for your feedback! We appreciate you taking the time.",
+    "layout": "stacked",
+    "honeypot": true,
+    "rateLimitPerMinute": 3
+  },
+  "actions": {
+    "email": {
+      "enabled": true,
+      "recipients": "",
+      "subjectPrefix": "[feedback]"
+    },
+    "webhook": {
+      "enabled": false,
+      "url": "",
+      "method": "POST"
+    },
+    "collection": {
+      "enabled": true,
+      "slug": "feedback"
+    }
+  },
+  "createdAt": "2026-03-17T12:35:44.569Z",
+  "updatedAt": "2026-03-17T12:35:44.569Z"
+}

package/plugins/form-builder/data/forms/notes.json

@@ -0,0 +1,79 @@
+{
+  "slug": "notes",
+  "title": "Notes",
+  "description": "Free-form notes with categories and tags.",
+  "fields": [
+    {
+      "name": "title",
+      "type": "string",
+      "label": "Title",
+      "required": true,
+      "placeholder": "Note title"
+    },
+    {
+      "name": "content",
+      "type": "textarea",
+      "label": "Content",
+      "required": true,
+      "placeholder": "Write your note here…",
+      "rows": 5
+    },
+    {
+      "name": "category",
+      "type": "select",
+      "label": "Category",
+      "required": false,
+      "options": [
+        {
+          "value": "general",
+          "label": "General"
+        },
+        {
+          "value": "idea",
+          "label": "Idea"
+        },
+        {
+          "value": "reminder",
+          "label": "Reminder"
+        },
+        {
+          "value": "reference",
+          "label": "Reference"
+        }
+      ]
+    },
+    {
+      "name": "tags",
+      "type": "string",
+      "label": "Tags",
+      "required": false,
+      "placeholder": "Comma-separated tags",
+      "helper": "Separate tags with commas"
+    }
+  ],
+  "settings": {
+    "submitText": "Save Note",
+    "successMessage": "Note saved successfully.",
+    "layout": "stacked",
+    "honeypot": true,
+    "rateLimitPerMinute": 3
+  },
+  "actions": {
+    "email": {
+      "enabled": false,
+      "recipients": "",
+      "subjectPrefix": "[notes]"
+    },
+    "webhook": {
+      "enabled": false,
+      "url": "",
+      "method": "POST"
+    },
+    "collection": {
+      "enabled": true,
+      "slug": "notes"
+    }
+  },
+  "createdAt": "2026-03-17T12:35:44.569Z",
+  "updatedAt": "2026-03-17T12:35:44.569Z"
+}

package/plugins/form-builder/data/forms/to-do.json

@@ -0,0 +1,100 @@
+{
+  "slug": "to-do",
+  "title": "To-Do",
+  "description": "Task tracking with status, priority, and due dates.",
+  "fields": [
+    {
+      "name": "title",
+      "type": "string",
+      "label": "Title",
+      "required": true,
+      "placeholder": "Task title"
+    },
+    {
+      "name": "description",
+      "type": "textarea",
+      "label": "Description",
+      "required": false,
+      "placeholder": "Task details…",
+      "rows": 3
+    },
+    {
+      "name": "status",
+      "type": "select",
+      "label": "Status",
+      "required": true,
+      "options": [
+        {
+          "value": "pending",
+          "label": "Pending"
+        },
+        {
+          "value": "in-progress",
+          "label": "In Progress"
+        },
+        {
+          "value": "done",
+          "label": "Done"
+        }
+      ]
+    },
+    {
+      "name": "priority",
+      "type": "select",
+      "label": "Priority",
+      "required": false,
+      "options": [
+        {
+          "value": "low",
+          "label": "Low"
+        },
+        {
+          "value": "medium",
+          "label": "Medium"
+        },
+        {
+          "value": "high",
+          "label": "High"
+        }
+      ]
+    },
+    {
+      "name": "due_date",
+      "type": "date",
+      "label": "Due Date",
+      "required": false
+    },
+    {
+      "name": "assigned_to",
+      "type": "string",
+      "label": "Assigned To",
+      "required": false,
+      "placeholder": "Name or email"
+    }
+  ],
+  "settings": {
+    "submitText": "Add Task",
+    "successMessage": "Task added successfully.",
+    "layout": "stacked",
+    "honeypot": true,
+    "rateLimitPerMinute": 3
+  },
+  "actions": {
+    "email": {
+      "enabled": false,
+      "recipients": "",
+      "subjectPrefix": "[to-do]"
+    },
+    "webhook": {
+      "enabled": false,
+      "url": "",
+      "method": "POST"
+    },
+    "collection": {
+      "enabled": true,
+      "slug": "to-do"
+    }
+  },
+  "createdAt": "2026-03-17T12:35:44.569Z",
+  "updatedAt": "2026-03-17T12:35:44.569Z"
+}

package/plugins/form-builder/data/submissions/contacts.json

@@ -0,0 +1 @@
+[]

package/plugins/form-builder/data/submissions/enquiries.json

@@ -0,0 +1 @@
+[]

package/plugins/form-builder/data/submissions/feedback.json

@@ -0,0 +1 @@
+[]

package/plugins/form-builder/data/submissions/notes.json

@@ -0,0 +1 @@
+[]

package/plugins/form-builder/data/submissions/to-do.json

@@ -0,0 +1 @@
+[]

package/public/css/site.css

@@ -1 +1 @@
-body,button,input,select,textarea{font-family:Roboto,sans-serif}.site-main{min-height:calc(100vh - 60px);padding-top:2rem;padding-bottom:4rem}.site-main.with-sidebar{display:grid;grid-template-columns:260px 1fr;gap:0}.site-sidebar{min-height:100%;border-right:1px solid var(--border-color, rgba(255,255,255,.08))}.site-content{overflow:hidden}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.container{max-width:860px;margin:0 auto;padding:0 1.5rem}.page-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:1.5rem;line-height:1.2}.page-body{line-height:1.7;font-size:1rem}.page-body h1,.page-body h2,.page-body h3,.page-body h4{margin-top:2rem;margin-bottom:.75rem;font-weight:600}.page-body h2{font-size:clamp(1.2rem,3vw,1.5rem)}.page-body h3{font-size:clamp(1.1rem,2.5vw,1.25rem)}.page-body p{margin-bottom:1rem}.page-body ul,.page-body ol{margin-bottom:1rem;padding-left:1.5rem}.page-body a{color:var(--primary, #5b8cff)}.page-body a:hover{text-decoration:underline}.page-body code{font-family:Fira Code,Courier New,monospace;font-size:.9em;background:#ffffff0f;padding:.15em .35em;border-radius:3px}.page-body pre{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:1rem;overflow-x:auto;margin-bottom:1rem}.page-body pre code{background:none;padding:0}.page-body img{max-width:100%;border-radius:6px}.page-body blockquote{border-left:3px solid var(--primary, #5b8cff);margin:1.5rem 0;padding:.75rem 1rem;background:#5b8cff0f;border-radius:0 6px 6px 0}h3.accordion-header{margin:0}.accordion-button{all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;font:inherit}.page-body .card-header h2{margin:0;font-size:1rem;font-weight:600;line-height:1.4}.card[data-collapsible] .card-header{cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:space-between}.card[data-collapsible] .card-header:after{content:"\25be";font-size:1.1em;line-height:1;display:inline-block;transition:transform .25s ease;flex-shrink:0}.card[data-collapsible].is-collapsed .card-header:after{transform:rotate(-90deg)}.card[data-collapsible] .card-body{overflow:hidden;max-height:4000px;opacity:1;transition:max-height .3s ease,opacity .25s ease}.card[data-collapsible].is-collapsed .card-body{max-height:0;opacity:0}.navbar-link span[data-icon],.navbar-link svg,.navbar-dropdown-toggle span[data-icon],.navbar-dropdown-toggle svg,.navbar-dropdown-item span[data-icon],.navbar-dropdown-item svg{width:13px!important;height:13px!important;margin-right:10px!important}.navbar-dropdown-toggle{font-size:var(--dm-font-size-base)}@media(min-width:993px){.navbar-dropdown-toggle{font-size:var(--dm-font-size-sm)}}@media(min-width:1201px){.navbar-dropdown-toggle{font-size:var(--dm-font-size-xs)}}.dm-reduced-motion *,.dm-reduced-motion *:before,.dm-reduced-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.page-footer{border-top:1px solid var(--border-color, rgba(255,255,255,.08));padding:1.5rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-inner p{margin:0;color:var(--text-muted, #888);font-size:.875rem}.footer-links{display:flex;gap:1.25rem}.footer-links a{color:var(--text-muted, #888);font-size:.875rem;text-decoration:none}.footer-links a:hover{color:var(--text, #eee)}.footer-social{display:flex;gap:.5rem;align-items:center}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;color:var(--text-muted, #888);transition:color .15s}.footer-social-link:hover{color:var(--text, #eee)}.footer-social-link svg{width:1rem;height:1rem}.footer-motion-switch{font-size:.8rem;color:var(--text-muted, #888);white-space:nowrap}.footer-motion-switch .form-switch-label{color:var(--text-muted, #888)}.footer-motion-switch .form-switch-input{width:2rem;height:1.125rem}.footer-motion-switch .form-switch-input:after{width:.875rem;height:.875rem}.footer-motion-switch .form-switch-input:checked:after{transform:translate(.875rem)}.dm-slideover-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08));flex-shrink:0}.dm-slideover-title{margin:0;font-size:1rem;font-weight:600;line-height:1.4}.dm-slideover-body{padding:1.25rem;overflow-y:auto;flex:1}@media(max-width:768px){.site-main.with-sidebar{grid-template-columns:1fr}.site-sidebar{display:none}}.dm-spacer{display:block;width:100%}.hero-breakout{width:calc(100vw - 2rem);margin-left:calc(50% - 50vw + 1rem);margin-right:calc(50% - 50vw + 1rem)}.site-main:has(.page-body>.hero-breakout:first-child){padding-top:0}body[data-layout=landing]>.site-main{padding-top:0}body[data-layout=landing]>.site-main .container{max-width:none;padding:0}body[data-layout=landing] .page-body{padding-left:1.5rem;padding-right:1.5rem}body[data-layout=landing] .page-body>p,body[data-layout=landing] .page-body>h1,body[data-layout=landing] .page-body>h2,body[data-layout=landing] .page-body>h3,body[data-layout=landing] .page-body>ul,body[data-layout=landing] .page-body>ol,body[data-layout=landing] .page-body>blockquote{max-width:860px;margin-left:auto;margin-right:auto}body[data-layout=landing] .page-body .hero-breakout{width:calc(100% + 3rem);margin-left:-1.5rem;margin-right:-1.5rem}body[data-layout=landing] .page-body .grid-breakout{width:calc(100% + 3rem);margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}.page-body .card{transition:transform .2s ease,box-shadow .2s ease}.page-body .card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000059}.page-body .card-header-icon-inline{display:flex;align-items:center;gap:.6rem}.page-body .card-header-icon-inline [data-icon]{flex-shrink:0;line-height:0}.page-body .card-header-icon-inline [data-icon] svg,.page-body .card-header-icon-inline>svg{display:block;width:1.25rem;height:1.25rem}.page-body .card-header-icon-stacked{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding-top:.25rem}.page-body .card-header-icon-stacked [data-icon],.page-body .card-header-icon-stacked svg{width:2rem;height:2rem}.hero.hero-dark{background:linear-gradient(135deg,#1f2937,#111827);color:#e2e8f0}.hero .hero-content{position:relative;z-index:2}.hero.hero-left .hero-content{text-align:left;align-items:flex-start;max-width:62%}@media(max-width:768px){.hero.hero-left .hero-content{max-width:100%}}.hero .hero-cta{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.75rem}.hero .hero-cta a{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.35rem;border-radius:6px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.hero .hero-cta a:first-child{background:#ffffffeb;color:#111;border:1px solid transparent}.hero .hero-cta a:first-child:hover{background:#fff;box-shadow:0 4px 16px #00000040;transform:translateY(-2px)}.hero .hero-cta a:last-child{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.hero .hero-cta a:last-child:hover{border-color:#ffffffbf;background:#ffffff14;transform:translateY(-2px)}.hero .hero-label{display:inline-block;margin-bottom:.9rem;padding:.2rem .8rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#ffffffb3;border:1px solid rgba(255,255,255,.22)}.grid-breakout{width:calc(100vw - 2rem);margin-left:calc(50% - 50vw + 1rem);margin-right:calc(50% - 50vw + 1rem)}.dm-breadcrumbs{position:fixed;z-index:200;display:inline-flex;align-items:center;gap:.2rem;padding:.3rem .8rem;border-radius:999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#00000047;border:1px solid rgba(255,255,255,.11);box-shadow:0 2px 10px #00000038;font-size:.72rem;font-weight:500;letter-spacing:.01em;line-height:1.4;max-width:calc(100vw - 2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-breadcrumbs .dm-breadcrumbs-item{color:#ffffffa6}.dm-breadcrumbs .dm-breadcrumbs-link{display:inline-flex;align-items:center;gap:.25rem;color:#ffffff8c;text-decoration:none;transition:color .15s}.dm-breadcrumbs .dm-breadcrumbs-home-icon{flex-shrink:0;vertical-align:middle}.dm-breadcrumbs .dm-breadcrumbs-link:hover{color:#fffffff2}.dm-breadcrumbs .dm-breadcrumbs-current{color:#ffffffeb;font-weight:600}.dm-breadcrumbs .dm-breadcrumbs-separator{color:#ffffff47;font-size:.8em;line-height:1;margin:0 .05rem}[data-mode=light] .dm-breadcrumbs{background:#ffffff8c;border-color:#00000012;box-shadow:0 2px 10px #00000014}[data-mode=light] .dm-breadcrumbs .dm-breadcrumbs-item,[data-mode=light] .dm-breadcrumbs .dm-breadcrumbs-link{color:#0000008c}[data-mode=light] .dm-breadcrumbs .dm-breadcrumbs-link:hover{color:#000000e6}[data-mode=light] .dm-breadcrumbs .dm-breadcrumbs-current{color:#000000d9}[data-mode=light] .dm-breadcrumbs .dm-breadcrumbs-separator{color:#00000040}.dm-collection-display{margin:1.5rem 0}.dm-collection-list{display:flex;flex-direction:column;gap:0}.dm-collection-list-item{padding:1rem 0;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08))}.dm-collection-list-item:last-child{border-bottom:none}.dm-collection-list-item strong{display:block;font-size:1rem;margin-bottom:.25rem}.dm-collection-list-item p{margin:0;color:var(--text-muted, #888);font-size:.9rem}.dm-collection-empty p{color:var(--text-muted, #888);font-style:italic}.hero-gradient-purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#1e1b4b}.hero-gradient-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a5f}.hero-gradient-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#064e3b}.hero-gradient-sunset{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#78350f}.hero-gradient-ocean{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0c4a6e}.hero-gradient-rose{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#831843}.hero-gradient-forest{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#14532d}.hero-gradient-night{background:linear-gradient(135deg,#334155,#1e293b);color:#e2e8f0}.hero-gradient-ocean-light{background:linear-gradient(135deg,#e0f2fe,#caf0f8);color:#1e293b}.hero-gradient-ocean-dark{background:linear-gradient(135deg,#0c4a6e,#164e63);color:#e2e8f0}.hero-gradient-forest-light{background:linear-gradient(135deg,#d1fae5,#c6f6dc);color:#1e293b}.hero-gradient-forest-dark{background:linear-gradient(135deg,#1a4731,#166534);color:#e2e8f0}.hero-gradient-sunset-light{background:linear-gradient(135deg,#fde8d8,#fddcc9);color:#1e293b}.hero-gradient-sunset-dark{background:linear-gradient(135deg,#6b3727,#7c4036);color:#f5ede8}.hero-gradient-royal-light{background:linear-gradient(135deg,#e8f0fd,#dce8fc);color:#1e293b}.hero-gradient-royal-dark{background:linear-gradient(135deg,#1e3465,#263d7a);color:#e2e8f0}.hero-gradient-lemon-light{background:linear-gradient(135deg,#fefce8,#fef9c3);color:#1e293b}.hero-gradient-lemon-dark{background:linear-gradient(135deg,#5c4d1a,#6b5920);color:#fefce8}.hero-gradient-silver-light{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b}.hero-gradient-silver-dark{background:linear-gradient(135deg,#2d3748,#374151);color:#e2e8f0}.hero-gradient-charcoal-light{background:linear-gradient(135deg,#eceff1,#e1e7eb);color:#1e293b}.hero-gradient-charcoal-dark{background:linear-gradient(135deg,#2c3843,#374451);color:#e2e8f0}.hero-gradient-christmas-light{background:linear-gradient(135deg,#fde8ea,#fdd5d8);color:#1e293b}.hero-gradient-christmas-dark{background:linear-gradient(135deg,#5c0f1d,#7a1525);color:#fde8ea}.hero-gradient-unicorn-light{background:linear-gradient(135deg,#f5e8fd,#edd6fb);color:#1e293b}.hero-gradient-unicorn-dark{background:linear-gradient(135deg,#3d1a5a,#4a2068);color:#f5e8fd}.hero-gradient-dreamy-light{background:linear-gradient(135deg,#f5ede8,#eeddd4);color:#1e293b}.hero-gradient-dreamy-dark{background:linear-gradient(135deg,#3d2820,#503328);color:#f5ede8}.hero-gradient-grayve-light{background:linear-gradient(135deg,#e0f7f9,#cbf2f5);color:#1e293b}.hero-gradient-grayve-dark{background:linear-gradient(135deg,#00363d,#00444d);color:#e0f7f9}.hero-gradient-mint-light{background:linear-gradient(135deg,#d8f5ea,#c5efdd);color:#1e293b}.hero-gradient-mint-dark{background:linear-gradient(135deg,#134d33,#195f3f);color:#d8f5ea}.hero-gradient-wedding-light{background:linear-gradient(135deg,#faf3e0,#f5e9c7);color:#1e293b}.hero-gradient-wedding-dark{background:linear-gradient(135deg,#5c4418,#6f5320);color:#faf3e0}.tabs-centered{text-align:center}.tabs-centered .tab-list{display:inline-flex}.tabs-centered .tab-content{text-align:left}.site-main{overflow-x:hidden}@media(max-width:768px){.hero .hero-cta a,.dm-so-trigger,.dm-cta-trigger{min-height:44px;padding:.6rem 1.25rem}}
+body,button,input,select,textarea{font-family:Roboto,sans-serif}.navbar-actions{order:4;margin-left:auto;display:flex;align-items:center;gap:.5rem}.navbar-dark .navbar-actions{color:var(--dm-text-inverse, rgba(255, 255, 255, .85))}.navbar-dark .site-search-shortcut-hint{color:#fff9;border-color:#ffffff40}.navbar-light .navbar-actions{color:var(--dm-text, #111)}.site-main{min-height:calc(100vh - 60px);padding-top:2rem;padding-bottom:4rem}.site-main.with-sidebar{display:grid;grid-template-columns:260px 1fr;gap:0}.site-sidebar{min-height:100%;border-right:1px solid var(--border-color, rgba(255,255,255,.08))}.site-content{overflow:hidden}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.container{max-width:860px;margin:0 auto;padding:0 1.5rem}.page-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:1.5rem;line-height:1.2}.page-body{line-height:1.7;font-size:1rem}.page-body h1,.page-body h2,.page-body h3,.page-body h4{margin-top:2rem;margin-bottom:.75rem;font-weight:600}.page-body h2{font-size:clamp(1.2rem,3vw,1.5rem)}.page-body h3{font-size:clamp(1.1rem,2.5vw,1.25rem)}.page-body p{margin-bottom:1rem}.page-body ul,.page-body ol{margin-bottom:1rem;padding-left:1.5rem}.page-body a{color:var(--primary, #5b8cff)}.page-body a:hover{text-decoration:underline}.page-body code{font-family:Fira Code,Courier New,monospace;font-size:.9em;background:#ffffff0f;padding:.15em .35em;border-radius:3px}.page-body pre{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:1rem;overflow-x:auto;margin-bottom:1rem}.page-body pre code{background:none;padding:0}.page-body img{max-width:100%;border-radius:6px}.page-body blockquote{border-left:3px solid var(--primary, #5b8cff);margin:1.5rem 0;padding:.75rem 1rem;background:#5b8cff0f;border-radius:0 6px 6px 0}h3.accordion-header{margin:0}.accordion-button{all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;font:inherit}.page-body .card-header h2{margin:0;font-size:1rem;font-weight:600;line-height:1.4}.card[data-collapsible] .card-header{cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:space-between}.card[data-collapsible] .card-header:after{content:"\25be";font-size:1.1em;line-height:1;display:inline-block;transition:transform .25s ease;flex-shrink:0}.card[data-collapsible].is-collapsed .card-header:after{transform:rotate(-90deg)}.card[data-collapsible] .card-body{overflow:hidden;max-height:4000px;opacity:1;transition:max-height .3s ease,opacity .25s ease}.card[data-collapsible].is-collapsed .card-body{max-height:0;opacity:0}.navbar-link span[data-icon],.navbar-link svg,.navbar-dropdown-toggle span[data-icon],.navbar-dropdown-toggle svg,.navbar-dropdown-item span[data-icon],.navbar-dropdown-item svg{width:13px!important;height:13px!important;margin-right:10px!important}.navbar-dropdown-toggle{font-size:var(--dm-font-size-base)}@media(min-width:993px){.navbar-dropdown-toggle{font-size:var(--dm-font-size-sm)}}@media(min-width:1201px){.navbar-dropdown-toggle{font-size:var(--dm-font-size-xs)}}.dm-reduced-motion *,.dm-reduced-motion *:before,.dm-reduced-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.page-footer{border-top:1px solid var(--border-color, rgba(255,255,255,.08));padding:1.5rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-inner p{margin:0;color:var(--text-muted, #888);font-size:.875rem}.footer-links{display:flex;gap:1.25rem}.footer-links a{color:var(--text-muted, #888);font-size:.875rem;text-decoration:none}.footer-links a:hover{color:var(--text, #eee)}.footer-social{display:flex;gap:.5rem;align-items:center}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;color:var(--text-muted, #888);transition:color .15s}.footer-social-link:hover{color:var(--text, #eee)}.footer-social-link svg{width:1rem;height:1rem}.footer-motion-switch{font-size:.8rem;color:var(--text-muted, #888);white-space:nowrap}.footer-motion-switch .form-switch-label{color:var(--text-muted, #888)}.footer-motion-switch .form-switch-input{width:2rem;height:1.125rem}.footer-motion-switch .form-switch-input:after{width:.875rem;height:.875rem}.footer-motion-switch .form-switch-input:checked:after{transform:translate(.875rem)}.dm-slideover-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08));flex-shrink:0}.dm-slideover-title{margin:0;font-size:1rem;font-weight:600;line-height:1.4}.dm-slideover-body{padding:1.25rem;overflow-y:auto;flex:1}@media(max-width:768px){.site-main.with-sidebar{grid-template-columns:1fr}.site-sidebar{display:none}}.dm-spacer{display:block;width:100%}.hero-breakout{width:calc(100vw - 2rem);margin-left:calc(50% - 50vw + 1rem);margin-right:calc(50% - 50vw + 1rem)}.site-main:has(.page-body>.hero-breakout:first-child){padding-top:0}body[data-layout=landing]>.site-main{padding-top:0}body[data-layout=landing]>.site-main .container{max-width:none;padding:0}body[data-layout=landing] .page-body{padding-left:1.5rem;padding-right:1.5rem}body[data-layout=landing] .page-body>p,body[data-layout=landing] .page-body>h1,body[data-layout=landing] .page-body>h2,body[data-layout=landing] .page-body>h3,body[data-layout=landing] .page-body>ul,body[data-layout=landing] .page-body>ol,body[data-layout=landing] .page-body>blockquote{max-width:860px;margin-left:auto;margin-right:auto}body[data-layout=landing] .page-body .hero-breakout{width:calc(100% + 3rem);margin-left:-1.5rem;margin-right:-1.5rem}body[data-layout=landing] .page-body .grid-breakout{width:calc(100% + 3rem);margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}.page-body .card{transition:transform .2s ease,box-shadow .2s ease}.page-body .card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000059}.page-body .card-header-icon-inline{display:flex;align-items:center;gap:.6rem}.page-body .card-header-icon-inline [data-icon]{flex-shrink:0;line-height:0}.page-body .card-header-icon-inline [data-icon] svg,.page-body .card-header-icon-inline>svg{display:block;width:1.25rem;height:1.25rem}.page-body .card-header-icon-stacked{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding-top:.25rem}.page-body .card-header-icon-stacked [data-icon],.page-body .card-header-icon-stacked svg{width:2rem;height:2rem}.hero.hero-dark{background:linear-gradient(135deg,#1f2937,#111827);color:#e2e8f0}.hero .hero-content{position:relative;z-index:2}.hero.hero-left .hero-content{text-align:left;align-items:flex-start;max-width:62%}@media(max-width:768px){.hero.hero-left .hero-content{max-width:100%}}.hero .hero-cta{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.75rem}.hero .hero-cta a{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.35rem;border-radius:6px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.hero .hero-cta a:first-child{background:#ffffffeb;color:#111;border:1px solid transparent}.hero .hero-cta a:first-child:hover{background:#fff;box-shadow:0 4px 16px #00000040;transform:translateY(-2px)}.hero .hero-cta a:last-child{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.hero .hero-cta a:last-child:hover{border-color:#ffffffbf;background:#ffffff14;transform:translateY(-2px)}.hero .hero-label{display:inline-block;margin-bottom:.9rem;padding:.2rem .8rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#ffffffb3;border:1px solid rgba(255,255,255,.22)}.grid-breakout{width:calc(100vw - 2rem);margin-left:calc(50% - 50vw + 1rem);margin-right:calc(50% - 50vw + 1rem)}.dm-breadcrumbs{position:fixed;z-index:200;display:inline-flex;align-items:center;gap:.2rem;padding:.3rem .8rem;border-radius:999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#00000047;border:1px solid rgba(255,255,255,.11);box-shadow:0 2px 10px #00000038;font-size:.72rem;font-weight:500;letter-spacing:.01em;line-height:1.4;max-width:calc(100vw - 2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-breadcrumbs .dm-breadcrumbs-item{color:#ffffffa6}.dm-breadcrumbs .dm-breadcrumbs-link{display:inline-flex;align-items:center;gap:.25rem;color:#ffffff8c;text-decoration:none;transition:color .15s}.dm-breadcrumbs .dm-breadcrumbs-home-icon{flex-shrink:0;vertical-align:middle}.dm-breadcrumbs .dm-breadcrumbs-link:hover{color:#fffffff2}.dm-breadcrumbs .dm-breadcrumbs-current{color:#ffffffeb;font-weight:600}.dm-breadcrumbs .dm-breadcrumbs-separator{color:#ffffff47;font-size:.8em;line-height:1;margin:0 .05rem}[data-mode=light] .dm-breadcrumbs{background:#ffffff8c;border-color:#00000012;box-shadow:0 2px 10px #00000014}[data-mode=light] .dm-breadcrumbs .dm-breadcrumbs-item,[data-mode=light] .dm-breadcrumbs .dm-breadcrumbs-link{color:#0000008c}[data-mode=light] .dm-breadcrumbs .dm-breadcrumbs-link:hover{color:#000000e6}[data-mode=light] .dm-breadcrumbs .dm-breadcrumbs-current{color:#000000d9}[data-mode=light] .dm-breadcrumbs .dm-breadcrumbs-separator{color:#00000040}.dm-collection-display{margin:1.5rem 0}.dm-collection-list{display:flex;flex-direction:column;gap:0}.dm-collection-list-item{padding:1rem 0;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08))}.dm-collection-list-item:last-child{border-bottom:none}.dm-collection-list-item strong{display:block;font-size:1rem;margin-bottom:.25rem}.dm-collection-list-item p{margin:0;color:var(--text-muted, #888);font-size:.9rem}.dm-collection-empty p{color:var(--text-muted, #888);font-style:italic}.hero-gradient-purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#1e1b4b}.hero-gradient-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a5f}.hero-gradient-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#064e3b}.hero-gradient-sunset{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#78350f}.hero-gradient-ocean{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0c4a6e}.hero-gradient-rose{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#831843}.hero-gradient-forest{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#14532d}.hero-gradient-night{background:linear-gradient(135deg,#334155,#1e293b);color:#e2e8f0}.hero-gradient-ocean-light{background:linear-gradient(135deg,#e0f2fe,#caf0f8);color:#1e293b}.hero-gradient-ocean-dark{background:linear-gradient(135deg,#0c4a6e,#164e63);color:#e2e8f0}.hero-gradient-forest-light{background:linear-gradient(135deg,#d1fae5,#c6f6dc);color:#1e293b}.hero-gradient-forest-dark{background:linear-gradient(135deg,#1a4731,#166534);color:#e2e8f0}.hero-gradient-sunset-light{background:linear-gradient(135deg,#fde8d8,#fddcc9);color:#1e293b}.hero-gradient-sunset-dark{background:linear-gradient(135deg,#6b3727,#7c4036);color:#f5ede8}.hero-gradient-royal-light{background:linear-gradient(135deg,#e8f0fd,#dce8fc);color:#1e293b}.hero-gradient-royal-dark{background:linear-gradient(135deg,#1e3465,#263d7a);color:#e2e8f0}.hero-gradient-lemon-light{background:linear-gradient(135deg,#fefce8,#fef9c3);color:#1e293b}.hero-gradient-lemon-dark{background:linear-gradient(135deg,#5c4d1a,#6b5920);color:#fefce8}.hero-gradient-silver-light{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b}.hero-gradient-silver-dark{background:linear-gradient(135deg,#2d3748,#374151);color:#e2e8f0}.hero-gradient-charcoal-light{background:linear-gradient(135deg,#eceff1,#e1e7eb);color:#1e293b}.hero-gradient-charcoal-dark{background:linear-gradient(135deg,#2c3843,#374451);color:#e2e8f0}.hero-gradient-christmas-light{background:linear-gradient(135deg,#fde8ea,#fdd5d8);color:#1e293b}.hero-gradient-christmas-dark{background:linear-gradient(135deg,#5c0f1d,#7a1525);color:#fde8ea}.hero-gradient-unicorn-light{background:linear-gradient(135deg,#f5e8fd,#edd6fb);color:#1e293b}.hero-gradient-unicorn-dark{background:linear-gradient(135deg,#3d1a5a,#4a2068);color:#f5e8fd}.hero-gradient-dreamy-light{background:linear-gradient(135deg,#f5ede8,#eeddd4);color:#1e293b}.hero-gradient-dreamy-dark{background:linear-gradient(135deg,#3d2820,#503328);color:#f5ede8}.hero-gradient-grayve-light{background:linear-gradient(135deg,#e0f7f9,#cbf2f5);color:#1e293b}.hero-gradient-grayve-dark{background:linear-gradient(135deg,#00363d,#00444d);color:#e0f7f9}.hero-gradient-mint-light{background:linear-gradient(135deg,#d8f5ea,#c5efdd);color:#1e293b}.hero-gradient-mint-dark{background:linear-gradient(135deg,#134d33,#195f3f);color:#d8f5ea}.hero-gradient-wedding-light{background:linear-gradient(135deg,#faf3e0,#f5e9c7);color:#1e293b}.hero-gradient-wedding-dark{background:linear-gradient(135deg,#5c4418,#6f5320);color:#faf3e0}.tabs-centered{text-align:center}.tabs-centered .tab-list{display:inline-flex}.tabs-centered .tab-content{text-align:left}.site-main{overflow-x:hidden}@media(max-width:768px){.hero .hero-cta a,.dm-so-trigger,.dm-cta-trigger{min-height:44px;padding:.6rem 1.25rem}}

package/server/server.js

@@ -75,6 +75,7 @@ await app.register(helmet, {
         }
     },
     crossOriginEmbedderPolicy: false, // allow embedding images/resources
+    hsts: false, // disable HSTS — server runs HTTP only; HSTS would force browser to https
 });
 
 await app.register(jwt, { secret: process.env.JWT_SECRET });

package/server/services/userTypes.js

@@ -0,0 +1,227 @@
+/**
+ * User Types Service
+ * Preset Collection — seeds roles on first startup, caches them in memory.
+ * Auth middleware calls getRoleMap() / getPermissionsFor() at request time.
+ */
+import fs from 'fs/promises';
+import path from 'path';
+import {v4 as uuidv4} from 'uuid';
+import {config} from '../config.js';
+
+const COLLECTIONS_DIR = path.resolve(config.content.collectionsDir);
+const SLUG = 'user-types';
+const DIR = path.join(COLLECTIONS_DIR, SLUG);
+const SCHEMA_PATH = path.join(DIR, 'schema.json');
+const DATA_PATH = path.join(DIR, 'data.json');
+
+export const RESOURCES = ['pages', 'settings', 'navigation', 'layouts', 'media', 'users', 'plugins', 'collections', 'views', 'actions', 'blocks'];
+export const ACTIONS = ['read', 'create', 'update', 'delete'];
+
+const PRESET_SCHEMA = {
+    slug: SLUG,
+    title: 'User Types',
+    description: 'CMS role definitions — managed by the system.',
+    preset: true,
+    fields: [
+        {name: 'name', label: 'Name (slug)', type: 'text', required: true},
+        {name: 'label', label: 'Label', type: 'text', required: true},
+        {name: 'level', label: 'Level', type: 'number', required: true},
+        {
+            name: 'permissions',
+            label: 'Permissions',
+            type: 'multi-select',
+            options: RESOURCES.flatMap(r => [r, ...ACTIONS.map(a => `${r}.${a}`)])
+        },
+        {
+            name: 'badgeClass', label: 'Badge Class', type: 'select',
+            options: ['badge-danger', 'badge-warning', 'badge-info', 'badge-secondary', 'badge-success', 'badge-primary']
+        }
+    ],
+    api: {
+        create: {enabled: false, access: 'admin'},
+        read: {enabled: false, access: 'admin'},
+        update: {enabled: false, access: 'admin'},
+        delete: {enabled: false, access: 'admin'}
+    }
+};
+
+const SEED_ENTRIES = [
+    {name: 'admin', label: 'Admin', level: 0, permissions: RESOURCES, badgeClass: 'badge-danger'},
+    {
+        name: 'manager',
+        label: 'Manager',
+        level: 1,
+        permissions: ['pages', 'settings', 'navigation', 'layouts', 'media', 'users', 'collections', 'views', 'actions'],
+        badgeClass: 'badge-warning'
+    },
+    {
+        name: 'editor',
+        label: 'Editor',
+        level: 2,
+        permissions: ['pages.read', 'pages.create', 'pages.update', 'media'],
+        badgeClass: 'badge-info'
+    },
+    {name: 'subscriber', label: 'Subscriber', level: 3, permissions: [], badgeClass: 'badge-secondary'}
+];
+
+// ---------------------------------------------------------------------------
+// In-memory cache
+// ---------------------------------------------------------------------------
+
+/** @type {Map<string,{label:string,level:number,badgeClass:string}>} */
+let roleMap = new Map();
+
+/** @type {Map<string,string[]>} resource (and resource.action) → role names */
+let permissionsMap = new Map();
+
+/** @type {Map<string,string[]>} role name → raw permissions array */
+let rawPermissionsMap = new Map();
+
+/**
+ * Build in-memory maps from an array of data entries.
+ * Supports both bare resource names ('pages') and dotted action strings ('pages.read').
+ * Bare names expand to all four actions for backward compatibility.
+ *
+ * @param {object[]} entries
+ */
+function buildCache(entries) {
+    roleMap = new Map();
+    permissionsMap = new Map();
+    rawPermissionsMap = new Map();
+
+    const addTo = (key, role) => {
+        if (!permissionsMap.has(key)) permissionsMap.set(key, []);
+        if (!permissionsMap.get(key).includes(role)) permissionsMap.get(key).push(role);
+    };
+
+    for (const entry of entries) {
+        const d = entry.data;
+        roleMap.set(d.name, {label: d.label, level: d.level, badgeClass: d.badgeClass || ''});
+        rawPermissionsMap.set(d.name, d.permissions || []);
+        for (const perm of (d.permissions || [])) {
+            if (perm.includes('.')) {
+                const [res] = perm.split('.');
+                addTo(perm, d.name);          // 'pages.read' → [role]
+                addTo(res, d.name);          // 'pages'      → [role] (any-action union)
+            } else {
+                addTo(perm, d.name);          // 'pages' (bare) → [role]
+                for (const action of ACTIONS) {
+                    addTo(`${perm}.${action}`, d.name); // expand to all actions
+                }
+            }
+        }
+    }
+}
+
+// ---------------------------------------------------------------------------
+// Public API
+// ---------------------------------------------------------------------------
+
+/**
+ * Seed the preset collection on first startup (no-op if data.json already exists).
+ *
+ * @returns {Promise<void>}
+ */
+export async function seed() {
+    await fs.mkdir(DIR, {recursive: true});
+
+    // Always write schema (overwrite to keep in sync with code)
+    await fs.writeFile(SCHEMA_PATH, JSON.stringify(PRESET_SCHEMA, null, 2) + '\n', 'utf8');
+
+    // Only write data if it doesn't exist yet
+    try {
+        await fs.access(DATA_PATH);
+    } catch {
+        const entries = SEED_ENTRIES.map(data => ({
+            id: uuidv4(),
+            data,
+            createdAt: new Date().toISOString(),
+            updatedAt: new Date().toISOString()
+        }));
+        await fs.writeFile(DATA_PATH, JSON.stringify(entries, null, 2) + '\n', 'utf8');
+    }
+}
+
+/**
+ * Load the collection from disk into the in-memory cache.
+ *
+ * @returns {Promise<void>}
+ */
+export async function load() {
+    try {
+        const raw = await fs.readFile(DATA_PATH, 'utf8');
+        const entries = JSON.parse(raw);
+        buildCache(entries);
+    } catch (err) {
+        console.warn('[userTypes] Failed to load user-types collection:', err.message);
+    }
+}
+
+/**
+ * Reload from disk — call after any CRUD on the user-types collection.
+ *
+ * @returns {Promise<void>}
+ */
+export async function invalidate() {
+    await load();
+}
+
+/**
+ * Return the full role map.
+ *
+ * @returns {Map<string,{label:string,level:number,badgeClass:string}>}
+ */
+export function getRoleMap() {
+    return roleMap;
+}
+
+/**
+ * Return the level for a named role, or Infinity if not found.
+ *
+ * @param {string} roleName
+ * @returns {number}
+ */
+export function getRoleLevel(roleName) {
+    return roleMap.get(roleName)?.level ?? Infinity;
+}
+
+/**
+ * Return the role names allowed to access a resource (and optional action).
+ * - getPermissionsFor('pages')          → roles with ANY action on pages (backward compat)
+ * - getPermissionsFor('pages', 'delete')→ roles with delete on pages
+ * - getPermissionsFor('pages.delete')   → same as above (dot-notation shorthand)
+ *
+ * @param {string}  resource - Resource key, or 'resource.action' dot notation
+ * @param {string} [action]  - Optional action (read | create | update | delete)
+ * @returns {string[]}
+ */
+export function getPermissionsFor(resource, action) {
+    if (action) {
+        return permissionsMap.get(`${resource}.${action}`) ?? [];
+    }
+    if (resource.includes('.')) {
+        return permissionsMap.get(resource) ?? [];
+    }
+    return permissionsMap.get(resource) ?? [];
+}
+
+/**
+ * Return the raw permissions array for a role — used by the /api/auth/permissions endpoint.
+ *
+ * @param {string} roleName
+ * @returns {string[]}
+ */
+export function getPermissionsForRole(roleName) {
+    return rawPermissionsMap.get(roleName) ?? [];
+}
+
+/**
+ * Return role names ordered from most to least privileged.
+ *
+ * @returns {string[]}
+ */
+export function getRoleHierarchy() {
+    return [...roleMap.entries()]
+        .sort((a, b) => a[1].level - b[1].level)
+        .map(([key]) => key);
+}