@fruit-ui/core 1.2.4 → 1.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fruit-ui/core",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "description": "A vanilla JS toolkit for reactive UI",
   "main": "src/index.js",
   "homepage": "https://asantagata.github.io/fruit-ui/",

package/src/index.js

@@ -116,7 +116,7 @@ function createThis(component) {
         state: {},
         setState: {},
         bindings: {},
-        memo: structuredClone(component.memo)
+        memo: deepClone(component.memo)
     };
 }
 
@@ -450,7 +450,6 @@ function rerenderElementFromTemplate(element, template, onMounts) {
  * @returns {boolean} whether they are equal.
  */
 function deepEqual(a, b) {
-    if (a === b) return true;
     if (typeof a !== typeof b) return false;
     if (typeof a === 'function') return true;
     if (typeof a === 'object' && a !== null) {
@@ -468,9 +467,24 @@ function deepEqual(a, b) {
         } else {
             const keysA = Object.keys(a), keysB = Object.keys(b);
             if (keysA.length !== keysB.length) return false;
-            return keysB.every(keyB => keyB in a && deepEqual(keysA[keyB], keysB[keyB]));
+            return keysB.every(keyB => keyB in a && deepEqual(a[keyB], b[keyB]));
         }
-    } else return false;
+    } else return (a === b);
+}
+
+/**
+ * Deep clones a value.
+ * @param {*} value - the value. 
+ * @returns {*} - the clone.
+ */
+function deepClone(value) {
+    if (typeof value === 'object') {
+        if (value === null) return null;
+        if (Array.isArray(value)) return value.map(deepClone);
+        if (value instanceof Set) return new Set([...value].map(deepClone));
+        if (value instanceof Map) return new Map(value.entries().map(([k, v]) => [deepClone(k), deepClone(v)]));
+        return Object.fromEntries(Object.entries(value).map(([k,v]) => [k, deepClone(v)]));
+    } else return value;
 }
 
 /**
@@ -484,7 +498,7 @@ function evaluateMemo(component) {
         // for functional memos: rerender if returns false
         if (typeof component.memo === 'function') return !!component.memo.call(this);
         const equal = deepEqual(component.memo, this.memo);
-        this.memo = structuredClone(component.memo);
+        this.memo = deepClone(component.memo);
         return equal;
     } else return false;
 }