@cocreate/local-storage 1.14.3 → 1.15.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+# [1.15.0](https://github.com/CoCreate-app/CoCreate-local-storage/compare/v1.14.4...v1.15.0) (2024-05-08)
+
+
+### Bug Fixes
+
+* action property typo ([f17a85f](https://github.com/CoCreate-app/CoCreate-local-storage/commit/f17a85f7c4221044af7c0f7c92004beae7269f10))
+* dispatch  event if value null ([9975383](https://github.com/CoCreate-app/CoCreate-local-storage/commit/99753839b55a54497e91e5d29ad17585b1cb83e3))
+
+
+### Features
+
+* dispatch updateAttributes event for operators ([ee86894](https://github.com/CoCreate-app/CoCreate-local-storage/commit/ee86894c119e5d375abe681ab03df5a9999860b9))
+
+## [1.14.4](https://github.com/CoCreate-app/CoCreate-local-storage/compare/v1.14.3...v1.14.4) (2024-04-29)
+
+
+### Bug Fixes
+
+* bump cocreate dependencies ([5d9a3f1](https://github.com/CoCreate-app/CoCreate-local-storage/commit/5d9a3f12c47f893fd5ee1a93f8e63640611a3c2e))
+
 ## [1.14.3](https://github.com/CoCreate-app/CoCreate-local-storage/compare/v1.14.2...v1.14.3) (2024-04-26)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/local-storage",
-  "version": "1.14.3",
+  "version": "1.15.0",
   "description": "A Simple component similar to CoCreate-input & CoCreate-fetch which Save and fetch data for inputs, textarea, selects from localstorage. Easily configured using HTML5 attributes and/or JavaScript API",
   "keywords": [
     "local-storage",
@@ -58,7 +58,7 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.14.0",
-    "@cocreate/observer": "^1.14.0"
+    "@cocreate/actions": "^1.18.1",
+    "@cocreate/observer": "^1.16.0"
   }
 }

package/src/index.js

@@ -1,5 +1,5 @@
 import observer from '@cocreate/observer';
-import action from '@cocreate/actions'
+import actions from '@cocreate/actions'
 
 const CoCreateLocalStorage = {
     support: true,
@@ -39,7 +39,20 @@ const CoCreateLocalStorage = {
      * @param {Element} element - The element to initialize. This function expects an 'Element' type.
      */
     initElement: function (element) {
-        this.getItem(element)
+        let value = this.getItem(element)
+        if (value)
+            element.setValue(value)
+        else {
+            let inputEvent = new CustomEvent('input', {
+                bubbles: true
+            });
+
+            Object.defineProperty(inputEvent, 'target', {
+                writable: false,
+                value: element
+            });
+            element.dispatchEvent(inputEvent);
+        }
         element.addEventListener('input', (e) => {
             let isRealtime = element.getAttribute('realtime')
             // Returns if realtime false.
@@ -83,9 +96,19 @@ const CoCreateLocalStorage = {
     */
     setItem: function (key, value) {
         try {
-            if (this.support)
+            if (this.support) {
+                const oldValue = localStorage.getItem(key);
+
                 window.localStorage.setItem(key, value);
-            else
+
+                const keys = ['organization_id', 'user_id', 'clientId', 'session_id'];
+                if (keys.includes(key)) {
+                    const updateEvent = new CustomEvent('updateAttributes', {
+                        detail: { key, newValue: value, oldValue }
+                    });
+                    window.dispatchEvent(updateEvent);
+                }
+            } else
                 this.storage.set(key, value);
         } catch (error) {
             if (error instanceof DOMException && (error.code === 22 || error.code === 1014 || error.name === 'QuotaExceededError' || error.name === 'NS_ERROR_DOM_QUOTA_REACHED')) {
@@ -109,12 +132,12 @@ const CoCreateLocalStorage = {
     },
 
     /**
-    * @param btn
+    * @param action
     * 
     * @return { undefined } No return
     */
-    runStorage: async function (btn) {
-        const form = btn.form;
+    runStorage: async function (action) {
+        const form = action.form;
         // If the form is not a form return false.
         if (!form) return;
 
@@ -178,21 +201,22 @@ const CoCreateLocalStorage = {
     }
 }
 
-action.init({
-    name: "localStorage",
-    endEvent: "localStorage",
-    callback: (data) => {
-        CoCreateLocalStorage.runStorage(data.element)
+actions.init(
+    {
+        name: "localStorage",
+        endEvent: "localStorage",
+        callback: (data) => {
+            CoCreateLocalStorage.runStorage(data)
+        },
     },
-})
-
-action.init({
-    name: "localStorageRemove",
-    endEvent: "localStorageRemoved",
-    callback: (data) => {
-        CoCreateLocalStorage.runStorage(data.element)
-    },
-})
+    {
+        name: "localStorageRemove",
+        endEvent: "localStorageRemoved",
+        callback: (data) => {
+            CoCreateLocalStorage.runStorage(data)
+        }
+    }
+)
 
 observer.init({
     observe: ['addedNodes'],