@ox0/hooks 0.1.0

package/dist/index.js

@@ -0,0 +1,92 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+function useControllableState(options) {
+    const { defaultValue, onChange, value } = options;
+    const [uncontrolledValue, setUncontrolledValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(defaultValue);
+    const isControlled = void 0 !== value;
+    const currentValue = void 0 !== value ? value : uncontrolledValue;
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (!isControlled) setUncontrolledValue(defaultValue);
+    }, [
+        defaultValue,
+        isControlled
+    ]);
+    function setValue(nextValue) {
+        if (!isControlled) setUncontrolledValue(nextValue);
+        onChange?.(nextValue);
+    }
+    return [
+        currentValue,
+        setValue
+    ];
+}
+function useDebouncedValue(value, delay = 200) {
+    const [debouncedValue, setDebouncedValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(value);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        const timeoutId = window.setTimeout(()=>{
+            setDebouncedValue(value);
+        }, delay);
+        return ()=>{
+            window.clearTimeout(timeoutId);
+        };
+    }, [
+        delay,
+        value
+    ]);
+    return debouncedValue;
+}
+function useDisclosure(initialOpen = false) {
+    const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(initialOpen);
+    const onClose = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+        setIsOpen(false);
+    }, []);
+    const onOpen = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+        setIsOpen(true);
+    }, []);
+    const onToggle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+        setIsOpen((value)=>!value);
+    }, []);
+    return {
+        isOpen,
+        onClose,
+        onOpen,
+        onToggle
+    };
+}
+function useLocalStorage(key, initialValue) {
+    const [value, setValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>{
+        if ("undefined" == typeof window) return initialValue;
+        const storedValue = window.localStorage.getItem(key);
+        return storedValue ? JSON.parse(storedValue) : initialValue;
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if ("undefined" == typeof window) return;
+        window.localStorage.setItem(key, JSON.stringify(value));
+    }, [
+        key,
+        value
+    ]);
+    return [
+        value,
+        setValue
+    ];
+}
+function useMediaQuery(query) {
+    const getMatches = ()=>"undefined" != typeof window && window.matchMedia(query).matches;
+    const [matches, setMatches] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(getMatches);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if ("undefined" == typeof window) return;
+        const mediaQuery = window.matchMedia(query);
+        const update = ()=>{
+            setMatches(mediaQuery.matches);
+        };
+        update();
+        mediaQuery.addEventListener("change", update);
+        return ()=>{
+            mediaQuery.removeEventListener("change", update);
+        };
+    }, [
+        query
+    ]);
+    return matches;
+}
+export { useControllableState, useDebouncedValue, useDisclosure, useLocalStorage, useMediaQuery };

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@ox0/hooks",
+  "version": "0.1.0",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "react": "^19.0.0"
+  },
+  "scripts": {
+    "build": "rslib build -c ../../rslib.config.ts",
+    "typecheck": "tsc -p tsconfig.json",
+    "lint": "oxlint .",
+    "test": "vitest run"
+  }
+}