4d:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4e:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 4f:T2a52,"use client" import type shaka from "shaka-player" import React, { useRef } from "react" import type { PlaybackStore } from "@/registry/default/hooks/use-playback" import type { MediaEventSlice, MediaFeature, } from "@/registry/default/ui/media-provider" import { useMediaStore } from "@/registry/default/hooks/use-media" import { noop, off, on } from "@/registry/default/lib/utils" import { useMediaEvents, useMediaFeatureApi, useMediaFeatureStore, } from "@/registry/default/ui/media-provider" declare global { interface HTMLMediaElement { player: null | shaka.Player } interface Window { shaka: { Player: typeof shaka.Player } } } export const PLAYER_FEATURE_KEY = "player" export interface PlayerEvents { bufferingchange: { isBuffering: boolean } playbackerror: { currentTime: number; error: Error } playererror: { error: Error } playerready: void } export interface PlayerStore extends MediaEventSlice { [PLAYER_FEATURE_KEY]: { containerRef: HTMLDivElement | null instance: null | shaka.Player preloadManagers: Map setContainerRef: (instance: HTMLDivElement | null) => void setInstance: (player: null | shaka.Player) => void } } export interface UsePlayerOptions { onError: (error: Error, asset?: TAsset) => void onLoad: ( asset: TAsset, player: shaka.Player, media: HTMLMediaElement, preloadManager?: shaka.media.PreloadManager, startTime?: number ) => Promise onPreload?: ( asset: TAsset, player: shaka.Player ) => Promise } export const RECOMMENDED_PLAYER_BUFFERING_THROTTLE_MS = 250 // Public Shaka error code. Keep this local so importing the hook on the server // does not evaluate Shaka's browser-only bundle during prerendering. const SHAKA_LOAD_INTERRUPTED_ERROR_CODE = 7000 export function isLoadInterrupted(error: unknown): boolean { if ( error && typeof error === "object" && "code" in error && (error as { code: number }).code === SHAKA_LOAD_INTERRUPTED_ERROR_CODE ) { return true } return false } export function playerFeature(): MediaFeature { return { createSlice: (_set, _get, _store) => ({ [PLAYER_FEATURE_KEY]: { containerRef: null, instance: null, preloadManagers: new Map(), setContainerRef: (instance) => { _set(({ player }) => { player.containerRef = instance }) }, setInstance: (instance) => { _set(({ player }) => { player.instance = instance }) }, }, }), key: PLAYER_FEATURE_KEY, Setup: PlayerSetup, } } /** * Low-level player hook for manual load/preload control. * Prefer `useAsset` for most use cases — it handles retry logic, * playlist integration, abort/generation tracking, and preload lifecycle. * Using both `usePlayer.load` and `useAsset.loadAsset` on the same * content will cause split state in `preloadManagers` and retry counters. */ export function usePlayer( options?: UsePlayerOptions ) { const store = useMediaFeatureApi(PLAYER_FEATURE_KEY) const player = usePlayerStore((state) => state.instance) const mediaElement = useMediaStore((state) => state.mediaElement) const load = React.useCallback( async (asset: TAsset, startTime?: number): Promise => { if (!options) return false const currentPlayer = store.getState().player.instance const currentMedia = store.getState().media.mediaElement if (!currentPlayer || !currentMedia) { console.warn("[usePlayer] Player or media element not initialized") return false } try { const preloadManagers = store.getState().player.preloadManagers const preloadManager = preloadManagers.get(asset.id) if (preloadManager) { await options.onLoad( asset, currentPlayer, currentMedia, preloadManager, startTime ) preloadManagers.delete(asset.id) store.setState(({ player }) => { player.preloadManagers = new Map(preloadManagers) }) } else { await options.onLoad( asset, currentPlayer, currentMedia, undefined, startTime ) } return true } catch (error) { if (isLoadInterrupted(error)) { return false } const err = error instanceof Error ? error : new Error(String(error)) options.onError(err, asset) return false } }, [mediaElement, options, store] ) const preload = React.useCallback( async (asset: TAsset): Promise => { if (!options?.onPreload) return const currentPlayer = store.getState().player.instance if (!currentPlayer) return try { const manager = await options.onPreload(asset, currentPlayer) if (manager) { const preloadManagers = store.getState().player.preloadManagers preloadManagers.set(asset.id, manager) store.setState(({ player }) => { player.preloadManagers = new Map(preloadManagers) }) } } catch (error) { const err = error instanceof Error ? error : new Error(String(error)) options.onError(err, asset) console.error("[usePlayer] Preload error:", error) } }, [options, store] ) const cancelPreload = React.useCallback( (assetId: string): void => { const preloadManagers = store.getState().player.preloadManagers const manager = preloadManagers.get(assetId) if (manager) { manager.destroy() preloadManagers.delete(assetId) store.setState(({ player }) => { player.preloadManagers = new Map(preloadManagers) }) } }, [store] ) const isPreloaded = React.useCallback( (assetId: string): boolean => { return store.getState().player.preloadManagers.has(assetId) }, [store] ) return { cancelPreload, isPreloaded, load, player, preload, } } export function usePlayerStore( selector: (state: PlayerStore["player"]) => TSelected ): TSelected { return useMediaFeatureStore( PLAYER_FEATURE_KEY, (state) => selector(state.player) ) } function PlayerSetup() { const store = useMediaFeatureApi( PLAYER_FEATURE_KEY ) const events = useMediaEvents() const setPlayer = usePlayerStore((state) => state.setInstance) const mediaElement = useMediaStore((state) => state.mediaElement) const debug = useMediaStore((state) => state.debug) const player = usePlayerStore((state) => state.instance) const playerInstance = useRef(null) React.useLayoutEffect(() => { let aborted = false async function loadPlayer() { const shakaLib = ( debug ? await import("shaka-player/dist/shaka-player.compiled.debug") : await import("shaka-player") ).default if (!mediaElement || aborted) { return } const localPlayer = new shakaLib.Player() as shaka.Player try { // DEV: initializeMediaSource is false, otherwise player is in loaded status by default await localPlayer.attach(mediaElement, false) // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- mutated by cleanup closure during await if (aborted) { void localPlayer.destroy().catch(noop) return } setPlayer(localPlayer) playerInstance.current = localPlayer mediaElement.player = playerInstance.current window.shaka = shakaLib as unknown as Window["shaka"] events.emit("playerready") } catch (error) { // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- mutated by cleanup closure during await if (aborted) { void localPlayer.destroy().catch(noop) return } const err = error instanceof Error ? error : new Error(String(error)) console.error( "[usePlayer] Failed to attach player to media element:", err ) events.emit("playererror", { error: err }) } } if (!playerInstance.current) { void loadPlayer() } return () => { aborted = true if (playerInstance.current) { void playerInstance.current.destroy().catch(noop) setPlayer(null) playerInstance.current = null } } }, [debug, mediaElement, setPlayer, events]) React.useEffect(() => { if (!player) return noop let bufferingTimeout: null | ReturnType = null const clearBufferingTimeout = () => { if (bufferingTimeout) { clearTimeout(bufferingTimeout) bufferingTimeout = null } } const setInitialState = () => { if (player.isBuffering()) { store.setState(({ playback }) => { playback.status = "buffering" }) } } const bufferingHandler = () => { const isBuffering = player.isBuffering() if (isBuffering) { store.setState(({ playback }) => { playback.status = "buffering" }) } else { clearBufferingTimeout() const media = store.getState().media.mediaElement if (media) { store.setState(({ playback }) => { playback.status = media.paused ? "paused" : "playing" }) } } events.emit("bufferingchange", { isBuffering }) } const loadingHandler = () => { store.setState(({ playback }) => { playback.status = "loading" }) } on(player, "buffering", bufferingHandler) on(player, "loading", loadingHandler) const errorHandler = (event: Event) => { const detail = (event as CustomEvent).detail as shaka.util.Error if (isLoadInterrupted(detail)) return const media = store.getState().media.mediaElement const currentTime = media?.currentTime ?? 0 store.getState().playback.setError(detail) events.emit("playbackerror", { currentTime, error: detail as unknown as Error, }) } player.addEventListener("error", errorHandler) setInitialState() return () => { off(player, "buffering", bufferingHandler) off(player, "loading", loadingHandler) player.removeEventListener("error", errorHandler) clearBufferingTimeout() } }, [events, mediaElement, player, store]) return null } 4c:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","shaka-player@^5.2.7",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/shaka-player","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"shaka-player@^5.2.7"}]]}]}],["$","li","zustand",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/zustand","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"zustand"}]]}]}]]}],["$","$L4d",null,{"namespace":"@limeplay","registryDependencies":["https://limeplay.winoffrg.dev/r/use-media.json","https://limeplay.winoffrg.dev/r/use-playback.json","https://limeplay.winoffrg.dev/r/utils.json","https://limeplay.winoffrg.dev/r/media-provider.json"]}]]}],null]}],["$","$L4e",null,{"files":[{"path":"registry/default/hooks/use-player.ts","content":"$4f","type":"registry:hook","target":"hooks/limeplay/use-player.ts"}],"className":"h-[70svh] min-h-80"}]]}]