sibujs 1.0.9 → 1.2.0

package/dist/chunk-ZBJP6WFL.js

@@ -0,0 +1,482 @@
+import {
+  effect
+} from "./chunk-6SA3QQES.js";
+import {
+  batch,
+  signal
+} from "./chunk-V2XTI523.js";
+
+// src/browser/media.ts
+function media(query) {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    const [matches2] = signal(false);
+    return { matches: matches2, dispose: () => {
+    } };
+  }
+  const mql = window.matchMedia(query);
+  const [matches, setMatches] = signal(mql.matches);
+  const handler = (event) => {
+    setMatches(event.matches);
+  };
+  mql.addEventListener("change", handler);
+  function dispose() {
+    mql.removeEventListener("change", handler);
+  }
+  return { matches, dispose };
+}
+
+// src/browser/resize.ts
+function resolveTarget(target) {
+  return typeof target === "function" ? target : () => target.current;
+}
+function resize(target) {
+  const [width, setWidth] = signal(0);
+  const [height, setHeight] = signal(0);
+  let observer = null;
+  if (typeof window === "undefined" || typeof ResizeObserver === "undefined") {
+    return { width, height, dispose: () => {
+    } };
+  }
+  const getter = resolveTarget(target);
+  const cleanup = effect(() => {
+    const el = getter();
+    if (observer) {
+      observer.disconnect();
+      observer = null;
+    }
+    if (!el) return;
+    observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) {
+        batch(() => {
+          setWidth(entry.contentRect.width);
+          setHeight(entry.contentRect.height);
+        });
+      }
+    });
+    observer.observe(el);
+  });
+  function dispose() {
+    cleanup();
+    if (observer) {
+      observer.disconnect();
+      observer = null;
+    }
+  }
+  return { width, height, dispose };
+}
+
+// src/browser/scroll.ts
+function scroll(target) {
+  const [x, setX] = signal(0);
+  const [y, setY] = signal(0);
+  const [isScrolling, setIsScrolling] = signal(false);
+  let scrollTimer = null;
+  if (typeof window === "undefined") {
+    return { x, y, isScrolling, dispose: () => {
+    } };
+  }
+  const handler = () => {
+    const el = target ? target() : null;
+    batch(() => {
+      if (el) {
+        setX(el.scrollLeft);
+        setY(el.scrollTop);
+      } else {
+        setX(window.scrollX ?? window.pageXOffset ?? 0);
+        setY(window.scrollY ?? window.pageYOffset ?? 0);
+      }
+      setIsScrolling(true);
+    });
+    if (scrollTimer !== null) clearTimeout(scrollTimer);
+    scrollTimer = setTimeout(() => {
+      setIsScrolling(false);
+      scrollTimer = null;
+    }, 150);
+  };
+  const scrollTarget = target ? target() : null;
+  const eventTarget = scrollTarget || window;
+  eventTarget.addEventListener("scroll", handler, { passive: true });
+  function dispose() {
+    eventTarget.removeEventListener("scroll", handler);
+    if (scrollTimer !== null) {
+      clearTimeout(scrollTimer);
+      scrollTimer = null;
+    }
+  }
+  return { x, y, isScrolling, dispose };
+}
+
+// src/browser/online.ts
+function online() {
+  if (typeof window === "undefined" || typeof navigator === "undefined") {
+    const [online3] = signal(true);
+    return { online: online3, dispose: () => {
+    } };
+  }
+  const [online2, setOnline] = signal(navigator.onLine);
+  const onOnline = () => setOnline(true);
+  const onOffline = () => setOnline(false);
+  window.addEventListener("online", onOnline);
+  window.addEventListener("offline", onOffline);
+  function dispose() {
+    window.removeEventListener("online", onOnline);
+    window.removeEventListener("offline", onOffline);
+  }
+  return { online: online2, dispose };
+}
+
+// src/browser/geo.ts
+function geo(options) {
+  const [latitude, setLatitude] = signal(null);
+  const [longitude, setLongitude] = signal(null);
+  const [accuracy, setAccuracy] = signal(null);
+  const [error, setError] = signal(null);
+  let watchId = null;
+  if (typeof navigator !== "undefined" && navigator.geolocation) {
+    watchId = navigator.geolocation.watchPosition(
+      (position) => {
+        batch(() => {
+          setLatitude(position.coords.latitude);
+          setLongitude(position.coords.longitude);
+          setAccuracy(position.coords.accuracy);
+          setError(null);
+        });
+      },
+      (err) => {
+        setError(err);
+      },
+      options
+    );
+  }
+  function dispose() {
+    if (watchId !== null && typeof navigator !== "undefined" && navigator.geolocation) {
+      navigator.geolocation.clearWatch(watchId);
+      watchId = null;
+    }
+  }
+  return { latitude, longitude, accuracy, error, dispose };
+}
+
+// src/browser/battery.ts
+function battery() {
+  const [level, setLevel] = signal(null);
+  const [charging, setCharging] = signal(null);
+  const [chargingTime, setChargingTime] = signal(null);
+  const [dischargingTime, setDischargingTime] = signal(null);
+  const [supported, setSupported] = signal(false);
+  let battery2 = null;
+  let onLevelChange = null;
+  let onChargingChange = null;
+  let onChargingTimeChange = null;
+  let onDischargingTimeChange = null;
+  let disposed = false;
+  if (typeof navigator !== "undefined" && "getBattery" in navigator) {
+    setSupported(true);
+    navigator.getBattery().then((bm) => {
+      if (disposed) return;
+      battery2 = bm;
+      batch(() => {
+        setLevel(bm.level);
+        setCharging(bm.charging);
+        setChargingTime(bm.chargingTime);
+        setDischargingTime(bm.dischargingTime);
+      });
+      onLevelChange = () => setLevel(bm.level);
+      onChargingChange = () => setCharging(bm.charging);
+      onChargingTimeChange = () => setChargingTime(bm.chargingTime);
+      onDischargingTimeChange = () => setDischargingTime(bm.dischargingTime);
+      bm.addEventListener("levelchange", onLevelChange);
+      bm.addEventListener("chargingchange", onChargingChange);
+      bm.addEventListener("chargingtimechange", onChargingTimeChange);
+      bm.addEventListener("dischargingtimechange", onDischargingTimeChange);
+    });
+  }
+  function dispose() {
+    disposed = true;
+    if (battery2) {
+      if (onLevelChange) battery2.removeEventListener("levelchange", onLevelChange);
+      if (onChargingChange) battery2.removeEventListener("chargingchange", onChargingChange);
+      if (onChargingTimeChange) battery2.removeEventListener("chargingtimechange", onChargingTimeChange);
+      if (onDischargingTimeChange) battery2.removeEventListener("dischargingtimechange", onDischargingTimeChange);
+      battery2 = null;
+    }
+  }
+  return { level, charging, chargingTime, dischargingTime, supported, dispose };
+}
+
+// src/browser/idle.ts
+var ACTIVITY_EVENTS = ["mousemove", "mousedown", "keydown", "touchstart", "scroll"];
+function idle(timeout = 6e4) {
+  const [idle2, setIdle] = signal(false);
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return { idle: idle2, dispose: () => {
+    } };
+  }
+  let timer = null;
+  function resetTimer() {
+    setIdle(false);
+    if (timer !== null) clearTimeout(timer);
+    timer = setTimeout(() => {
+      setIdle(true);
+    }, timeout);
+  }
+  for (const event of ACTIVITY_EVENTS) {
+    document.addEventListener(event, resetTimer, { passive: true });
+  }
+  resetTimer();
+  function dispose() {
+    if (timer !== null) {
+      clearTimeout(timer);
+      timer = null;
+    }
+    for (const event of ACTIVITY_EVENTS) {
+      document.removeEventListener(event, resetTimer);
+    }
+  }
+  return { idle: idle2, dispose };
+}
+
+// src/browser/permissions.ts
+function permissions(name) {
+  const [state, setState] = signal("prompt");
+  let permissionStatus = null;
+  let onChange = null;
+  let disposed = false;
+  if (typeof navigator === "undefined" || !navigator.permissions) {
+    setState("unsupported");
+    return { state, dispose: () => {
+    } };
+  }
+  navigator.permissions.query({ name }).then((status) => {
+    if (disposed) return;
+    permissionStatus = status;
+    setState(status.state);
+    onChange = () => {
+      setState(status.state);
+    };
+    status.addEventListener("change", onChange);
+  }).catch(() => {
+    setState("unsupported");
+  });
+  function dispose() {
+    disposed = true;
+    if (permissionStatus && onChange) {
+      permissionStatus.removeEventListener("change", onChange);
+      permissionStatus = null;
+      onChange = null;
+    }
+  }
+  return { state, dispose };
+}
+
+// src/browser/clipboard.ts
+function clipboard() {
+  const [text, setText] = signal("");
+  const [copied, setCopied] = signal(false);
+  let copiedTimer = null;
+  async function copy(value) {
+    if (typeof navigator === "undefined" || !navigator.clipboard) {
+      return;
+    }
+    await navigator.clipboard.writeText(value);
+    setText(value);
+    setCopied(true);
+    if (copiedTimer !== null) clearTimeout(copiedTimer);
+    copiedTimer = setTimeout(() => {
+      setCopied(false);
+      copiedTimer = null;
+    }, 2e3);
+  }
+  function dispose() {
+    if (copiedTimer !== null) {
+      clearTimeout(copiedTimer);
+      copiedTimer = null;
+    }
+  }
+  return { text, copy, copied, dispose };
+}
+
+// src/browser/dragDrop.ts
+function resolveTarget2(target) {
+  return typeof target === "function" ? target : () => target.current;
+}
+function draggable(element, data) {
+  const [isDragging, setIsDragging] = signal(false);
+  if (typeof window === "undefined") {
+    return { isDragging, dispose: () => {
+    } };
+  }
+  let currentEl = null;
+  let onDragStart = null;
+  let onDragEnd = null;
+  const getter = resolveTarget2(element);
+  const cleanup = effect(() => {
+    if (currentEl && onDragStart && onDragEnd) {
+      currentEl.removeEventListener("dragstart", onDragStart);
+      currentEl.removeEventListener("dragend", onDragEnd);
+    }
+    const el = getter();
+    currentEl = el;
+    if (!el) return;
+    el.draggable = true;
+    onDragStart = (e) => {
+      setIsDragging(true);
+      if (e.dataTransfer && data !== void 0) {
+        e.dataTransfer.setData("application/json", JSON.stringify(data));
+      }
+    };
+    onDragEnd = () => {
+      setIsDragging(false);
+    };
+    el.addEventListener("dragstart", onDragStart);
+    el.addEventListener("dragend", onDragEnd);
+  });
+  function dispose() {
+    cleanup();
+    if (currentEl && onDragStart && onDragEnd) {
+      currentEl.removeEventListener("dragstart", onDragStart);
+      currentEl.removeEventListener("dragend", onDragEnd);
+      currentEl = null;
+    }
+  }
+  return { isDragging, dispose };
+}
+function dropZone(element, options) {
+  const [isOver, setIsOver] = signal(false);
+  if (typeof window === "undefined") {
+    return { isOver, dispose: () => {
+    } };
+  }
+  let currentEl = null;
+  let onDragOver = null;
+  let onDragEnter = null;
+  let onDragLeave = null;
+  let onDrop = null;
+  const getter = resolveTarget2(element);
+  const cleanup = effect(() => {
+    if (currentEl && onDragOver && onDragEnter && onDragLeave && onDrop) {
+      currentEl.removeEventListener("dragover", onDragOver);
+      currentEl.removeEventListener("dragenter", onDragEnter);
+      currentEl.removeEventListener("dragleave", onDragLeave);
+      currentEl.removeEventListener("drop", onDrop);
+    }
+    const el = getter();
+    currentEl = el;
+    if (!el) return;
+    onDragOver = (e) => {
+      e.preventDefault();
+    };
+    onDragEnter = (e) => {
+      e.preventDefault();
+      setIsOver(true);
+    };
+    onDragLeave = () => {
+      setIsOver(false);
+    };
+    onDrop = (e) => {
+      e.preventDefault();
+      setIsOver(false);
+      let transferData = null;
+      if (e.dataTransfer) {
+        const raw = e.dataTransfer.getData("application/json");
+        if (raw) {
+          try {
+            transferData = JSON.parse(raw);
+          } catch {
+            transferData = raw;
+          }
+        }
+      }
+      options.onDrop(transferData, e);
+    };
+    el.addEventListener("dragover", onDragOver);
+    el.addEventListener("dragenter", onDragEnter);
+    el.addEventListener("dragleave", onDragLeave);
+    el.addEventListener("drop", onDrop);
+  });
+  function dispose() {
+    cleanup();
+    if (currentEl && onDragOver && onDragEnter && onDragLeave && onDrop) {
+      currentEl.removeEventListener("dragover", onDragOver);
+      currentEl.removeEventListener("dragenter", onDragEnter);
+      currentEl.removeEventListener("dragleave", onDragLeave);
+      currentEl.removeEventListener("drop", onDrop);
+      currentEl = null;
+    }
+  }
+  return { isOver, dispose };
+}
+
+// src/browser/title.ts
+function title(value) {
+  if (typeof document === "undefined") {
+    return () => {
+    };
+  }
+  const previousTitle = document.title;
+  if (typeof value === "function") {
+    const cleanup = effect(() => {
+      document.title = value();
+    });
+    return () => {
+      cleanup();
+      document.title = previousTitle;
+    };
+  }
+  document.title = value;
+  return () => {
+    document.title = previousTitle;
+  };
+}
+
+// src/browser/colorScheme.ts
+function colorScheme() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    const [scheme2] = signal("light");
+    return { scheme: scheme2, dispose: () => {
+    } };
+  }
+  const mql = window.matchMedia("(prefers-color-scheme: dark)");
+  const [scheme, setScheme] = signal(mql.matches ? "dark" : "light");
+  const handler = (event) => {
+    setScheme(event.matches ? "dark" : "light");
+  };
+  mql.addEventListener("change", handler);
+  function dispose() {
+    mql.removeEventListener("change", handler);
+  }
+  return { scheme, dispose };
+}
+
+// src/browser/format.ts
+function formatNumber(value, options) {
+  const { locale, ...formatOptions } = options ?? {};
+  return new Intl.NumberFormat(locale, formatOptions).format(value);
+}
+function formatCurrency(value, currency, options) {
+  const { locale, ...formatOptions } = options ?? {};
+  return new Intl.NumberFormat(locale, {
+    style: "currency",
+    currency,
+    ...formatOptions
+  }).format(value);
+}
+
+export {
+  media,
+  resize,
+  scroll,
+  online,
+  geo,
+  battery,
+  idle,
+  permissions,
+  clipboard,
+  draggable,
+  dropZone,
+  title,
+  colorScheme,
+  formatNumber,
+  formatCurrency
+};

package/dist/data.cjs

@@ -45,7 +45,7 @@ module.exports = __toCommonJS(data_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/data.js

@@ -19,13 +19,13 @@ import {
   syncAdapter,
   throttle,
   withRetry
-} from "./chunk-QBMDLBU2.js";
-import "./chunk-Z65KYU7I.js";
-import "./chunk-FGOEVHY3.js";
-import "./chunk-PZEGYCF5.js";
+} from "./chunk-Z6POF5YC.js";
+import "./chunk-WR5D4EGH.js";
+import "./chunk-L6JRBDNS.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 {
   calculateDelay,

package/dist/devtools.cjs

@@ -160,7 +160,7 @@ function checkLeaks() {
 
 // 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/devtools.js

@@ -33,11 +33,11 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-NMRUZALC.js";
-import "./chunk-PZEGYCF5.js";
+} from "./chunk-7BF6TK55.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 {
   SibuError,

package/dist/ecosystem.cjs

@@ -33,7 +33,7 @@ module.exports = __toCommonJS(ecosystem_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) {
@@ -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,15 +7,15 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-G3BOQPVO.js";
+} from "./chunk-OUZZEE4S.js";
 import "./chunk-K5ZUMYVS.js";
-import "./chunk-MDVXJWFN.js";
-import "./chunk-SDLZDHKP.js";
-import "./chunk-FGOEVHY3.js";
-import "./chunk-PZEGYCF5.js";
+import "./chunk-B7SWRFUT.js";
+import "./chunk-23VV7YD3.js";
+import "./chunk-L6JRBDNS.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 {
   antdAdapter,