domma-cms 0.1.0

package/config/plugins.json

@@ -0,0 +1,47 @@
+{
+  "example-analytics": {
+    "enabled": true,
+    "settings": {}
+  },
+  "form-builder": {
+    "enabled": true,
+    "settings": {
+      "smtp": {
+        "host": "localhost",
+        "port": 1025,
+        "secure": false,
+        "user": "",
+        "pass": ""
+      },
+      "fromAddress": "noreply@example.com",
+      "fromName": "Website Forms"
+    }
+  },
+  "back-to-top": {
+    "enabled": true,
+    "settings": {
+      "scrollThreshold": 150,
+      "position": "bottom-right",
+      "label": "",
+      "smooth": true,
+      "offset": 32
+    }
+  },
+  "cookie-consent": {
+    "enabled": true,
+    "settings": {}
+  },
+  "custom-css": {
+    "enabled": true,
+    "settings": {}
+  },
+  "domma-effects": {
+    "enabled": true,
+    "settings": {
+      "respectMotion": false,
+      "defaultDuration": 600,
+      "defaultAnimation": "fade",
+      "defaultThreshold": 0.1
+    }
+  }
+}

package/config/presets.json

@@ -0,0 +1,34 @@
+{
+    "default": {
+        "label": "Default",
+        "description": "Standard page with navbar and footer",
+        "navbar": true,
+        "footer": true,
+        "sidebar": false,
+        "features": ["back-to-top", "icon-scan"]
+    },
+    "with-sidebar": {
+        "label": "With Sidebar",
+        "description": "Page with navbar, sidebar, and footer",
+        "navbar": true,
+        "footer": true,
+        "sidebar": true,
+        "features": ["back-to-top", "icon-scan", "scroll-spy"]
+    },
+    "minimal": {
+        "label": "Minimal",
+        "description": "Clean page with no navbar or footer",
+        "navbar": false,
+        "footer": false,
+        "sidebar": false,
+        "features": []
+    },
+    "landing": {
+        "label": "Landing Page",
+        "description": "Full-width landing page layout",
+        "navbar": true,
+        "footer": true,
+        "sidebar": false,
+        "features": ["back-to-top", "icon-scan"]
+    }
+}

package/config/server.json

@@ -0,0 +1,6 @@
+{
+    "port": 80,
+    "host": "0.0.0.0",
+    "cors": { "origin": true },
+    "uploads": { "maxFileSize": 10485760 }
+}

package/config/site.json

@@ -0,0 +1,33 @@
+{
+  "title": "My Boss Site",
+  "tagline": "My Dead Good Boss Site",
+  "theme": "silver-dark",
+  "adminTheme": "charcoal-dark",
+  "seo": {
+    "defaultTitle": "My Boss Site",
+    "titleSeparator": " | ",
+    "defaultDescription": "A site built with Domma CMS"
+  },
+  "footer": {
+    "copyright": "© 2026 DCBW Consulting Ltd.",
+    "links": [
+      {
+        "text": "Privacy Policy",
+        "url": "/privacy"
+      },
+      {
+        "text": "Contact",
+        "url": "/contact"
+      }
+    ]
+  },
+  "smtp": {
+    "host": "localhost",
+    "port": 1025,
+    "user": "",
+    "pass": "",
+    "secure": false,
+    "fromAddress": "",
+    "fromName": ""
+  }
+}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "domma-cms",
+  "version": "0.1.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",
+  "bin": {
+    "domma-cms": "bin/cli.js"
+  },
+  "files": [
+    "bin/",
+    "server/",
+    "admin/",
+    "public/",
+    "config/",
+    "plugins/",
+    "scripts/"
+  ],
+  "scripts": {
+    "start": "pm2 start server/server.js -i max --name domma-cms",
+    "dev": "PORT=3050 node --watch server/server.js",
+    "prod": "node server/server.js",
+    "setup": "node scripts/setup.js",
+    "reset": "node scripts/reset.js",
+    "seed": "node scripts/seed.js",
+    "fresh": "node scripts/fresh.js",
+    "copy-domma": "node scripts/copy-domma.js"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "keywords": [
+    "cms",
+    "file-based",
+    "markdown",
+    "fastify",
+    "domma",
+    "flat-file",
+    "no-database"
+  ],
+  "author": "Darryl Waterhouse",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pinpointzero73/domma-cms.git"
+  },
+  "homepage": "https://github.com/pinpointzero73/domma-cms#readme",
+  "bugs": {
+    "url": "https://github.com/pinpointzero73/domma-cms/issues"
+  },
+  "dependencies": {
+    "@fastify/cors": "^11.2.0",
+    "@fastify/jwt": "^10.0.0",
+    "@fastify/multipart": "^9.3.0",
+    "@fastify/static": "^8.1.0",
+    "bcryptjs": "^3.0.3",
+    "domma-js": "^0.18.2",
+    "dotenv": "^17.2.3",
+    "fastify": "^5.7.3",
+    "gray-matter": "^4.0.3",
+    "marked": "^15.0.0",
+    "nodemailer": "^8.0.1",
+    "sanitize-html": "^2.17.0",
+    "sharp": "^0.34.5",
+    "uuid": "^13.0.0"
+  }
+}

package/plugins/back-to-top/admin/templates/back-to-top-settings.html

@@ -0,0 +1,55 @@
+<div class="view-header">
+  <h1><span data-icon="arrow-up"></span> Back to Top</h1>
+  <div>
+    <button id="save-settings-btn" class="btn btn-primary">
+      <span data-icon="save"></span> Save
+    </button>
+  </div>
+</div>
+
+<div class="card mb-4">
+  <div class="card-header"><h2>Appearance</h2></div>
+  <div class="card-body">
+    <div class="row mb-3">
+      <div class="col-6">
+        <label class="form-label">Position</label>
+        <select id="field-position" class="form-select">
+          <option value="bottom-right">Bottom right</option>
+          <option value="bottom-left">Bottom left</option>
+        </select>
+      </div>
+      <div class="col-6">
+        <label class="form-label">Edge offset (px)</label>
+        <input id="field-offset" type="number" class="form-input" min="0" max="200" placeholder="32">
+      </div>
+    </div>
+    <div class="row">
+      <div class="col">
+        <label class="form-label">Button label <span class="text-muted">(optional text beside icon)</span></label>
+        <input id="field-label" type="text" class="form-input" placeholder="Leave empty for icon only">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="card mb-4">
+  <div class="card-header"><h2>Behaviour</h2></div>
+  <div class="card-body">
+    <div class="row mb-3">
+      <div class="col-6">
+        <label class="form-label">Scroll threshold (px)</label>
+        <input id="field-threshold" type="number" class="form-input" min="0" max="9999" placeholder="300">
+        <span class="form-hint">Button appears after scrolling this far down.</span>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col">
+        <label class="form-check-label">
+          <input id="field-smooth" type="checkbox">
+          Smooth scroll
+        </label>
+        <span class="form-hint">Animates scroll to top instead of jumping instantly.</span>
+      </div>
+    </div>
+  </div>
+</div>

package/plugins/back-to-top/admin/views/back-to-top-settings.js

@@ -0,0 +1,44 @@
+/**
+ * Back to Top Plugin — Admin Settings View
+ */
+import {apiRequest} from '/admin/js/api.js';
+
+export const backToTopSettingsView = {
+  templateUrl: '/plugins/back-to-top/admin/templates/back-to-top-settings.html',
+
+  async onMount($container) {
+    let settings = {};
+    try {
+      settings = await apiRequest('/plugins/back-to-top/settings');
+    } catch {
+      E.toast('Could not load settings.', {type: 'error'});
+    }
+
+    $container.find('#field-threshold').val(settings.scrollThreshold ?? 300);
+    $container.find('#field-position').val(settings.position || 'bottom-right');
+    $container.find('#field-label').val(settings.label || '');
+    $container.find('#field-smooth').prop('checked', settings.smooth !== false);
+    $container.find('#field-offset').val(settings.offset ?? 32);
+
+    $container.find('#save-settings-btn').off('click').on('click', async () => {
+      const data = {
+        scrollThreshold: parseInt($container.find('#field-threshold').val(), 10) || 300,
+        position: $container.find('#field-position').val(),
+        label: $container.find('#field-label').val().trim(),
+        smooth: $container.find('#field-smooth').prop('checked'),
+        offset: parseInt($container.find('#field-offset').val(), 10) || 32
+      };
+      try {
+        await apiRequest('/plugins/back-to-top/settings', {
+          method: 'PUT',
+          body: JSON.stringify(data)
+        });
+        E.toast('Settings saved.', {type: 'success'});
+      } catch {
+        E.toast('Failed to save settings.', {type: 'error'});
+      }
+    });
+
+    Domma.icons.scan();
+  }
+};

package/plugins/back-to-top/config.js

@@ -0,0 +1,10 @@
+/**
+ * Back to Top Plugin — Default Configuration
+ */
+export default {
+  scrollThreshold: 300,
+  position: 'bottom-right',
+  label: '',
+  smooth: true,
+  offset: 32
+};

package/plugins/back-to-top/plugin.js

@@ -0,0 +1,24 @@
+/**
+ * Back to Top Plugin — Server
+ *
+ * Endpoints (prefix: /api/plugins/back-to-top):
+ *   GET  /settings  — public (called from public site IIFE)
+ *   PUT  /settings  — admin-auth — saves user overrides
+ */
+import {getPluginSettings, savePluginState} from '../../server/services/plugins.js';
+
+export default async function backToTopPlugin(fastify, options) {
+  const {authenticate, requireAdmin} = options.auth;
+
+  // GET /settings — no auth, public read (returns non-sensitive display config)
+  fastify.get('/settings', async () => {
+    return getPluginSettings('back-to-top');
+  });
+
+  // PUT /settings — admin only
+  fastify.put('/settings', {preHandler: [authenticate, requireAdmin]}, async (request) => {
+    const body = request.body || {};
+    savePluginState('back-to-top', {settings: body});
+    return {ok: true};
+  });
+}

package/plugins/back-to-top/plugin.json

@@ -0,0 +1,36 @@
+{
+  "name": "back-to-top",
+  "displayName": "Back to Top",
+  "version": "1.0.0",
+  "description": "Injects a configurable scroll-to-top button into every public page.",
+  "author": "Darryl Waterhouse",
+  "date": "2026-03-02",
+  "icon": "arrow-up",
+  "admin": {
+    "sidebar": [
+      {
+        "id": "back-to-top",
+        "text": "Back to Top",
+        "icon": "arrow-up",
+        "url": "#/plugins/back-to-top",
+        "section": "#/plugins/back-to-top"
+      }
+    ],
+    "routes": [
+      {
+        "path": "/plugins/back-to-top",
+        "view": "plugin-back-to-top-settings",
+        "title": "Back to Top - Domma CMS"
+      }
+    ],
+    "views": {
+      "plugin-back-to-top-settings": {
+        "entry": "back-to-top/admin/views/back-to-top-settings.js",
+        "exportName": "backToTopSettingsView"
+      }
+    }
+  },
+  "inject": {
+    "bodyEnd": "public/inject-body.html"
+  }
+}

package/plugins/back-to-top/public/inject-body.html

@@ -0,0 +1,105 @@
+<script>
+  (function () {
+    'use strict';
+
+    var BTN_ID = 'back-to-top-btn';
+
+    fetch('/api/plugins/back-to-top/settings')
+      .then(function (r) {
+        return r.json();
+      })
+      .then(function (cfg) {
+        var threshold = cfg.scrollThreshold || 300;
+        var position = cfg.position || 'bottom-right';
+        var label = cfg.label || '';
+        var smooth = cfg.smooth !== false;
+        var offset = cfg.offset || 32;
+
+        var btn = document.createElement('button');
+        btn.id = BTN_ID;
+        btn.type = 'button';
+        btn.setAttribute('aria-label', 'Back to top');
+        btn.setAttribute('title', 'Back to top');
+
+        // Inline SVG — arrow-up (Domma icon set path)
+        var svgNS = 'http://www.w3.org/2000/svg';
+        var svg = document.createElementNS(svgNS, 'svg');
+        svg.setAttribute('viewBox', '0 0 24 24');
+        svg.setAttribute('width', '20');
+        svg.setAttribute('height', '20');
+        svg.setAttribute('fill', 'none');
+        svg.setAttribute('stroke', 'currentColor');
+        svg.setAttribute('stroke-width', '2');
+        svg.setAttribute('stroke-linecap', 'round');
+        svg.setAttribute('stroke-linejoin', 'round');
+        var path = document.createElementNS(svgNS, 'path');
+        path.setAttribute('d', 'M12 19V5M5 12l7-7 7 7');
+        svg.appendChild(path);
+        btn.appendChild(svg);
+
+        if (label) {
+          var span = document.createElement('span');
+          span.textContent = label;
+          span.style.marginLeft = '6px';
+          btn.appendChild(span);
+        }
+
+        // Inline styles — self-contained, no site.css dependency
+        var isRight = position !== 'bottom-left';
+        Object.assign(btn.style, {
+          position: 'fixed',
+          bottom: offset + 'px',
+          right: isRight ? offset + 'px' : 'auto',
+          left: isRight ? 'auto' : offset + 'px',
+          zIndex: '9999',
+          display: 'flex',
+          alignItems: 'center',
+          padding: '10px',
+          borderRadius: '50%',
+          border: 'none',
+          cursor: 'pointer',
+          background: 'rgba(0,0,0,0.5)',
+          color: '#fff',
+          backdropFilter: 'blur(4px)',
+          opacity: '0',
+          transform: 'translateY(12px)',
+          transition: 'opacity .25s, transform .25s',
+          pointerEvents: 'none'
+        });
+
+        if (label) {
+          btn.style.borderRadius = '999px';
+          btn.style.padding = '10px 16px';
+        }
+
+        document.body.appendChild(btn);
+
+        function show() {
+          btn.style.opacity = '1';
+          btn.style.transform = 'translateY(0)';
+          btn.style.pointerEvents = 'auto';
+        }
+
+        function hide() {
+          btn.style.opacity = '0';
+          btn.style.transform = 'translateY(12px)';
+          btn.style.pointerEvents = 'none';
+        }
+
+        window.addEventListener('scroll', function () {
+          if (window.scrollY > threshold) {
+            show();
+          } else {
+            hide();
+          }
+        }, {passive: true});
+
+        btn.addEventListener('click', function () {
+          window.scrollTo({top: 0, behavior: smooth ? 'smooth' : 'auto'});
+        });
+      })
+      .catch(function () {
+        // Settings fetch failed — don't inject button
+      });
+  })();
+</script>

package/plugins/cookie-consent/admin/templates/cookie-consent-settings.html

@@ -0,0 +1,113 @@
+<div class="view-header">
+  <h1><span data-icon="shield"></span> Cookie Consent</h1>
+  <div>
+    <button id="save-settings-btn" class="btn btn-primary">
+      <span data-icon="save"></span> Save
+    </button>
+  </div>
+</div>
+
+<div class="card mb-4">
+  <div class="card-header"><h2>Banner Wording</h2></div>
+  <div class="card-body">
+    <div class="row mb-3">
+      <div class="col">
+        <label class="form-label">Message</label>
+        <textarea id="field-message" class="form-input" rows="3"></textarea>
+      </div>
+    </div>
+    <div class="row mb-3">
+      <div class="col-6">
+        <label class="form-label">Accept All button</label>
+        <input id="field-accept-all-text" type="text" class="form-input">
+      </div>
+      <div class="col-6">
+        <label class="form-label">Reject All button</label>
+        <input id="field-reject-all-text" type="text" class="form-input">
+      </div>
+    </div>
+    <div class="row mb-3">
+      <div class="col-6">
+        <label class="form-label">Customize button</label>
+        <input id="field-customize-text" type="text" class="form-input">
+      </div>
+      <div class="col-6">
+        <label class="form-label">Save Preferences button</label>
+        <input id="field-save-preferences-text" type="text" class="form-input">
+      </div>
+    </div>
+    <div class="row mb-3">
+      <div class="col-6">
+        <label class="form-label">Privacy Policy link text</label>
+        <input id="field-privacy-policy-text" type="text" class="form-input">
+      </div>
+      <div class="col-6">
+        <label class="form-label">Privacy Policy URL</label>
+        <input id="field-privacy-policy-url" type="text" class="form-input" placeholder="/privacy-policy">
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-6">
+        <label class="form-label">Cookie Policy link text</label>
+        <input id="field-cookie-policy-text" type="text" class="form-input">
+      </div>
+      <div class="col-6">
+        <label class="form-label">Cookie Policy URL <span class="text-muted">(leave empty to hide)</span></label>
+        <input id="field-cookie-policy-url" type="text" class="form-input" placeholder="/cookie-policy">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="card mb-4">
+  <div class="card-header"><h2>Appearance &amp; Categories</h2></div>
+  <div class="card-body">
+    <div class="row mb-3">
+      <div class="col-4">
+        <label class="form-label">Position</label>
+        <select id="field-position" class="form-select">
+          <option value="bottom">Bottom</option>
+          <option value="top">Top</option>
+        </select>
+      </div>
+      <div class="col-4">
+        <label class="form-label">Layout</label>
+        <select id="field-layout" class="form-select">
+          <option value="bar">Bar</option>
+          <option value="modal">Modal</option>
+        </select>
+      </div>
+      <div class="col-4">
+        <label class="form-label">Theme</label>
+        <select id="field-theme" class="form-select">
+          <option value="dark">Dark</option>
+          <option value="light">Light</option>
+        </select>
+      </div>
+    </div>
+    <div class="row mb-3">
+      <div class="col">
+        <label class="form-label">Cookie categories shown in Customize panel</label>
+        <span class="form-hint">Necessary cookies are always shown and always required.</span>
+        <div style="margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;">
+          <label class="form-check-label">
+            <input id="field-show-functional" type="checkbox"> Functional Cookies
+          </label>
+          <label class="form-check-label">
+            <input id="field-show-analytics" type="checkbox"> Analytics Cookies
+          </label>
+          <label class="form-check-label">
+            <input id="field-show-marketing" type="checkbox"> Marketing Cookies
+          </label>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-4">
+        <label class="form-label">Consent version</label>
+        <input id="field-consent-version" type="text" class="form-input" placeholder="1.0">
+        <span class="form-hint">Increment to re-prompt users who already accepted.</span>
+      </div>
+    </div>
+  </div>
+</div>

package/plugins/cookie-consent/admin/views/cookie-consent-settings.js

@@ -0,0 +1,73 @@
+/**
+ * Cookie Consent Plugin — Admin Settings View
+ */
+import {apiRequest} from '/admin/js/api.js';
+
+export const cookieConsentSettingsView = {
+  templateUrl: '/plugins/cookie-consent/admin/templates/cookie-consent-settings.html',
+
+  async onMount($container) {
+    let settings = {};
+    try {
+      settings = await apiRequest('/plugins/cookie-consent/settings');
+    } catch {
+      E.toast('Could not load settings.', {type: 'error'});
+    }
+
+    // Wording
+    $container.find('#field-message').val(settings.message || '');
+    $container.find('#field-accept-all-text').val(settings.acceptAllText || '');
+    $container.find('#field-reject-all-text').val(settings.rejectAllText || '');
+    $container.find('#field-customize-text').val(settings.customizeText || '');
+    $container.find('#field-save-preferences-text').val(settings.savePreferencesText || '');
+    $container.find('#field-privacy-policy-text').val(settings.privacyPolicyText || '');
+    $container.find('#field-privacy-policy-url').val(settings.privacyPolicyUrl || '');
+    $container.find('#field-cookie-policy-text').val(settings.cookiePolicyText || '');
+    $container.find('#field-cookie-policy-url').val(settings.cookiePolicyUrl || '');
+
+    // Appearance
+    $container.find('#field-position').val(settings.position || 'bottom');
+    $container.find('#field-layout').val(settings.layout || 'bar');
+    $container.find('#field-theme').val(settings.theme || 'dark');
+
+    // Categories
+    $container.find('#field-show-functional').prop('checked', settings.showFunctional !== false);
+    $container.find('#field-show-analytics').prop('checked', settings.showAnalytics !== false);
+    $container.find('#field-show-marketing').prop('checked', settings.showMarketing !== false);
+
+    // Version
+    $container.find('#field-consent-version').val(settings.consentVersion || '1.0');
+
+    $container.find('#save-settings-btn').off('click').on('click', async () => {
+      const data = {
+        message: $container.find('#field-message').val().trim(),
+        acceptAllText: $container.find('#field-accept-all-text').val().trim(),
+        rejectAllText: $container.find('#field-reject-all-text').val().trim(),
+        customizeText: $container.find('#field-customize-text').val().trim(),
+        savePreferencesText: $container.find('#field-save-preferences-text').val().trim(),
+        privacyPolicyText: $container.find('#field-privacy-policy-text').val().trim(),
+        privacyPolicyUrl: $container.find('#field-privacy-policy-url').val().trim(),
+        cookiePolicyText: $container.find('#field-cookie-policy-text').val().trim(),
+        cookiePolicyUrl: $container.find('#field-cookie-policy-url').val().trim(),
+        position: $container.find('#field-position').val(),
+        layout: $container.find('#field-layout').val(),
+        theme: $container.find('#field-theme').val(),
+        showFunctional: $container.find('#field-show-functional').prop('checked'),
+        showAnalytics: $container.find('#field-show-analytics').prop('checked'),
+        showMarketing: $container.find('#field-show-marketing').prop('checked'),
+        consentVersion: $container.find('#field-consent-version').val().trim() || '1.0'
+      };
+      try {
+        await apiRequest('/plugins/cookie-consent/settings', {
+          method: 'PUT',
+          body: JSON.stringify(data)
+        });
+        E.toast('Settings saved.', {type: 'success'});
+      } catch {
+        E.toast('Failed to save settings.', {type: 'error'});
+      }
+    });
+
+    Domma.icons.scan();
+  }
+};