@therealtinhtute/baroiplayer 1.2.0 → 2.0.0-beta.1

package/src/icons/components/animated/PlayPauseIcon.tsx

@@ -1,42 +0,0 @@
-import { useIconTheme } from "../../provider"
-import type { IconProps } from "../../types"
-
-interface PlayPauseIconProps extends IconProps {
-	isPlaying: boolean
-}
-
-export function PlayPauseIcon({ isPlaying, className = "", ...props }: PlayPauseIconProps) {
-	const theme = useIconTheme()
-
-	const { size = theme.size, color = theme.color, strokeWidth = theme.strokeWidth, ...rest } = props
-
-	return (
-		<svg
-			width={size}
-			height={size}
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke={color}
-			strokeWidth={strokeWidth}
-			strokeLinecap="round"
-			strokeLinejoin="round"
-			className={className}
-			aria-hidden="true"
-			{...rest}>
-			{/* Play icon */}
-			<g
-				className={`origin-center transition-all duration-300 ${isPlaying ? "scale-75 opacity-0" : "scale-100 opacity-100"}
-        `}>
-				<polygon points="5 3 19 12 5 21 5 3" />
-			</g>
-
-			{/* Pause icon */}
-			<g
-				className={`origin-center transition-all duration-300 ${isPlaying ? "scale-100 opacity-100" : "scale-75 opacity-0"}
-        `}>
-				<rect x="6" y="4" width="4" height="16" />
-				<rect x="14" y="4" width="4" height="16" />
-			</g>
-		</svg>
-	)
-}

package/src/icons/components/media/PauseIcon.tsx

@@ -1,38 +0,0 @@
-import { useCustomIcon, useIconTheme } from "../../provider"
-import type { IconProps } from "../../types"
-
-export function PauseIcon(props: IconProps) {
-	const theme = useIconTheme()
-	const customIcon = useCustomIcon("pause")
-
-	// If there's a custom icon, use it
-	if (customIcon) {
-		return customIcon(props)
-	}
-
-	const {
-		size = theme.size,
-		color = theme.color,
-		strokeWidth = theme.strokeWidth,
-		className = theme.className,
-		...rest
-	} = props
-
-	return (
-		<svg
-			width={size}
-			height={size}
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke={color}
-			strokeWidth={strokeWidth}
-			strokeLinecap="round"
-			strokeLinejoin="round"
-			className={className}
-			aria-hidden="true"
-			{...rest}>
-			<rect x="6" y="4" width="4" height="16" />
-			<rect x="14" y="4" width="4" height="16" />
-		</svg>
-	)
-}

package/src/icons/components/media/PlayIcon.tsx

@@ -1,37 +0,0 @@
-import { useCustomIcon, useIconTheme } from "../../provider"
-import type { IconProps } from "../../types"
-
-export function PlayIcon(props: IconProps) {
-	const theme = useIconTheme()
-	const customIcon = useCustomIcon("play")
-
-	// If there's a custom icon, use it
-	if (customIcon) {
-		return customIcon(props)
-	}
-
-	const {
-		size = theme.size,
-		color = theme.color,
-		strokeWidth = theme.strokeWidth,
-		className = theme.className,
-		...rest
-	} = props
-
-	return (
-		<svg
-			width={size}
-			height={size}
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke={color}
-			strokeWidth={strokeWidth}
-			strokeLinecap="round"
-			strokeLinejoin="round"
-			className={className}
-			aria-hidden="true"
-			{...rest}>
-			<polygon points="5 3 19 12 5 21 5 3" />
-		</svg>
-	)
-}

package/src/icons/components/volume/VolumeIcon.tsx

@@ -1,38 +0,0 @@
-import { useCustomIcon, useIconTheme } from "../../provider"
-import type { IconProps } from "../../types"
-
-export function VolumeIcon(props: IconProps) {
-	const theme = useIconTheme()
-	const customIcon = useCustomIcon("volume")
-
-	if (customIcon) {
-		return customIcon(props)
-	}
-
-	const {
-		size = theme.size,
-		color = theme.color,
-		strokeWidth = theme.strokeWidth,
-		className = theme.className,
-		...rest
-	} = props
-
-	return (
-		<svg
-			width={size}
-			height={size}
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke={color}
-			strokeWidth={strokeWidth}
-			strokeLinecap="round"
-			strokeLinejoin="round"
-			className={className}
-			aria-hidden="true"
-			{...rest}>
-			<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
-			<path d="M15.54 8.46a5 5 0 0 1 0 7.07" />
-			<path d="M19.07 4.93a10 10 0 0 1 0 14.14" />
-		</svg>
-	)
-}

package/src/icons/components/volume/VolumeOffIcon.tsx

@@ -1,38 +0,0 @@
-import { useCustomIcon, useIconTheme } from "../../provider"
-import type { IconProps } from "../../types"
-
-export function VolumeOffIcon(props: IconProps) {
-	const theme = useIconTheme()
-	const customIcon = useCustomIcon("volume-off")
-
-	if (customIcon) {
-		return customIcon(props)
-	}
-
-	const {
-		size = theme.size,
-		color = theme.color,
-		strokeWidth = theme.strokeWidth,
-		className = theme.className,
-		...rest
-	} = props
-
-	return (
-		<svg
-			width={size}
-			height={size}
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke={color}
-			strokeWidth={strokeWidth}
-			strokeLinecap="round"
-			strokeLinejoin="round"
-			className={className}
-			aria-hidden="true"
-			{...rest}>
-			<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
-			<line x1="23" y1="9" x2="17" y2="15" />
-			<line x1="17" y1="9" x2="23" y2="15" />
-		</svg>
-	)
-}

package/src/icons/index.ts

@@ -1,56 +0,0 @@
-// Export types
-export type { IconProps, IconTheme, IconName, IconComponent, IconSet } from "./types"
-
-// Export provider and hooks
-export { IconProvider, useIconTheme, useIcon, useCustomIcon } from "./provider"
-
-// Export media icons
-export { PlayIcon } from "./components/media/PlayIcon"
-export { PauseIcon } from "./components/media/PauseIcon"
-
-// Export volume icons
-export { VolumeIcon } from "./components/volume/VolumeIcon"
-export { VolumeOffIcon } from "./components/volume/VolumeOffIcon"
-
-// Export animated icons
-export { LoadingIcon } from "./components/animated/LoadingIcon"
-export { PlayPauseIcon } from "./components/animated/PlayPauseIcon"
-
-// Export other icons
-export { SettingsIcon } from "./components/SettingsIcon"
-export { FullscreenIcon } from "./components/FullscreenIcon"
-
-import { FullscreenIcon } from "./components/FullscreenIcon"
-import { SettingsIcon } from "./components/SettingsIcon"
-import { LoadingIcon } from "./components/animated/LoadingIcon"
-import { PauseIcon } from "./components/media/PauseIcon"
-// Create a complete icon map for dynamic usage
-import { PlayIcon } from "./components/media/PlayIcon"
-import { VolumeIcon } from "./components/volume/VolumeIcon"
-import { VolumeOffIcon } from "./components/volume/VolumeOffIcon"
-
-export const Icons = {
-	PlayIcon,
-	PauseIcon,
-	VolumeIcon,
-	VolumeOffIcon,
-	LoadingIcon,
-	SettingsIcon,
-	FullscreenIcon
-}
-
-// Utility function to get icon by name
-export function getIcon(name: string) {
-	const iconMap: Record<string, keyof typeof Icons> = {
-		play: "PlayIcon",
-		pause: "PauseIcon",
-		volume: "VolumeIcon",
-		"volume-off": "VolumeOffIcon",
-		loading: "LoadingIcon",
-		settings: "SettingsIcon",
-		fullscreen: "FullscreenIcon"
-	}
-
-	const iconKey = iconMap[name]
-	return iconKey ? Icons[iconKey] : null
-}

package/src/icons/provider.tsx

@@ -1,58 +0,0 @@
-import { type ReactNode, createContext, useContext } from "react"
-import type { IconComponent, IconName, IconSet, IconTheme } from "./types"
-
-interface IconContextValue {
-	theme: IconTheme
-	icons: Partial<IconSet>
-}
-
-const IconContext = createContext<IconContextValue | null>(null)
-
-interface IconProviderProps {
-	children: ReactNode
-	theme?: IconTheme
-	icons?: Partial<IconSet>
-}
-
-export function IconProvider({ children, theme = {}, icons = {} }: IconProviderProps) {
-	const value: IconContextValue = {
-		theme: {
-			size: 24,
-			color: "currentColor",
-			strokeWidth: 2,
-			...theme
-		},
-		icons
-	}
-
-	return <IconContext.Provider value={value}>{children}</IconContext.Provider>
-}
-
-export function useIconTheme(): IconTheme {
-	const context = useContext(IconContext)
-	return (
-		context?.theme ?? {
-			size: 24,
-			color: "currentColor",
-			strokeWidth: 2
-		}
-	)
-}
-
-export function useIcon(name: IconName): IconComponent | null {
-	const context = useContext(IconContext)
-	const customIcon = context?.icons?.[name]
-
-	if (customIcon) {
-		return customIcon
-	}
-
-	// If no custom icon found, we'll need to import the default one
-	// This will be handled by the individual icon components
-	return null
-}
-
-export function useCustomIcon(name: IconName): IconComponent | null {
-	const context = useContext(IconContext)
-	return context?.icons?.[name] || null
-}

package/src/icons/types.ts

@@ -1,60 +0,0 @@
-import type { SVGProps } from "react"
-
-export interface IconProps extends Omit<SVGProps<SVGSVGElement>, "width" | "height" | "viewBox"> {
-	size?: number | string
-	color?: string
-	strokeWidth?: number | string
-	className?: string
-}
-
-export interface IconTheme {
-	size?: number | string
-	color?: string
-	strokeWidth?: number | string
-	animation?: string
-	className?: string
-}
-
-export type IconName =
-	| "play"
-	| "pause"
-	| "stop"
-	| "skip-forward"
-	| "skip-backward"
-	| "fast-forward"
-	| "rewind"
-	| "loop"
-	| "shuffle"
-	| "volume"
-	| "volume-off"
-	| "volume-low"
-	| "volume-high"
-	| "fullscreen"
-	| "exit-fullscreen"
-	| "picture-in-picture"
-	| "exit-picture-in-picture"
-	| "theater-mode"
-	| "settings"
-	| "settings-gear"
-	| "quality"
-	| "speed"
-	| "subtitles"
-	| "closed-captions"
-	| "download"
-	| "share"
-	| "heart"
-	| "heart-filled"
-	| "info"
-	| "warning"
-	| "error"
-	| "chevron-up"
-	| "chevron-down"
-	| "chevron-left"
-	| "chevron-right"
-	| "check"
-	| "close"
-	| "loading"
-
-export type IconComponent = React.FC<IconProps>
-
-export type IconSet = Record<IconName, IconComponent>

package/src/index-enhanced.ts

@@ -1,35 +0,0 @@
-/**
- * Enhanced BaroiPlayer Exports
- * Includes all new optimized components and utilities
- */
-
-// Enhanced Core Components
-export { EnhancedMediaPlayer } from "./components/enhanced/enhanced-media-player"
-
-// Enhanced HLS Provider
-export { EnhancedHLSProvider, ENHANCED_HLS_DEFAULTS } from "./core/providers/enhanced-hls-provider"
-export type { EnhancedHLSConfig } from "./core/providers/enhanced-hls-provider"
-
-// Enhanced Plugin System
-export {
-	EnhancedMediaPlugin,
-	EnhancedPluginRegistry,
-	EnhancedPluginManager,
-	createPerformanceMiddleware,
-	createErrorHandlingMiddleware,
-	createLoggingMiddleware
-} from "./core/plugins/enhanced-plugin-system"
-export type {
-	MediaPluginHooks,
-	PluginMiddleware,
-	PluginContext
-} from "./core/plugins/enhanced-plugin-system"
-
-// Enhanced Hooks
-export { useIntelligentPreloading } from "./hooks/use-intelligent-preloading"
-
-// Media Resource Preloader
-export { MediaResourcePreloader } from "./components/ui/media-resource-preloader"
-
-// Re-export all existing components and utilities
-export * from "./index"