@vibehooks/react 0.0.6 → 0.0.7

package/dist/useScreenOrientation.js

@@ -16,28 +16,37 @@ import * as React from "react";
 * @see https://developer.mozilla.org/en-US/docs/Web/API/Screen_Orientation_API
 */
 function useScreenOrientation() {
-	const isSupported = typeof screen !== "undefined" && screen.orientation !== void 0;
-	const [type, setType] = React.useState(isSupported ? screen.orientation.type : null);
-	const [angle, setAngle] = React.useState(isSupported ? screen.orientation.angle : null);
-	const lock = React.useCallback(async (orientation) => {
-		if (!isSupported) return;
-		await screen.orientation.lock(orientation);
-	}, [isSupported]);
+	const orientation = typeof window !== "undefined" && "orientation" in screen ? screen.orientation : null;
+	const isSupported = !!orientation && typeof orientation.lock === "function" && typeof orientation.unlock === "function";
+	const [type, setType] = React.useState(orientation?.type ?? null);
+	const [angle, setAngle] = React.useState(orientation?.angle ?? null);
+	const lock = React.useCallback(async (orientationLock) => {
+		if (!isSupported || !orientation) return;
+		try {
+			await orientation.lock(orientationLock);
+		} catch (error) {
+			console.warn("Orientation lock failed:", error);
+		}
+	}, [isSupported, orientation]);
 	const unlock = React.useCallback(() => {
-		if (!isSupported) return;
-		screen.orientation.unlock();
-	}, [isSupported]);
+		if (!isSupported || !orientation) return;
+		try {
+			orientation.unlock();
+		} catch (error) {
+			console.warn("Orientation unlock failed:", error);
+		}
+	}, [isSupported, orientation]);
 	React.useEffect(() => {
-		if (!isSupported) return;
+		if (!orientation) return;
 		const handleChange = () => {
-			setType(screen.orientation.type);
-			setAngle(screen.orientation.angle);
+			setType(orientation.type);
+			setAngle(orientation.angle);
 		};
-		screen.orientation.addEventListener("change", handleChange);
+		orientation.addEventListener("change", handleChange);
 		return () => {
-			screen.orientation.removeEventListener("change", handleChange);
+			orientation.removeEventListener("change", handleChange);
 		};
-	}, [isSupported]);
+	}, [orientation]);
 	return {
 		angle,
 		isSupported,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vibehooks/react",
   "type": "module",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Modern React and Next.js hooks, unopinionated and focused on developer experience.",
   "author": "Sebastian Marat Urdanegui Bisalaya <sebasurdanegui@gmail.com>",
   "license": "MIT",