@ankhzet/ui 0.2.0 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ankhzet/ui
 
+## 0.3.0
+
+### Minor Changes
+
+- Fix builds
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -0,0 +1,80 @@
+import { Argument } from 'classnames';
+import { CSSProperties } from 'react';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { RefObject } from 'react';
+import { SyntheticEvent } from 'react';
+import { TouchEvent as TouchEvent_2 } from 'react';
+
+/** @public */
+export declare const cls: <T extends {
+    className?: string;
+}, C extends Argument>(className: C, props: T) => T & {
+    className: string;
+};
+
+declare type DragState = {
+    isDragging: boolean;
+    move: boolean;
+    down: boolean;
+    up: boolean;
+    context: boolean;
+    origin: Pos;
+    offset: Pos;
+    pos: Pos;
+    e?: MouseEvent;
+};
+
+declare type Getter<V> = () => V;
+
+/** @public */
+export declare const handleAsNoop: (e?: Event | SyntheticEvent<unknown>) => boolean;
+
+/** @public */
+export declare const minifyCss: (css: string) => string;
+
+declare type MutableRef<T> = RefObject<T | null | undefined> | ((instance: T | null | undefined) => void) | ((instance: T) => void);
+
+declare type Pos = {
+    x: number;
+    y: number;
+};
+
+export declare const Styles: {
+    of<T extends Record<string, CSSProperties>>(styles: T): T;
+};
+
+/** @public */
+export declare const useCombinedRefs: <T>(...refs: MutableRef<T>[]) => (current: T | null) => void;
+
+/**
+ * @param {(function (DragState): void)|null} [onUpdate] Update callback
+ * @param {string} [dataElement] Drag element data attribute
+ * @returns *
+ */
+export declare const useDrag: <E extends HTMLElement>(onUpdate?: ((drag: DragState) => void) | null, dataElement?: string) => {
+    bind: {
+        'data-element': string;
+        ref: RefObject<E | null>;
+        onMouseDown: (e: MouseEvent | TouchEvent | MouseEvent_2 | TouchEvent_2) => void;
+    };
+    isDragging: boolean;
+    move: boolean;
+    down: boolean;
+    up: boolean;
+    context: boolean;
+    origin: Pos;
+    offset: Pos;
+    pos: Pos;
+    e?: MouseEvent;
+};
+
+/** @public */
+export declare const useLastCallback: <T extends (...args: any[]) => any>(fn: T) => T;
+
+/** @public */
+export declare function useSyncStore<Snapshot, Selection>(subscribe: (cb: () => void) => () => void, getSnapshot: Getter<Snapshot>, getServerSnapshot: void | null | undefined | Getter<Snapshot>, selector: (shapshot: Snapshot) => Selection, isEqual: (a: any, b: any) => boolean): Selection;
+
+
+export * from "@react-hookz/web";
+
+export { }

package/dist/index.js

@@ -0,0 +1,144 @@
+import { useCallback as e, useDebugValue as t, useEffect as n, useMemo as r, useRef as i, useState as a, useSyncExternalStore as o } from "react";
+import s from "classnames";
+export * from "@react-hookz/web";
+//#region \0rolldown/runtime.js
+var c = (e) => {
+	let t = i(null), n = i(e);
+	return n.current = e, t.current ||= ((...e) => n.current(...e)), t.current;
+}, l = (e, t) => {
+	let { clientX: n, clientY: r } = "changedTouches" in e && e.changedTouches[0] || e, i = t?.offsetLeft || 0, a = t?.offsetTop || 0;
+	return {
+		x: n + window.scrollX - i,
+		y: r + window.scrollY - a
+	};
+}, u = (e = null, t = "drag-area") => {
+	let [r, o] = a({
+		isDragging: !1,
+		move: !1,
+		down: !1,
+		up: !1,
+		context: !1,
+		origin: {
+			x: 0,
+			y: 0
+		},
+		offset: {
+			x: 0,
+			y: 0
+		},
+		pos: {
+			x: 0,
+			y: 0
+		}
+	}), s = i(null), u = i(r), d = i(e);
+	d.current = e, u.current = r;
+	let f = c((e) => {
+		let n = s.current, r = e.currentTarget;
+		for (; !(r.dataset && r.dataset.element === t);) if (r.parentNode) r = r.parentNode;
+		else return;
+		let i = l(e, n), a = (e.buttons & 2) == 2;
+		a && (e.stopPropagation(), e.preventDefault()), o({
+			isDragging: !a,
+			move: !1,
+			down: !0,
+			up: !1,
+			context: a,
+			origin: i,
+			offset: {
+				x: 0,
+				y: 0
+			},
+			pos: i,
+			e
+		});
+	}), p = c((e) => {
+		o((t) => ({
+			...t,
+			isDragging: !1,
+			offset: {
+				x: 0,
+				y: 0
+			},
+			move: !1,
+			down: !1,
+			up: !0,
+			context: !1,
+			e
+		}));
+	}), m = c((e) => {
+		let { isDragging: t, origin: n, offset: r } = u.current, i = l(e, s.current);
+		if (t) {
+			let e = i.x - n.x, t = i.y - n.y;
+			(r.x !== e || r.y !== t) && o((n) => ({
+				...n,
+				offset: {
+					x: e,
+					y: t
+				},
+				pos: i,
+				move: !0,
+				down: !1,
+				up: !1,
+				context: !1
+			}));
+		} else o((e) => ({
+			...e,
+			origin: i,
+			pos: i,
+			move: !0,
+			down: !1,
+			up: !1,
+			context: !1
+		}));
+	});
+	return n(() => {
+		let e = s.current;
+		if (e) return e.addEventListener("touchstart", f, { passive: !1 }), e.addEventListener("mousemove", m), e.addEventListener("touchmove", m, { passive: !1 }), e.addEventListener("mouseup", p), e.addEventListener("touchend", p), () => {
+			e.removeEventListener("touchstart", f), e.removeEventListener("mousemove", m), e.removeEventListener("touchmove", m), e.removeEventListener("mouseup", p), e.removeEventListener("touchend", p);
+		};
+	}, [m, p]), n(() => {
+		d.current && d.current(r);
+	}, [r]), {
+		...r,
+		bind: {
+			"data-element": t,
+			ref: s,
+			onMouseDown: f
+		}
+	};
+}, d = (e, t) => {
+	t && (typeof t == "function" ? t(e) : t.current = e);
+}, f = (...t) => e((e) => t.forEach((t) => t && d(e, t)), [t]), p = (e, t) => {
+	let n, r = !1;
+	return () => {
+		let i = t(), a;
+		if (e.hasValue) {
+			let t = e.value;
+			if (r && Object.is(n, i) || (a = e.selector(i), e.isEqual(t, a))) return t;
+		} else e.hasValue = !0, a = e.selector(i);
+		return n = i, e.value = a, r ||= !0, a;
+	};
+};
+function m(e, n, a, s, c) {
+	let l = i(null), u;
+	l.current ? (u = l.current, u.selector = s, u.isEqual = c) : l.current = u = {
+		hasValue: !1,
+		value: void 0,
+		selector: s,
+		isEqual: c
+	};
+	let [d, f] = r(() => [p(u, n), a ? p(u, a) : void 0], [n, a]), m = o(e, d, f);
+	return t(m), m;
+}
+//#endregion
+//#region src/components/utils.ts
+var h = (e) => e.replaceAll("\n", "").replace(/\s+([{;:}])/g, "$1").replace(/([{;:}])\s+/g, "$1").replace(/;}/g, "}"), g = (e, t) => ({
+	...t,
+	className: s(e, t.className)
+}), _ = (e) => (e?.stopPropagation?.(), e?.preventDefault?.(), !1), v = { of(e) {
+	return e;
+} };
+//#endregion
+export { v as Styles, g as cls, _ as handleAsNoop, h as minifyCss, f as useCombinedRefs, u as useDrag, c as useLastCallback, m as useSyncStore };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/hooks/useLastCallback.ts","../src/hooks/useDrag.ts","../src/hooks/useCombinedRefs.ts","../src/hooks/useSyncStore.ts","../src/components/utils.ts","../src/index.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/** @public */\nexport const useLastCallback = <T extends (...args: any[]) => any>(fn: T): T => {\n    const ref1 = useRef<T>(null);\n    const ref2 = useRef<T>(fn);\n\n    ref2.current = fn;\n\n    if (!ref1.current) {\n        ref1.current = ((...args) => ref2.current(...args)) as T;\n    }\n\n    return ref1.current as T;\n};\n","import type { MouseEvent as RMouseEvent, TouchEvent as RTouchEvent} from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { useLastCallback } from './useLastCallback';\n\ntype Pos = { x: number; y: number };\ntype DragState = {\n    isDragging: boolean;\n    move: boolean;\n    down: boolean;\n    up: boolean;\n    context: boolean;\n    origin: Pos;\n    offset: Pos;\n    pos: Pos;\n    e?: MouseEvent;\n};\n\nconst clientPos = (e: MouseEvent | TouchEvent | RMouseEvent | RTouchEvent, element?: HTMLElement | null): Pos => {\n    const { clientX, clientY } = ('changedTouches' in e && e.changedTouches[0]!) || (e as MouseEvent);\n\n    const offsetX = element?.offsetLeft || 0;\n    const offsetY = element?.offsetTop || 0;\n\n    return {\n        x: clientX + window.scrollX - offsetX,\n        y: clientY + window.scrollY - offsetY,\n    };\n};\n\n/**\n * @param {(function (DragState): void)|null} [onUpdate] Update callback\n * @param {string} [dataElement] Drag element data attribute\n * @returns *\n */\nexport const useDrag = <E extends HTMLElement>(\n    onUpdate: ((drag: DragState) => void) | null = null,\n    dataElement: string = 'drag-area'\n) => {\n    const [state, setState] = useState<DragState>({\n        isDragging: false,\n        move: false,\n        down: false,\n        up: false,\n        context: false,\n        origin: { x: 0, y: 0 },\n        offset: { x: 0, y: 0 },\n        pos: { x: 0, y: 0 },\n    });\n    const elementRef = useRef<E>(null);\n    const stateRef = useRef(state);\n    const updateRef = useRef<((drag: DragState) => void) | null>(onUpdate);\n\n    updateRef.current = onUpdate;\n    stateRef.current = state;\n\n    const handleDown = useLastCallback((e: MouseEvent | TouchEvent | RMouseEvent | RTouchEvent) => {\n        const element = elementRef.current!;\n        let node = e.currentTarget as HTMLElement;\n\n        while (!(node.dataset && node.dataset.element === dataElement)) {\n            if (node.parentNode) {\n                node = node.parentNode as HTMLElement;\n            } else {\n                return;\n            }\n        }\n\n        const client = clientPos(e, element);\n        const context = ((e as MouseEvent).buttons & 2) === 2;\n\n        if (context) {\n            e.stopPropagation();\n            e.preventDefault();\n        }\n\n        setState({\n            isDragging: !context,\n            move: false,\n            down: true,\n            up: false,\n            context,\n            origin: client,\n            offset: { x: 0, y: 0 },\n            pos: client,\n            e: e as MouseEvent,\n        });\n    });\n    const handleUp = useLastCallback((e: MouseEvent | TouchEvent | RMouseEvent | RTouchEvent) => {\n        setState((state) => ({\n            ...state,\n            isDragging: false,\n            offset: { x: 0, y: 0 },\n            move: false,\n            down: false,\n            up: true,\n            context: false,\n            e: e as MouseEvent,\n        }));\n    });\n    const handleMove = useLastCallback((e: MouseEvent | TouchEvent | RMouseEvent | RTouchEvent) => {\n        const { isDragging, origin, offset } = stateRef.current;\n        const client = clientPos(e, elementRef.current);\n\n        if (isDragging) {\n            const x = client.x - origin.x;\n            const y = client.y - origin.y;\n\n            if (offset.x !== x || offset.y !== y) {\n                setState((state) => ({\n                    ...state,\n                    offset: { x, y },\n                    pos: client,\n                    move: true,\n                    down: false,\n                    up: false,\n                    context: false,\n                }));\n            }\n        } else {\n            setState((state) => ({\n                ...state,\n                origin: client,\n                pos: client,\n                move: true,\n                down: false,\n                up: false,\n                context: false,\n            }));\n        }\n    });\n\n    useEffect(() => {\n        const element = elementRef.current;\n\n        if (!element) {\n            return;\n        }\n\n        element.addEventListener('touchstart', handleDown, { passive: false });\n        element.addEventListener('mousemove', handleMove);\n        element.addEventListener('touchmove', handleMove, { passive: false });\n        element.addEventListener('mouseup', handleUp);\n        element.addEventListener('touchend', handleUp);\n\n        return () => {\n            element.removeEventListener('touchstart', handleDown);\n            element.removeEventListener('mousemove', handleMove);\n            element.removeEventListener('touchmove', handleMove);\n            element.removeEventListener('mouseup', handleUp);\n            element.removeEventListener('touchend', handleUp);\n        };\n    }, [handleMove, handleUp]);\n\n    useEffect(() => {\n        if (updateRef.current) {\n            updateRef.current(state);\n        }\n    }, [state]);\n\n    return {\n        ...state,\n        bind: {\n            'data-element': dataElement,\n            ref: elementRef,\n            onMouseDown: handleDown,\n        },\n    };\n};\n","import type { RefObject } from 'react';\nimport { useCallback } from 'react';\n\ntype MutableRef<T> =\n    | RefObject<T | null | undefined>\n    | ((instance: T | null | undefined) => void)\n    | ((instance: T) => void);\nconst assignRef = <T>(current: T | null, target: MutableRef<T>) => {\n    if (!target) {\n        return;\n    }\n\n    if (typeof target === 'function') {\n        target(current!);\n    } else {\n        target.current = current;\n    }\n};\n\n/** @public */\nexport const useCombinedRefs = <T>(...refs: MutableRef<T>[]) =>\n    useCallback((current: T | null) => refs.forEach((ref) => ref && assignRef(current, ref)), [refs]);\n","import { useDebugValue, useMemo, useRef, useSyncExternalStore } from 'react';\n\ntype Getter<V> = () => V;\ntype MemoInstance<Snapshot, Selection> = {\n    selector: (shapshot: Snapshot) => Selection;\n    isEqual: (a: any, b: any) => boolean;\n    hasValue: boolean;\n    value?: Selection;\n};\n\nconst memoSnapshot = <Snapshot, Selection>(\n    instance: MemoInstance<Snapshot, Selection>,\n    getter: Getter<Snapshot>\n): Getter<Selection> => {\n    let memoizedSnapshot: Snapshot;\n    let hasMemo = false;\n\n    return (): Selection => {\n        const snapshot = getter();\n        let nextValue;\n\n        if (instance.hasValue) {\n            const prevValue = instance.value!;\n\n            if (hasMemo && Object.is(memoizedSnapshot, snapshot)) {\n                return prevValue;\n            }\n\n            nextValue = instance.selector(snapshot);\n\n            if (instance.isEqual(prevValue, nextValue)) {\n                return prevValue;\n            }\n        } else {\n            instance.hasValue = true;\n            nextValue = instance.selector(snapshot);\n        }\n\n        memoizedSnapshot = snapshot;\n        instance.value = nextValue;\n\n        if (!hasMemo) {\n            hasMemo = true;\n        }\n\n        return nextValue;\n    };\n};\n\n/** @public */\nexport function useSyncStore<Snapshot, Selection>(\n    subscribe: (cb: () => void) => () => void,\n    getSnapshot: Getter<Snapshot>,\n    getServerSnapshot: void | null | undefined | Getter<Snapshot>,\n    selector: (shapshot: Snapshot) => Selection,\n    isEqual: (a: any, b: any) => boolean\n): Selection {\n    const ref = useRef<MemoInstance<Snapshot, Selection>>(null);\n    let memo: MemoInstance<Snapshot, Selection>;\n\n    if (ref.current) {\n        memo = ref.current;\n        memo.selector = selector;\n        memo.isEqual = isEqual;\n    } else {\n        ref.current = memo = {\n            hasValue: false,\n            value: undefined,\n            selector,\n            isEqual,\n        };\n    }\n\n    const [getSelection, getServerSelection] = useMemo(\n        () => [memoSnapshot(memo, getSnapshot), getServerSnapshot ? memoSnapshot(memo, getServerSnapshot) : undefined],\n        [getSnapshot, getServerSnapshot]\n    );\n\n    const value = useSyncExternalStore<Selection>(subscribe, getSelection, getServerSelection);\n\n    useDebugValue(value);\n\n    return value;\n}\n","import cn from 'classnames';\nimport type { Argument } from 'classnames';\nimport type { SyntheticEvent } from 'react';\n\n/** @public */\nexport const minifyCss = (css: string) =>\n    css\n        .replaceAll('\\n', '')\n        .replace(/\\s+([{;:}])/g, '$1')\n        .replace(/([{;:}])\\s+/g, '$1')\n        .replace(/;}/g, '}');\n\n/** @public */\nexport const cls = <T extends { className?: string }, C extends Argument>(\n    className: C,\n    props: T\n): T & { className: string } => {\n    return {\n        ...props,\n        className: cn(className, props.className),\n    };\n};\n\n/** @public */\nexport const handleAsNoop = (e?: Event | SyntheticEvent<unknown>) => {\n    e?.stopPropagation?.();\n    e?.preventDefault?.();\n\n    return false;\n};\n","import type { CSSProperties } from 'react';\n\nexport * from './hooks';\nexport * from './components';\n\nexport const Styles = {\n    of<T extends Record<string, CSSProperties>>(styles: T): T {\n        return styles;\n    },\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ankhzet/ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "author": "AnkhZet ankhzet@gmail.com",
   "type": "module",
   "main": "./src/index.ts",
@@ -34,6 +34,7 @@
     "@types/react": "^19.2.15"
   },
   "scripts": {
-    "build": ""
+    "clean": "rm -rf ./{build,dist,api} && rm -rf ./*.log",
+    "build": "vite build"
   }
 }