@journ/lift 0.1.1 → 0.2.0

package/dist/use-window-scroll.js

@@ -0,0 +1,33 @@
+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 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@journ/lift",
-  "version": "0.1.1",
-  "description": "React hooks for state and timing, built on fitter-happier. No DOM access, so they work in PWAs, React Native and Wails desktop apps alike.",
+  "version": "0.2.0",
+  "description": "React hooks for state, timing and browser APIs, built on fitter-happier. Hooks that read window, document or navigator are marked in the README.",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -14,11 +14,6 @@
   "type": "module",
   "sideEffects": false,
   "exports": {
-    ".": {
-      "@journ/source": "./src/index.ts",
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    },
     "./prefers-reduced-motion": {
       "@journ/source": "./src/prefers-reduced-motion.ts",
       "types": "./dist/prefers-reduced-motion.d.ts",
@@ -29,31 +24,176 @@
       "types": "./dist/required-context.d.ts",
       "default": "./dist/required-context.js"
     },
+    "./use-battery": {
+      "@journ/source": "./src/use-battery.ts",
+      "types": "./dist/use-battery.d.ts",
+      "default": "./dist/use-battery.js"
+    },
+    "./use-browser": {
+      "@journ/source": "./src/use-browser.ts",
+      "types": "./dist/use-browser.d.ts",
+      "default": "./dist/use-browser.js"
+    },
+    "./use-callback-ref": {
+      "@journ/source": "./src/use-callback-ref.ts",
+      "types": "./dist/use-callback-ref.d.ts",
+      "default": "./dist/use-callback-ref.js"
+    },
     "./use-controllable-state": {
       "@journ/source": "./src/use-controllable-state.ts",
       "types": "./dist/use-controllable-state.d.ts",
       "default": "./dist/use-controllable-state.js"
     },
+    "./use-debounce-state": {
+      "@journ/source": "./src/use-debounce-state.ts",
+      "types": "./dist/use-debounce-state.d.ts",
+      "default": "./dist/use-debounce-state.js"
+    },
+    "./use-debounced-callback": {
+      "@journ/source": "./src/use-debounced-callback.ts",
+      "types": "./dist/use-debounced-callback.d.ts",
+      "default": "./dist/use-debounced-callback.js"
+    },
     "./use-debounced-value": {
       "@journ/source": "./src/use-debounced-value.ts",
       "types": "./dist/use-debounced-value.d.ts",
       "default": "./dist/use-debounced-value.js"
     },
+    "./use-did-update": {
+      "@journ/source": "./src/use-did-update.ts",
+      "types": "./dist/use-did-update.d.ts",
+      "default": "./dist/use-did-update.js"
+    },
+    "./use-disclosure": {
+      "@journ/source": "./src/use-disclosure.ts",
+      "types": "./dist/use-disclosure.d.ts",
+      "default": "./dist/use-disclosure.js"
+    },
     "./use-draft": {
       "@journ/source": "./src/use-draft.ts",
       "types": "./dist/use-draft.d.ts",
       "default": "./dist/use-draft.js"
     },
+    "./use-haptic": {
+      "@journ/source": "./src/use-haptic.ts",
+      "types": "./dist/use-haptic.d.ts",
+      "default": "./dist/use-haptic.js"
+    },
+    "./use-headroom": {
+      "@journ/source": "./src/use-headroom.ts",
+      "types": "./dist/use-headroom.d.ts",
+      "default": "./dist/use-headroom.js"
+    },
+    "./use-idle-queue": {
+      "@journ/source": "./src/use-idle-queue.ts",
+      "types": "./dist/use-idle-queue.d.ts",
+      "default": "./dist/use-idle-queue.js"
+    },
+    "./use-intersection-observer": {
+      "@journ/source": "./src/use-intersection-observer.ts",
+      "types": "./dist/use-intersection-observer.d.ts",
+      "default": "./dist/use-intersection-observer.js"
+    },
+    "./use-isomorphic-effect": {
+      "@journ/source": "./src/use-isomorphic-effect.ts",
+      "types": "./dist/use-isomorphic-effect.d.ts",
+      "default": "./dist/use-isomorphic-effect.js"
+    },
+    "./use-keybindings": {
+      "@journ/source": "./src/use-keybindings.ts",
+      "types": "./dist/use-keybindings.d.ts",
+      "default": "./dist/use-keybindings.js"
+    },
+    "./use-local-storage": {
+      "@journ/source": "./src/use-local-storage.ts",
+      "types": "./dist/use-local-storage.d.ts",
+      "default": "./dist/use-local-storage.js"
+    },
+    "./use-logger": {
+      "@journ/source": "./src/use-logger.ts",
+      "types": "./dist/use-logger.d.ts",
+      "default": "./dist/use-logger.js"
+    },
+    "./use-long-press": {
+      "@journ/source": "./src/use-long-press.ts",
+      "types": "./dist/use-long-press.d.ts",
+      "default": "./dist/use-long-press.js"
+    },
+    "./use-map": {
+      "@journ/source": "./src/use-map.ts",
+      "types": "./dist/use-map.d.ts",
+      "default": "./dist/use-map.js"
+    },
+    "./use-measure": {
+      "@journ/source": "./src/use-measure.ts",
+      "types": "./dist/use-measure.d.ts",
+      "default": "./dist/use-measure.js"
+    },
+    "./use-media-query": {
+      "@journ/source": "./src/use-media-query.ts",
+      "types": "./dist/use-media-query.d.ts",
+      "default": "./dist/use-media-query.js"
+    },
+    "./use-mouse": {
+      "@journ/source": "./src/use-mouse.ts",
+      "types": "./dist/use-mouse.d.ts",
+      "default": "./dist/use-mouse.js"
+    },
+    "./use-network": {
+      "@journ/source": "./src/use-network.ts",
+      "types": "./dist/use-network.d.ts",
+      "default": "./dist/use-network.js"
+    },
+    "./use-page-leave": {
+      "@journ/source": "./src/use-page-leave.ts",
+      "types": "./dist/use-page-leave.d.ts",
+      "default": "./dist/use-page-leave.js"
+    },
+    "./use-pagination": {
+      "@journ/source": "./src/use-pagination.ts",
+      "types": "./dist/use-pagination.d.ts",
+      "default": "./dist/use-pagination.js"
+    },
+    "./use-reduced-motion": {
+      "@journ/source": "./src/use-reduced-motion.ts",
+      "types": "./dist/use-reduced-motion.d.ts",
+      "default": "./dist/use-reduced-motion.js"
+    },
+    "./use-scroll-direction": {
+      "@journ/source": "./src/use-scroll-direction.ts",
+      "types": "./dist/use-scroll-direction.d.ts",
+      "default": "./dist/use-scroll-direction.js"
+    },
+    "./use-uncontrolled": {
+      "@journ/source": "./src/use-uncontrolled.ts",
+      "types": "./dist/use-uncontrolled.d.ts",
+      "default": "./dist/use-uncontrolled.js"
+    },
+    "./use-validated-state": {
+      "@journ/source": "./src/use-validated-state.ts",
+      "types": "./dist/use-validated-state.d.ts",
+      "default": "./dist/use-validated-state.js"
+    },
+    "./use-window-event": {
+      "@journ/source": "./src/use-window-event.ts",
+      "types": "./dist/use-window-event.d.ts",
+      "default": "./dist/use-window-event.js"
+    },
+    "./use-window-scroll": {
+      "@journ/source": "./src/use-window-scroll.ts",
+      "types": "./dist/use-window-scroll.d.ts",
+      "default": "./dist/use-window-scroll.js"
+    },
     "./package.json": "./package.json"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@journ/fitter-happier": "0.1.1"
+    "@journ/fitter-happier": "0.2.0"
   },
   "peerDependencies": {
-    "react": "^19.0.0"
+    "react": "^19.2.0"
   },
   "nx": {
     "tags": [

package/dist/index.d.ts

@@ -1,6 +0,0 @@
-import { prefersReducedMotion } from "./prefers-reduced-motion.js";
-import { createRequiredContext } from "./required-context.js";
-import { useControllableState } from "./use-controllable-state.js";
-import { useDebouncedValue } from "./use-debounced-value.js";
-import { Draft, UseDraftOptions, useDraft } from "./use-draft.js";
-export { type Draft, type UseDraftOptions, createRequiredContext, prefersReducedMotion, useControllableState, useDebouncedValue, useDraft };

package/dist/index.js

@@ -1,6 +0,0 @@
-import { prefersReducedMotion } from "./prefers-reduced-motion.js";
-import { createRequiredContext } from "./required-context.js";
-import { useControllableState } from "./use-controllable-state.js";
-import { useDebouncedValue } from "./use-debounced-value.js";
-import { useDraft } from "./use-draft.js";
-export { createRequiredContext, prefersReducedMotion, useControllableState, useDebouncedValue, useDraft };