@journ/lift 0.2.1 → 0.3.0

package/dist/use-measure.js

@@ -1,27 +0,0 @@
-import { useCallback, useRef, useState } from "react";
-//#region src/use-measure.ts
-const EMPTY = {
-	width: null,
-	height: null
-};
-const useMeasure = () => {
-	const [dimensions, setDimensions] = useState(EMPTY);
-	const observerRef = useRef(null);
-	return [useCallback((node) => {
-		observerRef.current?.disconnect();
-		observerRef.current = null;
-		if (node?.nodeType !== Node.ELEMENT_NODE) return;
-		const observer = new ResizeObserver(([entry]) => {
-			if (!entry?.borderBoxSize) return;
-			const box = entry.borderBoxSize[0];
-			setDimensions(box ? {
-				width: box.inlineSize,
-				height: box.blockSize
-			} : EMPTY);
-		});
-		observer.observe(node);
-		observerRef.current = observer;
-	}, []), dimensions];
-};
-//#endregion
-export { useMeasure };

package/dist/use-media-query.d.ts

@@ -1,14 +0,0 @@
-//#region src/use-media-query.d.ts
-declare const breakpoints: {
-  readonly sm: "(min-width: 40rem)";
-  readonly md: "(min-width: 48rem)";
-  readonly "max-md": "(width < 48rem)";
-  readonly lg: "(min-width: 64rem)";
-  readonly "max-lg": "(width < 64rem)";
-};
-type Breakpoint = keyof typeof breakpoints;
-type BreakpointValue = (typeof breakpoints)[Breakpoint];
-declare const useMediaQuery: (query: BreakpointValue | string) => boolean;
-declare const useBreakpoint: (breakpoint: Breakpoint) => boolean;
-//#endregion
-export { type Breakpoint, breakpoints, useBreakpoint, useMediaQuery };

package/dist/use-media-query.js

@@ -1,24 +0,0 @@
-import { useCallback, useSyncExternalStore } from "react";
-//#region src/use-media-query.ts
-const breakpoints = {
-	sm: "(min-width: 40rem)",
-	md: "(min-width: 48rem)",
-	"max-md": "(width < 48rem)",
-	lg: "(min-width: 64rem)",
-	"max-lg": "(width < 64rem)"
-};
-const getServerSnapshot = () => {
-	throw new Error("useMediaQuery is a client-only hook");
-};
-const useMediaQuery = (query) => {
-	const subscribe = useCallback((callback) => {
-		const mediaQueryList = window.matchMedia(query);
-		mediaQueryList.addEventListener("change", callback);
-		return () => mediaQueryList.removeEventListener("change", callback);
-	}, [query]);
-	const getSnapshot = useCallback(() => window.matchMedia(query).matches, [query]);
-	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-};
-const useBreakpoint = (breakpoint) => useMediaQuery(breakpoints[breakpoint]);
-//#endregion
-export { breakpoints, useBreakpoint, useMediaQuery };

package/dist/use-mouse.d.ts

@@ -1,18 +0,0 @@
-import { RefCallback } from "react";
-//#region src/use-mouse.d.ts
-type UseMouseOptions = {
-  resetOnExit?: boolean;
-};
-type UseMouseReturnValue<T extends HTMLElement = HTMLElement> = {
-  ref: RefCallback<T>;
-  x: number;
-  y: number;
-};
-type UseMousePositionReturnValue = {
-  x: number;
-  y: number;
-};
-declare const useMouse: <T extends HTMLElement = HTMLElement>({ resetOnExit }?: UseMouseOptions) => UseMouseReturnValue<T>;
-declare const useMousePosition: () => UseMousePositionReturnValue;
-//#endregion
-export { type UseMouseOptions, type UseMousePositionReturnValue, type UseMouseReturnValue, useMouse, useMousePosition };

package/dist/use-mouse.js

@@ -1,40 +0,0 @@
-import { useWindowEvent } from "./use-window-event.js";
-import { useCallback, useState } from "react";
-//#region src/use-mouse.ts
-const ORIGIN = {
-	x: 0,
-	y: 0
-};
-const useMouse = ({ resetOnExit = false } = {}) => {
-	const [position, setPosition] = useState(ORIGIN);
-	return {
-		ref: useCallback((node) => {
-			if (!node) return;
-			const trackPosition = (event) => {
-				const rect = node.getBoundingClientRect();
-				setPosition({
-					x: Math.max(0, Math.round(event.clientX - rect.left)),
-					y: Math.max(0, Math.round(event.clientY - rect.top))
-				});
-			};
-			const resetPosition = () => setPosition(ORIGIN);
-			node.addEventListener("mousemove", trackPosition);
-			if (resetOnExit) node.addEventListener("mouseleave", resetPosition);
-			return () => {
-				node.removeEventListener("mousemove", trackPosition);
-				node.removeEventListener("mouseleave", resetPosition);
-			};
-		}, [resetOnExit]),
-		...position
-	};
-};
-const useMousePosition = () => {
-	const [position, setPosition] = useState(ORIGIN);
-	useWindowEvent("mousemove", (event) => setPosition({
-		x: event.clientX,
-		y: event.clientY
-	}));
-	return position;
-};
-//#endregion
-export { useMouse, useMousePosition };

package/dist/use-network.d.ts

@@ -1,17 +0,0 @@
-//#region src/use-network.d.ts
-type EffectiveType = "slow-2g" | "2g" | "3g" | "4g";
-type ConnectionType = "bluetooth" | "cellular" | "ethernet" | "wifi" | "wimax" | "none" | "other" | "unknown";
-type NetworkStatus = {
-  downlink?: number;
-  downlinkMax?: number;
-  effectiveType?: EffectiveType;
-  rtt?: number;
-  saveData?: boolean;
-  type?: ConnectionType;
-};
-type NetworkState = NetworkStatus & {
-  online: boolean;
-};
-declare const useNetwork: () => NetworkState;
-//#endregion
-export { useNetwork };

package/dist/use-network.js

@@ -1,38 +0,0 @@
-import { useMemo, useSyncExternalStore } from "react";
-//#region src/use-network.ts
-const getConnection = () => {
-	if (typeof navigator === "undefined") return;
-	const nav = navigator;
-	return nav.connection ?? nav.mozConnection ?? nav.webkitConnection;
-};
-const readNetworkState = () => {
-	const connection = getConnection();
-	return {
-		online: typeof navigator !== "undefined" ? navigator.onLine : true,
-		downlink: connection?.downlink,
-		downlinkMax: connection?.downlinkMax,
-		effectiveType: connection?.effectiveType,
-		rtt: connection?.rtt,
-		saveData: connection?.saveData,
-		type: connection?.type
-	};
-};
-const subscribe = (callback) => {
-	const connection = getConnection();
-	window.addEventListener("online", callback);
-	window.addEventListener("offline", callback);
-	connection?.addEventListener("change", callback);
-	return () => {
-		window.removeEventListener("online", callback);
-		window.removeEventListener("offline", callback);
-		connection?.removeEventListener("change", callback);
-	};
-};
-const getSnapshot = () => JSON.stringify(readNetworkState());
-const getServerSnapshot = () => JSON.stringify({ online: true });
-const useNetwork = () => {
-	const snapshot = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-	return useMemo(() => JSON.parse(snapshot), [snapshot]);
-};
-//#endregion
-export { useNetwork };

package/dist/use-page-leave.d.ts

@@ -1,4 +0,0 @@
-//#region src/use-page-leave.d.ts
-declare const usePageLeave: (onPageLeave: () => void) => void;
-//#endregion
-export { usePageLeave };

package/dist/use-page-leave.js

@@ -1,11 +0,0 @@
-import { useEffect, useEffectEvent } from "react";
-//#region src/use-page-leave.ts
-const usePageLeave = (onPageLeave) => {
-	const onPageLeaveEvent = useEffectEvent(onPageLeave);
-	useEffect(() => {
-		document.documentElement.addEventListener("mouseleave", onPageLeaveEvent);
-		return () => document.documentElement.removeEventListener("mouseleave", onPageLeaveEvent);
-	}, []);
-};
-//#endregion
-export { usePageLeave };

package/dist/use-reduced-motion.d.ts

@@ -1,4 +0,0 @@
-//#region src/use-reduced-motion.d.ts
-declare const useReducedMotion: () => boolean;
-//#endregion
-export { useReducedMotion };

package/dist/use-reduced-motion.js

@@ -1,5 +0,0 @@
-import { useMediaQuery } from "./use-media-query.js";
-//#region src/use-reduced-motion.ts
-const useReducedMotion = () => useMediaQuery("(prefers-reduced-motion: reduce)");
-//#endregion
-export { useReducedMotion };

package/dist/use-scroll-direction.d.ts

@@ -1,5 +0,0 @@
-//#region src/use-scroll-direction.d.ts
-type ScrollDirection = "up" | "down" | "unknown";
-declare const useScrollDirection: () => ScrollDirection;
-//#endregion
-export { useScrollDirection };

package/dist/use-scroll-direction.js

@@ -1,33 +0,0 @@
-import { useEffect, useEffectEvent, useRef, useState } from "react";
-//#region src/use-scroll-direction.ts
-const useScrollDirection = () => {
-	const lastScrollTopRef = useRef(0);
-	const [scrollDirection, setScrollDirection] = useState("unknown");
-	const isResizingRef = useRef(false);
-	const resizeTimerRef = useRef(void 0);
-	const handleScroll = useEffectEvent(() => {
-		if (isResizingRef.current) return;
-		const currentScrollTop = window.scrollY || document.documentElement.scrollTop;
-		setScrollDirection(currentScrollTop < lastScrollTopRef.current ? "up" : "down");
-		lastScrollTopRef.current = currentScrollTop;
-	});
-	useEffect(() => {
-		const handleResize = () => {
-			isResizingRef.current = true;
-			window.clearTimeout(resizeTimerRef.current);
-			resizeTimerRef.current = window.setTimeout(() => {
-				isResizingRef.current = false;
-			}, 300);
-		};
-		window.addEventListener("scroll", handleScroll);
-		window.addEventListener("resize", handleResize);
-		return () => {
-			window.removeEventListener("scroll", handleScroll);
-			window.removeEventListener("resize", handleResize);
-			clearTimeout(resizeTimerRef.current);
-		};
-	}, []);
-	return scrollDirection;
-};
-//#endregion
-export { useScrollDirection };

package/dist/use-window-event.d.ts

@@ -1,5 +0,0 @@
-//#region src/use-window-event.d.ts
-type WindowEventListener<K extends string> = K extends keyof WindowEventMap ? (event: WindowEventMap[K]) => void : (event: CustomEvent) => void;
-declare const useWindowEvent: <K extends string>(type: K, listener: WindowEventListener<K>, options?: boolean | AddEventListenerOptions) => void;
-//#endregion
-export { useWindowEvent };

package/dist/use-window-event.js

@@ -1,11 +0,0 @@
-import { useEffect, useEffectEvent } from "react";
-//#region src/use-window-event.ts
-const useWindowEvent = (type, listener, options) => {
-	const onEvent = useEffectEvent((event) => listener(event));
-	useEffect(() => {
-		window.addEventListener(type, onEvent, options);
-		return () => window.removeEventListener(type, onEvent, options);
-	}, [type, options]);
-};
-//#endregion
-export { useWindowEvent };

package/dist/use-window-scroll.d.ts

@@ -1,10 +0,0 @@
-//#region src/use-window-scroll.d.ts
-type UseWindowScrollPosition = {
-  x: number;
-  y: number;
-};
-type UseWindowScrollTo = (position: Partial<UseWindowScrollPosition>) => void;
-type UseWindowScrollReturnValue = [UseWindowScrollPosition, UseWindowScrollTo];
-declare const useWindowScroll: () => UseWindowScrollReturnValue;
-//#endregion
-export { type UseWindowScrollPosition, type UseWindowScrollReturnValue, type UseWindowScrollTo, useWindowScroll };

package/dist/use-window-scroll.js

@@ -1,33 +0,0 @@
-import { t as isServerSide } from "./env-C0PNnbwt.js";
-import { useMemo, useSyncExternalStore } from "react";
-//#region src/use-window-scroll.ts
-const PASSIVE = { passive: true };
-const subscribe = (callback) => {
-	window.addEventListener("scroll", callback, PASSIVE);
-	window.addEventListener("resize", callback, PASSIVE);
-	return () => {
-		window.removeEventListener("scroll", callback);
-		window.removeEventListener("resize", callback);
-	};
-};
-const getSnapshot = () => `${window.scrollX},${window.scrollY}`;
-const getServerSnapshot = () => "0,0";
-const scrollTo = ({ x, y }) => {
-	if (isServerSide()) return;
-	const scrollOptions = { behavior: "smooth" };
-	if (typeof x === "number") scrollOptions.left = x;
-	if (typeof y === "number") scrollOptions.top = y;
-	window.scrollTo(scrollOptions);
-};
-const useWindowScroll = () => {
-	const snapshot = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-	return [useMemo(() => {
-		const [x = 0, y = 0] = snapshot.split(",").map(Number);
-		return {
-			x,
-			y
-		};
-	}, [snapshot]), scrollTo];
-};
-//#endregion
-export { useWindowScroll };