domma-cms 0.1.0 → 0.2.0

package/admin/js/views/settings.js

@@ -1,15 +1,19 @@
 /**
  * Settings View
  */
-import { api } from '../api.js';
+import {api, apiRequest} from '../api.js';
 
 export const settingsView = {
     templateUrl: '/admin/js/templates/settings.html',
 
     async onMount($container) {
+      E.tabs($container.find('#settings-tabs').get(0));
+
         const s = await api.settings.get().catch(() => ({}));
         $container.find('#field-site-title').val(s.title || '');
         $container.find('#field-tagline').val(s.tagline || '');
+      $container.find('#field-font-family').val(s.fontFamily || 'Roboto');
+      $container.find('#field-font-size').val(s.fontSize || 16);
         $container.find('#field-theme').val(s.theme || 'charcoal-dark');
         $container.find('#field-admin-theme').val(s.adminTheme || 'charcoal-dark');
         $container.find('#field-seo-title').val(s.seo?.defaultTitle || '');
@@ -17,7 +21,14 @@ export const settingsView = {
         $container.find('#field-seo-desc').val(s.seo?.defaultDescription || '');
         $container.find('#field-footer-copy').val(s.footer?.copyright || '');
 
-        // SMTP fields
+      // Social fields
+      $container.find('#field-social-twitter').val(s.social?.twitter || '');
+      $container.find('#field-social-facebook').val(s.social?.facebook || '');
+      $container.find('#field-social-instagram').val(s.social?.instagram || '');
+      $container.find('#field-social-linkedin').val(s.social?.linkedin || '');
+      $container.find('#field-social-github').val(s.social?.github || '');
+      $container.find('#field-social-youtube').val(s.social?.youtube || '');
+
         $container.find('#field-smtp-host').val(s.smtp?.host || '');
         $container.find('#field-smtp-port').val(s.smtp?.port || 587);
         $container.find('#field-smtp-user').val(s.smtp?.user || '');
@@ -26,11 +37,50 @@ export const settingsView = {
         $container.find('#field-smtp-from-address').val(s.smtp?.fromAddress || '');
         $container.find('#field-smtp-from-name').val(s.smtp?.fromName || '');
 
+        // Back to Top
+        const btt = s.backToTop || {};
+        $container.find('#field-btt-enabled').prop('checked', btt.enabled !== false);
+        $container.find('#field-btt-threshold').val(btt.scrollThreshold ?? 300);
+        $container.find('#field-btt-position').val(btt.position || 'bottom-right');
+        $container.find('#field-btt-offset').val(btt.offset ?? 32);
+        $container.find('#field-btt-label').val(btt.label || '');
+        $container.find('#field-btt-smooth').prop('checked', btt.smooth !== false);
+
+        // Cookie Consent
+        const cc = s.cookieConsent || {};
+        $container.find('#field-cc-enabled').prop('checked', cc.enabled !== false);
+        $container.find('#field-cc-message').val(cc.message || '');
+        $container.find('#field-cc-accept-all').val(cc.acceptAllText || 'Accept All');
+        $container.find('#field-cc-reject-all').val(cc.rejectAllText || 'Reject All');
+        $container.find('#field-cc-customize').val(cc.customizeText || 'Customize');
+        $container.find('#field-cc-save-prefs').val(cc.savePreferencesText || 'Save Preferences');
+        $container.find('#field-cc-privacy-text').val(cc.privacyPolicyText || 'Privacy Policy');
+        $container.find('#field-cc-privacy-url').val(cc.privacyPolicyUrl || '');
+        $container.find('#field-cc-cookie-text').val(cc.cookiePolicyText || 'Cookie Policy');
+        $container.find('#field-cc-cookie-url').val(cc.cookiePolicyUrl || '');
+        $container.find('#field-cc-position').val(cc.position || 'bottom');
+        $container.find('#field-cc-layout').val(cc.layout || 'bar');
+        $container.find('#field-cc-theme').val(cc.theme || 'dark');
+        $container.find('#field-cc-show-functional').prop('checked', cc.showFunctional !== false);
+        $container.find('#field-cc-show-analytics').prop('checked', cc.showAnalytics !== false);
+        $container.find('#field-cc-show-marketing').prop('checked', cc.showMarketing !== false);
+        $container.find('#field-cc-version').val(cc.consentVersion || '1.0');
+
+        // Custom CSS
+        try {
+            const { css } = await apiRequest('/settings/custom-css');
+            $container.find('#field-custom-css').val(css || '');
+        } catch {
+            // non-fatal — textarea stays empty
+        }
+
         $container.find('#save-settings-btn').on('click', async () => {
             const adminTheme = $container.find('#field-admin-theme').val();
             const data = {
                 title: $container.find('#field-site-title').val().trim(),
                 tagline: $container.find('#field-tagline').val().trim(),
+              fontFamily: $container.find('#field-font-family').val() || 'Roboto',
+              fontSize: parseInt($container.find('#field-font-size').val(), 10) || 16,
                 theme: $container.find('#field-theme').val(),
                 adminTheme,
                 seo: {
@@ -42,6 +92,14 @@ export const settingsView = {
                     copyright: $container.find('#field-footer-copy').val().trim(),
                     links: s.footer?.links || []
                 },
+              social: {
+                twitter: $container.find('#field-social-twitter').val().trim(),
+                facebook: $container.find('#field-social-facebook').val().trim(),
+                instagram: $container.find('#field-social-instagram').val().trim(),
+                linkedin: $container.find('#field-social-linkedin').val().trim(),
+                github: $container.find('#field-social-github').val().trim(),
+                youtube: $container.find('#field-social-youtube').val().trim()
+              },
                 smtp: {
                     host:        $container.find('#field-smtp-host').val().trim(),
                     port:        parseInt($container.find('#field-smtp-port').val(), 10) || 587,
@@ -50,14 +108,91 @@ export const settingsView = {
                     secure:      $container.find('#field-smtp-secure').prop('checked'),
                     fromAddress: $container.find('#field-smtp-from-address').val().trim(),
                     fromName:    $container.find('#field-smtp-from-name').val().trim()
+                },
+                backToTop: {
+                    enabled:         $container.find('#field-btt-enabled').prop('checked'),
+                    scrollThreshold: parseInt($container.find('#field-btt-threshold').val(), 10) || 300,
+                    position:        $container.find('#field-btt-position').val() || 'bottom-right',
+                    offset:          parseInt($container.find('#field-btt-offset').val(), 10) || 32,
+                    label:           $container.find('#field-btt-label').val().trim(),
+                    smooth:          $container.find('#field-btt-smooth').prop('checked')
+                },
+                cookieConsent: {
+                    enabled:             $container.find('#field-cc-enabled').prop('checked'),
+                    message:             $container.find('#field-cc-message').val().trim(),
+                    acceptAllText:       $container.find('#field-cc-accept-all').val().trim(),
+                    rejectAllText:       $container.find('#field-cc-reject-all').val().trim(),
+                    customizeText:       $container.find('#field-cc-customize').val().trim(),
+                    savePreferencesText: $container.find('#field-cc-save-prefs').val().trim(),
+                    privacyPolicyText:   $container.find('#field-cc-privacy-text').val().trim(),
+                    privacyPolicyUrl:    $container.find('#field-cc-privacy-url').val().trim(),
+                    cookiePolicyText:    $container.find('#field-cc-cookie-text').val().trim(),
+                    cookiePolicyUrl:     $container.find('#field-cc-cookie-url').val().trim(),
+                    position:            $container.find('#field-cc-position').val(),
+                    layout:              $container.find('#field-cc-layout').val(),
+                    theme:               $container.find('#field-cc-theme').val(),
+                    showFunctional:      $container.find('#field-cc-show-functional').prop('checked'),
+                    showAnalytics:       $container.find('#field-cc-show-analytics').prop('checked'),
+                    showMarketing:       $container.find('#field-cc-show-marketing').prop('checked'),
+                    consentVersion:      $container.find('#field-cc-version').val().trim() || '1.0'
                 }
             };
+          const $btn = $container.find('#save-settings-btn');
+          $btn.prop('disabled', true);
             try {
                 await api.settings.save(data);
                 Domma.theme.set(adminTheme);
                 E.toast('Settings saved.', { type: 'success' });
             } catch {
                 E.toast('Failed to save settings.', { type: 'error' });
+            } finally {
+              $btn.prop('disabled', false);
+            }
+        });
+
+        // Send test email
+        $container.find('#send-test-email-btn').on('click', async () => {
+            const to      = $container.find('#field-test-email-to').val().trim();
+            const resultEl = $container.find('#test-email-result').get(0);
+            const $btn    = $container.find('#send-test-email-btn');
+
+            $btn.prop('disabled', true);
+            if (resultEl) { resultEl.textContent = 'Sending…'; resultEl.style.color = ''; }
+
+            try {
+                const res = await apiRequest('/settings/test-email', {
+                    method: 'POST',
+                    body:   JSON.stringify({ to: to || undefined })
+                });
+                if (resultEl) {
+                    resultEl.textContent   = res.message || 'Test email sent.';
+                    resultEl.style.color   = 'var(--success,#4ade80)';
+                }
+            } catch (err) {
+                if (resultEl) {
+                    resultEl.textContent = err.message || 'Failed to send test email.';
+                    resultEl.style.color = 'var(--danger,#f87171)';
+                }
+            } finally {
+                $btn.prop('disabled', false);
+            }
+        });
+
+        // Save Custom CSS
+        $container.find('#save-css-btn').on('click', async () => {
+            const css = $container.find('#field-custom-css').val();
+            const $btn = $container.find('#save-css-btn');
+            $btn.prop('disabled', true);
+            try {
+                await apiRequest('/settings/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' });
+            } finally {
+                $btn.prop('disabled', false);
             }
         });
     }

package/admin/js/views/users.js

@@ -2,7 +2,7 @@
  * Users List View
  * Shows all users in a Domma table with role badges.
  */
-import { api, getUser } from '../api.js';
+import {api, getUser} from '../api.js';
 
 const ROLE_BADGE = {
     admin:      'badge-danger',
@@ -22,18 +22,21 @@ export const usersView = {
             T.create('#users-table', {
                 data,
                 columns: [
-                    { key: 'name',      label: 'Name' },
-                    { key: 'email',     label: 'Email' },
-                    { key: 'role',      label: 'Role',
+                  {key: 'name', title: 'Name'},
+                  {key: 'email', title: 'Email'},
+                  {
+                    key: 'role', title: 'Role',
                         render: (val) => `<span class="badge ${ROLE_BADGE[val] || 'badge-secondary'}">${val}</span>` },
-                    { key: 'isActive',  label: 'Status',
+                  {
+                    key: 'isActive', title: 'Status',
                         render: (val) => val
                             ? '<span class="badge badge-success">Active</span>'
                             : '<span class="badge badge-secondary">Inactive</span>' },
-                    { key: 'lastLogin', label: 'Last login',
+                  {
+                    key: 'lastLogin', title: 'Last login',
                         render: (val) => val ? D(val).format('DD MMM YYYY HH:mm') : 'Never' },
                     {
-                        key: 'actions', label: 'Actions',
+                      key: 'actions', title: 'Actions',
                         render: (_, row) => {
                             const isSelf = row.id === currentUser?.id;
                             return `

package/bin/cli.js

@@ -152,8 +152,26 @@ done();
 // ---------------------------------------------------------------------------
 
 step('Resetting plugin data');
-writeFileSync(path.join(target, 'plugins/example-analytics/stats.json'), '{}\n', 'utf8');
-writeFileSync(path.join(target, 'plugins/form-builder/data/submissions/contact.json'), '[]\n', 'utf8');
+// Read scaffold.reset entries from each plugin.json and apply them
+const copiedPluginsDir = path.join(target, 'plugins');
+try {
+  const pluginDirs = readdirSync(copiedPluginsDir, {withFileTypes: true})
+    .filter(e => e.isDirectory())
+    .map(e => e.name);
+  for (const pluginName of pluginDirs) {
+    const manifestPath = path.join(copiedPluginsDir, pluginName, 'plugin.json');
+    try {
+      const manifest = JSON.parse(readFileSync(manifestPath, 'utf8'));
+      for (const {path: relPath, content} of (manifest.scaffold?.reset || [])) {
+        const absPath = path.join(copiedPluginsDir, pluginName, relPath);
+        mkdirSync(path.dirname(absPath), {recursive: true});
+        writeFileSync(absPath, content + '\n', 'utf8');
+      }
+    } catch { /* missing or invalid plugin.json — skip */
+    }
+  }
+} catch { /* plugins dir not found — skip */
+}
 done();
 
 // ---------------------------------------------------------------------------
@@ -189,14 +207,23 @@ const DEFAULT_NAV = {
   position: 'sticky'
 };
 
-// All plugins present but disabled by default in a fresh project
-const DEFAULT_PLUGINS = {
-  'example-analytics': {enabled: false, settings: {}},
-  'contact-form': {enabled: false, settings: {}},
-  'form-builder': {enabled: false, settings: {}},
-  'back-to-top': {enabled: false, settings: {}},
-  'cookie-consent': {enabled: false, settings: {}}
-};
+// Discover all plugins and default each to disabled in a fresh project
+const DEFAULT_PLUGINS = {};
+try {
+  const pluginsRoot = path.join(target, 'plugins');
+  const pluginDirs = readdirSync(pluginsRoot, {withFileTypes: true})
+    .filter(e => e.isDirectory())
+    .map(e => e.name);
+  for (const name of pluginDirs) {
+    const manifestPath = path.join(pluginsRoot, name, 'plugin.json');
+    try {
+      JSON.parse(readFileSync(manifestPath, 'utf8')); // validate manifest exists
+      DEFAULT_PLUGINS[name] = {enabled: false, settings: {}};
+    } catch { /* no valid plugin.json — skip */
+    }
+  }
+} catch { /* plugins dir not found — leave empty */
+}
 
 step('Writing default config');
 writeFileSync(path.join(target, 'config/site.json'), JSON.stringify(DEFAULT_SITE, null, 4) + '\n', 'utf8');

package/config/auth.json

@@ -15,6 +15,7 @@
         "layouts":    ["admin", "manager"],
         "media":      ["admin", "manager", "editor"],
         "users":      ["admin", "manager"],
-        "plugins":    ["admin"]
+        "plugins":    ["admin"],
+        "collections": ["admin", "manager"]
     }
 }

package/config/content.json

@@ -2,6 +2,7 @@
     "contentDir": "./content",
     "mediaDir": "./content/media",
     "usersDir": "./content/users",
+    "collectionsDir": "./content/collections",
     "pageDefaults": {
         "layout": "default",
         "status": "draft",

package/config/navigation.json

@@ -1,8 +1,8 @@
 {
   "brand": {
-    "text": "My Site",
-    "logo": null,
-    "url": "/"
+    "text": "My Dead Good Site",
+    "url": "/",
+    "icon": "home"
   },
   "items": [
     {
@@ -54,10 +54,20 @@
           "text": "Shortcode Reference",
           "url": "/resources/shortcodes",
           "icon": "code"
+        },
+        {
+          "text": "Effects",
+          "url": "/resources/effects",
+          "icon": "zap"
+        },
+        {
+          "text": "Interactive",
+          "url": "/resources/interactive",
+          "icon": "mouse-pointer"
         }
       ]
     }
   ],
-  "variant": "dark",
+  "variant": "transparent",
   "position": "sticky"
 }

package/config/plugins.json

@@ -17,24 +17,6 @@
       "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": {

package/config/presets.json

@@ -4,31 +4,27 @@
         "description": "Standard page with navbar and footer",
         "navbar": true,
         "footer": true,
-        "sidebar": false,
-        "features": ["back-to-top", "icon-scan"]
+      "sidebar": false
     },
     "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"]
+      "sidebar": true
     },
     "minimal": {
         "label": "Minimal",
         "description": "Clean page with no navbar or footer",
         "navbar": false,
         "footer": false,
-        "sidebar": false,
-        "features": []
+      "sidebar": false
     },
     "landing": {
         "label": "Landing Page",
         "description": "Full-width landing page layout",
         "navbar": true,
         "footer": true,
-        "sidebar": false,
-        "features": ["back-to-top", "icon-scan"]
+      "sidebar": false
     }
 }

package/config/site.json

@@ -1,7 +1,9 @@
 {
   "title": "My Boss Site",
-  "tagline": "My Dead Good Boss Site",
-  "theme": "silver-dark",
+  "tagline": "My Dead Good Site",
+  "fontFamily": "Roboto",
+  "fontSize": 16,
+  "theme": "charcoal-dark",
   "adminTheme": "charcoal-dark",
   "seo": {
     "defaultTitle": "My Boss Site",
@@ -9,7 +11,7 @@
     "defaultDescription": "A site built with Domma CMS"
   },
   "footer": {
-    "copyright": "© 2026 DCBW Consulting Ltd.",
+    "copyright": "© 2026 DCBW Consulting Ltd",
     "links": [
       {
         "text": "Privacy Policy",
@@ -18,9 +20,21 @@
       {
         "text": "Contact",
         "url": "/contact"
+      },
+      {
+        "text": "GDPR",
+        "url": "/gdpr"
       }
     ]
   },
+  "social": {
+    "twitter": "",
+    "facebook": "",
+    "instagram": "",
+    "linkedin": "",
+    "github": "https://github.com/pinpointzero73/",
+    "youtube": ""
+  },
   "smtp": {
     "host": "localhost",
     "port": 1025,
@@ -29,5 +43,32 @@
     "secure": false,
     "fromAddress": "",
     "fromName": ""
+  },
+  "backToTop": {
+    "enabled": true,
+    "scrollThreshold": 150,
+    "position": "bottom-right",
+    "label": "",
+    "smooth": true,
+    "offset": 48
+  },
+  "cookieConsent": {
+    "enabled": true,
+    "message": "We use cookies to enhance your browsing experience, serve personalised content, and analyse our traffic. By clicking \"Accept All\", you consent to our use of cookies.",
+    "acceptAllText": "Accept All",
+    "rejectAllText": "Reject All",
+    "customizeText": "Customize",
+    "savePreferencesText": "Save Preferences",
+    "privacyPolicyText": "Privacy Policy",
+    "privacyPolicyUrl": "/privacy-policy",
+    "cookiePolicyText": "Cookie Policy",
+    "cookiePolicyUrl": "",
+    "position": "bottom",
+    "layout": "bar",
+    "theme": "dark",
+    "showFunctional": true,
+    "showAnalytics": true,
+    "showMarketing": true,
+    "consentVersion": "1.0"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domma-cms",
-  "version": "0.1.0",
+  "version": "0.2.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",
@@ -17,6 +17,7 @@
     "scripts/"
   ],
   "scripts": {
+    "build": "node scripts/build.js",
     "start": "pm2 start server/server.js -i max --name domma-cms",
     "dev": "PORT=3050 node --watch server/server.js",
     "prod": "node server/server.js",
@@ -54,7 +55,7 @@
     "@fastify/multipart": "^9.3.0",
     "@fastify/static": "^8.1.0",
     "bcryptjs": "^3.0.3",
-    "domma-js": "^0.18.2",
+    "domma-js": "^0.19.1",
     "dotenv": "^17.2.3",
     "fastify": "^5.7.3",
     "gray-matter": "^4.0.3",
@@ -63,5 +64,8 @@
     "sanitize-html": "^2.17.0",
     "sharp": "^0.34.5",
     "uuid": "^13.0.0"
+  },
+  "devDependencies": {
+    "esbuild": "^0.27.3"
   }
 }

package/plugins/domma-effects/admin/templates/domma-effects.html

@@ -176,12 +176,101 @@ Content here.
     <!-- Text tab -->
     <div id="tab-text" class="effects-tab-panel">
       <h3 class="mb-2">Typewriter (Scribe)</h3>
-      <p class="text-muted mb-2">Types text character by character. Perfect for hero taglines or code
-        demonstrations.</p>
-      <pre class="code-block mb-3">[scribe speed="50" cursor="true" loop="false"]
+      <p class="text-muted mb-2">Types text character by character. Supports a simple one-shot mode or a full
+        action script for sequenced multi-step animations.</p>
+
+      <h4 class="mb-1" style="font-size:.9rem;">Simple mode</h4>
+      <pre class="code-block mb-2">[scribe speed="50" cursor="true" loop="false"]
 Your text appears letter by letter.
 [/scribe]</pre>
 
+      <h4 class="mb-1" style="font-size:.9rem;">Script mode — action shortcodes</h4>
+      <pre class="code-block mb-2">[scribe loop="true" loop-delay="2000"]
+[render effect="fade"]Hello, world![/render]
+[wait]1500[/wait]
+[undo /]
+[render]Something else entirely.[/render]
+[/scribe]</pre>
+      <p class="text-muted mb-2" style="font-size:.85rem;">When any <code>[render]</code>, <code>[wait]</code>, or
+        <code>[undo]</code> shortcode is present inside the body, script mode activates automatically.</p>
+      <table class="table mb-2">
+        <thead>
+        <tr>
+          <th>Action</th>
+          <th>Syntax</th>
+          <th>Description</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+          <td><code>[render]</code></td>
+          <td><code>[render effect="fade"]Text[/render]</code></td>
+          <td>Type the text. Optional <code>effect</code>: fade, slide (for appearance)</td>
+        </tr>
+        <tr>
+          <td><code>[wait]</code></td>
+          <td><code>[wait]1500[/wait]</code></td>
+          <td>Pause for N milliseconds (number) or a CSS duration string (e.g. <code>2s</code>)</td>
+        </tr>
+        <tr>
+          <td><code>[undo]</code></td>
+          <td><code>[undo /]</code> or <code>[undo count="3" /]</code> or <code>[undo all="true" /]</code></td>
+          <td>Delete the last render action, N renders, or all renders</td>
+        </tr>
+        </tbody>
+      </table>
+      <table class="table mb-3">
+        <thead>
+        <tr>
+          <th>Attribute</th>
+          <th>Default</th>
+          <th>Description</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+          <td><code>speed</code></td>
+          <td>50</td>
+          <td>Typing speed (ms per character)</td>
+        </tr>
+        <tr>
+          <td><code>delete-speed</code></td>
+          <td>30</td>
+          <td>Deletion speed (ms per character)</td>
+        </tr>
+        <tr>
+          <td><code>cursor</code></td>
+          <td>true</td>
+          <td>Show blinking cursor (true/false)</td>
+        </tr>
+        <tr>
+          <td><code>cursor-char</code></td>
+          <td>|</td>
+          <td>Character to use as cursor</td>
+        </tr>
+        <tr>
+          <td><code>cursor-type</code></td>
+          <td>—</td>
+          <td>Cursor style (block, underline, beam)</td>
+        </tr>
+        <tr>
+          <td><code>loop</code></td>
+          <td>false</td>
+          <td>Repeat script continuously (true/false)</td>
+        </tr>
+        <tr>
+          <td><code>loop-delay</code></td>
+          <td>1000</td>
+          <td>Pause before repeating (ms)</td>
+        </tr>
+        <tr>
+          <td><code>pause-on-hover</code></td>
+          <td>false</td>
+          <td>Pause animation while hovered (true/false)</td>
+        </tr>
+        </tbody>
+      </table>
+
       <h3 class="mb-2">Scramble</h3>
       <p class="text-muted mb-2">Reveals text through a character-scramble animation. Great for tech/data
         aesthetics.</p>