51: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"] 52: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"] 53:T10ab,import React from "react" import { cn } from "@/lib/utils" import { usePlayerStore } from "@/registry/default/hooks/use-player" import { useTimelineStore } from "@/registry/default/hooks/use-timeline" import { durationDateTime, formatTimestamp } from "@/registry/default/lib/time" const HOURS_IN_SECONDS = 60 * 60 /** * Elapsed time * @note formatted as HH:MM:SS where HH only shows if > 1 hour */ export const Elapsed = React.forwardRef< HTMLTimeElement, React.HTMLProps >((props, forwardedRef) => { const { className, ...etc } = props const currentTime = useTimelineStore((state) => state.currentTime) const duration = useTimelineStore((state) => state.duration) const player = usePlayerStore((state) => state.instance) return ( Elapsed {formatTimestamp(currentTime, duration > HOURS_IN_SECONDS)} ) }) Elapsed.displayName = "Elapsed" /** * Remaining time * @note formatted as HH:MM:SS where HH only shows if > 1 hour */ export const Remaining = React.forwardRef< HTMLTimeElement, React.HTMLProps >((props, forwardedRef) => { const { className, ...etc } = props const duration = useTimelineStore((state) => state.duration) const currentTime = useTimelineStore((state) => state.currentTime) const player = usePlayerStore((state) => state.instance) return ( Remaining − {formatTimestamp(duration - currentTime, duration > HOURS_IN_SECONDS)} ) }) Remaining.displayName = "Remaining" /** * Total Duration of the content * @note formatted as HH:MM:SS where HH only shows if > 1 hour * @description Time is formatted as HH:MM:SS where HH will only be shown if time has hour */ export const Duration = React.forwardRef< HTMLTimeElement, React.HTMLProps >((props, forwardedRef) => { const { className, ...etc } = props const duration = useTimelineStore((state) => state.duration) const player = usePlayerStore((state) => state.instance) return ( Duration {formatTimestamp(duration, duration > HOURS_IN_SECONDS)} ) }) Duration.displayName = "Duration" export const HoverTime = React.forwardRef< HTMLTimeElement, React.HTMLProps >((props, forwardedRef) => { const { className, ...etc } = props const hoveringTime = useTimelineStore((state) => state.hoveringTime) const player = usePlayerStore((state) => state.instance) const duration = useTimelineStore((state) => state.duration) const isLive = useTimelineStore((state) => state.isLive) const hoverTime = isLive ? duration - hoveringTime : hoveringTime return ( Seek To: {formatTimestamp(hoverTime, duration > HOURS_IN_SECONDS)} ) }) HoverTime.displayName = "HoverTime" export const LiveLatency = React.forwardRef< HTMLTimeElement, React.HTMLProps >((props, forwardedRef) => { const { className, ...etc } = props const liveLatency = useTimelineStore((state) => state.liveLatency) if (liveLatency == null) return null return ( Live Latency: − {formatTimestamp(liveLatency, liveLatency > HOURS_IN_SECONDS)} ) }) LiveLatency.displayName = "LiveLatency" 50:["$","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":[null,["$","$L51",null,{"namespace":"@limeplay","registryDependencies":["https://limeplay.winoffrg.dev/r/media-provider.json","https://limeplay.winoffrg.dev/r/use-timeline.json","https://limeplay.winoffrg.dev/r/utils.json","https://limeplay.winoffrg.dev/r/time.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/default/ui/timeline-labels.tsx","content":"$53","type":"registry:ui","target":"components/limeplay/timeline-labels.tsx"}],"className":"h-[70svh] min-h-80"}]]}]