4e: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"] 4f: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"] 50:T6867,"use client" import clamp from "lodash/clamp" import pull from "lodash/pull" import reject from "lodash/reject" import shuffle from "lodash/shuffle" import React from "react" import { useShallow } from "zustand/react/shallow" import type { MediaEventSlice, MediaFeature, } from "@/registry/default/ui/media-provider" import { useMediaStore } from "@/registry/default/hooks/use-media" import { useMediaFeatureApi, useMediaFeatureStore, } from "@/registry/default/ui/media-provider" export interface PlaylistChangeEvent> { currentIndex: number currentItem: null | PlaylistItem previousIndex: number previousItem: null | PlaylistItem reason: "load" | "next" | "previous" | "remove" | "skip" } export interface PlaylistItem> { id: string properties: T } export interface PlaylistItemInput> { id: string properties?: T } export type RepeatMode = "all" | "off" | "one" export const PLAYLIST_FEATURE_KEY = "playlist" export interface PlaylistEvents { playlistchange: PlaylistChangeEvent } export interface PlaylistStore extends MediaEventSlice { [PLAYLIST_FEATURE_KEY]: { append: (items: PlaylistItemInput[]) => void clear: () => void currentIndex: number currentItem: null | PlaylistItem cycleRepeatMode: () => void getItem: (id: string) => null | PlaylistItem getNextIndex: () => number getPreviousIndex: () => number history: PlaylistItem[] insert: (items: PlaylistItemInput[], atIndex: number) => void load: (items: PlaylistItemInput[], startIndex?: number) => void newSession: () => string next: () => boolean playNext: (items: PlaylistItemInput[]) => void prepend: (items: PlaylistItemInput[]) => void previous: () => boolean queue: PlaylistItem[] remove: (id: string) => void removeAt: (index: number) => void reorder: (fromIndex: number, toIndex: number) => void repeatMode: RepeatMode sessionId: string setRepeatMode: (mode: RepeatMode) => void setShuffle: (enabled: boolean) => void shuffle: boolean shuffleOrder: number[] skipTo: (index: number) => boolean skipToId: (id: string) => boolean toggleShuffle: () => void } } export interface UsePlaylistReturn { append: (items: PlaylistItemInput[]) => void clear: () => void currentIndex: number currentItem: null | PlaylistItem cycleRepeatMode: () => void getItem: (id: string) => null | PlaylistItem hasNext: boolean hasPrevious: boolean insert: (items: PlaylistItemInput[], atIndex: number) => void load: (items: PlaylistItemInput[], startIndex?: number) => void newSession: () => string next: () => boolean nextItem: null | PlaylistItem orderedItems: PlaylistItem[] playNext: (items: PlaylistItemInput[]) => void prepend: (items: PlaylistItemInput[]) => void previous: () => boolean previousItem: null | PlaylistItem remove: (id: string) => void removeAt: (index: number) => void reorder: (fromIndex: number, toIndex: number) => void setRepeatMode: (mode: RepeatMode) => void setShuffle: (enabled: boolean) => void skipTo: (index: number) => boolean skipToId: (id: string) => boolean toggleShuffle: () => void } export function playlistFeature(): MediaFeature { return { createSlice: (set, get, _store, events) => ({ [PLAYLIST_FEATURE_KEY]: { append: (items) => { const playlist = get().playlist as PlaylistStore["playlist"] const normalized = normalizeItems(items) const newQueue = [...playlist.queue, ...normalized] let newShuffleOrder = playlist.shuffleOrder if (playlist.shuffle) { const newIndices = Array.from( { length: normalized.length }, (_, i) => playlist.queue.length + i ) newShuffleOrder = [...playlist.shuffleOrder, ...shuffle(newIndices)] } set(({ playlist }) => { playlist.queue = newQueue as PlaylistItem[] playlist.shuffleOrder = newShuffleOrder }) }, clear: () => { set(({ playlist }) => { playlist.currentIndex = -1 playlist.currentItem = null playlist.history = [] playlist.queue = [] playlist.shuffleOrder = [] }) }, currentIndex: -1, currentItem: null, cycleRepeatMode: () => { const playlist = get().playlist as PlaylistStore["playlist"] const modes = getRepeatModes(playlist.queue.length) const currentMode = normalizeRepeatMode( playlist.repeatMode, playlist.queue.length ) const modeIndex = modes.indexOf(currentMode) const nextMode = modes[(modeIndex + 1) % modes.length] set(({ playlist }) => { playlist.repeatMode = nextMode }) }, getItem: (id: string) => { const playlist = get().playlist as PlaylistStore["playlist"] const item = playlist.queue.find((entry) => entry.id === id) return (item as PlaylistItem | undefined) ?? null }, getNextIndex: () => { const playlist = get().playlist as PlaylistStore["playlist"] if (playlist.queue.length === 0) return -1 if (playlist.repeatMode === "one") return playlist.currentIndex if (playlist.shuffle && playlist.shuffleOrder.length > 0) { const currentPos = playlist.shuffleOrder.indexOf( playlist.currentIndex ) const nextPos = currentPos + 1 if (nextPos < playlist.shuffleOrder.length) { return playlist.shuffleOrder[nextPos] } if (playlist.repeatMode === "all") { return playlist.shuffleOrder[0] } return -1 } const nextIndex = playlist.currentIndex + 1 if (nextIndex < playlist.queue.length) return nextIndex if (playlist.repeatMode === "all") return 0 return -1 }, getPreviousIndex: () => { const playlist = get().playlist as PlaylistStore["playlist"] return getPreviousPlaylistTarget(playlist).index }, history: [], insert: (items, atIndex) => { const playlist = get().playlist as PlaylistStore["playlist"] const normalized = normalizeItems(items) const idx = clamp(atIndex, 0, playlist.queue.length) const newQueue = [ ...playlist.queue.slice(0, idx), ...normalized, ...playlist.queue.slice(idx), ] const newCurrentIndex = playlist.currentIndex >= idx ? playlist.currentIndex + normalized.length : playlist.currentIndex let newShuffleOrder = playlist.shuffleOrder if (playlist.shuffle) { newShuffleOrder = playlist.shuffleOrder.map((i) => i >= idx ? i + normalized.length : i ) const newIndices = Array.from( { length: normalized.length }, (_, i) => idx + i ) const currentPos = newShuffleOrder.indexOf(newCurrentIndex) newShuffleOrder = [ ...newShuffleOrder.slice(0, currentPos + 1), ...shuffle(newIndices), ...newShuffleOrder.slice(currentPos + 1), ] } set(({ playlist }) => { playlist.currentIndex = newCurrentIndex playlist.queue = newQueue as PlaylistItem[] playlist.shuffleOrder = newShuffleOrder }) }, load: (items, startIndex = 0) => { const playlist = get().playlist as PlaylistStore["playlist"] const normalized = normalizeItems(items) const normalizedStartIndex = clamp( startIndex, 0, Math.max(normalized.length - 1, 0) ) const shuffleOrder = playlist.shuffle ? createShuffleOrder(normalized.length, normalizedStartIndex) : [] set(({ playlist }) => { playlist.currentIndex = -1 playlist.currentItem = null playlist.history = [] playlist.queue = normalized as PlaylistItem[] playlist.sessionId = generateSessionId() playlist.shuffleOrder = shuffleOrder }) if (normalized.length > 0) { const startItem = normalized[normalizedStartIndex] as PlaylistItem set(({ playlist }) => { playlist.currentIndex = normalizedStartIndex playlist.currentItem = startItem }) emitPlaylistChange( events.emit, normalizedStartIndex, startItem, -1, null, "load" ) } }, newSession: () => { const sessionId = generateSessionId() set(({ playlist }) => { playlist.sessionId = sessionId }) return sessionId }, next: () => { const playlist = get().playlist as PlaylistStore["playlist"] const nextIndex = playlist.getNextIndex() if (nextIndex === -1 || nextIndex >= playlist.queue.length) return false // When shuffle+repeatMode=all and we're at the end of the current order, // generate and persist a new shuffle order for the next cycle if ( playlist.shuffle && playlist.shuffleOrder.length > 0 && playlist.repeatMode === "all" ) { const currentPos = playlist.shuffleOrder.indexOf( playlist.currentIndex ) if (currentPos === playlist.shuffleOrder.length - 1) { const newShuffleOrder = createShuffleOrder(playlist.queue.length) set(({ playlist: p }) => { p.shuffleOrder = newShuffleOrder }) } } if (playlist.currentItem) { set(({ playlist: p }) => { p.history = [...playlist.history, playlist.currentItem!] }) } const nextItem = playlist.queue[nextIndex] as PlaylistItem set(({ playlist: p }) => { p.currentIndex = nextIndex p.currentItem = nextItem }) emitPlaylistChange( events.emit, nextIndex, nextItem, playlist.currentIndex, playlist.currentItem, "next" ) return true }, playNext: (items) => { const playlist = get().playlist as PlaylistStore["playlist"] playlist.insert(items, playlist.currentIndex + 1) }, prepend: (items) => { const playlist = get().playlist as PlaylistStore["playlist"] const normalized = normalizeItems(items) const newQueue = [...normalized, ...playlist.queue] const newCurrentIndex = playlist.currentIndex >= 0 ? playlist.currentIndex + normalized.length : playlist.currentIndex let newShuffleOrder = playlist.shuffleOrder.map( (idx) => idx + normalized.length ) if (playlist.shuffle) { const newIndices = Array.from( { length: normalized.length }, (_, i) => i ) const pos = playlist.shuffleOrder.indexOf(playlist.currentIndex) newShuffleOrder = [ ...newShuffleOrder.slice(0, pos + 1), ...shuffle(newIndices), ...newShuffleOrder.slice(pos + 1), ] } set(({ playlist: p }) => { p.currentIndex = newCurrentIndex p.queue = newQueue as PlaylistItem[] p.shuffleOrder = newShuffleOrder }) }, previous: () => { const playlist = get().playlist as PlaylistStore["playlist"] const previousTarget = getPreviousPlaylistTarget(playlist) const previousIndex = previousTarget.index if (previousIndex === -1 || previousIndex >= playlist.queue.length) { return false } const previousItem = playlist.queue[previousIndex] as PlaylistItem const previousHistory = previousTarget.historyIndex === -1 ? [] : playlist.history.slice(0, previousTarget.historyIndex) set(({ playlist: p }) => { p.currentIndex = previousIndex p.currentItem = previousItem p.history = previousHistory }) emitPlaylistChange( events.emit, previousIndex, previousItem, playlist.currentIndex, playlist.currentItem, "previous" ) return true }, queue: [], remove: (id) => { const playlist = get().playlist as PlaylistStore["playlist"] const removeIndex = playlist.queue.findIndex((item) => item.id === id) if (removeIndex === -1) return const newQueue = reject(playlist.queue, { id }) as PlaylistItem[] const newHistory = playlist.history.filter((item) => item.id !== id) let newCurrentIndex = playlist.currentIndex let newCurrentItem = playlist.currentItem let newShuffleOrder = playlist.shuffleOrder if (playlist.shuffle) { newShuffleOrder = playlist.shuffleOrder .filter((i) => i !== removeIndex) .map((i) => (i > removeIndex ? i - 1 : i)) } if (removeIndex < playlist.currentIndex) { newCurrentIndex = playlist.currentIndex - 1 } else if (removeIndex === playlist.currentIndex) { newCurrentIndex = Math.min( playlist.currentIndex, newQueue.length - 1 ) newCurrentItem = newQueue[newCurrentIndex] ?? null set(({ playlist: p }) => { p.currentIndex = newCurrentIndex p.currentItem = newCurrentItem p.history = newHistory p.queue = newQueue p.shuffleOrder = newShuffleOrder }) emitPlaylistChange( events.emit, newCurrentIndex, newCurrentItem, playlist.currentIndex, playlist.currentItem, "remove" ) return } set(({ playlist: p }) => { p.currentIndex = newCurrentIndex p.currentItem = newCurrentItem p.history = newHistory p.queue = newQueue p.shuffleOrder = newShuffleOrder }) }, removeAt: (index) => { const playlist = get().playlist as PlaylistStore["playlist"] if (index >= 0 && index < playlist.queue.length) { playlist.remove(playlist.queue[index].id) } }, reorder: (fromIndex, toIndex) => { const playlist = get().playlist as PlaylistStore["playlist"] if ( fromIndex < 0 || fromIndex >= playlist.queue.length || toIndex < 0 || toIndex >= playlist.queue.length ) { return } const newQueue = [...playlist.queue] const [removed] = newQueue.splice(fromIndex, 1) newQueue.splice(toIndex, 0, removed) let newCurrentIndex = playlist.currentIndex if (fromIndex === playlist.currentIndex) { newCurrentIndex = toIndex } else if ( fromIndex < playlist.currentIndex && toIndex >= playlist.currentIndex ) { newCurrentIndex = playlist.currentIndex - 1 } else if ( fromIndex > playlist.currentIndex && toIndex <= playlist.currentIndex ) { newCurrentIndex = playlist.currentIndex + 1 } let newShuffleOrder = playlist.shuffleOrder if (playlist.shuffle) { newShuffleOrder = playlist.shuffleOrder.map((i) => { if (i === fromIndex) return toIndex if (fromIndex < toIndex) { if (i > fromIndex && i <= toIndex) return i - 1 } else if (i >= toIndex && i < fromIndex) { return i + 1 } return i }) } set(({ playlist: p }) => { p.currentIndex = newCurrentIndex p.queue = newQueue p.shuffleOrder = newShuffleOrder }) }, repeatMode: "off", sessionId: generateSessionId(), setRepeatMode: (mode) => { const playlist = get().playlist as PlaylistStore["playlist"] set(({ playlist: p }) => { p.repeatMode = normalizeRepeatMode(mode, playlist.queue.length) }) }, setShuffle: (enabled) => { const playlist = get().playlist as PlaylistStore["playlist"] if (playlist.shuffle === enabled) return set(({ playlist: p }) => { p.shuffle = enabled p.shuffleOrder = enabled && playlist.queue.length > 0 ? createShuffleOrder( playlist.queue.length, playlist.currentIndex ) : [] }) }, shuffle: false, shuffleOrder: [], skipTo: (index) => { const playlist = get().playlist as PlaylistStore["playlist"] if (index < 0 || index >= playlist.queue.length) return false if (playlist.currentItem) { set(({ playlist: p }) => { p.history = [...playlist.history, playlist.currentItem!] }) } const item = playlist.queue[index] as PlaylistItem set(({ playlist: p }) => { p.currentIndex = index p.currentItem = item }) emitPlaylistChange( events.emit, index, item, playlist.currentIndex, playlist.currentItem, "skip" ) return true }, skipToId: (id) => { const playlist = get().playlist as PlaylistStore["playlist"] const index = playlist.queue.findIndex((item) => item.id === id) if (index === -1) return false return playlist.skipTo(index) }, toggleShuffle: () => { const playlist = get().playlist as PlaylistStore["playlist"] const newShuffle = !playlist.shuffle set(({ playlist: p }) => { p.shuffle = newShuffle p.shuffleOrder = newShuffle && playlist.queue.length > 0 ? createShuffleOrder( playlist.queue.length, playlist.currentIndex ) : [] }) }, }, }), key: PLAYLIST_FEATURE_KEY, Setup: PlaylistSetup, } } export function usePlaylist(): UsePlaylistReturn { const api = useMediaFeatureApi(PLAYLIST_FEATURE_KEY) const currentIndex = usePlaylistStore((state) => state.currentIndex) const queue = usePlaylistStore((state) => state.queue) const shuffle = usePlaylistStore((state) => state.shuffle) const shuffleOrder = usePlaylistStore((state) => state.shuffleOrder) const repeatMode = usePlaylistStore((state) => state.repeatMode) const state = usePlaylistStore( useShallow((playlist) => ({ append: playlist.append as UsePlaylistReturn["append"], clear: playlist.clear, currentIndex: playlist.currentIndex, cycleRepeatMode: playlist.cycleRepeatMode, getItem: playlist.getItem as UsePlaylistReturn["getItem"], insert: playlist.insert as UsePlaylistReturn["insert"], load: playlist.load as UsePlaylistReturn["load"], newSession: playlist.newSession, next: playlist.next, playNext: playlist.playNext as UsePlaylistReturn["playNext"], prepend: playlist.prepend as UsePlaylistReturn["prepend"], previous: playlist.previous, remove: playlist.remove, removeAt: playlist.removeAt, reorder: playlist.reorder, setRepeatMode: playlist.setRepeatMode, setShuffle: playlist.setShuffle, skipTo: playlist.skipTo, skipToId: playlist.skipToId, toggleShuffle: playlist.toggleShuffle, })) ) const currentItem = React.useMemo((): null | PlaylistItem => { if (currentIndex >= 0 && currentIndex < queue.length) { return queue[currentIndex] as PlaylistItem } return null }, [currentIndex, queue]) const nextItem = React.useMemo((): null | PlaylistItem => { const nextIndex = api.getState().playlist.getNextIndex() if (nextIndex >= 0 && nextIndex < queue.length) { return queue[nextIndex] as PlaylistItem } return null }, [api, queue, currentIndex, shuffle, shuffleOrder, repeatMode]) const previousItem = React.useMemo((): null | PlaylistItem => { const prevIndex = api.getState().playlist.getPreviousIndex() if (prevIndex >= 0 && prevIndex < queue.length) { return queue[prevIndex] as PlaylistItem } return null }, [api, queue, currentIndex, shuffle, shuffleOrder, repeatMode]) const orderedItems = React.useMemo((): PlaylistItem[] => { const typedQueue = queue as unknown as PlaylistItem[] if (!shuffle || shuffleOrder.length === 0) { return typedQueue } return shuffleOrder.map((index) => typedQueue[index]) }, [queue, shuffle, shuffleOrder]) const hasNext = (repeatMode === "all" && queue.length > 0) || api.getState().playlist.getNextIndex() !== -1 const hasPrevious = (repeatMode === "all" && queue.length > 0) || api.getState().playlist.getPreviousIndex() !== -1 return { append: state.append, clear: state.clear, currentIndex: state.currentIndex, currentItem, cycleRepeatMode: state.cycleRepeatMode, getItem: state.getItem, hasNext, hasPrevious, insert: state.insert, load: state.load, newSession: state.newSession, next: state.next, nextItem, orderedItems, playNext: state.playNext, prepend: state.prepend, previous: state.previous, previousItem, remove: state.remove, removeAt: state.removeAt, reorder: state.reorder, setRepeatMode: state.setRepeatMode, setShuffle: state.setShuffle, skipTo: state.skipTo, skipToId: state.skipToId, toggleShuffle: state.toggleShuffle, } } export function usePlaylistStore( selector: (state: PlaylistStore["playlist"]) => TSelected ): TSelected { return useMediaFeatureStore( PLAYLIST_FEATURE_KEY, (state) => selector(state.playlist) ) } function createShuffleOrder(length: number, excludeIndex?: number): number[] { const indices = Array.from({ length }, (_, i) => i) if ( excludeIndex !== undefined && excludeIndex >= 0 && excludeIndex < length ) { const shuffledIndices = shuffle(pull([...indices], excludeIndex)) return [excludeIndex, ...shuffledIndices] } return shuffle(indices) } function emitPlaylistChange( emit: (name: "playlistchange", payload: PlaylistChangeEvent) => void, nextIndex: number, nextItem: null | PlaylistItem, previousIndex: number, previousItem: null | PlaylistItem, reason: PlaylistChangeEvent["reason"] ) { emit("playlistchange", { currentIndex: nextIndex, currentItem: nextItem, previousIndex, previousItem, reason, }) } function generateSessionId(): string { return `lp_${Date.now()}_${Math.random().toString(36).substring(2, 9)}` } function getPreviousPlaylistTarget(playlist: PlaylistStore["playlist"]): { historyIndex: number index: number } { if (playlist.queue.length === 0) { return { historyIndex: -1, index: -1 } } if (playlist.repeatMode === "one") { return { historyIndex: -1, index: playlist.currentIndex } } for ( let historyIndex = playlist.history.length - 1; historyIndex >= 0; historyIndex-- ) { const historyItem = playlist.history[historyIndex] const index = playlist.queue.findIndex( (entry) => entry.id === historyItem.id ) if (index !== -1) { return { historyIndex, index } } } if (playlist.shuffle && playlist.shuffleOrder.length > 0) { const currentPos = playlist.shuffleOrder.indexOf(playlist.currentIndex) if (currentPos > 0) { return { historyIndex: -1, index: playlist.shuffleOrder[currentPos - 1], } } if (playlist.repeatMode === "all") { return { historyIndex: -1, index: playlist.shuffleOrder[playlist.shuffleOrder.length - 1], } } return { historyIndex: -1, index: -1 } } if (playlist.currentIndex > 0) { return { historyIndex: -1, index: playlist.currentIndex - 1 } } if (playlist.repeatMode === "all") { return { historyIndex: -1, index: playlist.queue.length - 1 } } return { historyIndex: -1, index: -1 } } function getRepeatModes(queueLength: number): RepeatMode[] { if (queueLength <= 1) { return ["off", "one"] } return ["off", "all", "one"] } function normalizeItems(inputs: PlaylistItemInput[]): PlaylistItem[] { return inputs.map((input) => ({ id: input.id, properties: input.properties ?? ({} as T), })) } function normalizeRepeatMode( mode: RepeatMode, queueLength: number ): RepeatMode { if (queueLength <= 1 && mode === "all") { return "one" } return mode } function PlaylistSetup() { const api = useMediaFeatureApi(PLAYLIST_FEATURE_KEY) const mediaElement = useMediaStore((state) => state.mediaElement) const repeatMode = usePlaylistStore((state) => state.repeatMode) React.useEffect(() => { if (!mediaElement) return mediaElement.loop = repeatMode === "one" }, [mediaElement, repeatMode]) React.useEffect(() => { const playlist = api.getState().playlist as PlaylistStore["playlist"] if (playlist.queue.length <= 1 && repeatMode === "all") { api.setState(({ playlist }) => { playlist.repeatMode = "one" }) } }, [api, repeatMode]) return null } 4d:["$","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","lodash",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lodash","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":"lodash"}]]}]}],["$","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"}]]}]}]]}],["$","$L4e",null,{"namespace":"@limeplay","registryDependencies":["https://limeplay.winoffrg.dev/r/use-media.json","https://limeplay.winoffrg.dev/r/utils.json","https://limeplay.winoffrg.dev/r/media-provider.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/default/hooks/use-playlist.ts","content":"$50","type":"registry:hook","target":"hooks/limeplay/use-playlist.ts"}],"className":"h-[70svh] min-h-80"}]]}]