@cocreate/local-storage 1.7.3 → 1.7.5

package/package.json

@@ -1,66 +1,66 @@
-{
-  "name": "@cocreate/local-storage",
-  "version": "1.7.3",
-  "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",
-    "cocreate",
-    "low-code-framework",
-    "no-code-framework",
-    "cocreatejs",
-    "cocreatejs-component",
-    "cocreate-framework",
-    "no-code",
-    "low-code",
-    "collaborative-framework",
-    "realtime",
-    "realtime-framework",
-    "collaboration",
-    "shared-editing",
-    "html5-framework",
-    "javascript-framework"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "start": "npx webpack --config webpack.config.js",
-    "build": "NODE_ENV=production npx webpack --config webpack.config.js",
-    "dev": "npx webpack --config webpack.config.js --watch",
-    "docs": "node ./node_modules/@cocreate/docs/src/index.js",
-    "hosting": "node ./node_modules/@cocreate/hosting/src/index.js"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/CoCreate-app/CoCreate-local-storage.git"
-  },
-  "author": "CoCreate LLC",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/CoCreate-app/CoCreate-local-storage/issues"
-  },
-  "homepage": "https://cocreate.app/docs/local-storage",
-  "funding": {
-    "type": "GitHub Sponsors ❤",
-    "url": "https://github.com/sponsors/CoCreate-app"
-  },
-  "main": "./src/index.js",
-  "devDependencies": {
-    "@babel/core": "^7.9.6",
-    "@babel/preset-env": "^7.9.6",
-    "babel-loader": "^8.1.0",
-    "clean-webpack-plugin": "^3.0.0",
-    "file-loader": "^6.2.0",
-    "mini-css-extract-plugin": "^1.5.0",
-    "style-loader": "^3.3.1",
-    "terser-webpack-plugin": "^5.1.1",
-    "webpack": "^5.24.4",
-    "webpack-cli": "^4.5.0",
-    "webpack-log": "^3.0.1"
-  },
-  "dependencies": {
-    "@cocreate/actions": "^1.8.11",
-    "@cocreate/docs": "^1.7.12",
-    "@cocreate/observer": "^1.7.9"
-  }
-}
+{
+  "name": "@cocreate/local-storage",
+  "version": "1.7.5",
+  "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",
+    "cocreate",
+    "low-code-framework",
+    "no-code-framework",
+    "cocreatejs",
+    "cocreatejs-component",
+    "cocreate-framework",
+    "no-code",
+    "low-code",
+    "collaborative-framework",
+    "realtime",
+    "realtime-framework",
+    "collaboration",
+    "shared-editing",
+    "html5-framework",
+    "javascript-framework"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "start": "npx webpack --config webpack.config.js",
+    "build": "NODE_ENV=production npx webpack --config webpack.config.js",
+    "dev": "npx webpack --config webpack.config.js --watch",
+    "docs": "node ./node_modules/@cocreate/docs/src/index.js",
+    "hosting": "node ./node_modules/@cocreate/hosting/src/index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CoCreate-app/CoCreate-local-storage.git"
+  },
+  "author": "CoCreate LLC",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/CoCreate-app/CoCreate-local-storage/issues"
+  },
+  "homepage": "https://cocreate.app/docs/local-storage",
+  "funding": {
+    "type": "GitHub Sponsors ❤",
+    "url": "https://github.com/sponsors/CoCreate-app"
+  },
+  "main": "./src/index.js",
+  "devDependencies": {
+    "@babel/core": "^7.9.6",
+    "@babel/preset-env": "^7.9.6",
+    "babel-loader": "^8.1.0",
+    "clean-webpack-plugin": "^3.0.0",
+    "file-loader": "^6.2.0",
+    "mini-css-extract-plugin": "^1.5.0",
+    "style-loader": "^3.3.1",
+    "terser-webpack-plugin": "^5.1.1",
+    "webpack": "^5.24.4",
+    "webpack-cli": "^4.5.0",
+    "webpack-log": "^3.0.1"
+  },
+  "dependencies": {
+    "@cocreate/actions": "^1.8.12",
+    "@cocreate/docs": "^1.7.13",
+    "@cocreate/observer": "^1.8.0"
+  }
+}

package/release.config.js

@@ -1,22 +1,22 @@
-module.exports = {
-  dryRun: false,
-  branches: ["master"],
-  plugins: [
-    "@semantic-release/commit-analyzer",
-    "@semantic-release/release-notes-generator",
-    [
-      "@semantic-release/changelog",
-      {
-        changelogFile: "CHANGELOG.md",
-      },
-    ],
-    "@semantic-release/npm",
-    "@semantic-release/github",
-    [
-      "@semantic-release/git",
-      {
-        assets: ["CHANGELOG.md", "package.json"],
-      },
-    ],
-  ],
+module.exports = {
+  dryRun: false,
+  branches: ["master"],
+  plugins: [
+    "@semantic-release/commit-analyzer",
+    "@semantic-release/release-notes-generator",
+    [
+      "@semantic-release/changelog",
+      {
+        changelogFile: "CHANGELOG.md",
+      },
+    ],
+    "@semantic-release/npm",
+    "@semantic-release/github",
+    [
+      "@semantic-release/git",
+      {
+        assets: ["CHANGELOG.md", "package.json"],
+      },
+    ],
+  ],
 };

package/src/index.js

@@ -1,193 +1,193 @@
-import observer from '@cocreate/observer';
-import action from '@cocreate/actions'
-
-const CoCreateLocalStorage = {
-    support: true,
-    storage: new Map(),
-
-    /**
-    * Listen for storage events and update elements if needed. This is called on window. storage and when it's time to get / set data
-    */
-    init: function () {
-        const self = this
-        var elements = document.querySelectorAll('[localstorage-set], [localstorage-get]');
-        this.initElements(elements)
-        /**
-        * @param e
-        */
-        window.addEventListener('storage', function (e) {
-            elements = document.querySelectorAll(`[localstorage-get="${e.key}"]`)
-            for (let element of elements) {
-                let value = self.getItem(e.key)
-                // Set the value of the element.
-                if (value != null) {
-                    element.setValue(value)
-                }
-            }
-        });
-    },
-
-    /**
-    * @param elements
-    */
-    initElements: function (elements) {
-        for (let element of elements)
-            this.initElement(element)
-    },
-
-    /**
-    * @param element
-    * 
-    * @return { Object } The binding
-    */
-    initElement: function (element) {
-        this.getItem(element)
-        element.addEventListener('input', (e) => {
-            let isRealtime = element.getAttribute('realtime')
-            // Returns if realtime false.
-            if (isRealtime == "false") return;
-
-            let key = e.target.getAttribute('localstorage-set');
-            // Set the key and value in the localstorage.
-            if (key)
-                this.setItem(key, e.target.value);
-
-            let elements = document.querySelectorAll(`[localstorage-get="${key}"]`)
-            for (let el of elements) {
-                if (el != element) {
-                    let value = this.getItem(key)
-                    // Set the value of the element.
-                    if (value != null) {
-                        el.setValue(value)
-                    }
-                }
-
-            }
-        })
-    },
-
-    /**
-    * @param key
-    * 
-    * @return { Mixed } The value associated with the key or undefined if not found. Note that this will be returned as a string if the key is an array
-    */
-    getItem: function (key) {
-        // Returns the value of the key in the storage.
-        if (this.support)
-            return window.localStorage.getItem(key)
-        else
-            return this.storage.get(key)
-    },
-
-    /**
-    * @param key - key name to store the value under
-    * @param value - value to store
-    */
-    setItem: function (key, value) {
-        // Set the value of the item.
-        if (this.support)
-            window.localStorage.setItem(key, value);
-        else
-            this.storage.set(key, value)
-    },
-
-    /**
-    * @param key - The key name to delete from the storage
-    */
-    removeItem: function (key) {
-        // Removes an item from the storage.
-        if (this.support)
-            window.localStorage.removeItem(key)
-        else
-            this.storage.delete(key)
-    },
-
-    /**
-    * @param btn
-    * 
-    * @return { undefined } No return
-    */
-    runStorage: function (btn) {
-        const form = btn.form;
-        // If the form is not a form return false.
-        if (!form) return;
-
-        let set_els = form.querySelectorAll('[localstorage-set]')
-        for (let el of set_els) {
-            let key = el.getAttribute('localstorage-set');
-            let value = el.getValue()
-            // Sets the value of an item.
-            if (value && key) {
-                this.setItem(key, value);
-            }
-        }
-        let get_els = form.querySelectorAll('[localstorage-get]')
-        for (let el of get_els) {
-            let key = el.getAttribute('localstorage-get');
-            // If key is not set return false.
-            if (!key) return;
-            let value = this.getItem(key)
-            // Set the value of the element.
-            if (value != null) {
-                el.setValue(value)
-            }
-        }
-        let remove_els = form.querySelectorAll('[localstorage-remove]')
-        for (let el of remove_els) {
-            el.setValue('')
-            let key = el.getAttribute('localstorage-remove');
-            // Removes an item from the list.
-            if (key) {
-                this.removeItem(key)
-            }
-        }
-
-        document.dispatchEvent(new CustomEvent('localStorage', {
-            detail: {}
-        }))
-
-    },
-
-    checkSupport: function () {
-        // Check if the browser supports localStorage.
-        if (!('localStorage' in window)) {
-            console.log("This browser doesn't support localStorage.");
-            this.support = false;
-        } else {
-            try {
-                let test = window.localStorage.getItem('test')
-                // If the CoCreateConfig. localStorage is false this method will set support to false.
-                if (window.CoCreateConfig)
-                    // If the server supports local storage
-                    if (window.CoCreateConfig.localStorage === false)
-                        this.support = false;
-            } catch (e) {
-                this.support = false;
-            } finally {
-                // Initialize the component. If support is enabled the method init is called.
-                if (this.support)
-                    this.init()
-            }
-        }
-    }
-}
-
-action.init({
-    name: "localStorage",
-    endEvent: "localStorage",
-    callback: (btn, data) => {
-        CoCreateLocalStorage.runStorage(btn)
-    },
-})
-
-action.init({
-    name: "localStorageRemove",
-    endEvent: "localStorageRemoved",
-    callback: (btn, data) => {
-        CoCreateLocalStorage.runStorage(btn)
-    },
-})
-
-CoCreateLocalStorage.checkSupport()
-
+import observer from '@cocreate/observer';
+import action from '@cocreate/actions'
+
+const CoCreateLocalStorage = {
+    support: true,
+    storage: new Map(),
+
+    /**
+    * Listen for storage events and update elements if needed. This is called on window. storage and when it's time to get / set data
+    */
+    init: function () {
+        const self = this
+        var elements = document.querySelectorAll('[localstorage-set], [localstorage-get]');
+        this.initElements(elements)
+        /**
+        * @param e
+        */
+        window.addEventListener('storage', function (e) {
+            elements = document.querySelectorAll(`[localstorage-get="${e.key}"]`)
+            for (let element of elements) {
+                let value = self.getItem(e.key)
+                // Set the value of the element.
+                if (value != null) {
+                    element.setValue(value)
+                }
+            }
+        });
+    },
+
+    /**
+    * @param elements
+    */
+    initElements: function (elements) {
+        for (let element of elements)
+            this.initElement(element)
+    },
+
+    /**
+    * @param element
+    * 
+    * @return { Object } The binding
+    */
+    initElement: function (element) {
+        this.getItem(element)
+        element.addEventListener('input', (e) => {
+            let isRealtime = element.getAttribute('realtime')
+            // Returns if realtime false.
+            if (isRealtime == "false") return;
+
+            let key = e.target.getAttribute('localstorage-set');
+            // Set the key and value in the localstorage.
+            if (key)
+                this.setItem(key, e.target.value);
+
+            let elements = document.querySelectorAll(`[localstorage-get="${key}"]`)
+            for (let el of elements) {
+                if (el != element) {
+                    let value = this.getItem(key)
+                    // Set the value of the element.
+                    if (value != null) {
+                        el.setValue(value)
+                    }
+                }
+
+            }
+        })
+    },
+
+    /**
+    * @param key
+    * 
+    * @return { Mixed } The value associated with the key or undefined if not found. Note that this will be returned as a string if the key is an array
+    */
+    getItem: function (key) {
+        // Returns the value of the key in the storage.
+        if (this.support)
+            return window.localStorage.getItem(key)
+        else
+            return this.storage.get(key)
+    },
+
+    /**
+    * @param key - key name to store the value under
+    * @param value - value to store
+    */
+    setItem: function (key, value) {
+        // Set the value of the item.
+        if (this.support)
+            window.localStorage.setItem(key, value);
+        else
+            this.storage.set(key, value)
+    },
+
+    /**
+    * @param key - The key name to delete from the storage
+    */
+    removeItem: function (key) {
+        // Removes an item from the storage.
+        if (this.support)
+            window.localStorage.removeItem(key)
+        else
+            this.storage.delete(key)
+    },
+
+    /**
+    * @param btn
+    * 
+    * @return { undefined } No return
+    */
+    runStorage: function (btn) {
+        const form = btn.form;
+        // If the form is not a form return false.
+        if (!form) return;
+
+        let set_els = form.querySelectorAll('[localstorage-set]')
+        for (let el of set_els) {
+            let key = el.getAttribute('localstorage-set');
+            let value = el.getValue()
+            // Sets the value of an item.
+            if (value && key) {
+                this.setItem(key, value);
+            }
+        }
+        let get_els = form.querySelectorAll('[localstorage-get]')
+        for (let el of get_els) {
+            let key = el.getAttribute('localstorage-get');
+            // If key is not set return false.
+            if (!key) return;
+            let value = this.getItem(key)
+            // Set the value of the element.
+            if (value != null) {
+                el.setValue(value)
+            }
+        }
+        let remove_els = form.querySelectorAll('[localstorage-remove]')
+        for (let el of remove_els) {
+            el.setValue('')
+            let key = el.getAttribute('localstorage-remove');
+            // Removes an item from the list.
+            if (key) {
+                this.removeItem(key)
+            }
+        }
+
+        document.dispatchEvent(new CustomEvent('localStorage', {
+            detail: {}
+        }))
+
+    },
+
+    checkSupport: function () {
+        // Check if the browser supports localStorage.
+        if (!('localStorage' in window)) {
+            console.log("This browser doesn't support localStorage.");
+            this.support = false;
+        } else {
+            try {
+                let test = window.localStorage.getItem('test')
+                // If the CoCreateConfig. localStorage is false this method will set support to false.
+                if (window.CoCreateConfig)
+                    // If the server supports local storage
+                    if (window.CoCreateConfig.localStorage === false)
+                        this.support = false;
+            } catch (e) {
+                this.support = false;
+            } finally {
+                // Initialize the component. If support is enabled the method init is called.
+                if (this.support)
+                    this.init()
+            }
+        }
+    }
+}
+
+action.init({
+    name: "localStorage",
+    endEvent: "localStorage",
+    callback: (btn, data) => {
+        CoCreateLocalStorage.runStorage(btn)
+    },
+})
+
+action.init({
+    name: "localStorageRemove",
+    endEvent: "localStorageRemoved",
+    callback: (btn, data) => {
+        CoCreateLocalStorage.runStorage(btn)
+    },
+})
+
+CoCreateLocalStorage.checkSupport()
+
 export default CoCreateLocalStorage;