sibujs 1.0.0-beta.1

package/dist/chunk-TR7E6LYX.js

@@ -0,0 +1,457 @@
+import {
+  sbEffect
+} from "./chunk-7JOLTGUH.js";
+import {
+  sbBatch,
+  sbSignal
+} from "./chunk-GBEYQRO2.js";
+
+// src/core/browser/sbMedia.ts
+function sbMedia(query) {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    const [matches2] = sbSignal(false);
+    return { matches: matches2, dispose: () => {
+    } };
+  }
+  const mql = window.matchMedia(query);
+  const [matches, setMatches] = sbSignal(mql.matches);
+  const handler = (event) => {
+    setMatches(event.matches);
+  };
+  mql.addEventListener("change", handler);
+  function dispose() {
+    mql.removeEventListener("change", handler);
+  }
+  return { matches, dispose };
+}
+
+// src/core/browser/sbResize.ts
+function sbResize(target) {
+  const [width, setWidth] = sbSignal(0);
+  const [height, setHeight] = sbSignal(0);
+  let observer = null;
+  if (typeof window === "undefined" || typeof ResizeObserver === "undefined") {
+    return { width, height, dispose: () => {
+    } };
+  }
+  const cleanup = sbEffect(() => {
+    const el = target();
+    if (observer) {
+      observer.disconnect();
+      observer = null;
+    }
+    if (!el) return;
+    observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) {
+        sbBatch(() => {
+          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/core/browser/sbScroll.ts
+function sbScroll(target) {
+  const [x, setX] = sbSignal(0);
+  const [y, setY] = sbSignal(0);
+  const [isScrolling, setIsScrolling] = sbSignal(false);
+  let scrollTimer = null;
+  if (typeof window === "undefined") {
+    return { x, y, isScrolling, dispose: () => {
+    } };
+  }
+  const handler = () => {
+    const el = target ? target() : null;
+    sbBatch(() => {
+      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/core/browser/sbOnline.ts
+function sbOnline() {
+  if (typeof window === "undefined" || typeof navigator === "undefined") {
+    const [online2] = sbSignal(true);
+    return { online: online2, dispose: () => {
+    } };
+  }
+  const [online, setOnline] = sbSignal(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, dispose };
+}
+
+// src/core/browser/sbGeo.ts
+function sbGeo(options) {
+  const [latitude, setLatitude] = sbSignal(null);
+  const [longitude, setLongitude] = sbSignal(null);
+  const [accuracy, setAccuracy] = sbSignal(null);
+  const [error, setError] = sbSignal(null);
+  let watchId = null;
+  if (typeof navigator !== "undefined" && navigator.geolocation) {
+    watchId = navigator.geolocation.watchPosition(
+      (position) => {
+        sbBatch(() => {
+          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/core/browser/sbBattery.ts
+function sbBattery() {
+  const [level, setLevel] = sbSignal(null);
+  const [charging, setCharging] = sbSignal(null);
+  const [chargingTime, setChargingTime] = sbSignal(null);
+  const [dischargingTime, setDischargingTime] = sbSignal(null);
+  const [supported, setSupported] = sbSignal(false);
+  let battery = 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;
+      battery = bm;
+      sbBatch(() => {
+        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 (battery) {
+      if (onLevelChange) battery.removeEventListener("levelchange", onLevelChange);
+      if (onChargingChange) battery.removeEventListener("chargingchange", onChargingChange);
+      if (onChargingTimeChange) battery.removeEventListener("chargingtimechange", onChargingTimeChange);
+      if (onDischargingTimeChange) battery.removeEventListener("dischargingtimechange", onDischargingTimeChange);
+      battery = null;
+    }
+  }
+  return { level, charging, chargingTime, dischargingTime, supported, dispose };
+}
+
+// src/core/browser/sbIdle.ts
+var ACTIVITY_EVENTS = ["mousemove", "mousedown", "keydown", "touchstart", "scroll"];
+function sbIdle(timeout = 6e4) {
+  const [idle, setIdle] = sbSignal(false);
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return { idle, 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, dispose };
+}
+
+// src/core/browser/sbPermissions.ts
+function sbPermissions(name) {
+  const [state, setState] = sbSignal("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/core/browser/sbClipboard.ts
+function sbClipboard() {
+  const [text, setText] = sbSignal("");
+  const [copied, setCopied] = sbSignal(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/core/browser/sbDragDrop.ts
+function sbDraggable(element, data) {
+  const [isDragging, setIsDragging] = sbSignal(false);
+  if (typeof window === "undefined") {
+    return { isDragging, dispose: () => {
+    } };
+  }
+  let currentEl = null;
+  let onDragStart = null;
+  let onDragEnd = null;
+  const cleanup = sbEffect(() => {
+    if (currentEl && onDragStart && onDragEnd) {
+      currentEl.removeEventListener("dragstart", onDragStart);
+      currentEl.removeEventListener("dragend", onDragEnd);
+    }
+    const el = element();
+    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 sbDropZone(element, options) {
+  const [isOver, setIsOver] = sbSignal(false);
+  if (typeof window === "undefined") {
+    return { isOver, dispose: () => {
+    } };
+  }
+  let currentEl = null;
+  let onDragOver = null;
+  let onDragEnter = null;
+  let onDragLeave = null;
+  let onDrop = null;
+  const cleanup = sbEffect(() => {
+    if (currentEl && onDragOver && onDragEnter && onDragLeave && onDrop) {
+      currentEl.removeEventListener("dragover", onDragOver);
+      currentEl.removeEventListener("dragenter", onDragEnter);
+      currentEl.removeEventListener("dragleave", onDragLeave);
+      currentEl.removeEventListener("drop", onDrop);
+    }
+    const el = element();
+    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/core/browser/sbTitle.ts
+function sbTitle(title) {
+  if (typeof document === "undefined") {
+    return () => {
+    };
+  }
+  const previousTitle = document.title;
+  if (typeof title === "function") {
+    const cleanup = sbEffect(() => {
+      document.title = title();
+    });
+    return () => {
+      cleanup();
+      document.title = previousTitle;
+    };
+  }
+  document.title = title;
+  return () => {
+    document.title = previousTitle;
+  };
+}
+
+// src/core/browser/sbColorScheme.ts
+function sbColorScheme() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    const [scheme2] = sbSignal("light");
+    return { scheme: scheme2, dispose: () => {
+    } };
+  }
+  const mql = window.matchMedia("(prefers-color-scheme: dark)");
+  const [scheme, setScheme] = sbSignal(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 };
+}
+
+export {
+  sbMedia,
+  sbResize,
+  sbScroll,
+  sbOnline,
+  sbGeo,
+  sbBattery,
+  sbIdle,
+  sbPermissions,
+  sbClipboard,
+  sbDraggable,
+  sbDropZone,
+  sbTitle,
+  sbColorScheme
+};

package/dist/chunk-URWUFH45.js

@@ -0,0 +1,98 @@
+import {
+  recordDependency,
+  resumeTracking,
+  sbSignal,
+  suspendTracking,
+  track,
+  trackingSuspended
+} from "./chunk-HXDVV7HZ.js";
+
+// src/core/signals/sbEffect.ts
+function sbEffect(effectFn) {
+  let runCount = 0;
+  let cleanupHandle = () => {
+  };
+  const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+  const subscriber = () => {
+    cleanupHandle();
+    runCount++;
+    if (hook) hook.emit("effect:run", { effectFn, runCount });
+    cleanupHandle = track(effectFn, subscriber);
+  };
+  cleanupHandle = track(effectFn, subscriber);
+  runCount = 1;
+  if (hook) hook.emit("effect:create", { effectFn });
+  return () => {
+    if (hook) hook.emit("effect:destroy", { effectFn });
+    cleanupHandle();
+  };
+}
+
+// src/core/signals/sbDerived.ts
+function sbDerived(getter) {
+  const cs = {};
+  cs._d = false;
+  cs._g = getter;
+  const markDirty = () => {
+    if (cs._d) return;
+    cs._d = true;
+  };
+  markDirty._c = 1;
+  markDirty._sig = cs;
+  track(() => {
+    cs._d = false;
+    cs._v = getter();
+  }, markDirty);
+  const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+  function computedGetter() {
+    if (trackingSuspended) {
+      if (cs._d) {
+        cs._d = false;
+        cs._v = getter();
+      }
+      return cs._v;
+    }
+    recordDependency(cs);
+    if (cs._d) {
+      const oldValue = cs._v;
+      cs._d = false;
+      suspendTracking();
+      try {
+        cs._v = getter();
+      } finally {
+        resumeTracking();
+      }
+      if (hook && oldValue !== cs._v) {
+        hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
+      }
+    }
+    return cs._v;
+  }
+  if (hook) hook.emit("computed:create", { signal: cs, getter: computedGetter });
+  return computedGetter;
+}
+
+// src/core/rendering/context.ts
+function createContext(defaultValue) {
+  const [getValue, setValue] = sbSignal(defaultValue);
+  return {
+    provide(value) {
+      setValue(value);
+    },
+    use() {
+      return getValue;
+    },
+    get() {
+      return getValue();
+    },
+    set(value) {
+      setValue(value);
+    }
+  };
+}
+
+export {
+  sbEffect,
+  sbDerived,
+  createContext
+};