domma-cms 0.2.1 → 0.5.0

package/plugins/form-builder/public/inject-body.html

@@ -1,352 +0,0 @@
-<script>
-(function () {
-    'use strict';
-
-    var targets = document.querySelectorAll('[data-form]');
-    if (!targets.length) return;
-
-    function showMessage(wrapper, message, type) {
-        var existing = wrapper.querySelector('.fb-form-success, .fb-form-error');
-        if (existing) existing.remove();
-        var div = document.createElement('div');
-        div.className   = type === 'success' ? 'fb-form-success' : 'fb-form-error';
-        div.textContent = message;
-        wrapper.appendChild(div);
-    }
-
-    function buildBlueprintFromFields(fields) {
-        var blueprint = {};
-        fields.forEach(function (field) {
-          if (field.type === 'page-break' || field.type === 'spacer') return;
-            var def = {
-                type:        field.type,
-                label:       field.label        || field.name,
-                required:    field.required     || false,
-                placeholder: field.placeholder  || ''
-            };
-            if (field.helper)      def.helper   = field.helper;
-            if (field.options)     def.options   = field.options;
-            if (field.formConfig)  Object.assign(def, field.formConfig);
-            if (field.minLength)   def.minLength = field.minLength;
-            if (field.maxLength)   def.maxLength = field.maxLength;
-            if (field.min !== undefined) def.min = field.min;
-            if (field.max !== undefined) def.max = field.max;
-            blueprint[field.name] = def;
-        });
-        return blueprint;
-    }
-
-    /**
-     * Split a fields array at page-break entries into wizard steps.
-     * Each step: { title, description, fieldGroup[] }
-     */
-    function buildWizardSteps(fields, formTitle) {
-        var steps   = [];
-        var group   = [];
-        var title   = formTitle || 'Step 1';
-        var desc    = '';
-
-        fields.forEach(function (field) {
-            if (field.type === 'page-break') {
-                steps.push({ title: title, description: desc, fieldGroup: group });
-                group = [];
-                title = field.label       || ('Step ' + (steps.length + 1));
-                desc  = field.description || '';
-            } else if (field.type !== 'spacer') {
-                group.push(field);
-            }
-        });
-
-        // Always push the last (or only) group
-        steps.push({ title: title, description: desc, fieldGroup: group });
-        return steps;
-    }
-
-    function initFormTarget(target) {
-        var slug = target.getAttribute('data-form');
-        if (!slug) return;
-
-        fetch('/api/plugins/form-builder/forms/' + slug + '/public')
-            .then(function (res) {
-                if (!res.ok) throw new Error('Form not found: ' + slug);
-                return res.json();
-            })
-            .then(function (form) {
-                var fields   = form.fields   || [];
-                var settings = form.settings || {};
-
-                var wrapper = document.createElement('div');
-                wrapper.className = 'fb-form-wrapper';
-                target.appendChild(wrapper);
-
-                var hasPageBreaks = fields.some(function (f) { return f.type === 'page-break'; });
-
-                if (typeof Domma !== 'undefined' && Domma.forms) {
-
-                    if (hasPageBreaks && Domma.forms.wizard) {
-                        // --- Wizard mode ---
-                        var rawSteps = buildWizardSteps(fields, form.title);
-                        var steps = rawSteps.map(function (step) {
-                            return {
-                                title:       step.title,
-                                description: step.description,
-                                fields:      buildBlueprintFromFields(step.fieldGroup)
-                            };
-                        });
-
-                        Domma.forms.wizard(wrapper, {
-                            schema: { steps: steps },
-                            onSubmit: function (data) {
-                                return submitForm(slug, data, settings, wrapper, null);
-                            }
-                        });
-
-                        // Init conditional logic engine on wizard form
-                        if (window.FormLogicEngine && fields.some(function (f) { return f.logic; })) {
-                            var wizardRuntime = new window.FormLogicEngine.FormLogicRuntime(form, wrapper);
-                            wizardRuntime.init();
-                        }
-
-                        // Inject honeypot into the first step's form element
-                        if (settings.honeypot) {
-                            var firstForm = wrapper.querySelector('form');
-                            if (firstForm) {
-                                injectHoneypot(firstForm);
-                            }
-                        }
-
-                    } else if (Domma.forms.render) {
-                        // --- Standard single-step mode ---
-                        var blueprint = buildBlueprintFromFields(fields);
-
-                        Domma.forms.render(wrapper, blueprint, {}, {
-                            submitText: settings.submitText || 'Submit',
-                            layout:     settings.layout     || 'stacked',
-                            onSubmit: function (data) {
-                                return submitForm(slug, data, settings, wrapper, null);
-                            }
-                        });
-
-                        // Init conditional logic engine on standard form
-                        if (window.FormLogicEngine && fields.some(function (f) { return f.logic; })) {
-                            var stdRuntime = new window.FormLogicEngine.FormLogicRuntime(form, wrapper);
-                            stdRuntime.init();
-                        }
-
-                      if (fields.some(function (f) {
-                        return f.type === 'spacer';
-                      })) {
-                        injectSpacers(wrapper, fields);
-                      }
-
-                        if (settings.honeypot) {
-                            var formEl = wrapper.querySelector('form');
-                            if (formEl) injectHoneypot(formEl);
-                        }
-                    }
-
-                } else {
-                    // Fallback: manual form rendering (no Domma dependency)
-                  renderManualForm(wrapper, fields.filter(function (f) {
-                    return f.type !== 'page-break' && f.type !== 'spacer';
-                  }), settings, slug, form);
-                }
-            })
-            .catch(function (err) {
-                var msg = document.createElement('p');
-                msg.textContent   = 'Form unavailable.';
-                msg.style.cssText = 'color:#f87171;font-style:italic;';
-                target.appendChild(msg);
-                console.warn('[form-builder]', err.message);
-            });
-    }
-
-  /**
-   * After Domma renders a form, insert .fb-spacer divs at the positions
-   * where spacer pseudo-fields appear in the original fields array.
-   */
-  function injectSpacers(wrapper, allFields) {
-    var form = wrapper.querySelector('form');
-    if (!form) return;
-    var groups = Array.from(form.querySelectorAll('.form-group'));
-    var groupIdx = 0;
-    allFields.forEach(function (field) {
-      if (field.type === 'spacer') {
-        var spacer = document.createElement('div');
-        spacer.className = 'fb-spacer';
-        var target = groups[groupIdx];
-        if (target) {
-          form.insertBefore(spacer, target);
-        } else {
-          var submitBtn = form.querySelector('[type="submit"]');
-          if (submitBtn) form.insertBefore(spacer, submitBtn);
-          else form.appendChild(spacer);
-        }
-      } else if (field.type !== 'page-break') {
-        groupIdx++;
-      }
-    });
-  }
-
-    function injectHoneypot(formEl) {
-        var hpWrap = document.createElement('div');
-        hpWrap.className = 'fb-form-honeypot';
-        hpWrap.setAttribute('aria-hidden', 'true');
-        var hpInput = document.createElement('input');
-        hpInput.name         = '_hp';
-        hpInput.type         = 'text';
-        hpInput.tabIndex     = -1;
-        hpInput.autocomplete = 'off';
-        hpWrap.appendChild(hpInput);
-        formEl.appendChild(hpWrap);
-    }
-
-    function submitForm(slug, data, settings, wrapper, formEl) {
-        var hp = '';
-        if (formEl) {
-            var hpEl = formEl.querySelector('[name="_hp"]');
-            hp = hpEl ? hpEl.value : '';
-        } else {
-            var hpEl2 = wrapper.querySelector('[name="_hp"]');
-            hp = hpEl2 ? hpEl2.value : '';
-        }
-
-        var payload = Object.assign({}, data, { _hp: hp });
-
-        return fetch('/api/plugins/form-builder/submit/' + slug, {
-            method:  'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body:    JSON.stringify(payload)
-        })
-            .then(function (res) { return res.json().then(function (body) { return { ok: res.ok, body: body }; }); })
-            .then(function (result) {
-                if (result.ok && result.body.ok) {
-                    wrapper.textContent = '';
-                    showMessage(wrapper, result.body.message || settings.successMessage || 'Thank you.', 'success');
-                } else {
-                    showMessage(wrapper, result.body.error || 'Something went wrong.', 'error');
-                }
-            })
-            .catch(function () {
-                showMessage(wrapper, 'Unable to submit. Please check your connection.', 'error');
-            });
-    }
-
-    // Manual form renderer — used when Domma forms API is unavailable
-    function renderManualForm(wrapper, fields, settings, slug, formDef) {
-        var form = document.createElement('form');
-        form.noValidate = true;
-
-        fields.forEach(function (field) {
-            var group = document.createElement('div');
-            group.className     = 'form-group';
-            group.style.marginBottom = '1.25rem';
-
-            var label = document.createElement('label');
-            label.className   = 'form-label';
-            label.textContent = field.label || field.name;
-            if (field.required) {
-                var req = document.createElement('span');
-                req.textContent   = ' *';
-                req.style.color   = '#f87171';
-                label.appendChild(req);
-            }
-
-            var input;
-            if (field.type === 'textarea') {
-                input = document.createElement('textarea');
-                input.rows      = field.formConfig?.rows || 4;
-                input.className = 'form-input';
-            } else if (field.type === 'select') {
-                input = document.createElement('select');
-                input.className = 'form-input';
-                (field.options || []).forEach(function (opt) {
-                    var o = document.createElement('option');
-                    o.value       = opt.value;
-                    o.textContent = opt.label || opt.value;
-                    input.appendChild(o);
-                });
-            } else {
-                input = document.createElement('input');
-                input.type      = field.type || 'text';
-                input.className = 'form-input';
-                if (field.placeholder) input.placeholder = field.placeholder;
-            }
-            input.name     = field.name;
-            input.required = field.required || false;
-
-            group.appendChild(label);
-            group.appendChild(input);
-            form.appendChild(group);
-        });
-
-        // Honeypot
-        if (settings.honeypot) {
-            injectHoneypot(form);
-        }
-
-        var submitBtn = document.createElement('button');
-        submitBtn.type      = 'submit';
-        submitBtn.className = 'btn btn-primary';
-        submitBtn.textContent = settings.submitText || 'Submit';
-        form.appendChild(submitBtn);
-
-        form.addEventListener('submit', function (e) {
-            e.preventDefault();
-
-            var data = {};
-            fields.forEach(function (field) {
-                var el = form.querySelector('[name="' + field.name + '"]');
-                if (el) data[field.name] = el.value;
-            });
-
-            // Client-side logic validation for manual fallback
-            if (window.FormLogicEngine && formDef) {
-                var Engine = window.FormLogicEngine;
-                var requiredErrors = [];
-                var validationErrors = [];
-                fields.forEach(function (field) {
-                    var vis = Engine.evaluateFieldVisibility(field, data);
-                    if (vis === 'hidden') {
-                        delete data[field.name];
-                        return;
-                    }
-                    var required = Engine.evaluateFieldRequirement(field, data);
-                    var val = data[field.name];
-                    if (required && (!val || !String(val).trim())) {
-                        requiredErrors.push(field.label || field.name);
-                    }
-                    var errors = Engine.validateField(field, val || '', data);
-                    if (errors.length) validationErrors.push(errors[0].message);
-                });
-                if (requiredErrors.length || validationErrors.length) {
-                    var errParts = [];
-                    if (requiredErrors.length) errParts.push('Required: ' + requiredErrors.join(', '));
-                    if (validationErrors.length) errParts.push(validationErrors.join('; '));
-                    showMessage(wrapper, errParts.join('. '), 'error');
-                    return;
-                }
-            }
-
-            wrapper.classList.add('fb-form-loading');
-            submitBtn.disabled = true;
-
-            submitForm(slug, data, settings, wrapper, form).finally(function () {
-                wrapper.classList.remove('fb-form-loading');
-                submitBtn.disabled = false;
-            });
-        });
-
-        wrapper.appendChild(form);
-
-        // Init conditional logic engine on manual form
-        if (window.FormLogicEngine && formDef && fields.some(function (f) { return f.logic; })) {
-            var manualRuntime = new window.FormLogicEngine.FormLogicRuntime(formDef, wrapper);
-            manualRuntime.init();
-        }
-    }
-
-    // Initialise all form targets on the page
-    targets.forEach(initFormTarget);
-})();
-</script>

package/plugins/form-builder/public/inject-head.html

@@ -1,58 +0,0 @@
-<style>
-.fb-form-wrapper {
-    max-width: 600px;
-    margin: 2rem auto;
-}
-
-.fb-form-honeypot {
-    display: none !important;
-    visibility: hidden;
-}
-
-.fb-form-success {
-    padding: 1rem 1.25rem;
-    border-radius: 6px;
-    background: rgba(52, 211, 153, 0.12);
-    border: 1px solid rgba(52, 211, 153, 0.3);
-    color: #34d399;
-    font-size: 0.95rem;
-    margin-top: 0.5rem;
-}
-
-.fb-form-error {
-    padding: 0.75rem 1rem;
-    border-radius: 6px;
-    background: rgba(239, 68, 68, 0.1);
-    border: 1px solid rgba(239, 68, 68, 0.25);
-    color: #f87171;
-    font-size: 0.875rem;
-    margin-top: 0.75rem;
-}
-
-.fb-form-loading {
-    opacity: 0.6;
-    pointer-events: none;
-}
-
-.wizard-progress { height: 4px; background: var(--border-color, #333); border-radius: 2px; margin-bottom: 1rem; }
-.wizard-progress-bar { height: 100%; background: var(--primary, #5b8cff); border-radius: 2px; transition: width .3s ease; }
-.wizard-step-title { font-size: 1.1rem; font-weight: 600; margin-bottom: .25rem; }
-.wizard-step-description { font-size: .875rem; color: var(--text-muted, #888); margin-bottom: 1rem; }
-.wizard-nav { display: flex; justify-content: space-between; gap: .5rem; margin-top: 1rem; }
-
-.fb-field-hidden { display: none !important; }
-.fb-validation-error { color: var(--danger, #ef4444); font-size: .8rem; margin-top: .25rem; }
-
-.fb-form-wrapper .domma-form-field {
-    margin-bottom: 2rem;
-}
-
-.fb-form-wrapper .form-group:not(.form-buttons) {
-    margin-bottom: 2rem;
-}
-
-.fb-spacer {
-    height: 2rem;
-}
-</style>
-<script src="/plugins/form-builder/public/form-logic-engine.js"></script>

package/plugins/form-builder/public/package.json

@@ -1 +0,0 @@
-{ "type": "commonjs" }

package/scripts/copy-domma.js

@@ -1,48 +0,0 @@
-/**
- * Copy Domma dist files to admin and public directories.
- *
- * NOTE: This script is now OPTIONAL.
- * The server serves Domma directly from node_modules/domma-js/public/dist at /dist/domma/.
- * Only run this if you need the files as static copies (e.g. for deployment without node_modules).
- *
- * Run: node scripts/copy-domma.js
- */
-import fs from 'fs/promises';
-import path from 'path';
-import { fileURLToPath } from 'url';
-import { createRequire } from 'module';
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const ROOT = path.resolve(__dirname, '..');
-const require = createRequire(import.meta.url);
-
-// Resolve from npm package
-const dommaPackageDir = path.dirname(require.resolve('domma-js/package.json'));
-const DOMMA_DIST = path.join(dommaPackageDir, 'public', 'dist');
-
-const TARGETS = [
-    path.join(ROOT, 'admin', 'dist', 'domma'),
-    path.join(ROOT, 'public', 'dist', 'domma')
-];
-
-async function copyDir(src, dest) {
-    await fs.mkdir(dest, { recursive: true });
-    const entries = await fs.readdir(src, { withFileTypes: true });
-    for (const entry of entries) {
-        const srcPath = path.join(src, entry.name);
-        const destPath = path.join(dest, entry.name);
-        if (entry.isDirectory()) {
-            await copyDir(srcPath, destPath);
-        } else {
-            await fs.copyFile(srcPath, destPath);
-        }
-    }
-}
-
-console.log(`Source: ${DOMMA_DIST}`);
-console.log('Copying Domma dist files...');
-for (const target of TARGETS) {
-    await copyDir(DOMMA_DIST, target);
-    console.log(`  ✓ → ${path.relative(ROOT, target)}`);
-}
-console.log('Done.');