@ryupold/vode 1.5.0 → 1.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ryupold/vode",
-    "version": "1.5.0",
+    "version": "1.5.2",
     "description": "a minimalist web framework",
     "author": "Michael Scherbakow (ryupold)",
     "license": "MIT",
@@ -26,17 +26,16 @@
     "homepage": "https://github.com/ryupold/vode#readme",
     "module": "index.ts",
     "scripts": {
-        "build": "bun build index.ts --outfile dist/vode.mjs",
-        "build-min": "bun build index.ts --outfile dist/vode.min.mjs --minify",
-        "build-classic": "esbuild index.ts --outfile=dist/vode.js --bundle --global-name=V",
-        "build-classic-min": "esbuild index.ts --outfile=dist/vode.min.js --bundle --global-name=V --minify",
-        "release": "bun run build && bun run build-min && bun run build-classic && bun run build-classic-min",
+        "build": "esbuild index.ts --bundle --format=esm --outfile=dist/vode.mjs ",
+        "build-min": "esbuild index.ts --bundle --format=esm --minify --outfile=dist/vode.min.mjs",
+        "build-classic": "esbuild index.ts --outfile=dist/vode.js --bundle --format=iife --global-name=V",
+        "build-classic-min": "esbuild index.ts --outfile=dist/vode.min.js --bundle --format=iife  --global-name=V --minify",
+        "release": "npm run build && npm run build-min && npm run build-classic && npm run build-classic-min",
         "publish": "npm publish --access public",
         "clean": "tsc -b --clean",
         "watch": "tsc -b -w"
     },
     "devDependencies": {
-        "bun": "1.3.1",
         "esbuild": "0.25.12",
         "typescript": "5.9.3"
     }

package/src/vode.ts

@@ -301,6 +301,7 @@ export function defuse(container: ContainerNode<any>) {
                         (<any>av.node)[key] = null;
                     }
                 }
+                (<any>av.node)['catch'] = null;
             }
             const kids = children(av);
             if (kids) {
@@ -542,6 +543,11 @@ function render<S>(state: S, patch: Dispatch<S>, parent: Element, childIndex: nu
 
             patchProperties(state, patch, newNode, undefined, properties);
 
+            if (!!properties && 'catch' in properties) {
+                (<any>newVode).node['catch'] = null;
+                (<any>newVode).node.removeAttribute('catch');
+            }
+
             if (oldNode) {
                 (<any>oldNode).onUnmount && patch((<any>oldNode).onUnmount(oldNode));
                 oldNode.replaceWith(newNode);
@@ -573,20 +579,24 @@ function render<S>(state: S, patch: Dispatch<S>, parent: Element, childIndex: nu
             const newvode = <Vode<S>>newVode;
             const oldvode = <Vode<S>>oldVode;
 
-            let hasProps = false;
+            const properties = props(newVode);
+            let hasProps = !!properties;
+            const oldProps = props(oldVode);
+
             if ((<any>newvode[1])?.__memo) {
                 const prev = newvode[1] as any;
                 newvode[1] = remember(state, newvode[1], oldvode[1]) as Vode<S>;
                 if (prev !== newvode[1]) {
-                    const properties = props(newVode);
-                    patchProperties(state, patch, oldNode!, props(oldVode), properties);
-                    hasProps = !!properties;
+                    patchProperties(state, patch, oldNode!, oldProps, properties);
                 }
             }
             else {
-                const properties = props(newVode);
-                patchProperties(state, patch, oldNode!, props(oldVode), properties);
-                hasProps = !!properties;
+                patchProperties(state, patch, oldNode!, oldProps, properties);
+            }
+
+            if (!!properties?.catch && oldProps?.catch !== properties.catch) {
+                (<any>newVode).node['catch'] = null;
+                (<any>newVode).node.removeAttribute('catch');
             }
 
             const newKids = children(newVode);