main 🧊 format

Author: debabin

packages/core/src/hooks/useAudio/useAudio.ts

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from 'react';
 
 /** Type sprite map */
 export interface SpriteMap {
@@ -60,10 +60,7 @@ export interface UseAudioReturn {
  * @example
  * const audio = useAudio("/path/to/sound.mp3");
  */
-export const useAudio = (
-  src: string,
-  options: UseAudioOptions = {}
-): UseAudioReturn => {
+export const useAudio = (src: string, options: UseAudioOptions = {}): UseAudioReturn => {
   const [playing, setPlaying] = useState(false);
   const [volume, setCurrentVolume] = useState(options.volume ?? 1);
   const [playbackRate, setPlaybackRate] = useState(options.playbackRate ?? 1);
@@ -86,20 +83,20 @@ export const useAudio = (
     const onVolumeChange = () => setCurrentVolume(audio.volume);
     const onRateChange = () => setPlaybackRate(audio.playbackRate);
 
-    audio.addEventListener("play", onPlay);
-    audio.addEventListener("pause", onPause);
-    audio.addEventListener("ended", onEnded);
-    audio.addEventListener("timeupdate", onTimeUpdate);
-    audio.addEventListener("volumechange", onVolumeChange);
-    audio.addEventListener("ratechange", onRateChange);
+    audio.addEventListener('play', onPlay);
+    audio.addEventListener('pause', onPause);
+    audio.addEventListener('ended', onEnded);
+    audio.addEventListener('timeupdate', onTimeUpdate);
+    audio.addEventListener('volumechange', onVolumeChange);
+    audio.addEventListener('ratechange', onRateChange);
 
     return () => {
-      audio.removeEventListener("play", onPlay);
-      audio.removeEventListener("pause", onPause);
-      audio.removeEventListener("ended", onEnded);
-      audio.removeEventListener("timeupdate", onTimeUpdate);
-      audio.removeEventListener("volumechange", onVolumeChange);
-      audio.removeEventListener("ratechange", onRateChange);
+      audio.removeEventListener('play', onPlay);
+      audio.removeEventListener('pause', onPause);
+      audio.removeEventListener('ended', onEnded);
+      audio.removeEventListener('timeupdate', onTimeUpdate);
+      audio.removeEventListener('volumechange', onVolumeChange);
+      audio.removeEventListener('ratechange', onRateChange);
 
       audio.pause();
       audio.remove();
@@ -163,6 +160,6 @@ export const useAudio = (
     setVolume,
     volume,
     changePlaybackRate,
-    playbackRate,
+    playbackRate
   };
 };

packages/core/src/hooks/useBattery/useBattery.ts

@@ -62,6 +62,7 @@ export const useBattery = (): UseBatteryStateReturn => {
 
   useEffect(() => {
     if (!supported) return;
+
     let battery: BatteryManager | null;
 
     const onChange = () =>

packages/core/src/hooks/useMemory/useMemory.ts

@@ -42,9 +42,7 @@ export const useMemory = (): UseMemoryReturn => {
 
   useEffect(() => {
     if (!supported) return;
-
     const intervalId = setInterval(() => setValue(performance.memory), 1000);
-
     return () => clearInterval(intervalId);
   }, []);
 

packages/core/src/hooks/usePictureInPicture/usePictureInPicture.demo.tsx

@@ -1,17 +1,17 @@
-import { usePictureInPicture } from "@siberiacancode/reactuse";
+import { usePictureInPicture } from '@siberiacancode/reactuse';
 
 const Demo = () => {
   const pictureInPicture = usePictureInPicture();
 
   if (!pictureInPicture.supported)
     return (
       <p>
-        Api not supported, make sure to check for compatibility with different
-        browsers when using this{" "}
+        Api not supported, make sure to check for compatibility with different browsers when using
+        this{' '}
         <a
-          href="https://developer.mozilla.org/en-US/docs/Web/API/Picture-in-Picture_API"
-          rel="noreferrer"
-          target="_blank"
+          href='https://developer.mozilla.org/en-US/docs/Web/API/Picture-in-Picture_API'
+          rel='noreferrer'
+          target='_blank'
         >
           api
         </a>
@@ -20,25 +20,25 @@ const Demo = () => {
 
   return (
     <div>
-      <div className="space-y-4">
+      <div className='space-y-4'>
         <div>
           <video
             ref={pictureInPicture.ref}
-            className="w-full max-w-[600px] rounded-lg"
-            src="https://upload.wikimedia.org/wikipedia/commons/f/f1/Sintel_movie_4K.webm"
+            className='w-full max-w-[600px] rounded-lg'
+            src='https://upload.wikimedia.org/wikipedia/commons/f/f1/Sintel_movie_4K.webm'
             controls
           />
         </div>
 
-        <div className="space-y-2">
-          <div className="flex items-center gap-4">
+        <div className='space-y-2'>
+          <div className='flex items-center gap-4'>
             <button onClick={pictureInPicture.toggle}>
-              {pictureInPicture.open ? "Close" : "Open"} Picture-in-Picture
+              {pictureInPicture.open ? 'Close' : 'Open'} Picture-in-Picture
             </button>
           </div>
 
           <p>
-            Status: <code>{pictureInPicture.open ? "active" : "inactive"}</code>
+            Status: <code>{pictureInPicture.open ? 'active' : 'inactive'}</code>
           </p>
         </div>
       </div>