fix: formater

src/hooks/useOrientation.ts

@@ -1,49 +1,49 @@
-import { useEffect, useState, useCallback } from "react";
+import { useCallback, useEffect, useState } from "react";
 
 export interface Orientation {
-  alpha: number;
-  beta: number;
-  gamma: number;
+	alpha: number;
+	beta: number;
+	gamma: number;
 }
 
 export const useOrientation = () => {
-  const [initialOrientation, setInitialOrientation] =
-    useState<Orientation | null>(null);
-  const [orientationDiff, setOrientationDiff] = useState<Orientation>({
-    alpha: 0,
-    beta: 0,
-    gamma: 0,
-  });
+	const [initialOrientation, setInitialOrientation] =
+		useState<Orientation | null>(null);
+	const [orientationDiff, setOrientationDiff] = useState<Orientation>({
+		alpha: 0,
+		beta: 0,
+		gamma: 0,
+	});
 
-  const handleOrientation = useCallback(
-    (event: DeviceOrientationEvent) => {
-      if (!initialOrientation) {
-        setInitialOrientation({
-          alpha: event.alpha || 0,
-          beta: event.beta || 0,
-          gamma: event.gamma || 0,
-        });
-      } else {
-        setOrientationDiff({
-          alpha: (event.alpha || 0) - initialOrientation.alpha,
-          beta: (event.beta || 0) - initialOrientation.beta,
-          gamma: (event.gamma || 0) - initialOrientation.gamma,
-        });
-      }
-    },
-    [initialOrientation]
-  );
+	const handleOrientation = useCallback(
+		(event: DeviceOrientationEvent) => {
+			if (!initialOrientation) {
+				setInitialOrientation({
+					alpha: event.alpha || 0,
+					beta: event.beta || 0,
+					gamma: event.gamma || 0,
+				});
+			} else {
+				setOrientationDiff({
+					alpha: (event.alpha || 0) - initialOrientation.alpha,
+					beta: (event.beta || 0) - initialOrientation.beta,
+					gamma: (event.gamma || 0) - initialOrientation.gamma,
+				});
+			}
+		},
+		[initialOrientation],
+	);
 
-  const reset = useCallback(() => {
-    setInitialOrientation(null);
-  }, []);
+	const reset = useCallback(() => {
+		setInitialOrientation(null);
+	}, []);
 
-  useEffect(() => {
-    window.addEventListener("deviceorientation", handleOrientation);
-    return () => {
-      window.removeEventListener("deviceorientation", handleOrientation);
-    };
-  }, [handleOrientation]);
+	useEffect(() => {
+		window.addEventListener("deviceorientation", handleOrientation);
+		return () => {
+			window.removeEventListener("deviceorientation", handleOrientation);
+		};
+	}, [handleOrientation]);
 
-  return { orientationDiff, reset };
+	return { orientationDiff, reset };
 };

src/store/useSocketRefStore.ts

@@ -1,15 +1,15 @@
-import { create } from "zustand";
 import type { MutableRefObject } from "react";
+import { create } from "zustand";
 
 type State = {
-  socketRef: MutableRefObject<WebSocket | undefined> | null;
+	socketRef: MutableRefObject<WebSocket | undefined> | null;
 };
 
 type Action = {
-  setRef: (ref: MutableRefObject<WebSocket | undefined>) => void;
+	setRef: (ref: MutableRefObject<WebSocket | undefined>) => void;
 };
 
 export const useSocketRefStore = create<State & Action>()((set) => ({
-  socketRef: null,
-  setRef: (ref) => set(() => ({ socketRef: ref })),
+	socketRef: null,
+	setRef: (ref) => set(() => ({ socketRef: ref })),
 }));

src/store/useUUIDStore.ts

@@ -3,21 +3,21 @@ import { persist } from "zustand/middleware";
 import { generateUUID } from "../utils/uuid";
 
 type State = {
-  uuid: string;
+	uuid: string;
 };
 
 type Action = {
-  updateUUID: () => void;
+	updateUUID: () => void;
 };
 
 export const useUUIDStore = create<State & Action>()(
-  persist(
-    (set) => ({
-      uuid: generateUUID(),
-      updateUUID: () => set(() => ({ uuid: generateUUID() })),
-    }),
-    {
-      name: "user-uuid",
-    }
-  )
+	persist(
+		(set) => ({
+			uuid: generateUUID(),
+			updateUUID: () => set(() => ({ uuid: generateUUID() })),
+		}),
+		{
+			name: "user-uuid",
+		},
+	),
 );

src/type/schema.ts

@@ -1,30 +1,30 @@
 export interface Schema {
-  id: string;
-  interval: number;
-  angle: angle;
-  acceleration: acceleration;
-  distance: distance;
-  message_type: message_type;
+	id: string;
+	interval: number;
+	angle: angle;
+	acceleration: acceleration;
+	distance: distance;
+	message_type: message_type;
 }
 
 interface angle {
-  x: number;
-  y: number;
+	x: number;
+	y: number;
 }
 
 interface acceleration {
-  x: number;
-  y: number;
-  z: number;
+	x: number;
+	y: number;
+	z: number;
 }
 
 interface distance {
-  x: number;
-  y: number;
-  z: number;
+	x: number;
+	y: number;
+	z: number;
 }
 
 export enum message_type {
-  pointer = "pointer",
-  action = "action",
+	pointer = "pointer",
+	action = "action",
 }

src/utils/parmission.ts

@@ -2,30 +2,30 @@
  * 角度・加速度センサーのパーミッションをリクエストする関数
  */
 export const requestPermission = async () => {
-  // @ts-expect-error only safari property
-  if (typeof DeviceMotionEvent.requestPermission === "function") {
-    try {
-      // @ts-expect-error only safari property
-      const permissionState = await DeviceMotionEvent.requestPermission();
-      if (permissionState !== "granted") {
-        console.warn("Device Motion permission denied.");
-      }
-    } catch (error) {
-      console.error("Error requesting Device Motion permission:", error);
-    }
-  }
+	// @ts-expect-error only safari property
+	if (typeof DeviceMotionEvent.requestPermission === "function") {
+		try {
+			// @ts-expect-error only safari property
+			const permissionState = await DeviceMotionEvent.requestPermission();
+			if (permissionState !== "granted") {
+				console.warn("Device Motion permission denied.");
+			}
+		} catch (error) {
+			console.error("Error requesting Device Motion permission:", error);
+		}
+	}
 
-  // @ts-expect-error only safari property
-  if (typeof DeviceOrientationEvent.requestPermission === "function") {
-    try {
-      const permissionState =
-        // @ts-expect-error only safari property
-        await DeviceOrientationEvent.requestPermission();
-      if (permissionState !== "granted") {
-        console.warn("Device Orientation permission denied.");
-      }
-    } catch (error) {
-      console.error("Error requesting Device Orientation permission:", error);
-    }
-  }
+	// @ts-expect-error only safari property
+	if (typeof DeviceOrientationEvent.requestPermission === "function") {
+		try {
+			const permissionState =
+				// @ts-expect-error only safari property
+				await DeviceOrientationEvent.requestPermission();
+			if (permissionState !== "granted") {
+				console.warn("Device Orientation permission denied.");
+			}
+		} catch (error) {
+			console.error("Error requesting Device Orientation permission:", error);
+		}
+	}
 };

src/utils/uuid.ts

@@ -1,5 +1,5 @@
 export const generateUUID = (): string => {
-  const timestamp = Date.now().toString(16);
-  const randomHex = Math.floor(Math.random() * 0xffffff).toString(16);
-  return `${timestamp}-${randomHex}`;
+	const timestamp = Date.now().toString(16);
+	const randomHex = Math.floor(Math.random() * 0xffffff).toString(16);
+	return `${timestamp}-${randomHex}`;
 };