formeo 5.0.0 → 5.0.2

package/dist/formeo.umd.js

@@ -1,7 +1,7 @@
 
 /**
 formeo - https://formeo.io
-Version: 4.2.5
+Version: 5.0.1
 Author: Draggable https://draggable.io
 */
 
@@ -436,7 +436,7 @@ Author: Draggable https://draggable.io
     window.SmartTooltip = SmartTooltip;
   }
   const name$1 = "formeo";
-  const version$2 = "4.2.5";
+  const version$2 = "5.0.1";
   const pkg = {
     name: name$1,
     version: version$2
@@ -1208,9 +1208,9 @@ Author: Draggable https://draggable.io
   function require_cloneBuffer() {
     if (hasRequired_cloneBuffer) return _cloneBuffer.exports;
     hasRequired_cloneBuffer = 1;
-    (function(module2, exports3) {
+    (function(module2, exports$1) {
       var root = require_root();
-      var freeExports = exports3 && !exports3.nodeType && exports3;
+      var freeExports = exports$1 && !exports$1.nodeType && exports$1;
       var freeModule = freeExports && true && module2 && !module2.nodeType && module2;
       var moduleExports = freeModule && freeModule.exports === freeExports;
       var Buffer = moduleExports ? root.Buffer : void 0, allocUnsafe = Buffer ? Buffer.allocUnsafe : void 0;
@@ -1456,9 +1456,9 @@ Author: Draggable https://draggable.io
   function requireIsBuffer() {
     if (hasRequiredIsBuffer) return isBuffer.exports;
     hasRequiredIsBuffer = 1;
-    (function(module2, exports3) {
+    (function(module2, exports$1) {
       var root = require_root(), stubFalse = requireStubFalse();
-      var freeExports = exports3 && !exports3.nodeType && exports3;
+      var freeExports = exports$1 && !exports$1.nodeType && exports$1;
       var freeModule = freeExports && true && module2 && !module2.nodeType && module2;
       var moduleExports = freeModule && freeModule.exports === freeExports;
       var Buffer = moduleExports ? root.Buffer : void 0;
@@ -1529,9 +1529,9 @@ Author: Draggable https://draggable.io
   function require_nodeUtil() {
     if (hasRequired_nodeUtil) return _nodeUtil.exports;
     hasRequired_nodeUtil = 1;
-    (function(module2, exports3) {
+    (function(module2, exports$1) {
       var freeGlobal = require_freeGlobal();
-      var freeExports = exports3 && !exports3.nodeType && exports3;
+      var freeExports = exports$1 && !exports$1.nodeType && exports$1;
       var freeModule = freeExports && true && module2 && !module2.nodeType && module2;
       var moduleExports = freeModule && freeModule.exports === freeExports;
       var freeProcess = moduleExports && freeGlobal.process;
@@ -10718,11 +10718,25 @@ Author: Draggable https://draggable.io
   const Fields = fields;
   const Controls = Controls$2;
   const getFormData = (formData, useSessionStorage = false) => {
-    if (formData) {
-      return clone$1(parseData(formData));
+    if (formData !== void 0 && formData !== null) {
+      const parsed = parseData(formData);
+      if (parsed && typeof parsed === "object") {
+        const cloned = clone$1(parsed);
+        return {
+          id: cloned.id || DEFAULT_FORMDATA().id,
+          stages: cloned.stages || DEFAULT_FORMDATA().stages,
+          rows: cloned.rows || {},
+          columns: cloned.columns || {},
+          fields: cloned.fields || {}
+        };
+      }
+      console.warn("Formeo: Invalid formData provided, using default");
     }
     if (useSessionStorage) {
-      return sessionStorage.get(SESSION_FORMDATA_KEY) || DEFAULT_FORMDATA();
+      const sessionData = sessionStorage.get(SESSION_FORMDATA_KEY);
+      if (sessionData) {
+        return sessionData;
+      }
     }
     return DEFAULT_FORMDATA();
   };
@@ -10843,6 +10857,8 @@ Author: Draggable https://draggable.io
     },
     onAdd: () => {
     },
+    onRemove: () => {
+    },
     onChange: (evt) => events.opts?.debug && console.log(evt),
     onUpdate: (evt) => events.opts?.debug && console.log(evt),
     onUpdateStage: (evt) => events.opts?.debug && console.log(evt),
@@ -10935,31 +10951,37 @@ Author: Draggable https://draggable.io
   document.addEventListener(EVENT_FORMEO_ADDED_ROW, (evt) => {
     const { timeStamp, type, detail } = evt;
     const eventData = { timeStamp, type, detail };
+    events.opts.onAdd(eventData);
     events.opts.onAddRow(eventData);
   });
   document.addEventListener(EVENT_FORMEO_ADDED_COLUMN, (evt) => {
     const { timeStamp, type, detail } = evt;
     const eventData = { timeStamp, type, detail };
+    events.opts.onAdd(eventData);
     events.opts.onAddColumn(eventData);
   });
   document.addEventListener(EVENT_FORMEO_ADDED_FIELD, (evt) => {
     const { timeStamp, type, detail } = evt;
     const eventData = { timeStamp, type, detail };
+    events.opts.onAdd(eventData);
     events.opts.onAddField(eventData);
   });
   document.addEventListener(EVENT_FORMEO_REMOVED_ROW, (evt) => {
     const { timeStamp, type, detail } = evt;
     const eventData = { timeStamp, type, detail };
+    events.opts.onRemove(eventData);
     events.opts.onRemoveRow(eventData);
   });
   document.addEventListener(EVENT_FORMEO_REMOVED_COLUMN, (evt) => {
     const { timeStamp, type, detail } = evt;
     const eventData = { timeStamp, type, detail };
+    events.opts.onRemove(eventData);
     events.opts.onRemoveColumn(eventData);
   });
   document.addEventListener(EVENT_FORMEO_REMOVED_FIELD, (evt) => {
     const { timeStamp, type, detail } = evt;
     const eventData = { timeStamp, type, detail };
+    events.opts.onRemove(eventData);
     events.opts.onRemoveField(eventData);
   });
   document.addEventListener(EVENT_FORMEO_ON_RENDER, (evt) => {
@@ -11126,7 +11148,18 @@ Author: Draggable https://draggable.io
       };
     }
   };
+  const INIT_STATES = {
+    CREATED: "created",
+    LOADING_RESOURCES: "loading",
+    INITIALIZING: "initializing",
+    READY: "ready",
+    ERROR: "error"
+  };
   let FormeoEditor$1 = class FormeoEditor {
+    #initState = INIT_STATES.CREATED;
+    #initPromise = null;
+    #lockedFormData = null;
+    #dataLoadedOnce = false;
     /**
      * @param  {Object} options  formeo options
      * @param  {String|Object}   userFormData loaded formData
@@ -11141,7 +11174,9 @@ Author: Draggable https://draggable.io
       this.opts = opts;
       dom.setOptions = opts;
       components.config = config;
-      this.userFormData = userFormData || formData;
+      const providedData = userFormData || formData;
+      this.#lockedFormData = providedData ? cleanFormData(providedData) : null;
+      this.userFormData = this.#lockedFormData;
       this.Components = components;
       this.dom = dom;
       events.init({ debug, ...events$1 });
@@ -11156,7 +11191,9 @@ Author: Draggable https://draggable.io
       return this.Components.formData;
     }
     set formData(data = {}) {
-      this.userFormData = cleanFormData(data);
+      const cleaned = cleanFormData(data);
+      this.#lockedFormData = cleaned;
+      this.userFormData = cleaned;
       this.load(this.userFormData, this.opts);
     }
     loadData(data = {}) {
@@ -11170,7 +11207,9 @@ Author: Draggable https://draggable.io
      * @return {void}
      */
     clear() {
-      this.userFormData = DEFAULT_FORMDATA();
+      const defaultData = DEFAULT_FORMDATA();
+      this.#lockedFormData = defaultData;
+      this.userFormData = defaultData;
       this.Components.load(this.userFormData, this.opts);
       this.render();
     }
@@ -11180,6 +11219,7 @@ Author: Draggable https://draggable.io
      */
     async loadResources() {
       document.removeEventListener("DOMContentLoaded", this.loadResources);
+      this.#initState = INIT_STATES.LOADING_RESOURCES;
       const promises = [
         fetchIcons(this.opts.svgSprite),
         fetchFormeoStyle(this.opts.style),
@@ -11189,38 +11229,142 @@ Author: Draggable https://draggable.io
           locale: globalThis.sessionStorage?.getItem(SESSION_LOCALE_KEY)
         })
       ].filter(Boolean);
-      await Promise.all(promises);
-      if (this.opts.allowEdit) {
-        this.init();
+      try {
+        await Promise.all(promises);
+        if (this.opts.allowEdit) {
+          this.init();
+        }
+      } catch (error) {
+        this.#initState = INIT_STATES.ERROR;
+        console.error("Failed to load resources:", error);
+        throw error;
       }
     }
     /**
      * Formeo initializer
-     * @return {Object} References to formeo instance,
+     * @return {Promise} References to formeo instance,
      * dom elements, actions events and more.
      */
     init() {
-      return Controls$2.init(this.opts.controls, this.opts.stickyControls).then((controls) => {
+      if (this.#initState === INIT_STATES.INITIALIZING) {
+        return this.#initPromise;
+      }
+      if (this.#initState === INIT_STATES.READY) {
+        return this.#refreshUI();
+      }
+      this.#initState = INIT_STATES.INITIALIZING;
+      this.#initPromise = Controls$2.init(this.opts.controls, this.opts.stickyControls).then((controls) => {
         this.controls = controls;
-        this.load(this.userFormData, this.opts);
+        if (!this.#dataLoadedOnce) {
+          this.#loadInitialData();
+          this.#dataLoadedOnce = true;
+        }
         this.formId = components.get("id");
         this.i18n = {
-          setLang: (formeoLocale) => {
-            globalThis.sessionStorage?.setItem(SESSION_LOCALE_KEY, formeoLocale);
-            const loadLang = mi18n.setCurrent(formeoLocale);
-            loadLang.then(() => {
-              this.init();
-            }, console.error);
-          }
+          setLang: this.#setLanguage.bind(this)
         };
+        this.render();
+        this.#initState = INIT_STATES.READY;
         this.opts.onLoad?.(this);
         this.tooltipInstance = new SmartTooltip();
+        return this;
+      }).catch((error) => {
+        this.#initState = INIT_STATES.ERROR;
+        console.error("Failed to initialize editor:", error);
+        throw error;
       });
+      return this.#initPromise;
+    }
+    /**
+     * Set language without reloading form data (fixes race condition)
+     * @param {string} formeoLocale - locale code
+     * @return {Promise}
+     */
+    async #setLanguage(formeoLocale) {
+      globalThis.sessionStorage?.setItem(SESSION_LOCALE_KEY, formeoLocale);
+      await mi18n.setCurrent(formeoLocale);
+      await this.#refreshUI();
+    }
+    /**
+     * Refresh UI without reloading data (used for language changes)
+     * @return {Promise}
+     */
+    async #refreshUI() {
+      this.controls = await Controls$2.init(this.opts.controls, this.opts.stickyControls);
+      this.render();
+      return this;
+    }
+    /**
+     * Load initial data with proper priority
+     */
+    #loadInitialData() {
+      const dataToLoad = this.#getDataWithPriority();
+      this.Components.load(dataToLoad, this.opts);
+    }
+    /**
+     * Get form data with proper priority:
+     * 1. User-provided data (locked at construction)
+     * 2. SessionStorage (if enabled)
+     * 3. Default empty form
+     * @return {Object} form data to load
+     */
+    #getDataWithPriority() {
+      if (this.#lockedFormData) {
+        return clone$1(this.#lockedFormData);
+      }
+      if (this.opts.sessionStorage) {
+        const sessionData = sessionStorage.get(SESSION_FORMDATA_KEY);
+        if (sessionData) {
+          return sessionData;
+        }
+      }
+      return DEFAULT_FORMDATA();
     }
     load(formData = this.userFormData, opts = this.opts) {
       this.Components.load(formData, opts);
       this.render();
     }
+    /**
+     * Get current initialization state
+     * @return {string} current state
+     */
+    get initState() {
+      return this.#initState;
+    }
+    /**
+     * Check if the editor is ready
+     * @return {boolean}
+     */
+    get isReady() {
+      return this.#initState === INIT_STATES.READY;
+    }
+    /**
+     * Wait for the editor to be ready
+     * @return {Promise} resolves when editor is ready
+     */
+    async whenReady() {
+      if (this.#initState === INIT_STATES.READY) {
+        return this;
+      }
+      if (this.#initState === INIT_STATES.ERROR) {
+        return Promise.reject(new Error("Editor initialization failed"));
+      }
+      if (this.#initPromise) {
+        return this.#initPromise;
+      }
+      return new Promise((resolve, reject) => {
+        const checkReady = () => {
+          if (this.#initState === INIT_STATES.READY) {
+            resolve(this);
+          } else if (this.#initState === INIT_STATES.ERROR) {
+            reject(new Error("Editor initialization failed"));
+          } else {
+            globalThis.requestAnimationFrame(checkReady);
+          }
+        };
+        checkReady();
+      });
+    }
     /**
      * Render the formeo sections
      * @return {void}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "formeo",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "type": "module",
   "main": "dist/formeo.cjs.js",
   "module": "dist/formeo.es.js",
@@ -108,14 +108,14 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^11.0.1",
-    "@semantic-release/npm": "^12.0.1",
+    "@semantic-release/npm": "^13.1.3",
     "@types/node": "^22.10.7",
     "ace-builds": "^1.36.5",
     "jsdom": "^25.0.1",
     "lefthook": "^1.7.18",
     "npm-run-all": "^2.1.0",
     "sass-embedded": "^1.80.1",
-    "semantic-release": "^24.1.2",
+    "semantic-release": "^25.0.2",
     "svg-sprite": "^2.0.4",
     "vite": "^7.2.0",
     "vite-plugin-banner": "^0.8.0",