@therealtinhtute/baroiplayer 1.0.4 → 1.0.6

package/src/hooks/use-mobile.ts

@@ -0,0 +1,125 @@
+import { useState, useEffect } from 'react';
+
+interface DeviceInfo {
+  isMobile: boolean;
+  isTablet: boolean;
+  isDesktop: boolean;
+  userAgent: string;
+  screenWidth: number;
+  screenHeight: number;
+}
+
+export function useDeviceInfo(): DeviceInfo {
+  const [deviceInfo, setDeviceInfo] = useState<DeviceInfo>(() => {
+    if (typeof window === 'undefined') {
+      return {
+        isMobile: false,
+        isTablet: false,
+        isDesktop: true,
+        userAgent: '',
+        screenWidth: 1920,
+        screenHeight: 1080
+      };
+    }
+
+    const userAgent = navigator.userAgent;
+    const screenWidth = window.innerWidth;
+    const screenHeight = window.innerHeight;
+
+    const isMobile = /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent) && screenWidth < 768;
+    const isTablet = /iPad|Android/i.test(userAgent) && screenWidth >= 768 && screenWidth < 1024;
+    const isDesktop = !isMobile && !isTablet;
+
+    return {
+      isMobile,
+      isTablet,
+      isDesktop,
+      userAgent,
+      screenWidth,
+      screenHeight
+    };
+  });
+
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+
+    const handleResize = () => {
+      const userAgent = navigator.userAgent;
+      const screenWidth = window.innerWidth;
+      const screenHeight = window.innerHeight;
+
+      const isMobile = /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent) && screenWidth < 768;
+      const isTablet = /iPad|Android/i.test(userAgent) && screenWidth >= 768 && screenWidth < 1024;
+      const isDesktop = !isMobile && !isTablet;
+
+      setDeviceInfo({
+        isMobile,
+        isTablet,
+        isDesktop,
+        userAgent,
+        screenWidth,
+        screenHeight
+      });
+    };
+
+    window.addEventListener('resize', handleResize);
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);
+
+  return deviceInfo;
+}
+
+export function useContainerQuery(): boolean {
+  const [isSmall, setIsSmall] = useState(false);
+
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+
+    const checkSize = () => {
+      setIsSmall(window.innerWidth < 640);
+    };
+
+    checkSize();
+    window.addEventListener('resize', checkSize);
+    return () => window.removeEventListener('resize', checkSize);
+  }, []);
+
+  return isSmall;
+}
+
+export function useMobileOptimizations() {
+  const deviceInfo = useDeviceInfo();
+  const [isTouch, setIsTouch] = useState(false);
+
+  useEffect(() => {
+    setIsTouch('ontouchstart' in window || navigator.maxTouchPoints > 0);
+  }, []);
+
+  return {
+    ...deviceInfo,
+    isTouch,
+    preferReducedMotion: window.matchMedia('(prefers-reduced-motion: reduce)').matches,
+    prefersDarkScheme: window.matchMedia('(prefers-color-scheme: dark)').matches
+  };
+}
+
+export function useHapticFeedback() {
+  const deviceInfo = useDeviceInfo();
+
+  const triggerHaptic = (type: 'light' | 'medium' | 'heavy' = 'light') => {
+    if (!deviceInfo.isMobile || !('vibrate' in navigator)) return;
+
+    const patterns = {
+      light: [10],
+      medium: [20],
+      heavy: [50]
+    };
+
+    navigator.vibrate(patterns[type]);
+  };
+
+  return {
+    triggerHaptic,
+    supported: deviceInfo.isMobile && 'vibrate' in navigator
+  };
+}

package/src/hooks/use-touch-gestures.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from "react";
-import { useDeviceInfo, useHapticFeedback } from "@rp/ui/hooks/use-mobile";
+import { useDeviceInfo, useHapticFeedback } from "./use-mobile";
 // Default configuration
 const defaultConfig = {
     enabledGestures: ['tap', 'double-tap', 'long-press', 'swipe-left', 'swipe-right', 'swipe-up', 'swipe-down', 'pinch-in', 'pinch-out'],

package/src/hooks/use-touch-gestures.ts

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from "react"
-import { useDeviceInfo, useHapticFeedback } from "@rp/ui/hooks/use-mobile"
+import { useDeviceInfo, useHapticFeedback } from "./use-mobile"
 
 // Gesture types
 export type GestureType =