@fruit-ui/core 1.2.2 → 1.2.4

package/README.md

@@ -64,7 +64,7 @@ Smaller apps don't always warrant heavyweight frameworks, but interfacing with t
 ## Getting started
 
 There are three ways to use FRUIT in your projects:
-- Download and copy the [Terser-compressed JS file](https://github.com/asantagata/fruit-ui/blob/main/dist/index.js) file into your project. (This is a compressed version built with Terser; you can just as well use the [non-compressed version](https://github.com/asantagata/fruit-ui/blob/main/src/index.js) which uses JSDoc annotations.) Then you can use `import * as fruit from "./modules/fruit.js"` or `<script type="module" src="./modules/fruit.js">` to access FRUIT in your JS apps.
+- Download and copy the [Terser-compressed JS file](https://github.com/asantagata/fruit-ui/blob/main/core/dist/index.js) file into your project. (This is a compressed version built with Terser; you can just as well use the [non-compressed version](https://github.com/asantagata/fruit-ui/blob/main/core/src/index.js) which uses JSDoc annotations.) Then you can use `import * as fruit from "./modules/fruit.js"` or `<script type="module" src="./modules/fruit.js">` to access FRUIT in your JS apps.
 - Access via browser loading, i.e., `import * as fruit from "https://cdn.jsdelivr.net/npm/@fruit-ui/core@latest/src/index.js"`.
 - With NPM installed, run `npm install @fruit-ui/core`. Then use `import * as fruit from "@fruit-ui/core"`.
 

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@fruit-ui/core",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "A vanilla JS toolkit for reactive UI",
   "main": "src/index.js",
   "homepage": "https://asantagata.github.io/fruit-ui/",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "terser .\\src\\index.js -o .\\dist\\index.js"
+    "build": "terser .\\src\\index.js -o .\\dist\\index.js && copy ..\\README.md ."
   },
   "keywords": [
     "fruit",

package/src/index.js

@@ -116,7 +116,7 @@ function createThis(component) {
         state: {},
         setState: {},
         bindings: {},
-        memo: component.memo
+        memo: structuredClone(component.memo)
     };
 }
 
@@ -450,6 +450,7 @@ 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) {
@@ -469,7 +470,7 @@ function deepEqual(a, b) {
             if (keysA.length !== keysB.length) return false;
             return keysB.every(keyB => keyB in a && deepEqual(keysA[keyB], keysB[keyB]));
         }
-    } else return a === b;
+    } else return false;
 }
 
 /**
@@ -482,7 +483,9 @@ function evaluateMemo(component) {
     if (component.memo && this.memo) {
         // for functional memos: rerender if returns false
         if (typeof component.memo === 'function') return !!component.memo.call(this);
-        return deepEqual(component.memo, this.memo);
+        const equal = deepEqual(component.memo, this.memo);
+        this.memo = structuredClone(component.memo);
+        return equal;
     } else return false;
 }