new cloneDeep from lodash dependency

arthurgermano · Aug 31, 2022 · 67df8ad · 67df8ad
1 parent dfdf469
commit 67df8ad
Show file tree

Hide file tree

Showing 7 changed files with 41 additions and 26 deletions.
diff --git a/docs/assets/index.df9d6696.js → docs/assets/index.ff36de37.js b/docs/assets/index.df9d6696.js → docs/assets/index.ff36de37.js
diff --git a/docs/assets/lodash.clonedeep.670c0659.js b/docs/assets/lodash.clonedeep.670c0659.js
diff --git a/docs/index.html b/docs/index.html
@@ -3,17 +3,17 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.png" />
-    <meta name='viewport' content='width=device-width,initial-scale=1'>
-    <meta name="description" content="The SPA Storage for Svelte and Pinia Stores">
-    <meta name="Keywords" content="svelte, pinia, storage, store, plugin">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>SPA Storage</title>
-    <script type="module" crossorigin src="/spa-storage/assets/index.df9d6696.js"></script>
-    <link rel="modulepreload" crossorigin href="/spa-storage/assets/svelte.14eddbdd.js">
-    <link rel="modulepreload" crossorigin href="/spa-storage/assets/crypto-js.2e94412d.js">
-    <link rel="modulepreload" crossorigin href="/spa-storage/assets/localforage.59b7b911.js">
-    <link rel="stylesheet" href="/spa-storage/assets/index.13bc1b05.css">
+    <script type="module" crossorigin src="/assets/index.ff36de37.js"></script>
+    <link rel="modulepreload" crossorigin href="/assets/svelte.14eddbdd.js">
+    <link rel="modulepreload" crossorigin href="/assets/crypto-js.2e94412d.js">
+    <link rel="modulepreload" crossorigin href="/assets/localforage.59b7b911.js">
+    <link rel="modulepreload" crossorigin href="/assets/lodash.clonedeep.670c0659.js">
+    <link rel="stylesheet" href="/assets/index.13bc1b05.css">
   </head>
   <body>
     <div id="app"></div>
+
   </body>
 </html>
diff --git a/functions/piniaFunctions.js b/functions/piniaFunctions.js
@@ -1,4 +1,5 @@
 import { setItem, getItem } from "./storageFunctions.js";
+import cloneDeep from "lodash.clonedeep";
 
 // ------------------------------------------------------------------------------------------------
 // -----------------------------  setPiniaStoreInStorage  -----------------------------------------
@@ -45,7 +46,7 @@ export async function getPiniaStoreInStorage(store, key) {
     if (!storage) {
       return;
     }
-    store.$patch(Object.assign({}, structuredClone(storage)));
+    store.$patch(Object.assign({}, cloneDeep(storage)));
     return true;
   } catch (error) {
     throw error;

diff --git a/functions/svelteFunctions.js b/functions/svelteFunctions.js
@@ -1,4 +1,5 @@
 import { setItem, getItem } from "./storageFunctions.js";
+import cloneDeep from "lodash.clonedeep";
 
 // ------------------------------------------------------------------------------------------------
 // -----------------------------  getStoreState  --------------------------------------------------
@@ -9,7 +10,7 @@ export const getStoreState = (store) => {
     let storeState;
     const unsubscribe = store.subscribe((state) => {
       if (typeof state === "object" || Array.isArray(state)) {
-        storeState = structuredClone(state);
+        storeState = cloneDeep(state);
         return;
       }
       storeState = state;
@@ -44,8 +45,8 @@ export const updateStoreKey = (store, objectKeyValue, storeStateSubstitute) => {
     checkStore(store);
     store.update((storeState) => {
       return Object.assign(
-        structuredClone(storeStateSubstitute || storeState),
-        structuredClone(objectKeyValue)
+        cloneDeep(storeStateSubstitute || storeState),
+        cloneDeep(objectKeyValue)
       );
     });
   } catch (error) {
@@ -79,7 +80,7 @@ export async function getSvelteStoreInStorage(store, key) {
       return;
     }
     store.update(() => {
-      return Object.assign({}, structuredClone(storage));
+      return Object.assign({}, cloneDeep(storage));
     });
     return true;
   } catch (error) {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "spa-storage",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "type": "module",
   "description": "Browser Storage plugin for Svelte and Pinia",
   "main": "index.js",
@@ -26,7 +26,8 @@
   "homepage": "https://arthurgermano.github.io/spa-storage/",
   "dependencies": {
     "crypto-js": "^4.1.1",
-    "localforage": "^1.10.0"
+    "localforage": "^1.10.0",
+    "lodash.clonedeep": "^4.5.0"
   },
   "devDependencies": {
     "@vue/composition-api": "^1.7.0",
@@ -35,4 +36,4 @@
     "svelte": "^3.49.0",
     "vitest": "^0.21.1"
   }
-}
+}