@praxisjs/composables 0.1.4 → 1.0.0

package/CHANGELOG.md

@@ -1,5 +1,59 @@
 # @praxisjs/composables
 
+## 1.0.0
+
+### Major Changes
+
+- 3372878: Migrate all packages from functional APIs to a decorator-first design.
+
+  **`@praxisjs/core`**
+
+  - Added `Composable` abstract base class for building class-based composables
+  - Removed `resource`, `createResource`, `Resource`, `ResourceStatus`, `ResourceOptions` from public exports — use `@Resource` from `@praxisjs/decorators` instead
+
+  **`@praxisjs/motion`**
+
+  - Replaced `useMotion`, `tween`, `spring`, `createTransition`, `Animate`, `easings`, `resolveEasing` with `@Tween` and `@Spring` decorators
+
+  **`@praxisjs/di`**
+
+  - Replaced `useService` and `createScope` with a `@Scope` decorator
+  - Renamed exported type `Scope` to `ScopeType` to free the name for the new decorator
+
+  **`@praxisjs/fsm`**
+
+  - Removed `createMachine` — use the `@StateMachine` and `@Transition` decorators directly
+
+  **`@praxisjs/router`**
+
+  - Removed `createRouter`, `lazy`, `useRouter`, `useParams`, `useQuery`, `useLocation`
+  - Added `@RouterConfig`, `@Lazy`, `@InjectRouter`, `@Params`, `@Query`, `@Location` decorators
+
+  **`@praxisjs/store`**
+
+  - Removed `createStore` — use the `@Store` and `@UseStore` decorators directly
+
+  **`@praxisjs/composables`**
+
+  - Replaced all `use*` composable functions with class-based composables extending `Composable`:
+    `WindowSize`, `ScrollPosition`, `ElementSize`, `Intersection`, `Focus`, `MediaQuery`, `ColorScheme`, `Mouse`, `KeyCombo`, `Idle`, `Clipboard`, `Geolocation`, `TimeAgo`, `Pagination`
+
+  **`@praxisjs/concurrent`**
+
+  - Removed `task`, `queue`, `pool` and their instance types — use `@Task`, `@Queue`, `@Pool` decorators instead
+
+### Patch Changes
+
+- Updated dependencies [3372878]
+  - @praxisjs/core@1.0.0
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies [d11a10a]
+  - @praxisjs/core@0.4.2
+
 ## 0.1.4
 
 ### Patch Changes

package/dist/__tests__/browser.test.js

@@ -1,94 +1,187 @@
 // @vitest-environment jsdom
-import { describe, it, expect, vi } from "vitest";
-import { useMediaQuery, useColorScheme, useMouse, useKeyCombo, useIdle } from "../browser";
-// ---------- useMediaQuery ----------
-describe("useMediaQuery", () => {
-    it("returns computed that reflects matchMedia result", () => {
-        Object.defineProperty(window, "matchMedia", {
-            writable: true,
-            value: vi.fn((query) => ({
-                matches: query === "(prefers-color-scheme: dark)",
-                addEventListener: vi.fn(),
-                removeEventListener: vi.fn(),
-            })),
-        });
-        const isDark = useMediaQuery("(prefers-color-scheme: dark)");
-        expect(isDark()).toBe(true);
-        const isLight = useMediaQuery("(prefers-color-scheme: light)");
-        expect(isLight()).toBe(false);
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import { MediaQuery, ColorScheme, Mouse, KeyCombo, Idle } from "../browser";
+function mockMatchMedia(matches, onAdd) {
+    const mql = {
+        matches,
+        addEventListener: onAdd ?? vi.fn(),
+        removeEventListener: vi.fn(),
+    };
+    vi.stubGlobal("matchMedia", () => mql);
+    return mql;
+}
+// ── MediaQuery ────────────────────────────────────────────────────────────────
+describe("MediaQuery", () => {
+    beforeEach(() => { vi.restoreAllMocks(); });
+    it("reads initial match state", () => {
+        mockMatchMedia(true);
+        const mq = new MediaQuery("(min-width: 768px)");
+        const { matches } = mq.setup();
+        expect(matches()).toBe(true);
+    });
+    it("updates matches when change event fires", () => {
+        let changeHandler;
+        mockMatchMedia(false, (_, fn) => { changeHandler = fn; });
+        const mq = new MediaQuery("(min-width: 768px)");
+        const { matches } = mq.setup();
+        expect(matches()).toBe(false);
+        changeHandler({ matches: true });
+        expect(matches()).toBe(true);
+    });
+    it("removes event listener on unmount", () => {
+        const mql = mockMatchMedia(false);
+        const mq = new MediaQuery("(min-width: 768px)");
+        mq.setup();
+        mq.onUnmount();
+        expect(mql.removeEventListener).toHaveBeenCalledWith("change", expect.any(Function));
+    });
+    it("onUnmount is safe to call without setup (covers false branch)", () => {
+        const mq = new MediaQuery("(min-width: 768px)");
+        expect(() => mq.onUnmount()).not.toThrow();
     });
 });
-// ---------- useColorScheme ----------
-describe("useColorScheme", () => {
-    it("isDark and isLight are complementary", () => {
-        Object.defineProperty(window, "matchMedia", {
-            writable: true,
-            value: vi.fn(() => ({
-                matches: true,
-                addEventListener: vi.fn(),
-                removeEventListener: vi.fn(),
-            })),
-        });
-        const { isDark, isLight } = useColorScheme();
+// ── ColorScheme ───────────────────────────────────────────────────────────────
+describe("ColorScheme", () => {
+    beforeEach(() => { vi.restoreAllMocks(); });
+    it("exposes isDark and isLight as computed inverses", () => {
+        let changeHandler;
+        mockMatchMedia(false, (_, fn) => { changeHandler = fn; });
+        const cs = new ColorScheme();
+        const { isDark, isLight } = cs.setup();
+        expect(isDark()).toBe(false);
+        expect(isLight()).toBe(true);
+        changeHandler({ matches: true });
         expect(isDark()).toBe(true);
         expect(isLight()).toBe(false);
     });
+    it("removes event listener on unmount", () => {
+        const mql = mockMatchMedia(false);
+        const cs = new ColorScheme();
+        cs.setup();
+        cs.onUnmount();
+        expect(mql.removeEventListener).toHaveBeenCalledWith("change", expect.any(Function));
+    });
+    it("onUnmount is safe to call without setup (covers false branch)", () => {
+        const cs = new ColorScheme();
+        expect(() => cs.onUnmount()).not.toThrow();
+    });
 });
-// ---------- useMouse ----------
-describe("useMouse", () => {
+// ── Mouse ─────────────────────────────────────────────────────────────────────
+describe("Mouse", () => {
     it("starts at (0, 0)", () => {
-        const { x, y } = useMouse();
+        const mouse = new Mouse();
+        const { x, y } = mouse.setup();
         expect(x()).toBe(0);
         expect(y()).toBe(0);
     });
-    it("updates on mousemove event", () => {
-        const { x, y } = useMouse();
-        window.dispatchEvent(new MouseEvent("mousemove", { clientX: 100, clientY: 200 }));
-        expect(x()).toBe(100);
-        expect(y()).toBe(200);
+    it("updates x and y on mousemove", () => {
+        const mouse = new Mouse();
+        const { x, y } = mouse.setup();
+        window.dispatchEvent(new MouseEvent("mousemove", { clientX: 120, clientY: 80 }));
+        expect(x()).toBe(120);
+        expect(y()).toBe(80);
+    });
+    it("removes listener on unmount", () => {
+        const remove = vi.spyOn(window, "removeEventListener");
+        const mouse = new Mouse();
+        mouse.setup();
+        mouse.onUnmount();
+        expect(remove).toHaveBeenCalledWith("mousemove", expect.any(Function));
     });
 });
-// ---------- useKeyCombo ----------
-describe("useKeyCombo", () => {
-    it("starts as false", () => {
-        const pressed = useKeyCombo("ctrl+s");
+// ── KeyCombo ──────────────────────────────────────────────────────────────────
+describe("KeyCombo", () => {
+    it("starts as not pressed", () => {
+        const kc = new KeyCombo("ctrl+s");
+        const { pressed } = kc.setup();
         expect(pressed()).toBe(false);
     });
-    it("becomes true on matching keydown", () => {
-        const pressed = useKeyCombo("ctrl+s");
-        window.dispatchEvent(new KeyboardEvent("keydown", { key: "s", ctrlKey: true }));
+    it("sets pressed=true when matching combo is pressed", () => {
+        const kc = new KeyCombo("ctrl+s");
+        const { pressed } = kc.setup();
+        window.dispatchEvent(new KeyboardEvent("keydown", { ctrlKey: true, key: "s" }));
         expect(pressed()).toBe(true);
     });
-    it("resets to false on keyup", () => {
-        const pressed = useKeyCombo("ctrl+s");
-        window.dispatchEvent(new KeyboardEvent("keydown", { key: "s", ctrlKey: true }));
+    it("resets pressed on keyup", () => {
+        const kc = new KeyCombo("ctrl+s");
+        const { pressed } = kc.setup();
+        window.dispatchEvent(new KeyboardEvent("keydown", { ctrlKey: true, key: "s" }));
         window.dispatchEvent(new KeyboardEvent("keyup"));
         expect(pressed()).toBe(false);
     });
+    it("does not set pressed for wrong key", () => {
+        const kc = new KeyCombo("ctrl+s");
+        const { pressed } = kc.setup();
+        window.dispatchEvent(new KeyboardEvent("keydown", { ctrlKey: true, key: "z" }));
+        expect(pressed()).toBe(false);
+    });
+    it("removes listeners on unmount", () => {
+        const remove = vi.spyOn(window, "removeEventListener");
+        const kc = new KeyCombo("ctrl+s");
+        kc.setup();
+        kc.onUnmount();
+        expect(remove).toHaveBeenCalledWith("keydown", expect.any(Function));
+        expect(remove).toHaveBeenCalledWith("keyup", expect.any(Function));
+    });
+    it("matches combo without ctrl modifier (ctrl branch: `: true`)", () => {
+        const kc = new KeyCombo("s");
+        const { pressed } = kc.setup();
+        // No ctrlKey needed — parts doesn't include "ctrl" so ctrl = true always
+        window.dispatchEvent(new KeyboardEvent("keydown", { key: "s" }));
+        expect(pressed()).toBe(true);
+    });
+    it("matches combo with shift modifier (shift branch: `e.shiftKey`)", () => {
+        const kc = new KeyCombo("ctrl+shift+s");
+        const { pressed } = kc.setup();
+        window.dispatchEvent(new KeyboardEvent("keydown", { ctrlKey: true, shiftKey: true, key: "s" }));
+        expect(pressed()).toBe(true);
+    });
+    it("does not match when shift is required but not pressed", () => {
+        const kc = new KeyCombo("ctrl+shift+s");
+        const { pressed } = kc.setup();
+        window.dispatchEvent(new KeyboardEvent("keydown", { ctrlKey: true, shiftKey: false, key: "s" }));
+        expect(pressed()).toBe(false);
+    });
+    it("matches combo with alt modifier (alt branch: `e.altKey`)", () => {
+        const kc = new KeyCombo("ctrl+alt+s");
+        const { pressed } = kc.setup();
+        window.dispatchEvent(new KeyboardEvent("keydown", { ctrlKey: true, altKey: true, key: "s" }));
+        expect(pressed()).toBe(true);
+    });
 });
-// ---------- useIdle ----------
-describe("useIdle", () => {
+// ── Idle ──────────────────────────────────────────────────────────────────────
+describe("Idle", () => {
     it("starts as not idle", () => {
         vi.useFakeTimers();
-        const idle = useIdle(500);
-        expect(idle()).toBe(false);
+        const idle = new Idle(500);
+        const { idle: isIdle } = idle.setup();
+        expect(isIdle()).toBe(false);
         vi.useRealTimers();
     });
-    it("becomes idle after the timeout elapses", () => {
+    it("becomes idle after timeout", () => {
         vi.useFakeTimers();
-        const idle = useIdle(500);
+        const composable = new Idle(500);
+        const { idle: isIdle } = composable.setup();
         vi.advanceTimersByTime(500);
-        expect(idle()).toBe(true);
+        expect(isIdle()).toBe(true);
         vi.useRealTimers();
     });
-    it("resets idle on user activity", () => {
+    it("resets idle timer on activity", () => {
         vi.useFakeTimers();
-        const idle = useIdle(500);
-        vi.advanceTimersByTime(300);
+        const composable = new Idle(500);
+        const { idle: isIdle } = composable.setup();
+        vi.advanceTimersByTime(400);
         window.dispatchEvent(new MouseEvent("mousemove"));
-        vi.advanceTimersByTime(300); // not enough since activity reset the timer
-        expect(idle()).toBe(false);
+        vi.advanceTimersByTime(400);
+        expect(isIdle()).toBe(false);
         vi.useRealTimers();
     });
+    it("removes listeners on unmount", () => {
+        const remove = vi.spyOn(window, "removeEventListener");
+        const composable = new Idle(500);
+        composable.setup();
+        composable.onUnmount();
+        expect(remove).toHaveBeenCalled();
+    });
 });
 //# sourceMappingURL=browser.test.js.map

package/dist/__tests__/browser.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"browser.test.js","sourceRoot":"","sources":["../../src/__tests__/browser.test.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"browser.test.js","sourceRoot":"","sources":["../../src/__tests__/browser.test.ts"],"names":[],"mappings":"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"}

package/dist/__tests__/dom.test.js

@@ -1,84 +1,211 @@
 // @vitest-environment jsdom
-import { describe, it, expect } from "vitest";
-import { createRef, useWindowSize, useScrollPosition, useFocus } from "../dom";
-// ---------- createRef ----------
-describe("createRef", () => {
-    it("starts with current = null", () => {
-        const ref = createRef();
-        expect(ref.current).toBeNull();
-    });
-    it("can be assigned an element", () => {
-        const ref = createRef();
-        const el = document.createElement("div");
-        ref.current = el;
-        expect(ref.current).toBe(el);
-    });
-});
-// ---------- useWindowSize ----------
-describe("useWindowSize", () => {
-    it("returns the current window dimensions", () => {
-        Object.defineProperty(window, "innerWidth", { writable: true, configurable: true, value: 1024 });
-        Object.defineProperty(window, "innerHeight", { writable: true, configurable: true, value: 768 });
-        const { width, height } = useWindowSize();
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import { signal } from "@praxisjs/core/internal";
+import { WindowSize, ScrollPosition, ElementSize, Intersection, Focus } from "../dom";
+// ── WindowSize ────────────────────────────────────────────────────────────────
+describe("WindowSize", () => {
+    it("reads initial window dimensions", () => {
+        Object.defineProperty(window, "innerWidth", { value: 1024, configurable: true });
+        Object.defineProperty(window, "innerHeight", { value: 768, configurable: true });
+        const ws = new WindowSize();
+        const { width, height } = ws.setup();
         expect(width()).toBe(1024);
         expect(height()).toBe(768);
     });
     it("updates on resize event", () => {
-        Object.defineProperty(window, "innerWidth", { writable: true, configurable: true, value: 800 });
-        Object.defineProperty(window, "innerHeight", { writable: true, configurable: true, value: 600 });
-        const { width, height } = useWindowSize();
-        Object.defineProperty(window, "innerWidth", { writable: true, configurable: true, value: 1280 });
-        Object.defineProperty(window, "innerHeight", { writable: true, configurable: true, value: 720 });
+        Object.defineProperty(window, "innerWidth", { value: 800, configurable: true });
+        Object.defineProperty(window, "innerHeight", { value: 600, configurable: true });
+        const ws = new WindowSize();
+        const { width, height } = ws.setup();
+        Object.defineProperty(window, "innerWidth", { value: 1280, configurable: true });
+        Object.defineProperty(window, "innerHeight", { value: 900, configurable: true });
         window.dispatchEvent(new Event("resize"));
         expect(width()).toBe(1280);
-        expect(height()).toBe(720);
+        expect(height()).toBe(900);
+    });
+    it("removes listener on unmount", () => {
+        const remove = vi.spyOn(window, "removeEventListener");
+        const ws = new WindowSize();
+        ws.setup();
+        ws.onUnmount();
+        expect(remove).toHaveBeenCalledWith("resize", expect.any(Function));
     });
 });
-// ---------- useScrollPosition ----------
-describe("useScrollPosition", () => {
+// ── ScrollPosition ────────────────────────────────────────────────────────────
+describe("ScrollPosition", () => {
     it("starts at (0, 0)", () => {
-        const { x, y } = useScrollPosition(window);
+        const sp = new ScrollPosition(window);
+        const { x, y } = sp.setup();
         expect(x()).toBe(0);
         expect(y()).toBe(0);
     });
-    it("updates on element scroll", () => {
+    it("updates on scroll event for window", () => {
+        const sp = new ScrollPosition(window);
+        const { x, y } = sp.setup();
+        Object.defineProperty(window, "scrollX", { value: 100, configurable: true });
+        Object.defineProperty(window, "scrollY", { value: 200, configurable: true });
+        window.dispatchEvent(new Event("scroll"));
+        expect(x()).toBe(100);
+        expect(y()).toBe(200);
+    });
+    it("updates on scroll event for element", () => {
         const el = document.createElement("div");
-        const { x, y } = useScrollPosition(el);
-        Object.defineProperty(el, "scrollLeft", { configurable: true, value: 50 });
-        Object.defineProperty(el, "scrollTop", { configurable: true, value: 80 });
+        const sp = new ScrollPosition(el);
+        const { x, y } = sp.setup();
+        Object.defineProperty(el, "scrollLeft", { value: 50, configurable: true });
+        Object.defineProperty(el, "scrollTop", { value: 75, configurable: true });
         el.dispatchEvent(new Event("scroll"));
         expect(x()).toBe(50);
-        expect(y()).toBe(80);
+        expect(y()).toBe(75);
+    });
+    it("removes listener on unmount", () => {
+        const el = document.createElement("div");
+        const remove = vi.spyOn(el, "removeEventListener");
+        const sp = new ScrollPosition(el);
+        sp.setup();
+        sp.onUnmount();
+        expect(remove).toHaveBeenCalledWith("scroll", expect.any(Function));
     });
 });
-// ---------- useFocus ----------
-describe("useFocus", () => {
+// ── ElementSize ───────────────────────────────────────────────────────────────
+describe("ElementSize", () => {
+    let observerCallback;
+    beforeEach(() => {
+        vi.stubGlobal("ResizeObserver", class {
+            constructor(cb) {
+                this.observe = vi.fn();
+                this.disconnect = vi.fn();
+                observerCallback = cb;
+            }
+        });
+    });
+    it("starts at (0, 0) with no element", () => {
+        const ref = { current: null };
+        const es = new ElementSize(ref);
+        const { width, height } = es.setup();
+        expect(width()).toBe(0);
+        expect(height()).toBe(0);
+    });
+    it("updates via ResizeObserver callback", () => {
+        const el = document.createElement("div");
+        const ref = { current: el };
+        const es = new ElementSize(ref);
+        const { width, height } = es.setup();
+        observerCallback([{ contentRect: { width: 300, height: 150 } }], {});
+        expect(width()).toBe(300);
+        expect(height()).toBe(150);
+    });
+    it("disconnects observer on unmount", () => {
+        const disconnect = vi.fn();
+        vi.stubGlobal("ResizeObserver", class {
+            constructor(cb) {
+                this.observe = vi.fn();
+                this.disconnect = disconnect;
+                observerCallback = cb;
+            }
+        });
+        const ref = { current: null };
+        const es = new ElementSize(ref);
+        es.setup();
+        es.onUnmount();
+        expect(disconnect).toHaveBeenCalled();
+    });
+});
+// ── Intersection ──────────────────────────────────────────────────────────────
+describe("Intersection", () => {
+    let observerCallback;
+    beforeEach(() => {
+        vi.stubGlobal("IntersectionObserver", class {
+            constructor(cb) {
+                this.observe = vi.fn();
+                this.disconnect = vi.fn();
+                observerCallback = cb;
+            }
+        });
+    });
+    it("starts as not visible", () => {
+        const ref = { current: null };
+        const int = new Intersection(ref);
+        const { visible } = int.setup();
+        expect(visible()).toBe(false);
+    });
+    it("becomes visible when intersecting", () => {
+        const el = document.createElement("div");
+        const ref = { current: el };
+        const int = new Intersection(ref);
+        const { visible } = int.setup();
+        observerCallback([{ isIntersecting: true }], {});
+        expect(visible()).toBe(true);
+    });
+    it("disconnects on unmount", () => {
+        const disconnect = vi.fn();
+        vi.stubGlobal("IntersectionObserver", class {
+            constructor(cb) {
+                this.observe = vi.fn();
+                this.disconnect = disconnect;
+                observerCallback = cb;
+            }
+        });
+        const ref = { current: null };
+        const int = new Intersection(ref);
+        int.setup();
+        int.onUnmount();
+        expect(disconnect).toHaveBeenCalled();
+    });
+});
+// ── Focus ─────────────────────────────────────────────────────────────────────
+describe("Focus", () => {
     it("starts as not focused", () => {
         const el = document.createElement("input");
-        document.body.appendChild(el);
         const ref = { current: el };
-        const focused = useFocus(ref);
+        const focus = new Focus(ref);
+        const { focused } = focus.setup();
         expect(focused()).toBe(false);
-        document.body.removeChild(el);
     });
-    it("becomes true on focus event", () => {
+    it("sets focused=true on focus event", () => {
         const el = document.createElement("input");
         document.body.appendChild(el);
         const ref = { current: el };
-        const focused = useFocus(ref);
-        el.dispatchEvent(new FocusEvent("focus"));
+        const focus = new Focus(ref);
+        const { focused } = focus.setup();
+        el.dispatchEvent(new Event("focus"));
         expect(focused()).toBe(true);
         document.body.removeChild(el);
     });
-    it("becomes false on blur event", () => {
+    it("sets focused=false on blur event", () => {
         const el = document.createElement("input");
         document.body.appendChild(el);
         const ref = { current: el };
-        const focused = useFocus(ref);
-        el.dispatchEvent(new FocusEvent("focus"));
-        el.dispatchEvent(new FocusEvent("blur"));
+        const focus = new Focus(ref);
+        const { focused } = focus.setup();
+        el.dispatchEvent(new Event("focus"));
+        el.dispatchEvent(new Event("blur"));
         expect(focused()).toBe(false);
         document.body.removeChild(el);
     });
+    it("does not throw when ref is null", () => {
+        const ref = { current: null };
+        const focus = new Focus(ref);
+        expect(() => focus.setup()).not.toThrow();
+    });
+    it("removes focus/blur listeners when reactive ref changes (effect cleanup)", () => {
+        const el1 = document.createElement("input");
+        document.body.appendChild(el1);
+        // Make ref.current reactive so the effect tracks it and re-runs on change
+        const refSignal = signal(el1);
+        const ref = { get current() { return refSignal(); } };
+        const focus = new Focus(ref);
+        focus.setup();
+        const removeEl1 = vi.spyOn(el1, "removeEventListener");
+        // Changing the signal causes the effect to re-run, calling cleanup for el1
+        // This covers the cleanup function at dom.ts:134-135
+        const el2 = document.createElement("input");
+        document.body.appendChild(el2);
+        refSignal.set(el2);
+        expect(removeEl1).toHaveBeenCalledWith("focus", expect.any(Function));
+        expect(removeEl1).toHaveBeenCalledWith("blur", expect.any(Function));
+        document.body.removeChild(el1);
+        document.body.removeChild(el2);
+    });
 });
 //# sourceMappingURL=dom.test.js.map