oddysee-react 0.1.1 → 0.2.0-canary.1

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.1",
+  "version": "0.2.0-canary.1",
   "type": "module",
   "author": "Karelle Hofler",
   "main": "dist/index.js",
@@ -24,12 +24,13 @@
     "build": "tsup src/index.ts --format esm,cjs --dts --tsconfig tsconfig.lib.json",
     "dev": "tsup src/index.ts --format esm,cjs --dts --watch",
     "lint": "eslint .",
+    "test": "vitest",
     "preview": "vite preview",
     "pub": "npm run build && npm publish",
     "pub:test": "npm run build && npm publish --tag test"
   },
   "dependencies": {
-    "oddysee-typescript": "^0.1.0",
+    "oddysee-typescript": "^0.2.0-canary.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
@@ -46,6 +47,12 @@
     "tsup": "7.2.0",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
-    "vite": "^7.2.4"
-  }
+    "vite": "^7.2.4",
+    "vitest": "^4.0.16"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ]
 }

package/eslint.config.js

@@ -1,23 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { defineConfig, globalIgnores } from 'eslint/config'
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs.flat.recommended,
-      reactRefresh.configs.vite,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-  },
-])

package/src/index.ts

@@ -1,2 +0,0 @@
-export { useHlsAudioPlayer } from './use-hls-audio-player'
-export type { UseHlsAudioPlayerOptions, UseHlsAudioPlayerResult, PlayerEventMap } from './use-hls-audio-player'

package/src/use-hls-audio-player.ts

@@ -1,241 +0,0 @@
-import { useEffect, useMemo, useState } from 'react'
-import {
-  HLSAudioPlayer,
-  type HLSAudioPlayerInterface,
-  type PlayerConfig,
-  type SourceOptions,
-  type PlayerEvent,
-  type PlayerError,
-  type Track,
-  type QualityLevel,
-  type PlayerState
-} from 'oddysee-typescript'
-
-// Local mirror of the core's PlayerEventMap so we don't depend on it being exported
-export type PlayerEventMap = {
-  play: void
-  pause: void
-  'track-end': Track | null
-  error: PlayerError
-  'quality-change': QualityLevel
-  'playlist-ready': void
-  loadedmetadata: Track | null
-  timeupdate: { currentTime: number; duration: number | null }
-  loading: void
-  canplay: void
-}
-
-export interface UseHlsAudioPlayerOptions {
-  config?: PlayerConfig
-  src?: { url: string; options?: SourceOptions }
-  autoPlay?: boolean
-  on?: Partial<{
-    [K in PlayerEvent]: (data: PlayerEventMap[K]) => void
-  }>
-}
-
-export interface UseHlsAudioPlayerResult {
-  player: HLSAudioPlayerInterface | null
-  state: PlayerState
-  isPlaying: boolean
-  duration: number
-  isLoading: boolean
-  loading: boolean
-  error: PlayerError | null
-  readyState: number
-  controls: {
-    setSource: (
-      url: string,
-      options?: SourceOptions,
-    ) => Promise<HLSAudioPlayerInterface | null>
-    play: () => void
-    playAsync: () => Promise<HLSAudioPlayerInterface | null>
-    pause: () => void
-    setVolume: (volume: number) => void
-    setCurrentTime: (time: number) => void
-  }
-}
-
-const defaultState: PlayerState = {
-  track: null,
-  currentTime: 0,
-  duration: null,
-  volume: 1,
-  loading: false,
-  error: null,
-  readyState: 0,
-  isPlaying: false,
-}
-
-export function useHlsAudioPlayer(
-  options: UseHlsAudioPlayerOptions = {},
-): UseHlsAudioPlayerResult {
-  const { config, src, autoPlay, on } = options
-
-  const player = useMemo(() => {
-    return new HLSAudioPlayer(config)
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
-
-  const [state, setState] = useState<PlayerState>(
-    () => player.getState() ?? defaultState,
-  )
-
-  const [loading, setLoading] = useState<boolean>(player.loading ?? false)
-  const [error, setError] = useState<PlayerError | null>(player.error ?? null)
-  const [readyState, setReadyState] = useState<number>(player.readyState ?? 0)
-  const [isPlaying, setIsPlaying] = useState<boolean>(player.isPlaying ?? false)
-  const [duration, setDuration] = useState<number>(player.getState()?.duration ?? 0)
-  const [isLoading, setIsLoading] = useState<boolean>(player.loading ?? false)
-
-  useEffect(() => {
-    const handleStateChange = () => {
-      const next = player.getState()
-      setState(next)
-      setLoading(next.loading)
-      setError(next.error)
-      setReadyState(next.readyState)
-      setIsPlaying(next.isPlaying)
-      setDuration(next.duration ?? 0)
-      setIsLoading(next.loading)
-    }
-
-    const listeners: { [K in PlayerEvent]?: (data: PlayerEventMap[K]) => void } = {
-      play: data => {
-        handleStateChange()
-        on?.play?.(data as PlayerEventMap['play'])
-      },
-      pause: data => {
-        handleStateChange()
-        on?.pause?.(data as PlayerEventMap['pause'])
-      },
-      'track-end': data => {
-        handleStateChange()
-        on?.['track-end']?.(data as PlayerEventMap['track-end'])
-      },
-      error: data => {
-        handleStateChange()
-        on?.error?.(data as PlayerEventMap['error'])
-      },
-      'quality-change': data => {
-        handleStateChange()
-        on?.['quality-change']?.(data as PlayerEventMap['quality-change'])
-      },
-      'playlist-ready': data => {
-        handleStateChange()
-        on?.['playlist-ready']?.(data as PlayerEventMap['playlist-ready'])
-      },
-      loadedmetadata: data => {
-        handleStateChange()
-        on?.loadedmetadata?.(data as PlayerEventMap['loadedmetadata'])
-      },
-      timeupdate: data => {
-        handleStateChange()
-        on?.timeupdate?.(data as PlayerEventMap['timeupdate'])
-      },
-      loading: data => {
-        handleStateChange()
-        on?.loading?.(data as PlayerEventMap['loading'])
-      },
-      canplay: data => {
-        handleStateChange()
-        on?.canplay?.(data as PlayerEventMap['canplay'])
-      },
-    }
-
-    ;(Object.keys(listeners) as PlayerEvent[]).forEach(event => {
-      const handler = listeners[event]!
-      player.on(event, handler as any)
-    })
-
-    return () => {
-      ;(Object.keys(listeners) as PlayerEvent[]).forEach(event => {
-        const handler = listeners[event]
-        if (handler) {
-          player.off(event, handler as any)
-        }
-      })
-    }
-  }, [player, on])
-
-  useEffect(() => {
-    let cancelled = false
-
-    if (!src) return
-
-    player
-      .setSource(src.url, src.options)
-      .then((p: HLSAudioPlayerInterface) => {
-        if (cancelled) return
-        if (autoPlay) {
-          p.play()
-        }
-      })
-      .catch((err: unknown) => {
-        if (cancelled) return
-        console.error('Failed to set HLS source', err)
-      })
-
-    return () => {
-      cancelled = true
-    }
-  }, [player, src?.url, src?.options, autoPlay])
-
-  useEffect(() => {
-    return () => {
-      player.destroy()
-    }
-  }, [player])
-
-  const controls = useMemo(
-    () => ({
-      setSource: async (url: string, options?: SourceOptions) => {
-        try {
-          const p = await player.setSource(url, options)
-          if (autoPlay) {
-            p.play()
-          }
-          return p
-        } catch {
-          return null
-        }
-      },
-      play: () => {
-        player.play()
-      },
-      playAsync: async () => {
-        try {
-          const p = await player.playAsync()
-          return p
-        } catch {
-          return null
-        }
-      },
-      pause: () => {
-        player.pause()
-      },
-      setVolume: (volume: number) => {
-        player.setVolume(volume)
-        const next = player.getState()
-        setState(next)
-      },
-      setCurrentTime: (time: number) => {
-        const audioElement = player.getAudioElement()
-        audioElement.currentTime = time
-      },
-    }),
-    [player, autoPlay],
-  )
-
-  return {
-    player,
-    state,
-    isPlaying,
-    duration,
-    isLoading,
-    loading,
-    error,
-    readyState,
-    controls,
-  }
-}

package/tsconfig.app.json

@@ -1,28 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

package/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

package/tsconfig.lib.json

@@ -1,16 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "module": "ESNext", 
-    "moduleResolution": "node",
-    "esModuleInterop": true,
-    "strict": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "declaration": true,
-    "declarationMap": true,
-    "jsx": "react-jsx"
-  },
-  "include": ["src/index.ts", "src/use-hls-audio-player.ts"],
-  "exclude": ["dist", "node_modules"]
-}

package/tsconfig.node.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react()],
-})