sibujs 1.1.0 → 1.2.0

package/dist/ecosystem.cjs

@@ -582,11 +582,11 @@ function bindChildNode(placeholder, getter) {
       if (_isDev5) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
-    for (let i = 0; i < lastNodes.length; i++) {
-      const node = lastNodes[i];
-      if (node.parentNode) node.parentNode.removeChild(node);
-    }
     if (result == null || typeof result === "boolean") {
+      for (let i = 0; i < lastNodes.length; i++) {
+        const node = lastNodes[i];
+        if (node.parentNode) node.parentNode.removeChild(node);
+      }
       lastNodes.length = 0;
       return;
     }
@@ -595,24 +595,46 @@ function bindChildNode(placeholder, getter) {
       lastNodes.length = 0;
       return;
     }
-    const anchor = placeholder.nextSibling;
-    let count = 0;
+    let newNodes;
     if (Array.isArray(result)) {
-      if (lastNodes.length < result.length) lastNodes = new Array(result.length);
+      newNodes = [];
       for (let i = 0; i < result.length; i++) {
         const item = result[i];
         if (item == null || typeof item === "boolean") continue;
-        const node = item instanceof Node ? item : document.createTextNode(String(item));
-        parent.insertBefore(node, anchor);
-        lastNodes[count++] = node;
+        newNodes.push(item instanceof Node ? item : document.createTextNode(String(item)));
       }
     } else {
-      if (lastNodes.length < 1) lastNodes = [null];
       const node = result instanceof Node ? result : document.createTextNode(String(result));
-      parent.insertBefore(node, anchor);
-      lastNodes[count++] = node;
+      newNodes = [node];
+    }
+    const reused = lastNodes.length > 0 && newNodes.length > 0 ? /* @__PURE__ */ new Set() : void 0;
+    if (reused) {
+      for (let i = 0; i < newNodes.length; i++) {
+        for (let j = 0; j < lastNodes.length; j++) {
+          if (newNodes[i] === lastNodes[j]) {
+            reused.add(newNodes[i]);
+            break;
+          }
+        }
+      }
     }
-    lastNodes.length = count;
+    for (let i = 0; i < lastNodes.length; i++) {
+      const node = lastNodes[i];
+      if (reused?.has(node)) continue;
+      if (node.parentNode) node.parentNode.removeChild(node);
+    }
+    const anchor = placeholder.nextSibling;
+    for (let i = 0; i < newNodes.length; i++) {
+      const node = newNodes[i];
+      if (reused?.has(node) && node.parentNode === parent) {
+        if (node.nextSibling !== anchor) {
+          parent.insertBefore(node, anchor);
+        }
+      } else {
+        parent.insertBefore(node, anchor);
+      }
+    }
+    lastNodes = newNodes;
   }
   return track(commit);
 }
@@ -802,12 +824,18 @@ var tagFactory = (tag, ns) => (first, second) => {
       // already handled above / below
       default: {
         const value = props[key];
-        if (value == null || value === false) continue;
+        if (value == null) continue;
         if (key[0] === "o" && key[1] === "n") continue;
         if (typeof value === "function") {
           registerDisposer(el, bindAttribute(el, key, value));
-        } else if (value === true) {
-          el.setAttribute(key, "");
+        } else if (typeof value === "boolean") {
+          if (key in el && (key === "checked" || key === "disabled" || key === "selected")) {
+            el[key] = value;
+          } else if (value) {
+            el.setAttribute(key, "");
+          } else {
+            el.removeAttribute(key);
+          }
         } else {
           const str = String(value);
           el.setAttribute(key, isUrlAttribute(key) ? sanitizeUrl(str) : str);

package/dist/ecosystem.js

@@ -7,9 +7,9 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-EVCZO745.js";
+} from "./chunk-OUZZEE4S.js";
 import "./chunk-K5ZUMYVS.js";
-import "./chunk-WADYRCO2.js";
+import "./chunk-B7SWRFUT.js";
 import "./chunk-23VV7YD3.js";
 import "./chunk-L6JRBDNS.js";
 import "./chunk-6SA3QQES.js";

package/dist/extras.cjs

@@ -5100,11 +5100,11 @@ function bindChildNode(placeholder, getter) {
       if (_isDev6) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
-    for (let i2 = 0; i2 < lastNodes.length; i2++) {
-      const node = lastNodes[i2];
-      if (node.parentNode) node.parentNode.removeChild(node);
-    }
     if (result == null || typeof result === "boolean") {
+      for (let i2 = 0; i2 < lastNodes.length; i2++) {
+        const node = lastNodes[i2];
+        if (node.parentNode) node.parentNode.removeChild(node);
+      }
       lastNodes.length = 0;
       return;
     }
@@ -5113,24 +5113,46 @@ function bindChildNode(placeholder, getter) {
       lastNodes.length = 0;
       return;
     }
-    const anchor = placeholder.nextSibling;
-    let count = 0;
+    let newNodes;
     if (Array.isArray(result)) {
-      if (lastNodes.length < result.length) lastNodes = new Array(result.length);
+      newNodes = [];
       for (let i2 = 0; i2 < result.length; i2++) {
         const item = result[i2];
         if (item == null || typeof item === "boolean") continue;
-        const node = item instanceof Node ? item : document.createTextNode(String(item));
-        parent.insertBefore(node, anchor);
-        lastNodes[count++] = node;
+        newNodes.push(item instanceof Node ? item : document.createTextNode(String(item)));
       }
     } else {
-      if (lastNodes.length < 1) lastNodes = [null];
       const node = result instanceof Node ? result : document.createTextNode(String(result));
-      parent.insertBefore(node, anchor);
-      lastNodes[count++] = node;
+      newNodes = [node];
+    }
+    const reused = lastNodes.length > 0 && newNodes.length > 0 ? /* @__PURE__ */ new Set() : void 0;
+    if (reused) {
+      for (let i2 = 0; i2 < newNodes.length; i2++) {
+        for (let j = 0; j < lastNodes.length; j++) {
+          if (newNodes[i2] === lastNodes[j]) {
+            reused.add(newNodes[i2]);
+            break;
+          }
+        }
+      }
+    }
+    for (let i2 = 0; i2 < lastNodes.length; i2++) {
+      const node = lastNodes[i2];
+      if (reused?.has(node)) continue;
+      if (node.parentNode) node.parentNode.removeChild(node);
+    }
+    const anchor = placeholder.nextSibling;
+    for (let i2 = 0; i2 < newNodes.length; i2++) {
+      const node = newNodes[i2];
+      if (reused?.has(node) && node.parentNode === parent) {
+        if (node.nextSibling !== anchor) {
+          parent.insertBefore(node, anchor);
+        }
+      } else {
+        parent.insertBefore(node, anchor);
+      }
     }
-    lastNodes.length = count;
+    lastNodes = newNodes;
   }
   return track(commit);
 }
@@ -5321,12 +5343,18 @@ var tagFactory = (tag, ns) => (first, second) => {
       // already handled above / below
       default: {
         const value = props[key];
-        if (value == null || value === false) continue;
+        if (value == null) continue;
         if (key[0] === "o" && key[1] === "n") continue;
         if (typeof value === "function") {
           registerDisposer(el, bindAttribute(el, key, value));
-        } else if (value === true) {
-          el.setAttribute(key, "");
+        } else if (typeof value === "boolean") {
+          if (key in el && (key === "checked" || key === "disabled" || key === "selected")) {
+            el[key] = value;
+          } else if (value) {
+            el.setAttribute(key, "");
+          } else {
+            el.removeAttribute(key);
+          }
         } else {
           const str = String(value);
           el.setAttribute(key, isUrlAttribute(key) ? sanitizeUrl(str) : str);

package/dist/extras.js

@@ -90,7 +90,7 @@ import {
   wasm,
   worker,
   workerFn
-} from "./chunk-LA6KQEDU.js";
+} from "./chunk-VMVDTCXB.js";
 import {
   FocusTrap,
   VirtualList,
@@ -261,7 +261,7 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-EVCZO745.js";
+} from "./chunk-OUZZEE4S.js";
 import {
   createPlugin,
   inject,
@@ -271,10 +271,10 @@ import {
   triggerPluginMount,
   triggerPluginUnmount
 } from "./chunk-K5ZUMYVS.js";
-import "./chunk-NHUC2QWH.js";
+import "./chunk-GCOK2LC3.js";
 import "./chunk-TNQWPPE6.js";
 import "./chunk-WR5D4EGH.js";
-import "./chunk-WADYRCO2.js";
+import "./chunk-B7SWRFUT.js";
 import "./chunk-23VV7YD3.js";
 import "./chunk-L6JRBDNS.js";
 import "./chunk-6SA3QQES.js";

package/dist/index.cjs

@@ -601,11 +601,11 @@ function bindChildNode(placeholder, getter) {
       if (_isDev4) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
-    for (let i2 = 0; i2 < lastNodes.length; i2++) {
-      const node = lastNodes[i2];
-      if (node.parentNode) node.parentNode.removeChild(node);
-    }
     if (result == null || typeof result === "boolean") {
+      for (let i2 = 0; i2 < lastNodes.length; i2++) {
+        const node = lastNodes[i2];
+        if (node.parentNode) node.parentNode.removeChild(node);
+      }
       lastNodes.length = 0;
       return;
     }
@@ -614,24 +614,46 @@ function bindChildNode(placeholder, getter) {
       lastNodes.length = 0;
       return;
     }
-    const anchor = placeholder.nextSibling;
-    let count = 0;
+    let newNodes;
     if (Array.isArray(result)) {
-      if (lastNodes.length < result.length) lastNodes = new Array(result.length);
+      newNodes = [];
       for (let i2 = 0; i2 < result.length; i2++) {
         const item = result[i2];
         if (item == null || typeof item === "boolean") continue;
-        const node = item instanceof Node ? item : document.createTextNode(String(item));
-        parent.insertBefore(node, anchor);
-        lastNodes[count++] = node;
+        newNodes.push(item instanceof Node ? item : document.createTextNode(String(item)));
       }
     } else {
-      if (lastNodes.length < 1) lastNodes = [null];
       const node = result instanceof Node ? result : document.createTextNode(String(result));
-      parent.insertBefore(node, anchor);
-      lastNodes[count++] = node;
+      newNodes = [node];
+    }
+    const reused = lastNodes.length > 0 && newNodes.length > 0 ? /* @__PURE__ */ new Set() : void 0;
+    if (reused) {
+      for (let i2 = 0; i2 < newNodes.length; i2++) {
+        for (let j = 0; j < lastNodes.length; j++) {
+          if (newNodes[i2] === lastNodes[j]) {
+            reused.add(newNodes[i2]);
+            break;
+          }
+        }
+      }
+    }
+    for (let i2 = 0; i2 < lastNodes.length; i2++) {
+      const node = lastNodes[i2];
+      if (reused?.has(node)) continue;
+      if (node.parentNode) node.parentNode.removeChild(node);
     }
-    lastNodes.length = count;
+    const anchor = placeholder.nextSibling;
+    for (let i2 = 0; i2 < newNodes.length; i2++) {
+      const node = newNodes[i2];
+      if (reused?.has(node) && node.parentNode === parent) {
+        if (node.nextSibling !== anchor) {
+          parent.insertBefore(node, anchor);
+        }
+      } else {
+        parent.insertBefore(node, anchor);
+      }
+    }
+    lastNodes = newNodes;
   }
   return track(commit);
 }
@@ -852,12 +874,18 @@ var tagFactory = (tag, ns) => (first, second) => {
       // already handled above / below
       default: {
         const value = props[key];
-        if (value == null || value === false) continue;
+        if (value == null) continue;
         if (key[0] === "o" && key[1] === "n") continue;
         if (typeof value === "function") {
           registerDisposer(el, bindAttribute(el, key, value));
-        } else if (value === true) {
-          el.setAttribute(key, "");
+        } else if (typeof value === "boolean") {
+          if (key in el && (key === "checked" || key === "disabled" || key === "selected")) {
+            el[key] = value;
+          } else if (value) {
+            el.setAttribute(key, "");
+          } else {
+            el.removeAttribute(key);
+          }
         } else {
           const str = String(value);
           el.setAttribute(key, isUrlAttribute(key) ? sanitizeUrl(str) : str);

package/dist/index.js

@@ -38,7 +38,7 @@ import {
   unregisterComponent,
   when,
   writable
-} from "./chunk-MK4ERFYL.js";
+} from "./chunk-P6W3STU4.js";
 import {
   a,
   abbr,
@@ -176,7 +176,7 @@ import {
   use,
   var_,
   video
-} from "./chunk-NHUC2QWH.js";
+} from "./chunk-GCOK2LC3.js";
 import {
   watch
 } from "./chunk-TNQWPPE6.js";
@@ -189,7 +189,7 @@ import {
   dispose,
   registerDisposer,
   tagFactory
-} from "./chunk-WADYRCO2.js";
+} from "./chunk-B7SWRFUT.js";
 import {
   bindDynamic
 } from "./chunk-23VV7YD3.js";

package/dist/plugins.cjs

@@ -699,11 +699,11 @@ function bindChildNode(placeholder, getter) {
       if (_isDev4) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
-    for (let i2 = 0; i2 < lastNodes.length; i2++) {
-      const node = lastNodes[i2];
-      if (node.parentNode) node.parentNode.removeChild(node);
-    }
     if (result == null || typeof result === "boolean") {
+      for (let i2 = 0; i2 < lastNodes.length; i2++) {
+        const node = lastNodes[i2];
+        if (node.parentNode) node.parentNode.removeChild(node);
+      }
       lastNodes.length = 0;
       return;
     }
@@ -712,24 +712,46 @@ function bindChildNode(placeholder, getter) {
       lastNodes.length = 0;
       return;
     }
-    const anchor = placeholder.nextSibling;
-    let count = 0;
+    let newNodes;
     if (Array.isArray(result)) {
-      if (lastNodes.length < result.length) lastNodes = new Array(result.length);
+      newNodes = [];
       for (let i2 = 0; i2 < result.length; i2++) {
         const item = result[i2];
         if (item == null || typeof item === "boolean") continue;
-        const node = item instanceof Node ? item : document.createTextNode(String(item));
-        parent.insertBefore(node, anchor);
-        lastNodes[count++] = node;
+        newNodes.push(item instanceof Node ? item : document.createTextNode(String(item)));
       }
     } else {
-      if (lastNodes.length < 1) lastNodes = [null];
       const node = result instanceof Node ? result : document.createTextNode(String(result));
-      parent.insertBefore(node, anchor);
-      lastNodes[count++] = node;
+      newNodes = [node];
+    }
+    const reused = lastNodes.length > 0 && newNodes.length > 0 ? /* @__PURE__ */ new Set() : void 0;
+    if (reused) {
+      for (let i2 = 0; i2 < newNodes.length; i2++) {
+        for (let j = 0; j < lastNodes.length; j++) {
+          if (newNodes[i2] === lastNodes[j]) {
+            reused.add(newNodes[i2]);
+            break;
+          }
+        }
+      }
     }
-    lastNodes.length = count;
+    for (let i2 = 0; i2 < lastNodes.length; i2++) {
+      const node = lastNodes[i2];
+      if (reused?.has(node)) continue;
+      if (node.parentNode) node.parentNode.removeChild(node);
+    }
+    const anchor = placeholder.nextSibling;
+    for (let i2 = 0; i2 < newNodes.length; i2++) {
+      const node = newNodes[i2];
+      if (reused?.has(node) && node.parentNode === parent) {
+        if (node.nextSibling !== anchor) {
+          parent.insertBefore(node, anchor);
+        }
+      } else {
+        parent.insertBefore(node, anchor);
+      }
+    }
+    lastNodes = newNodes;
   }
   return track(commit);
 }
@@ -942,12 +964,18 @@ var tagFactory = (tag, ns) => (first, second) => {
       // already handled above / below
       default: {
         const value = props[key];
-        if (value == null || value === false) continue;
+        if (value == null) continue;
         if (key[0] === "o" && key[1] === "n") continue;
         if (typeof value === "function") {
           registerDisposer(el, bindAttribute(el, key, value));
-        } else if (value === true) {
-          el.setAttribute(key, "");
+        } else if (typeof value === "boolean") {
+          if (key in el && (key === "checked" || key === "disabled" || key === "selected")) {
+            el[key] = value;
+          } else if (value) {
+            el.setAttribute(key, "");
+          } else {
+            el.removeAttribute(key);
+          }
         } else {
           const str = String(value);
           el.setAttribute(key, isUrlAttribute(key) ? sanitizeUrl(str) : str);

package/dist/plugins.js

@@ -33,11 +33,11 @@ import {
 } from "./chunk-K5ZUMYVS.js";
 import {
   span
-} from "./chunk-NHUC2QWH.js";
+} from "./chunk-GCOK2LC3.js";
 import {
   dispose,
   registerDisposer
-} from "./chunk-WADYRCO2.js";
+} from "./chunk-B7SWRFUT.js";
 import "./chunk-23VV7YD3.js";
 import {
   effect

package/dist/ssr.cjs

@@ -1000,11 +1000,11 @@ function bindChildNode(placeholder, getter) {
       if (_isDev6) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
       return;
     }
-    for (let i2 = 0; i2 < lastNodes.length; i2++) {
-      const node = lastNodes[i2];
-      if (node.parentNode) node.parentNode.removeChild(node);
-    }
     if (result == null || typeof result === "boolean") {
+      for (let i2 = 0; i2 < lastNodes.length; i2++) {
+        const node = lastNodes[i2];
+        if (node.parentNode) node.parentNode.removeChild(node);
+      }
       lastNodes.length = 0;
       return;
     }
@@ -1013,24 +1013,46 @@ function bindChildNode(placeholder, getter) {
       lastNodes.length = 0;
       return;
     }
-    const anchor = placeholder.nextSibling;
-    let count = 0;
+    let newNodes;
     if (Array.isArray(result)) {
-      if (lastNodes.length < result.length) lastNodes = new Array(result.length);
+      newNodes = [];
       for (let i2 = 0; i2 < result.length; i2++) {
         const item = result[i2];
         if (item == null || typeof item === "boolean") continue;
-        const node = item instanceof Node ? item : document.createTextNode(String(item));
-        parent.insertBefore(node, anchor);
-        lastNodes[count++] = node;
+        newNodes.push(item instanceof Node ? item : document.createTextNode(String(item)));
       }
     } else {
-      if (lastNodes.length < 1) lastNodes = [null];
       const node = result instanceof Node ? result : document.createTextNode(String(result));
-      parent.insertBefore(node, anchor);
-      lastNodes[count++] = node;
+      newNodes = [node];
+    }
+    const reused = lastNodes.length > 0 && newNodes.length > 0 ? /* @__PURE__ */ new Set() : void 0;
+    if (reused) {
+      for (let i2 = 0; i2 < newNodes.length; i2++) {
+        for (let j = 0; j < lastNodes.length; j++) {
+          if (newNodes[i2] === lastNodes[j]) {
+            reused.add(newNodes[i2]);
+            break;
+          }
+        }
+      }
     }
-    lastNodes.length = count;
+    for (let i2 = 0; i2 < lastNodes.length; i2++) {
+      const node = lastNodes[i2];
+      if (reused?.has(node)) continue;
+      if (node.parentNode) node.parentNode.removeChild(node);
+    }
+    const anchor = placeholder.nextSibling;
+    for (let i2 = 0; i2 < newNodes.length; i2++) {
+      const node = newNodes[i2];
+      if (reused?.has(node) && node.parentNode === parent) {
+        if (node.nextSibling !== anchor) {
+          parent.insertBefore(node, anchor);
+        }
+      } else {
+        parent.insertBefore(node, anchor);
+      }
+    }
+    lastNodes = newNodes;
   }
   return track(commit);
 }
@@ -1221,12 +1243,18 @@ var tagFactory = (tag, ns) => (first, second) => {
       // already handled above / below
       default: {
         const value = props[key];
-        if (value == null || value === false) continue;
+        if (value == null) continue;
         if (key[0] === "o" && key[1] === "n") continue;
         if (typeof value === "function") {
           registerDisposer(el, bindAttribute(el, key, value));
-        } else if (value === true) {
-          el.setAttribute(key, "");
+        } else if (typeof value === "boolean") {
+          if (key in el && (key === "checked" || key === "disabled" || key === "selected")) {
+            el[key] = value;
+          } else if (value) {
+            el.setAttribute(key, "");
+          } else {
+            el.removeAttribute(key);
+          }
         } else {
           const str = String(value);
           el.setAttribute(key, isUrlAttribute(key) ? sanitizeUrl(str) : str);

package/dist/ssr.js

@@ -22,7 +22,7 @@ import {
   wasm,
   worker,
   workerFn
-} from "./chunk-LA6KQEDU.js";
+} from "./chunk-VMVDTCXB.js";
 import {
   collectStream,
   deserializeState,
@@ -41,8 +41,8 @@ import {
   suspenseSwapScript,
   trustHTML
 } from "./chunk-WUHJISPP.js";
-import "./chunk-NHUC2QWH.js";
-import "./chunk-WADYRCO2.js";
+import "./chunk-GCOK2LC3.js";
+import "./chunk-B7SWRFUT.js";
 import "./chunk-23VV7YD3.js";
 import "./chunk-6SA3QQES.js";
 import "./chunk-CHJ27IGK.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sibujs",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "A lightweight, function-based frontend framework that combines the best of React, Svelte, and Vue — with zero VDOM and maximum simplicity. Designed for developers who want fine-grained reactivity and full control without compilation or magic.",
   "keywords": [
     "frontend",