domma-cms 0.1.0 → 0.2.1

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

@@ -42,7 +42,7 @@ if (flags.has('--help') || args.includes('-h')) {
   Options:
     --no-install   Skip npm install
     --no-setup     Skip the interactive setup wizard
-    --seed         Run npm run seed after setup
+    --no-seed      Skip seeding default pages, forms, and collections
     --help         Show this help message
 
   Example:
@@ -82,7 +82,7 @@ if (existsSync(target)) {
 
 const noInstall = flags.has('--no-install');
 const noSetup = flags.has('--no-setup') || noInstall;
-const withSeed = flags.has('--seed');
+const noSeed = flags.has('--no-seed');
 
 // ---------------------------------------------------------------------------
 // Banner
@@ -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,29 @@ 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: {}}
-};
+// Plugins enabled by default in a fresh project
+const ENABLED_BY_DEFAULT = new Set([
+  'domma-effects',
+  'form-builder',
+]);
+
+// Discover all plugins and set enabled state accordingly
+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: ENABLED_BY_DEFAULT.has(name), 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');
@@ -210,6 +243,7 @@ done();
 
 step('Creating content directories');
 mkdirSync(path.join(target, 'content/pages'), {recursive: true});
+mkdirSync(path.join(target, 'content/collections'), {recursive: true});
 mkdirSync(path.join(target, 'content/media'), {recursive: true});
 mkdirSync(path.join(target, 'content/users'), {recursive: true});
 done();
@@ -301,13 +335,15 @@ if (noSetup) {
 }
 
 // ---------------------------------------------------------------------------
-// Optional seed
+// Seed default content (pages, forms, collections)
 // ---------------------------------------------------------------------------
 
-if (withSeed) {
-  console.log('  Running seed (npm run seed)…');
+if (noSeed) {
+  console.log('  ⚠  Skipping seed (--no-seed).');
+} else {
+  console.log('  Seeding default pages, forms and collections…');
   console.log('');
-  const result = spawnSync('npm', ['run', 'seed'], {cwd: target, stdio: 'inherit'});
+  const result = spawnSync(process.execPath, ['scripts/seed.js'], {cwd: target, stdio: 'inherit'});
   if (result.status !== 0) {
     console.error('\n  ✗ Seed failed.\n');
     process.exit(result.status ?? 1);
@@ -327,7 +363,7 @@ console.log('');
 console.log(`  Next steps:`);
 console.log(`    cd ${projectName}`);
 if (noInstall) console.log(`    npm install`);
-if (noSetup) console.log(`    npm run setup`);
+if (noSetup && !noInstall) console.log(`    npm run setup`);
 console.log(`    npm run dev`);
 console.log('');
 console.log(`  Then open: http://localhost:3050/admin`);

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.1",
   "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"
   }
 }