@praxisjs/composables 0.1.4 → 1.0.0

package/dist/browser.js

@@ -1,56 +1,112 @@
+import { Composable } from "@praxisjs/core";
 import { signal, computed } from "@praxisjs/core/internal";
-export function useMediaQuery(query) {
-    const mql = window.matchMedia(query);
-    const matches = signal(mql.matches);
-    mql.addEventListener("change", (e) => {
-        matches.set(e.matches);
-    });
-    return computed(() => matches());
+export class MediaQuery extends Composable {
+    constructor(query) {
+        super();
+        this.query = query;
+    }
+    setup() {
+        this._mql = window.matchMedia(this.query);
+        const matches = signal(this._mql.matches);
+        this._handler = (e) => { matches.set(e.matches); };
+        this._mql.addEventListener("change", this._handler);
+        return { matches };
+    }
+    onUnmount() {
+        if (this._mql && this._handler) {
+            this._mql.removeEventListener("change", this._handler);
+        }
+    }
 }
-export function useColorScheme() {
-    const isDark = useMediaQuery("(prefers-color-scheme: dark)");
-    const isLight = computed(() => !isDark());
-    return { isDark, isLight };
+export class ColorScheme extends Composable {
+    setup() {
+        this._mql = window.matchMedia("(prefers-color-scheme: dark)");
+        const isDark = signal(this._mql.matches);
+        const isLight = computed(() => !isDark());
+        this._handler = (e) => { isDark.set(e.matches); };
+        this._mql.addEventListener("change", this._handler);
+        return { isDark, isLight };
+    }
+    onUnmount() {
+        if (this._mql && this._handler) {
+            this._mql.removeEventListener("change", this._handler);
+        }
+    }
 }
-export function useMouse() {
-    const x = signal(0);
-    const y = signal(0);
-    window.addEventListener("mousemove", (e) => {
-        x.set(e.clientX);
-        y.set(e.clientY);
-    });
-    return { x: computed(() => x()), y: computed(() => y()) };
+export class Mouse extends Composable {
+    constructor() {
+        super(...arguments);
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this._handler = (_e) => { };
+    }
+    setup() {
+        const x = signal(0);
+        const y = signal(0);
+        this._handler = (e) => { x.set(e.clientX); y.set(e.clientY); };
+        window.addEventListener("mousemove", this._handler);
+        return { x, y };
+    }
+    onUnmount() {
+        window.removeEventListener("mousemove", this._handler);
+    }
 }
-export function useKeyCombo(combo) {
-    const parts = combo.toLowerCase().split("+");
-    const pressed = signal(false);
-    window.addEventListener("keydown", (e) => {
-        const ctrl = parts.includes("ctrl") ? e.ctrlKey : true;
-        const shift = parts.includes("shift") ? e.shiftKey : true;
-        const alt = parts.includes("alt") ? e.altKey : true;
-        const key = parts.find((p) => !["ctrl", "shift", "alt", "meta"].includes(p));
-        if (ctrl && shift && alt && (!key || e.key.toLowerCase() === key))
-            pressed.set(true);
-    });
-    window.addEventListener("keyup", () => {
-        pressed.set(false);
-    });
-    return computed(() => pressed());
+export class KeyCombo extends Composable {
+    constructor(combo) {
+        super();
+        this.combo = combo;
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this._keydownHandler = (_e) => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this._keyupHandler = () => { };
+    }
+    setup() {
+        const parts = this.combo.toLowerCase().split("+");
+        const pressed = signal(false);
+        this._keydownHandler = (e) => {
+            const ctrl = parts.includes("ctrl") ? e.ctrlKey : true;
+            const shift = parts.includes("shift") ? e.shiftKey : true;
+            const alt = parts.includes("alt") ? e.altKey : true;
+            const key = parts.find((p) => !["ctrl", "shift", "alt", "meta"].includes(p));
+            if (ctrl && shift && alt && (!key || e.key.toLowerCase() === key)) {
+                pressed.set(true);
+            }
+        };
+        this._keyupHandler = () => { pressed.set(false); };
+        window.addEventListener("keydown", this._keydownHandler);
+        window.addEventListener("keyup", this._keyupHandler);
+        return { pressed };
+    }
+    onUnmount() {
+        window.removeEventListener("keydown", this._keydownHandler);
+        window.removeEventListener("keyup", this._keyupHandler);
+    }
 }
-export function useIdle(timeout = 60_000) {
-    const idle = signal(false);
-    let timer;
-    const reset = () => {
-        idle.set(false);
-        clearTimeout(timer);
-        timer = setTimeout(() => {
-            idle.set(true);
-        }, timeout);
-    };
-    ["mousemove", "keydown", "click", "scroll", "touchstart"].forEach((e) => {
-        window.addEventListener(e, reset, { passive: true });
-    });
-    reset();
-    return computed(() => idle());
+export class Idle extends Composable {
+    constructor(timeout = 60_000) {
+        super();
+        this.timeout = timeout;
+        this._listeners = [];
+    }
+    setup() {
+        const idle = signal(false);
+        const reset = () => {
+            idle.set(false);
+            clearTimeout(this._timer);
+            this._timer = setTimeout(() => { idle.set(true); }, this.timeout);
+        };
+        ["mousemove", "keydown", "click", "scroll", "touchstart"].forEach((event) => {
+            window.addEventListener(event, reset, { passive: true });
+            this._listeners.push([event, reset]);
+        });
+        reset();
+        return { idle };
+    }
+    onUnmount() {
+        clearTimeout(this._timer);
+        this._listeners.forEach(([event, handler]) => {
+            window.removeEventListener(event, handler);
+        });
+        this._listeners = [];
+    }
 }
 //# sourceMappingURL=browser.js.map

package/dist/browser.js.map

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

package/dist/dom.d.ts

@@ -1,26 +1,61 @@
-import type { Computed } from "@praxisjs/shared";
-export declare function createRef(): {
-    current: HTMLElement | null;
-};
-export declare function useElementSize(ref: {
-    current: HTMLElement | null;
-}): {
-    width: Computed<number>;
-    height: Computed<number>;
-    stop: () => void;
-};
-export declare function useWindowSize(): {
-    width: Computed<number>;
-    height: Computed<number>;
-};
-export declare function useScrollPosition(target?: HTMLElement | Window): {
-    x: Computed<number>;
-    y: Computed<number>;
-};
-export declare function useIntersection(ref: {
-    current: HTMLElement | null;
-}, options?: IntersectionObserverInit): Computed<boolean>;
-export declare function useFocus(ref: {
-    current: HTMLElement | null;
-}): Computed<boolean>;
+import { Composable } from "@praxisjs/core";
+export declare class WindowSize extends Composable {
+    width: number;
+    height: number;
+    private _handler;
+    setup(): {
+        width: import("@praxisjs/shared").Signal<number>;
+        height: import("@praxisjs/shared").Signal<number>;
+    };
+    onUnmount(): void;
+}
+export declare class ScrollPosition extends Composable {
+    x: number;
+    y: number;
+    private readonly _target;
+    private _handler;
+    constructor(target?: HTMLElement | Window);
+    setup(): {
+        x: import("@praxisjs/shared").Signal<number>;
+        y: import("@praxisjs/shared").Signal<number>;
+    };
+    onUnmount(): void;
+}
+export declare class ElementSize extends Composable {
+    private readonly ref;
+    width: number;
+    height: number;
+    private _observer?;
+    constructor(ref: {
+        current: HTMLElement | null;
+    });
+    setup(): {
+        width: import("@praxisjs/shared").Signal<number>;
+        height: import("@praxisjs/shared").Signal<number>;
+    };
+    onUnmount(): void;
+}
+export declare class Intersection extends Composable {
+    private readonly ref;
+    private readonly options?;
+    visible: boolean;
+    private _observer?;
+    constructor(ref: {
+        current: HTMLElement | null;
+    }, options?: IntersectionObserverInit | undefined);
+    setup(): {
+        visible: import("@praxisjs/shared").Signal<boolean>;
+    };
+    onUnmount(): void;
+}
+export declare class Focus extends Composable {
+    private readonly ref;
+    focused: boolean;
+    constructor(ref: {
+        current: HTMLElement | null;
+    });
+    setup(): {
+        focused: import("@praxisjs/shared").Signal<boolean>;
+    };
+}
 //# sourceMappingURL=dom.d.ts.map

package/dist/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,wBAAgB,SAAS,IAAI;IAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE,CAE3D;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE;IAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE;;;;EAqBlE;AAED,wBAAgB,aAAa;;;EAQ5B;AAED,wBAAgB,iBAAiB,CAAC,MAAM,GAAE,WAAW,GAAG,MAAe;;;EAYtE;AAED,wBAAgB,eAAe,CAC7B,GAAG,EAAE;IAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE,EACpC,OAAO,CAAC,EAAE,wBAAwB,GACjC,QAAQ,CAAC,OAAO,CAAC,CAYnB;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE;IAC5B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,GAAG,QAAQ,CAAC,OAAO,CAAC,CAmBpB"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,qBAAa,UAAW,SAAQ,UAAU;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IAGvB,OAAO,CAAC,QAAQ,CAAY;IAE5B,KAAK;;;;IAWL,SAAS;CAGV;AAED,qBAAa,cAAe,SAAQ,UAAU;IACpC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IAElB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAuB;IAE/C,OAAO,CAAC,QAAQ,CAAY;gBAEhB,MAAM,GAAE,WAAW,GAAG,MAAe;IAKjD,KAAK;;;;IAYL,SAAS;CAGV;AAED,qBAAa,WAAY,SAAQ,UAAU;IAM7B,OAAO,CAAC,QAAQ,CAAC,GAAG;IALxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IAEvB,OAAO,CAAC,SAAS,CAAC,CAAiB;gBAEN,GAAG,EAAE;QAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE;IAIjE,KAAK;;;;IAiBL,SAAS;CAGV;AAED,qBAAa,YAAa,SAAQ,UAAU;IAMxC,OAAO,CAAC,QAAQ,CAAC,GAAG;IACpB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;IANnB,OAAO,EAAE,OAAO,CAAC;IAEzB,OAAO,CAAC,SAAS,CAAC,CAAuB;gBAGtB,GAAG,EAAE;QAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,EACpC,OAAO,CAAC,EAAE,wBAAwB,YAAA;IAKrD,KAAK;;;IAWL,SAAS;CAGV;AAED,qBAAa,KAAM,SAAQ,UAAU;IAGvB,OAAO,CAAC,QAAQ,CAAC,GAAG;IAFxB,OAAO,EAAE,OAAO,CAAC;gBAEI,GAAG,EAAE;QAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE;IAIjE,KAAK;;;CAgBN"}

package/dist/dom.js

@@ -1,80 +1,114 @@
-import { signal, computed, effect } from "@praxisjs/core/internal";
-export function createRef() {
-    return { current: null };
-}
-export function useElementSize(ref) {
-    const width = signal(0);
-    const height = signal(0);
-    const observer = new ResizeObserver(([entry]) => {
-        width.set(entry.contentRect.width);
-        height.set(entry.contentRect.height);
-    });
-    effect(() => {
-        if (ref.current) {
-            observer.observe(ref.current);
-            width.set(ref.current.offsetWidth);
-            height.set(ref.current.offsetHeight);
-        }
-    });
-    return {
-        width: computed(() => width()),
-        height: computed(() => height()),
-        stop: () => {
-            observer.disconnect();
-        },
-    };
+import { Composable } from "@praxisjs/core";
+import { signal, effect } from "@praxisjs/core/internal";
+export class WindowSize extends Composable {
+    constructor() {
+        super(...arguments);
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this._handler = () => { };
+    }
+    setup() {
+        const width = signal(window.innerWidth);
+        const height = signal(window.innerHeight);
+        this._handler = () => {
+            width.set(window.innerWidth);
+            height.set(window.innerHeight);
+        };
+        window.addEventListener("resize", this._handler);
+        return { width, height };
+    }
+    onUnmount() {
+        window.removeEventListener("resize", this._handler);
+    }
 }
-export function useWindowSize() {
-    const width = signal(window.innerWidth);
-    const height = signal(window.innerHeight);
-    window.addEventListener("resize", () => {
-        width.set(window.innerWidth);
-        height.set(window.innerHeight);
-    });
-    return { width: computed(() => width()), height: computed(() => height()) };
+export class ScrollPosition extends Composable {
+    constructor(target = window) {
+        super();
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this._handler = () => { };
+        this._target = target;
+    }
+    setup() {
+        const x = signal(0);
+        const y = signal(0);
+        const t = this._target;
+        this._handler = () => {
+            x.set(t === window ? window.scrollX : t.scrollLeft);
+            y.set(t === window ? window.scrollY : t.scrollTop);
+        };
+        t.addEventListener("scroll", this._handler);
+        return { x, y };
+    }
+    onUnmount() {
+        this._target.removeEventListener("scroll", this._handler);
+    }
 }
-export function useScrollPosition(target = window) {
-    const x = signal(0);
-    const y = signal(0);
-    target.addEventListener("scroll", () => {
-        x.set(target === window ? window.scrollX : target.scrollLeft);
-        y.set(target === window ? window.scrollY : target.scrollTop);
-    });
-    return { x: computed(() => x()), y: computed(() => y()) };
+export class ElementSize extends Composable {
+    constructor(ref) {
+        super();
+        this.ref = ref;
+    }
+    setup() {
+        const width = signal(0);
+        const height = signal(0);
+        this._observer = new ResizeObserver(([entry]) => {
+            width.set(entry.contentRect.width);
+            height.set(entry.contentRect.height);
+        });
+        effect(() => {
+            if (this.ref.current) {
+                this._observer?.observe(this.ref.current);
+                width.set(this.ref.current.offsetWidth);
+                height.set(this.ref.current.offsetHeight);
+            }
+        });
+        return { width, height };
+    }
+    onUnmount() {
+        this._observer?.disconnect();
+    }
 }
-export function useIntersection(ref, options) {
-    const visible = signal(false);
-    const observer = new IntersectionObserver(([entry]) => {
-        visible.set(entry.isIntersecting);
-    }, options);
-    effect(() => {
-        if (ref.current)
-            observer.observe(ref.current);
-        return () => {
-            observer.disconnect();
-        };
-    });
-    return computed(() => visible());
+export class Intersection extends Composable {
+    constructor(ref, options) {
+        super();
+        this.ref = ref;
+        this.options = options;
+    }
+    setup() {
+        const visible = signal(false);
+        this._observer = new IntersectionObserver(([entry]) => {
+            visible.set(entry.isIntersecting);
+        }, this.options);
+        effect(() => {
+            if (this.ref.current)
+                this._observer?.observe(this.ref.current);
+        });
+        return { visible };
+    }
+    onUnmount() {
+        this._observer?.disconnect();
+    }
 }
-export function useFocus(ref) {
-    const focused = signal(false);
-    effect(() => {
-        const el = ref.current;
-        if (!el)
-            return;
-        const onFocus = () => {
-            focused.set(true);
-        };
-        const onBlur = () => {
-            focused.set(false);
-        };
-        el.addEventListener("focus", onFocus);
-        el.addEventListener("blur", onBlur);
-        return () => {
-            el.removeEventListener("focus", onFocus);
-            el.removeEventListener("blur", onBlur);
-        };
-    });
-    return computed(() => focused());
+export class Focus extends Composable {
+    constructor(ref) {
+        super();
+        this.ref = ref;
+    }
+    setup() {
+        const focused = signal(false);
+        effect(() => {
+            const el = this.ref.current;
+            if (!el)
+                return;
+            const onFocus = () => { focused.set(true); };
+            const onBlur = () => { focused.set(false); };
+            el.addEventListener("focus", onFocus);
+            el.addEventListener("blur", onBlur);
+            return () => {
+                el.removeEventListener("focus", onFocus);
+                el.removeEventListener("blur", onBlur);
+            };
+        });
+        return { focused };
+    }
 }
 //# sourceMappingURL=dom.js.map

package/dist/dom.js.map

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

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-export { createRef, useElementSize, useWindowSize, useScrollPosition, useIntersection, useFocus, } from "./dom";
-export { useMediaQuery, useColorScheme, useMouse, useKeyCombo, useIdle, } from "./browser";
-export { useClipboard, useGeolocation, useTimeAgo, usePagination, } from "./utilities";
-export type { PaginationOptions } from "./utilities";
+export { WindowSize, ScrollPosition, ElementSize, Intersection, Focus, } from "./dom";
+export { MediaQuery, ColorScheme, Mouse, KeyCombo, Idle } from "./browser";
+export { Clipboard, Geolocation, TimeAgo, Pagination, type PaginationOptions, } from "./utilities";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EACL,aAAa,EACb,cAAc,EACd,QAAQ,EACR,WAAW,EACX,OAAO,GACR,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,YAAY,EACZ,cAAc,EACd,UAAU,EACV,aAAa,GACd,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,cAAc,EACd,WAAW,EACX,YAAY,EACZ,KAAK,GACN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC3E,OAAO,EACL,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,EACV,KAAK,iBAAiB,GACvB,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -1,4 +1,4 @@
-export { createRef, useElementSize, useWindowSize, useScrollPosition, useIntersection, useFocus, } from "./dom";
-export { useMediaQuery, useColorScheme, useMouse, useKeyCombo, useIdle, } from "./browser";
-export { useClipboard, useGeolocation, useTimeAgo, usePagination, } from "./utilities";
+export { WindowSize, ScrollPosition, ElementSize, Intersection, Focus, } from "./dom";
+export { MediaQuery, ColorScheme, Mouse, KeyCombo, Idle } from "./browser";
+export { Clipboard, Geolocation, TimeAgo, Pagination, } from "./utilities";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EACL,aAAa,EACb,cAAc,EACd,QAAQ,EACR,WAAW,EACX,OAAO,GACR,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,YAAY,EACZ,cAAc,EACd,UAAU,EACV,aAAa,GACd,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,cAAc,EACd,WAAW,EACX,YAAY,EACZ,KAAK,GACN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC3E,OAAO,EACL,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,GAEX,MAAM,aAAa,CAAC"}