@praxisjs/composables 1.1.8 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisjs/composables",
-  "version": "1.1.8",
+  "version": "1.2.1",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -14,7 +14,7 @@
     "typescript": "^6.0.3"
   },
   "dependencies": {
-    "@praxisjs/core": "2.1.0",
+    "@praxisjs/core": "2.2.0",
     "@praxisjs/shared": "0.3.1"
   },
   "scripts": {

package/src/__tests__/browser.test.ts

@@ -1,6 +1,8 @@
 // @vitest-environment jsdom
 import { describe, it, expect, vi, beforeEach } from "vitest";
 
+import { effect } from "@praxisjs/core/internal";
+
 import { MediaQuery, ColorScheme, Mouse, KeyCombo, Idle } from "../browser";
 
 function mockMatchMedia(matches: boolean, onAdd?: (_: string, fn: (e: MediaQueryListEvent) => void) => void) {
@@ -393,3 +395,20 @@ describe("Idle (additional)", () => {
     vi.useRealTimers();
   });
 });
+
+describe("Mouse paired updates", () => {
+  it("re-runs dependents once per mousemove", () => {
+    const mouse = new Mouse();
+    const { x, y } = mouse.setup() as { x: () => number; y: () => number };
+    let runs = 0;
+    effect(() => {
+      void x();
+      void y();
+      runs++;
+    });
+    runs = 0;
+    window.dispatchEvent(new MouseEvent("mousemove", { clientX: 5, clientY: 6 }));
+    expect(runs).toBe(1);
+    mouse.onUnmount();
+  });
+});

package/src/__tests__/dom.test.ts

@@ -1,6 +1,8 @@
 // @vitest-environment jsdom
 import { describe, it, expect, vi, beforeEach } from "vitest";
 
+import { effect } from "@praxisjs/core/internal";
+
 import { WindowSize, ScrollPosition, ElementSize, Intersection, Focus } from "../dom";
 
 // ── WindowSize ────────────────────────────────────────────────────────────────
@@ -513,3 +515,53 @@ describe("ScrollPosition (_staticTarget fallback)", () => {
     sp.onUnmount();
   });
 });
+
+describe("paired updates re-run dependents once per event", () => {
+  function countRuns(read: () => void) {
+    let runs = 0;
+    effect(() => {
+      read();
+      runs++;
+    });
+    runs = 0;
+    return () => runs;
+  }
+
+  it("WindowSize", () => {
+    const ws = new WindowSize();
+    const { width, height } = ws.setup() as { width: () => number; height: () => number };
+    const runs = countRuns(() => { void width(); void height(); });
+    Object.defineProperty(window, "innerWidth", { value: 111, configurable: true });
+    Object.defineProperty(window, "innerHeight", { value: 222, configurable: true });
+    window.dispatchEvent(new Event("resize"));
+    expect(runs()).toBe(1);
+    ws.onUnmount();
+  });
+
+  it("ScrollPosition", () => {
+    const sp = new ScrollPosition(window);
+    const { x, y } = sp.setup() as { x: () => number; y: () => number };
+    sp.onMount();
+    const runs = countRuns(() => { void x(); void y(); });
+    Object.defineProperty(window, "scrollX", { value: 7, configurable: true });
+    Object.defineProperty(window, "scrollY", { value: 9, configurable: true });
+    window.dispatchEvent(new Event("scroll"));
+    expect(runs()).toBe(1);
+    sp.onUnmount();
+  });
+
+  it("ElementSize", () => {
+    let callback!: ResizeObserverCallback;
+    vi.stubGlobal("ResizeObserver", class {
+      constructor(cb: ResizeObserverCallback) { callback = cb; }
+      observe = vi.fn();
+      disconnect = vi.fn();
+    });
+    const es = new ElementSize({ current: document.createElement("div") });
+    const { width, height } = es.setup() as { width: () => number; height: () => number };
+    const runs = countRuns(() => { void width(); void height(); });
+    callback([{ contentRect: { width: 10, height: 20 } } as ResizeObserverEntry], {} as ResizeObserver);
+    expect(runs()).toBe(1);
+    vi.unstubAllGlobals();
+  });
+});