4c:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/2ocpj6i2oorb_.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1r51enyhosz-u.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/3qfn9_v7pj_rb.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/13f5hjswluuex.js","/_next/static/immutable/chunks/0a8eymjz3e95j.js"],"RegistryDependencies"] 4d:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/2ocpj6i2oorb_.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1r51enyhosz-u.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/3qfn9_v7pj_rb.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/13f5hjswluuex.js","/_next/static/immutable/chunks/0a8eymjz3e95j.js"],"Installation"] 4e:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/2ocpj6i2oorb_.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1r51enyhosz-u.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/3qfn9_v7pj_rb.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/13f5hjswluuex.js","/_next/static/immutable/chunks/0a8eymjz3e95j.js"],"FilesView"] 4f:Tbba,"use client" import { useEffect, useMemo, useRef } from "react" import type { GetAssetId, PlayerSource, TAsset, UseAssetOptions, } from "@/registry/default/hooks/use-asset" import { AssetSourceOrigin, AssetSourceType, useAsset, } from "@/registry/default/hooks/use-asset" import { usePlayerStore } from "@/registry/default/hooks/use-player" export interface PlaybackSourceControllerProps { autoLoad?: boolean initialIndex?: number loading?: UseAssetOptions source?: PlayerSource sourceKey?: string } export function PlaybackSourceController( props: PlaybackSourceControllerProps ) { usePlaybackSource(props) return null } function getSourceOrigin( source: PlayerSource | undefined ): Parameters>[1]["origin"] { if (Array.isArray(source)) return AssetSourceOrigin.Playlist if (typeof source === "string") return AssetSourceOrigin.MediaProps return AssetSourceOrigin.Asset } function usePlaybackSource( options: PlaybackSourceControllerProps ): void { const { autoLoad = true, initialIndex = 0, loading, source, sourceKey, } = options const assets = useMemo(() => { if (Array.isArray(source)) return [...source] if (typeof source === "string") return [{ src: source } as TItem] if (source) return [source] return [] }, [source]) const player = usePlayerStore((state) => state.instance) const { loadSource } = useAsset() const loadedSourceKeyRef = useRef(null) useEffect(() => { loadedSourceKeyRef.current = null }, [player]) const resolvedSourceKey = useMemo(() => { if (sourceKey) return sourceKey return assets .map((item, index) => { const id = item.id ?? loading?.getAssetId?.(item, { index, origin: getSourceOrigin(source), }) ?? item.src return id ?? `item:${index}` }) .join("|") }, [assets, loading, source, sourceKey]) const sourceType = useMemo(() => { return Array.isArray(source) ? AssetSourceType.Playlist : AssetSourceType.Asset }, [source]) const requestKey = useMemo( () => `${resolvedSourceKey}::${sourceType}::${initialIndex}`, [initialIndex, resolvedSourceKey, sourceType] ) useEffect(() => { loadedSourceKeyRef.current = null }, [requestKey]) useEffect(() => { if (!autoLoad || !player || source === undefined || assets.length === 0) return if (loadedSourceKeyRef.current === requestKey) return loadedSourceKeyRef.current = requestKey loadSource(source, { initialIndex, loading, sourceKey, sourceType, }) }, [ assets, autoLoad, initialIndex, loadSource, player, requestKey, resolvedSourceKey, source, sourceKey, sourceType, loading, ]) } 48:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[]}],["$","$L4c",null,{"registryDependencies":["https://limeplay.winoffrg.dev/r/use-asset.json","https://limeplay.winoffrg.dev/r/use-player.json"]}]]}],["$","$L4d",null,{"sourceUrl":"https://limeplay.winoffrg.dev/r/use-playback-source.json","proxyUrl":"https://shadcnregistry.com/r/limeplay/use-playback-source","itemId":"@limeplay/use-playback-source"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L4e",null,{"files":[{"path":"registry/default/hooks/use-playback-source.ts","content":"$4f","type":"registry:hook","target":"hooks/limeplay/use-playback-source.ts"}]}]]}],"$L50"]}]

Use Playback Source

Installation

Files

hooks

Styles