foldkit 0.46.0 → 0.46.1

package/dist/propsModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"propsModule.d.ts","sourceRoot":"","sources":["../src/propsModule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAyDtC,eAAO,MAAM,WAAW,EAAE,MAAqD,CAAA"}
+{"version":3,"file":"propsModule.d.ts","sourceRoot":"","sources":["../src/propsModule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AA0DtC,eAAO,MAAM,WAAW,EAAE,MAAqD,CAAA"}

package/dist/propsModule.js

@@ -7,34 +7,33 @@
  *  Since a disabled button swallows click events at the browser level, an
  *  `OnClick` handler that replaces `Disabled` at the same index silently fails.
  *
- *  This module adds a second loop (mirroring what snabbdom's attributesModule
- *  already does) that resets removed props to type-appropriate defaults:
- *  booleans → false, strings → '', numbers → 0. */
-function updateProps(oldVnode, vnode) {
+ *  Instead of relying on the old vnode's `data.props` for cleanup (which
+ *  requires snabbdom to patch rather than recreate), this module tracks which
+ *  properties it has set on each DOM element via a WeakMap. On every create or
+ *  update hook, it compares the tracked set against the new vnode's props and
+ *  resets anything that was removed to its type-appropriate default: booleans →
+ *  false, strings → '', numbers → 0. The WeakMap entries are garbage-collected
+ *  when the element is removed from the DOM. */
+const managedProps = new WeakMap();
+function updateProps(_oldVnode, vnode) {
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
     const elm = vnode.elm;
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-    let oldProps = oldVnode.data?.props;
-    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-    let props = vnode.data?.props;
-    if (!oldProps && !props) {
-        return;
-    }
-    if (oldProps === props) {
+    const props = (vnode.data?.props ?? {});
+    const previous = managedProps.get(elm) ?? {};
+    if (props === previous) {
         return;
     }
-    oldProps = oldProps ?? {};
-    props = props ?? {};
     for (const key in props) {
         const cur = props[key];
-        const old = oldProps[key];
+        const old = previous[key];
         if (old !== cur && (key !== 'value' || elm[key] !== cur)) {
             elm[key] = cur;
         }
     }
-    for (const key in oldProps) {
+    for (const key in previous) {
         if (!(key in props)) {
-            const old = oldProps[key];
+            const old = previous[key];
             if (typeof old === 'boolean') {
                 elm[key] = false;
             }
@@ -46,5 +45,6 @@ function updateProps(oldVnode, vnode) {
             }
         }
     }
+    managedProps.set(elm, { ...props });
 }
 export const propsModule = { create: updateProps, update: updateProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foldkit",
-  "version": "0.46.0",
+  "version": "0.46.1",
   "description": "A frontend framework for TypeScript, built on Effect, using The Elm Architecture",
   "type": "module",
   "main": "./dist/index.js",