sibujs 1.4.0 → 2.0.0

package/dist/testing.cjs

@@ -60,11 +60,75 @@ __export(testing_exports, {
   snapshotComponent: () => snapshotComponent,
   testComponent: () => testComponent,
   type: () => type,
+  unmountAll: () => unmountAll,
   waitFor: () => waitFor,
   waitForSignal: () => waitForSignal
 });
 module.exports = __toCommonJS(testing_exports);
 
+// src/core/dev.ts
+function isDev() {
+  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) {
+  if (_isDev && !condition) {
+    throw new Error(`[SibuJS] ${message}`);
+  }
+}
+
+// src/core/rendering/dispose.ts
+var elementDisposers = /* @__PURE__ */ new WeakMap();
+var _isDev2 = isDev();
+var activeBindingCount = 0;
+function dispose(node) {
+  const stack = [node];
+  const order = [];
+  while (stack.length > 0) {
+    const current = stack.pop();
+    order.push(current);
+    const children = Array.from(current.childNodes);
+    for (let i = 0; i < children.length; i++) {
+      stack.push(children[i]);
+    }
+  }
+  for (let i = order.length - 1; i >= 0; i--) {
+    const current = order[i];
+    const disposers = elementDisposers.get(current);
+    if (disposers) {
+      const snapshot = disposers.slice();
+      elementDisposers.delete(current);
+      if (_isDev2) activeBindingCount -= snapshot.length;
+      for (const d of snapshot) {
+        try {
+          d();
+        } catch (err) {
+          if (_isDev2 && typeof console !== "undefined") {
+            console.warn("[SibuJS] Disposer threw during cleanup:", err);
+          }
+        }
+      }
+      let extraPasses = 0;
+      while (extraPasses++ < 8) {
+        const added = elementDisposers.get(current);
+        if (!added || added.length === 0) break;
+        const moreSnapshot = added.slice();
+        elementDisposers.delete(current);
+        if (_isDev2) activeBindingCount -= moreSnapshot.length;
+        for (const d of moreSnapshot) {
+          try {
+            d();
+          } catch (err) {
+            if (_isDev2 && typeof console !== "undefined") {
+              console.warn("[SibuJS] Disposer threw during cleanup:", err);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
 // src/testing/a11y.ts
 var VALID_ARIA_ROLES = /* @__PURE__ */ new Set([
   "alert",
@@ -1200,8 +1264,9 @@ function createUniversalAdapter() {
 }
 
 // src/testing/e2e.ts
-function createHttpMock(routes = []) {
+function createHttpMock(routes = [], options = {}) {
   const originalFetch = globalThis.fetch;
+  const hadOriginalFetch = Object.hasOwn(globalThis, "fetch");
   const requestLog = [];
   const mockRoutes = [...routes];
   function matchRoute(url, method) {
@@ -1222,29 +1287,41 @@ function createHttpMock(routes = []) {
       return new Response(JSON.stringify({ error: "Not mocked" }), { status: 404 });
     }
     let mockResponse;
-    if (typeof route.response === "function") {
-      mockResponse = await route.response({ url, method, body, headers: new Headers(init?.headers) });
-    } else {
-      mockResponse = route.response;
+    try {
+      if (typeof route.response === "function") {
+        mockResponse = await route.response({ url, method, body, headers: new Headers(init?.headers) });
+      } else {
+        mockResponse = route.response;
+      }
+      if (mockResponse.delay) {
+        await new Promise((r) => setTimeout(r, mockResponse.delay));
+      }
+      return new Response(
+        typeof mockResponse.body === "string" ? mockResponse.body : JSON.stringify(mockResponse.body),
+        {
+          status: mockResponse.status || 200,
+          statusText: mockResponse.statusText || "OK",
+          headers: mockResponse.headers
+        }
+      );
+    } catch (err) {
+      return new Response(JSON.stringify({ error: String(err) }), { status: 500 });
     }
-    if (mockResponse.delay) {
-      await new Promise((r) => setTimeout(r, mockResponse.delay));
+  };
+  const restore = () => {
+    if (hadOriginalFetch) {
+      globalThis.fetch = originalFetch;
+    } else {
+      delete globalThis.fetch;
     }
-    return new Response(typeof mockResponse.body === "string" ? mockResponse.body : JSON.stringify(mockResponse.body), {
-      status: mockResponse.status || 200,
-      statusText: mockResponse.statusText || "OK",
-      headers: mockResponse.headers
-    });
   };
-  return {
+  const api = {
     /** Install the mock (replace global fetch) */
     install() {
       globalThis.fetch = mockFetch;
     },
     /** Restore original fetch */
-    restore() {
-      globalThis.fetch = originalFetch;
-    },
+    restore,
     /** Add a mock route */
     addRoute(route) {
       mockRoutes.push(route);
@@ -1276,18 +1353,29 @@ function createHttpMock(routes = []) {
       return requestLog.filter((r) => r.url.includes(url) && r.method.toUpperCase() === method.toUpperCase()).length;
     }
   };
+  if (typeof options.afterEach === "function") {
+    options.afterEach(() => api.restore());
+  }
+  return api;
 }
-function createTimerMock() {
-  const originalSetTimeout = globalThis.setTimeout;
-  const originalSetInterval = globalThis.setInterval;
-  const originalClearTimeout = globalThis.clearTimeout;
-  const originalClearInterval = globalThis.clearInterval;
-  const originalRAF = typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : void 0;
-  const originalCAF = typeof cancelAnimationFrame !== "undefined" ? cancelAnimationFrame : void 0;
+function createTimerMock(options = {}) {
+  const g = globalThis;
+  const snapshot = (key) => ({
+    had: Object.hasOwn(globalThis, key),
+    value: g[key]
+  });
+  const saved = {
+    setTimeout: snapshot("setTimeout"),
+    setInterval: snapshot("setInterval"),
+    clearTimeout: snapshot("clearTimeout"),
+    clearInterval: snapshot("clearInterval"),
+    requestAnimationFrame: snapshot("requestAnimationFrame"),
+    cancelAnimationFrame: snapshot("cancelAnimationFrame")
+  };
   let currentTime = 0;
   let nextId = 1;
   const timers = [];
-  return {
+  const api = {
     install() {
       currentTime = 0;
       globalThis.setTimeout = (cb, delay = 0) => {
@@ -1319,12 +1407,13 @@ function createTimerMock() {
       };
     },
     restore() {
-      globalThis.setTimeout = originalSetTimeout;
-      globalThis.setInterval = originalSetInterval;
-      globalThis.clearTimeout = originalClearTimeout;
-      globalThis.clearInterval = originalClearInterval;
-      if (originalRAF) globalThis.requestAnimationFrame = originalRAF;
-      if (originalCAF) globalThis.cancelAnimationFrame = originalCAF;
+      for (const [key, snap] of Object.entries(saved)) {
+        if (snap.had) {
+          g[key] = snap.value;
+        } else {
+          delete g[key];
+        }
+      }
       timers.length = 0;
     },
     /** Advance time by a given number of ms, running any timers that fire */
@@ -1370,6 +1459,10 @@ function createTimerMock() {
       return timers.length;
     }
   };
+  if (typeof options.afterEach === "function") {
+    options.afterEach(() => api.restore());
+  }
+  return api;
 }
 function createDOMSnapshot(element) {
   return serializeElement(element, 0);
@@ -1454,19 +1547,8 @@ function testComponent(component, options = {}) {
   };
 }
 
-// src/core/dev.ts
-function isDev() {
-  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) {
-  if (_isDev && !condition) {
-    throw new Error(`[Sibu] ${message}`);
-  }
-}
-
 // src/reactivity/track.ts
-var _isDev2 = isDev();
+var _isDev3 = isDev();
 var subscriberStack = new Array(32);
 var stackCapacity = 32;
 var stackTop = -1;
@@ -1498,7 +1580,9 @@ function cleanup(subscriber) {
     if (subs) {
       subs.delete(subscriber);
       if (singleDep.__f === subscriber) {
-        singleDep.__f = void 0;
+        singleDep.__f = subs.size === 1 ? subs.values().next().value : void 0;
+      } else if (subs.size === 1 && singleDep.__f === void 0) {
+        singleDep.__f = subs.values().next().value;
       }
     }
     sub._dep = void 0;
@@ -1511,7 +1595,9 @@ function cleanup(subscriber) {
     if (subs) {
       subs.delete(subscriber);
       if (signal.__f === subscriber) {
-        signal.__f = void 0;
+        signal.__f = subs.size === 1 ? subs.values().next().value : void 0;
+      } else if (subs.size === 1 && signal.__f === void 0) {
+        signal.__f = subs.values().next().value;
       }
     }
   }
@@ -1519,9 +1605,28 @@ function cleanup(subscriber) {
 }
 
 // src/core/ssr-context.ts
-var ssrMode = false;
+var als = null;
+try {
+  if (typeof process !== "undefined" && process.versions && process.versions.node) {
+    const req = Function("return typeof require==='function'?require:null")();
+    if (req) {
+      const mod = req("node:async_hooks");
+      als = new mod.AsyncLocalStorage();
+    }
+  }
+} catch {
+  als = null;
+}
+var fallbackStore = { ssr: false, suspenseIdCounter: 0 };
+function getSSRStore() {
+  if (als) {
+    const s = als.getStore();
+    if (s) return s;
+  }
+  return fallbackStore;
+}
 function isSSR() {
-  return ssrMode;
+  return getSSRStore().ssr;
 }
 
 // src/core/signals/effect.ts
@@ -1531,26 +1636,86 @@ function effect(effectFn, options) {
   if (isSSR()) return () => {
   };
   const onError = options?.onError;
+  let userCleanups = [];
+  const onCleanup = (fn) => {
+    userCleanups.push(fn);
+  };
+  const runUserCleanups = () => {
+    if (userCleanups.length === 0) return;
+    const list = userCleanups;
+    userCleanups = [];
+    for (let i = list.length - 1; i >= 0; i--) {
+      try {
+        list[i]();
+      } catch (err) {
+        if (typeof console !== "undefined") {
+          console.warn("[SibuJS effect] onCleanup threw:", err);
+        }
+      }
+    }
+  };
+  const invokeBody = () => effectFn(onCleanup);
   const wrappedFn = onError ? () => {
     try {
-      effectFn();
+      invokeBody();
     } catch (err) {
       onError(err);
     }
-  } : effectFn;
+  } : invokeBody;
   let cleanupHandle = () => {
   };
+  let running = false;
   const subscriber = () => {
-    cleanupHandle();
-    cleanupHandle = track(wrappedFn, subscriber);
+    if (running) {
+      if (_g.__SIBU_DEV_WARN__ !== false && typeof console !== "undefined") {
+        console.warn(
+          "[SibuJS] effect re-entered itself while running \u2014 the triggering update will be ignored. Wrap mutual writes in `batch()` or split the effect to avoid this."
+        );
+      }
+      return;
+    }
+    running = true;
+    try {
+      runUserCleanups();
+      cleanupHandle();
+      cleanupHandle = track(wrappedFn, subscriber);
+    } finally {
+      running = false;
+    }
   };
-  cleanupHandle = track(wrappedFn, subscriber);
+  running = true;
+  try {
+    cleanupHandle = track(wrappedFn, subscriber);
+  } finally {
+    running = false;
+  }
   const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
   if (hook) hook.emit("effect:create", { effectFn });
+  let disposed = false;
   return () => {
+    if (disposed) return;
+    disposed = true;
     const h = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-    if (h) h.emit("effect:destroy", { effectFn });
-    cleanupHandle();
+    if (h) {
+      try {
+        h.emit("effect:destroy", { effectFn });
+      } catch {
+      }
+    }
+    try {
+      runUserCleanups();
+    } catch (err) {
+      if (typeof console !== "undefined") {
+        console.warn("[SibuJS effect] onCleanup threw during dispose:", err);
+      }
+    }
+    try {
+      cleanupHandle();
+    } catch (err) {
+      if (typeof console !== "undefined") {
+        console.warn("[SibuJS effect] dispose threw:", err);
+      }
+    }
   };
 }
 
@@ -1640,21 +1805,27 @@ function waitForSignal(getter, predicate, options = {}) {
   const timeoutMs = options.timeout ?? 1e3;
   return new Promise((resolve, reject) => {
     let resolved = false;
-    const timer = setTimeout(() => {
-      if (!resolved) {
-        resolved = true;
+    let timer;
+    const finish = (fn) => {
+      if (resolved) return;
+      resolved = true;
+      if (timer !== void 0) clearTimeout(timer);
+      fn();
+    };
+    timer = setTimeout(() => {
+      finish(() => {
         teardown();
         reject(new Error(`waitForSignal: predicate did not match within ${timeoutMs}ms`));
-      }
+      });
     }, timeoutMs);
     const teardown = effect(() => {
       if (resolved) return;
       const value = getter();
       if (predicate(value)) {
-        resolved = true;
-        clearTimeout(timer);
-        queueMicrotask(() => teardown());
-        resolve(value);
+        finish(() => {
+          queueMicrotask(() => teardown());
+          resolve(value);
+        });
       }
     });
   });
@@ -2005,9 +2176,24 @@ function truncate(str, maxLen) {
 }
 
 // src/testing/index.ts
+function escapeSelector(value) {
+  const g = globalThis;
+  if (g.CSS && typeof g.CSS.escape === "function") return g.CSS.escape(value);
+  return value.replace(/[^\w-]/g, (m) => `\\${m.charCodeAt(0).toString(16)} `);
+}
+var _renderedContainers = /* @__PURE__ */ new Set();
+function unmountAll() {
+  for (const container of _renderedContainers) {
+    for (const child of Array.from(container.childNodes)) dispose(child);
+    container.replaceChildren();
+    if (container.parentNode) container.parentNode.removeChild(container);
+  }
+  _renderedContainers.clear();
+}
 function render(component) {
   const container = document.createElement("div");
   document.body.appendChild(container);
+  _renderedContainers.add(container);
   const element = component();
   container.appendChild(element);
   function getByText(text) {
@@ -2024,7 +2210,7 @@ function render(component) {
     return walk(container);
   }
   function getByTestId(testId) {
-    return container.querySelector(`[data-testid="${testId}"]`);
+    return container.querySelector(`[data-testid="${escapeSelector(testId)}"]`);
   }
   function getByRole(role) {
     return container.querySelector(`[role="${role}"]`);
@@ -2033,8 +2219,10 @@ function render(component) {
     return Array.from(container.querySelectorAll(selector));
   }
   function unmount() {
-    container.innerHTML = "";
+    for (const child of Array.from(container.childNodes)) dispose(child);
+    container.replaceChildren();
     if (container.parentNode) container.parentNode.removeChild(container);
+    _renderedContainers.delete(container);
   }
   return { container, element, getByText, getByTestId, getByRole, queryAll, unmount };
 }
@@ -2145,6 +2333,7 @@ function mockStore(initialState) {
   snapshotComponent,
   testComponent,
   type,
+  unmountAll,
   waitFor,
   waitForSignal
 });

package/dist/testing.d.cts

@@ -242,11 +242,13 @@ interface MockRoute {
  * Create an HTTP mock server that intercepts fetch calls.
  * Useful for testing components that make API calls.
  */
-declare function createHttpMock(routes?: MockRoute[]): {
+declare function createHttpMock(routes?: MockRoute[], options?: {
+    afterEach?: (cleanup: () => void) => void;
+}): {
     /** Install the mock (replace global fetch) */
     install(): void;
     /** Restore original fetch */
-    restore(): void;
+    restore: () => void;
     /** Add a mock route */
     addRoute(route: MockRoute): void;
     /** Remove all mock routes */
@@ -271,7 +273,9 @@ declare function createHttpMock(routes?: MockRoute[]): {
  * Create a fake timer system for testing time-dependent code.
  * Mocks setTimeout, setInterval, requestAnimationFrame.
  */
-declare function createTimerMock(): {
+declare function createTimerMock(options?: {
+    afterEach?: (cleanup: () => void) => void;
+}): {
     install(): void;
     restore(): void;
     /** Advance time by a given number of ms, running any timers that fire */
@@ -479,8 +483,17 @@ declare function createVisualSuite(): {
     clear: () => void;
 };
 
+/**
+ * Unmount every container still alive from prior `render()` calls.
+ * Safe to call from an `afterEach` hook to guarantee teardown.
+ */
+declare function unmountAll(): void;
 /**
  * render mounts a component into a test container and returns helpers.
+ *
+ * The caller is responsible for calling `unmount()` (typically from an
+ * `afterEach` hook). For bulk teardown across many renders, call
+ * `unmountAll()` instead — every live container is tracked internally.
  */
 declare function render(component: () => HTMLElement): {
     container: HTMLElement;
@@ -529,4 +542,4 @@ declare function mockStore<T extends Record<string, unknown>>(initialState: T):
     reset: () => void;
 };
 
-export { type A11yCheckResult, type A11yViolation, type A11yViolationLevel, type FindOptions, type FingerprintChange, type MockResponse, type MockRoute, type VisualFingerprint, assertA11y, assertDOMEquals, captureFingerprint, checkA11y, checkAriaAttributes, checkColorContrast, checkFormLabels, checkHeadingHierarchy, checkImageAlt, checkKeyboardAccess, checkLandmarks, checkLinksAndButtons, checkListSemantics, checkTabOrder, compareFingerprints, createCypressAdapter, createDOMSnapshot, createHttpMock, createJestAdapter, createPlaywrightAdapter, createSnapshotMatcher, createSnapshotStore, createTimerMock, createUniversalAdapter, createVisualSuite, findByRole, findByTestId, findByText, fireEvent, matchSnapshot, mockRouter, mockStore, queryByLabel, queryByRole, queryByTestId, queryByText, render, snapshotComponent, testComponent, type, waitFor, waitForSignal };
+export { type A11yCheckResult, type A11yViolation, type A11yViolationLevel, type FindOptions, type FingerprintChange, type MockResponse, type MockRoute, type VisualFingerprint, assertA11y, assertDOMEquals, captureFingerprint, checkA11y, checkAriaAttributes, checkColorContrast, checkFormLabels, checkHeadingHierarchy, checkImageAlt, checkKeyboardAccess, checkLandmarks, checkLinksAndButtons, checkListSemantics, checkTabOrder, compareFingerprints, createCypressAdapter, createDOMSnapshot, createHttpMock, createJestAdapter, createPlaywrightAdapter, createSnapshotMatcher, createSnapshotStore, createTimerMock, createUniversalAdapter, createVisualSuite, findByRole, findByTestId, findByText, fireEvent, matchSnapshot, mockRouter, mockStore, queryByLabel, queryByRole, queryByTestId, queryByText, render, snapshotComponent, testComponent, type, unmountAll, waitFor, waitForSignal };

package/dist/testing.d.ts

@@ -242,11 +242,13 @@ interface MockRoute {
  * Create an HTTP mock server that intercepts fetch calls.
  * Useful for testing components that make API calls.
  */
-declare function createHttpMock(routes?: MockRoute[]): {
+declare function createHttpMock(routes?: MockRoute[], options?: {
+    afterEach?: (cleanup: () => void) => void;
+}): {
     /** Install the mock (replace global fetch) */
     install(): void;
     /** Restore original fetch */
-    restore(): void;
+    restore: () => void;
     /** Add a mock route */
     addRoute(route: MockRoute): void;
     /** Remove all mock routes */
@@ -271,7 +273,9 @@ declare function createHttpMock(routes?: MockRoute[]): {
  * Create a fake timer system for testing time-dependent code.
  * Mocks setTimeout, setInterval, requestAnimationFrame.
  */
-declare function createTimerMock(): {
+declare function createTimerMock(options?: {
+    afterEach?: (cleanup: () => void) => void;
+}): {
     install(): void;
     restore(): void;
     /** Advance time by a given number of ms, running any timers that fire */
@@ -479,8 +483,17 @@ declare function createVisualSuite(): {
     clear: () => void;
 };
 
+/**
+ * Unmount every container still alive from prior `render()` calls.
+ * Safe to call from an `afterEach` hook to guarantee teardown.
+ */
+declare function unmountAll(): void;
 /**
  * render mounts a component into a test container and returns helpers.
+ *
+ * The caller is responsible for calling `unmount()` (typically from an
+ * `afterEach` hook). For bulk teardown across many renders, call
+ * `unmountAll()` instead — every live container is tracked internally.
  */
 declare function render(component: () => HTMLElement): {
     container: HTMLElement;
@@ -529,4 +542,4 @@ declare function mockStore<T extends Record<string, unknown>>(initialState: T):
     reset: () => void;
 };
 
-export { type A11yCheckResult, type A11yViolation, type A11yViolationLevel, type FindOptions, type FingerprintChange, type MockResponse, type MockRoute, type VisualFingerprint, assertA11y, assertDOMEquals, captureFingerprint, checkA11y, checkAriaAttributes, checkColorContrast, checkFormLabels, checkHeadingHierarchy, checkImageAlt, checkKeyboardAccess, checkLandmarks, checkLinksAndButtons, checkListSemantics, checkTabOrder, compareFingerprints, createCypressAdapter, createDOMSnapshot, createHttpMock, createJestAdapter, createPlaywrightAdapter, createSnapshotMatcher, createSnapshotStore, createTimerMock, createUniversalAdapter, createVisualSuite, findByRole, findByTestId, findByText, fireEvent, matchSnapshot, mockRouter, mockStore, queryByLabel, queryByRole, queryByTestId, queryByText, render, snapshotComponent, testComponent, type, waitFor, waitForSignal };
+export { type A11yCheckResult, type A11yViolation, type A11yViolationLevel, type FindOptions, type FingerprintChange, type MockResponse, type MockRoute, type VisualFingerprint, assertA11y, assertDOMEquals, captureFingerprint, checkA11y, checkAriaAttributes, checkColorContrast, checkFormLabels, checkHeadingHierarchy, checkImageAlt, checkKeyboardAccess, checkLandmarks, checkLinksAndButtons, checkListSemantics, checkTabOrder, compareFingerprints, createCypressAdapter, createDOMSnapshot, createHttpMock, createJestAdapter, createPlaywrightAdapter, createSnapshotMatcher, createSnapshotStore, createTimerMock, createUniversalAdapter, createVisualSuite, findByRole, findByTestId, findByText, fireEvent, matchSnapshot, mockRouter, mockStore, queryByLabel, queryByRole, queryByTestId, queryByText, render, snapshotComponent, testComponent, type, unmountAll, waitFor, waitForSignal };