domma-cms 0.1.0

package/plugins/cookie-consent/config.js

@@ -0,0 +1,30 @@
+/**
+ * Cookie Consent Plugin — Default Configuration
+ */
+export default {
+  // Wording
+  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',
+
+  // Policy links (empty cookiePolicyUrl hides the cookie policy link)
+  privacyPolicyText: 'Privacy Policy',
+  privacyPolicyUrl: '/privacy-policy',
+  cookiePolicyText: 'Cookie Policy',
+  cookiePolicyUrl: '',
+
+  // Appearance
+  position: 'bottom',
+  layout: 'bar',
+  theme: 'dark',
+
+  // Categories (Necessary is always shown and always required)
+  showFunctional: true,
+  showAnalytics: true,
+  showMarketing: true,
+
+  // Consent version — increment to re-prompt users who already accepted
+  consentVersion: '1.0'
+};

package/plugins/cookie-consent/plugin.js

@@ -0,0 +1,24 @@
+/**
+ * Cookie Consent Plugin — Server
+ *
+ * Endpoints (prefix: /api/plugins/cookie-consent):
+ *   GET  /settings  — public (called by inject-body IIFE)
+ *   PUT  /settings  — admin-auth — saves user overrides
+ */
+import {getPluginSettings, savePluginState} from '../../server/services/plugins.js';
+
+export default async function cookieConsentPlugin(fastify, options) {
+  const {authenticate, requireAdmin} = options.auth;
+
+  // GET /settings — no auth, public read
+  fastify.get('/settings', async () => {
+    return getPluginSettings('cookie-consent');
+  });
+
+  // PUT /settings — admin only
+  fastify.put('/settings', {preHandler: [authenticate, requireAdmin]}, async (request) => {
+    const body = request.body || {};
+    savePluginState('cookie-consent', {settings: body});
+    return {ok: true};
+  });
+}

package/plugins/cookie-consent/plugin.json

@@ -0,0 +1,36 @@
+{
+  "name": "cookie-consent",
+  "displayName": "Cookie Consent",
+  "version": "1.0.0",
+  "description": "Injects a configurable GDPR cookie consent banner into every public page.",
+  "author": "Darryl Waterhouse",
+  "date": "2026-03-02",
+  "icon": "shield",
+  "admin": {
+    "sidebar": [
+      {
+        "id": "cookie-consent",
+        "text": "Cookie Consent",
+        "icon": "shield",
+        "url": "#/plugins/cookie-consent",
+        "section": "#/plugins/cookie-consent"
+      }
+    ],
+    "routes": [
+      {
+        "path": "/plugins/cookie-consent",
+        "view": "plugin-cookie-consent-settings",
+        "title": "Cookie Consent - Domma CMS"
+      }
+    ],
+    "views": {
+      "plugin-cookie-consent-settings": {
+        "entry": "cookie-consent/admin/views/cookie-consent-settings.js",
+        "exportName": "cookieConsentSettingsView"
+      }
+    }
+  },
+  "inject": {
+    "bodyEnd": "public/inject-body.html"
+  }
+}

package/plugins/cookie-consent/public/inject-body.html

@@ -0,0 +1,69 @@
+<script>
+  (function () {
+    'use strict';
+
+    if (!window.Domma || !window.Domma.components || !window.Domma.components.cookieConsent) return;
+
+    fetch('/api/plugins/cookie-consent/settings')
+      .then(function (r) {
+        return r.json();
+      })
+      .then(function (s) {
+        var categories = {
+          necessary: {
+            label: 'Necessary Cookies',
+            description: 'These cookies are essential for the website to function properly.',
+            required: true
+          }
+        };
+
+        if (s.showFunctional !== false) {
+          categories.functional = {
+            label: 'Functional Cookies',
+            description: 'These cookies enable personalised features and functionality.',
+            required: false
+          };
+        }
+
+        if (s.showAnalytics !== false) {
+          categories.analytics = {
+            label: 'Analytics Cookies',
+            description: 'These cookies help us understand how visitors interact with our website.',
+            required: false
+          };
+        }
+
+        if (s.showMarketing !== false) {
+          categories.marketing = {
+            label: 'Marketing Cookies',
+            description: 'These cookies are used to deliver relevant ads and marketing campaigns.',
+            required: false
+          };
+        }
+
+        var cfg = {
+          message: s.message,
+          acceptAllText: s.acceptAllText,
+          rejectAllText: s.rejectAllText,
+          customizeText: s.customizeText,
+          savePreferencesText: s.savePreferencesText,
+          privacyPolicyText: s.privacyPolicyText,
+          privacyPolicyUrl: s.privacyPolicyUrl || null,
+          cookiePolicyText: s.cookiePolicyText,
+          cookiePolicyUrl: s.cookiePolicyUrl || null,
+          position: s.position || 'bottom',
+          layout: s.layout || 'bar',
+          theme: s.theme || 'dark',
+          categories: categories,
+          consentVersion: s.consentVersion || '1.0',
+          autoShow: true,
+          animation: true
+        };
+
+        Domma.components.cookieConsent(cfg);
+      })
+      .catch(function () {
+        // Settings fetch failed — don't show banner
+      });
+  })();
+</script>

package/plugins/custom-css/admin/templates/custom-css.html

@@ -0,0 +1,17 @@
+<div class="view-header">
+    <h1><span data-icon="code"></span> Custom CSS</h1>
+    <button id="save-css-btn" class="btn btn-primary">
+        <span data-icon="save"></span> Save
+    </button>
+</div>
+
+<div class="card mb-4">
+    <div class="card-header"><h2>Editor</h2></div>
+    <div class="card-body">
+        <textarea id="custom-css-editor" class="form-input" style="font-family:monospace;min-height:420px;resize:vertical;" spellcheck="false" placeholder="/* Add your custom CSS here */"></textarea>
+        <p class="form-hint text-muted" style="margin-top:.6rem;font-size:.8rem;">
+            This CSS is injected into the <code>&lt;head&gt;</code> of every public page via <code>/api/plugins/custom-css/styles.css</code>.
+            Changes take effect immediately on save.
+        </p>
+    </div>
+</div>

package/plugins/custom-css/admin/views/custom-css.js

@@ -0,0 +1,35 @@
+/**
+ * Custom CSS Plugin — Admin Editor View
+ * Allows admins to write CSS injected into every public page.
+ */
+import { apiRequest } from '/admin/js/api.js';
+
+export const customCssView = {
+    templateUrl: '/plugins/custom-css/admin/templates/custom-css.html',
+
+    async onMount($container) {
+        // Load current CSS
+        try {
+            const { css } = await apiRequest('/plugins/custom-css/');
+            $container.find('#custom-css-editor').val(css || '');
+        } catch {
+            E.toast('Could not load custom CSS.', { type: 'error' });
+        }
+
+        // Save handler
+        $container.find('#save-css-btn').off('click').on('click', async () => {
+            const css = $container.find('#custom-css-editor').val();
+            try {
+                await apiRequest('/plugins/custom-css/', {
+                    method: 'PUT',
+                    body: JSON.stringify({ css })
+                });
+                E.toast('Custom CSS saved.', { type: 'success' });
+            } catch (err) {
+                E.toast(err.message || 'Failed to save CSS.', { type: 'error' });
+            }
+        });
+
+        Domma.icons.scan();
+    }
+};

package/plugins/custom-css/config.js

@@ -0,0 +1 @@
+export default {};

package/plugins/custom-css/plugin.js

@@ -0,0 +1,63 @@
+/**
+ * Custom CSS Plugin — Server
+ * Serves admin-authored CSS and injects it into every public page via inject-head.html.
+ *
+ * Endpoints (prefix: /api/plugins/custom-css):
+ *   GET  /styles.css  — public, no auth — serves the current custom CSS file
+ *   GET  /            — admin, authenticated — returns { css: "..." }
+ *   PUT  /            — admin, requireAdmin — saves request.body.css to data/custom.css
+ */
+import fs from 'fs/promises';
+import path from 'path';
+import {fileURLToPath} from 'url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const CSS_FILE  = path.join(__dirname, 'data', 'custom.css');
+const MAX_SIZE  = 100 * 1024; // 100 KB
+
+async function readCss() {
+    try {
+        return await fs.readFile(CSS_FILE, 'utf8');
+    } catch {
+        return '';
+    }
+}
+
+export default async function customCssPlugin(fastify, options) {
+    const { authenticate, requireAdmin } = options.auth;
+
+    // Ensure data directory exists
+    await fs.mkdir(path.join(__dirname, 'data'), { recursive: true });
+
+    // -----------------------------------------------------------------------
+    // GET /styles.css — public, no auth — serve the CSS file
+    // -----------------------------------------------------------------------
+    fastify.get('/styles.css', async (_request, reply) => {
+        const css = await readCss();
+        reply.header('Content-Type', 'text/css; charset=utf-8');
+      reply.header('Cache-Control', 'no-cache');
+        return css;
+    });
+
+    // -----------------------------------------------------------------------
+    // GET / — admin — return current CSS content as JSON
+    // -----------------------------------------------------------------------
+    fastify.get('/', { preHandler: [authenticate] }, async () => {
+        return { css: await readCss() };
+    });
+
+    // -----------------------------------------------------------------------
+    // PUT / — admin — save new CSS content
+    // -----------------------------------------------------------------------
+    fastify.put('/', { preHandler: [authenticate, requireAdmin] }, async (request, reply) => {
+        const { css } = request.body || {};
+        if (typeof css !== 'string') {
+            return reply.status(400).send({ error: 'css must be a string.' });
+        }
+        if (Buffer.byteLength(css, 'utf8') > MAX_SIZE) {
+            return reply.status(400).send({ error: 'CSS exceeds the 100 KB limit.' });
+        }
+        await fs.writeFile(CSS_FILE, css, 'utf8');
+        return { ok: true };
+    });
+}

package/plugins/custom-css/plugin.json

@@ -0,0 +1,32 @@
+{
+    "name": "custom-css",
+    "displayName": "Custom CSS",
+    "version": "1.0.0",
+    "description": "Add custom CSS that is injected into every public page.",
+    "author": "Darryl Waterhouse",
+    "date": "2026-03-03",
+    "icon": "code",
+    "admin": {
+        "sidebar": [
+            {
+                "id": "custom-css",
+                "text": "Custom CSS",
+                "icon": "code",
+                "url": "#/plugins/custom-css",
+                "section": "#/plugins/custom-css"
+            }
+        ],
+        "routes": [
+            { "path": "/plugins/custom-css", "view": "plugin-custom-css", "title": "Custom CSS - Domma CMS" }
+        ],
+        "views": {
+            "plugin-custom-css": {
+                "entry": "custom-css/admin/views/custom-css.js",
+                "exportName": "customCssView"
+            }
+        }
+    },
+    "inject": {
+      "headLate": "public/inject-head.html"
+    }
+}

package/plugins/custom-css/public/inject-head.html

@@ -0,0 +1 @@
+<link rel="stylesheet" href="/api/plugins/custom-css/styles.css">