@rettangoli/fe 0.0.9 → 0.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rettangoli/fe",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "Frontend framework for building reactive web components",
   "type": "module",
   "main": "./src/index.js",

package/src/createComponent.js

@@ -365,10 +365,6 @@ class BaseComponent extends HTMLElement {
     if (oldValue !== newValue && this.render) {
       // Call handleOnUpdate if it exists
       if (this.handlers?.handleOnUpdate) {
-        const changes = {
-          oldAttrs: { [name]: oldValue },
-          newAttrs: { [name]: newValue }
-        };
         const deps = {
           ...this.deps,
           refIds: this.refIds,
@@ -377,7 +373,13 @@ class BaseComponent extends HTMLElement {
           store: this.store,
           render: this.render.bind(this),
         };
-        this.handlers.handleOnUpdate(changes, deps);
+        const changes = {
+          oldAttrs: { [name]: oldValue },
+          newAttrs: { [name]: newValue },
+          oldProps: deps.props,
+          newProps: deps.props,
+        };
+        this.handlers.handleOnUpdate(deps, changes);
       } else {
         requestAnimationFrame(() => {
           this.render();

package/src/parser.js

@@ -428,7 +428,7 @@ export const createVirtualDom = ({
                     // Call the specific component's handleOnUpdate instead of the parent's onUpdate
                     if (element.handlers && element.handlers.handleOnUpdate) {
                       const deps = {
-                        ...(element.deps || {}),
+                        ...(element.deps),
                         store: element.store,
                         render: element.render.bind(element),
                         handlers: element.handlers,
@@ -436,12 +436,12 @@ export const createVirtualDom = ({
                         refIds: element.refIds || {},
                         getRefIds: () => element.refIds || {},
                       };
-                      element.handlers.handleOnUpdate({
+                      element.handlers.handleOnUpdate(deps, {
                         oldProps,
                         newProps,
                         oldAttrs,
                         newAttrs,
-                      }, deps);
+                      });
                     }
                   });
                 }