sibujs 1.0.9 → 1.2.0

package/dist/performance.js

@@ -33,9 +33,9 @@ import {
   transitionState,
   uniqueId,
   yieldToMain
-} from "./chunk-HGMJFBC7.js";
-import "./chunk-YECR7UIA.js";
-import "./chunk-4MYMUBRS.js";
+} from "./chunk-YUTWTI4B.js";
+import "./chunk-V2XTI523.js";
+import "./chunk-UNXCEF6S.js";
 import "./chunk-MLKGABMK.js";
 export {
   DOMPool,

package/dist/plugins.cjs

@@ -22,7 +22,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // src/core/dev.ts
 function isDev() {
-  return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : true;
+  return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
 }
 function devAssert(condition, message) {
   if (_isDev && !condition) {
@@ -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

@@ -18,10 +18,10 @@ import {
   preloadCritical,
   prerenderRoutes,
   satisfies
-} from "./chunk-OF7UZIVB.js";
+} from "./chunk-RQGQSLQK.js";
 import {
   renderToString
-} from "./chunk-AZ3ISID5.js";
+} from "./chunk-WUHJISPP.js";
 import {
   createPlugin,
   inject,
@@ -33,21 +33,21 @@ import {
 } from "./chunk-K5ZUMYVS.js";
 import {
   span
-} from "./chunk-EWFVA3TJ.js";
+} from "./chunk-GCOK2LC3.js";
 import {
   dispose,
   registerDisposer
-} from "./chunk-MDVXJWFN.js";
-import "./chunk-SDLZDHKP.js";
+} from "./chunk-B7SWRFUT.js";
+import "./chunk-23VV7YD3.js";
 import {
   effect
-} from "./chunk-PZEGYCF5.js";
+} from "./chunk-6SA3QQES.js";
 import "./chunk-CHJ27IGK.js";
 import {
   signal,
   track
-} from "./chunk-YECR7UIA.js";
-import "./chunk-4MYMUBRS.js";
+} from "./chunk-V2XTI523.js";
+import "./chunk-UNXCEF6S.js";
 import "./chunk-MLKGABMK.js";
 
 // src/plugins/i18n.ts
@@ -1612,7 +1612,7 @@ function hydrateRouter(routes, options) {
   if (container && serverState.path) {
     const resolved = resolveServerRoute(serverState.path, routes);
     if (resolved.component) {
-      import("./ssr-6GIMY5MX.js").then(({ hydrate }) => {
+      import("./ssr-3RXHP5ES.js").then(({ hydrate }) => {
         if (resolved.component) {
           hydrate(resolved.component, container);
         }

package/dist/ssr-3RXHP5ES.js

@@ -0,0 +1,38 @@
+import {
+  collectStream,
+  deserializeState,
+  hydrate,
+  hydrateIslands,
+  hydrateProgressively,
+  island,
+  renderToDocument,
+  renderToReadableStream,
+  renderToStream,
+  renderToString,
+  renderToSuspenseStream,
+  resetSSRState,
+  serializeState,
+  ssrSuspense,
+  suspenseSwapScript,
+  trustHTML
+} from "./chunk-WUHJISPP.js";
+import "./chunk-UNXCEF6S.js";
+import "./chunk-MLKGABMK.js";
+export {
+  collectStream,
+  deserializeState,
+  hydrate,
+  hydrateIslands,
+  hydrateProgressively,
+  island,
+  renderToDocument,
+  renderToReadableStream,
+  renderToStream,
+  renderToString,
+  renderToSuspenseStream,
+  resetSSRState,
+  serializeState,
+  ssrSuspense,
+  suspenseSwapScript,
+  trustHTML
+};

package/dist/ssr.cjs

@@ -64,7 +64,7 @@ module.exports = __toCommonJS(ssr_exports);
 
 // src/core/dev.ts
 function isDev() {
-  return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : true;
+  return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
 }
 var _isDev = isDev();
 function devAssert(condition, message) {
@@ -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.d.cts

@@ -40,6 +40,15 @@ interface UseWorkerReturn<TInput, TOutput> {
  * and should call `postMessage` to send results back. It is serialized
  * into a Blob URL, so it must be self-contained (no closures).
  *
+ * **CSP Warning:** This function serializes the provided function via `.toString()`
+ * and executes it inside a `blob:` URL Worker. This is equivalent to `eval()` and
+ * is incompatible with strict Content Security Policies that restrict
+ * `worker-src 'self'` or block `blob:` URLs. Additionally:
+ * - Minifiers may break captured variable references (closures silently fail).
+ * - Module-level imports are NOT accessible inside the worker.
+ * - Never pass user-controlled or dynamically constructed functions — this
+ *   would be equivalent to `eval()` on untrusted input.
+ *
  * @param workerFn The function body to run inside the worker.
  *                 It receives `self` as the worker global scope.
  * @returns An object with post, result, error, loading, and terminate.

package/dist/ssr.d.ts

@@ -40,6 +40,15 @@ interface UseWorkerReturn<TInput, TOutput> {
  * and should call `postMessage` to send results back. It is serialized
  * into a Blob URL, so it must be self-contained (no closures).
  *
+ * **CSP Warning:** This function serializes the provided function via `.toString()`
+ * and executes it inside a `blob:` URL Worker. This is equivalent to `eval()` and
+ * is incompatible with strict Content Security Policies that restrict
+ * `worker-src 'self'` or block `blob:` URLs. Additionally:
+ * - Minifiers may break captured variable references (closures silently fail).
+ * - Module-level imports are NOT accessible inside the worker.
+ * - Never pass user-controlled or dynamically constructed functions — this
+ *   would be equivalent to `eval()` on untrusted input.
+ *
  * @param workerFn The function body to run inside the worker.
  *                 It receives `self` as the worker global scope.
  * @returns An object with post, result, error, loading, and terminate.

package/dist/ssr.js

@@ -22,7 +22,7 @@ import {
   wasm,
   worker,
   workerFn
-} from "./chunk-7V26P53V.js";
+} from "./chunk-VMVDTCXB.js";
 import {
   collectStream,
   deserializeState,
@@ -40,14 +40,14 @@ import {
   ssrSuspense,
   suspenseSwapScript,
   trustHTML
-} from "./chunk-AZ3ISID5.js";
-import "./chunk-EWFVA3TJ.js";
-import "./chunk-MDVXJWFN.js";
-import "./chunk-SDLZDHKP.js";
-import "./chunk-PZEGYCF5.js";
+} from "./chunk-WUHJISPP.js";
+import "./chunk-GCOK2LC3.js";
+import "./chunk-B7SWRFUT.js";
+import "./chunk-23VV7YD3.js";
+import "./chunk-6SA3QQES.js";
 import "./chunk-CHJ27IGK.js";
-import "./chunk-YECR7UIA.js";
-import "./chunk-4MYMUBRS.js";
+import "./chunk-V2XTI523.js";
+import "./chunk-UNXCEF6S.js";
 import "./chunk-MLKGABMK.js";
 export {
   Head,

package/dist/ui.cjs

@@ -79,7 +79,7 @@ module.exports = __toCommonJS(ui_exports);
 
 // src/core/dev.ts
 function isDev() {
-  return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : true;
+  return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
 }
 var _isDev = isDev();
 function devAssert(condition, message) {

package/dist/ui.js

@@ -37,7 +37,7 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-6LSNVCS2.js";
+} from "./chunk-BW3WT46K.js";
 import {
   RenderProp,
   assertType,
@@ -55,14 +55,14 @@ import {
   withProps,
   withWrapper
 } from "./chunk-XYU6TZOW.js";
-import "./chunk-SDLZDHKP.js";
-import "./chunk-FGOEVHY3.js";
+import "./chunk-23VV7YD3.js";
+import "./chunk-L6JRBDNS.js";
 import {
   effect
-} from "./chunk-PZEGYCF5.js";
+} from "./chunk-6SA3QQES.js";
 import "./chunk-CHJ27IGK.js";
-import "./chunk-YECR7UIA.js";
-import "./chunk-4MYMUBRS.js";
+import "./chunk-V2XTI523.js";
+import "./chunk-UNXCEF6S.js";
 import "./chunk-MLKGABMK.js";
 
 // src/ui/lazyEffect.ts

package/dist/widgets.cjs

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(widgets_exports);
 
 // src/core/dev.ts
 function isDev() {
-  return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : true;
+  return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
 }
 var _isDev = isDev();
 function devAssert(condition, message) {

package/dist/widgets.js

@@ -8,12 +8,12 @@ import {
   select,
   tabs,
   tooltip
-} from "./chunk-PBHF5WKN.js";
-import "./chunk-CZUGLNJS.js";
-import "./chunk-FGOEVHY3.js";
+} from "./chunk-C6KFWOFV.js";
+import "./chunk-TNQWPPE6.js";
+import "./chunk-L6JRBDNS.js";
 import "./chunk-CHJ27IGK.js";
-import "./chunk-YECR7UIA.js";
-import "./chunk-4MYMUBRS.js";
+import "./chunk-V2XTI523.js";
+import "./chunk-UNXCEF6S.js";
 import "./chunk-MLKGABMK.js";
 export {
   accordion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sibujs",
-  "version": "1.0.9",
+  "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",