@profitlich/template-toolkit 1.0.1 → 2.0.0

package/dev/Dev.js

@@ -1,5 +1,4 @@
 import { Toolbar } from './toolbar/Toolbar.js';
-import { FormieFillIn } from './formie-fill-in/FormieFillIn.js';
 
 let _config = {};
 
@@ -12,8 +11,5 @@ export function initDev(config = {}) {
 
 document.addEventListener('DOMContentLoaded', () => {
     new Toolbar();
-    if (_config.formie) {
-        new FormieFillIn(_config.formie);
-    }
     console.info('Dev initialized.');
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@profitlich/template-toolkit",
-    "version": "1.0.1",
+    "version": "2.0.0",
     "description": "Shared SCSS layout system, JS utilities, components and build scripts for profitlich template repos",
     "type": "module",
     "exports": {

package/dev/formie-fill-in/FormieFillIn.js

@@ -1,81 +0,0 @@
-/**
- * FormieFillIn – Füllt Formie-Formulare in der Entwicklungsumgebung automatisch aus.
- *
- * Initialisierung via initDev() in dev/Dev.js – kein manueller Aufruf nötig.
- *
- * Konfiguration in config.json (zwei Ebenen: Form-Handle → Feld-Handle → Wert):
- *   "formie": {
- *     "kontaktformular": {
- *       "vorname": "Max",
- *       "email": "max@example.com",
- *       "nachricht": "Testanfrage"
- *     }
- *   }
- */
-export class FormieFillIn {
-    #formConfig;
-
-    /**
-     * @param {Object} formConfig - Aus config.json, z.B. { kontaktformular: { email: 'test@example.com' } }
-     */
-    constructor(formConfig) {
-        if (!formConfig || typeof formConfig !== 'object') return;
-
-        this.#formConfig = formConfig;
-        document.addEventListener('onFormieInit', this.#onFormieInit);
-    }
-
-    #onFormieInit = (e) => {
-        const Formie = e.detail?.formie;
-        if (!Formie) return;
-
-        for (const [handle, fields] of Object.entries(this.#formConfig)) {
-            const form = Formie.getFormByHandle(handle);
-            if (!form?.$form) continue;
-
-            this.#fillForm(form.$form, fields);
-            console.info(`FormieFillIn: "${handle}" ausgefüllt.`);
-        }
-    };
-
-    #fillForm(formElement, fields) {
-        for (const [fieldHandle, value] of Object.entries(fields)) {
-            const name = `fields[${fieldHandle}]`;
-            const inputs = formElement.querySelectorAll(`[name="${name}"], [name="${name}[]"]`);
-
-            if (!inputs.length) {
-                console.warn(`FormieFillIn: Feld "${fieldHandle}" nicht gefunden.`);
-                continue;
-            }
-
-            this.#setFieldValue(inputs, value);
-        }
-    }
-
-    #setFieldValue(inputs, value) {
-        const first = inputs[0];
-        const type = first.type?.toLowerCase();
-
-        if (type === 'radio') {
-            inputs.forEach((radio) => {
-                radio.checked = radio.value === String(value);
-                if (radio.checked) radio.dispatchEvent(new Event('change', { bubbles: true }));
-            });
-        } else if (type === 'checkbox') {
-            if (inputs.length === 1) {
-                first.checked = Boolean(value);
-            } else {
-                // Checkbox-Gruppe: value ist Array mit den gewünschten Werten
-                const selected = Array.isArray(value) ? value.map(String) : [String(value)];
-                inputs.forEach((checkbox) => {
-                    checkbox.checked = selected.includes(checkbox.value);
-                });
-            }
-            inputs.forEach((cb) => cb.dispatchEvent(new Event('change', { bubbles: true })));
-        } else {
-            first.value = value;
-            first.dispatchEvent(new Event('input', { bubbles: true }));
-            first.dispatchEvent(new Event('change', { bubbles: true }));
-        }
-    }
-}