@hopeplayer/core 1.0.4 → 1.0.5

package/dist/chunks/index-Z7Jmls0c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-Z7Jmls0c.js","sources":["../../src/plugins/live/LiveWallClock.ts","../../src/plugins/live/index.ts"],"sourcesContent":["import type { LiveWallClockOptions } from '../../types';\nimport type { HopeLocaleStrings } from '../../i18n/types';\n\nexport interface LiveWallClockPlayerContext {\n    videoEl: HTMLVideoElement;\n    seekBarEl: HTMLElement;\n    addControlElement(el: HTMLElement): void;\n    /** UI dili (chrome metinleri) — `options.locale` (Intl saat biçimlendirme locale'i, ör. 'tr-TR') ile KARIŞTIRILMASIN, ayrı bir kavram. */\n    i18n: HopeLocaleStrings;\n}\n\nconst DEFAULTS: Required<LiveWallClockOptions> = {\n    locale: 'tr-TR',\n    timeZone: 'UTC',\n    showSeconds: true,\n    tooltipMode: 'clock',\n};\n\n/**\n * Canlı yayında duvar saati + seek bar hover tooltip'i. Canlı uç = seekable (yoksa buffered) sonu;\n * uç anının şu anki duvar saati olduğu varsayılır.\n */\nexport class LiveWallClock {\n    private readonly clockEl: HTMLElement;\n    private readonly tooltipEl: HTMLElement;\n    private readonly options: Required<LiveWallClockOptions>;\n\n    private clockTimer: ReturnType<typeof setTimeout> | null = null;\n    private tooltipTimer: ReturnType<typeof setTimeout> | null = null;\n    private isHovering = false;\n    private lastSeekBarPoint: number | null = null;\n\n    constructor(\n        private readonly ctx: LiveWallClockPlayerContext,\n        options: LiveWallClockOptions = {}\n    ) {\n        this.options = { ...DEFAULTS, ...options };\n\n        this.clockEl = document.createElement('span');\n        this.clockEl.setAttribute('part', 'live-clock');\n        this.clockEl.setAttribute('role', 'status');\n        this.clockEl.setAttribute('aria-label', ctx.i18n.liveClock);\n        this.clockEl.className = 'hp:hidden hp:text-xs hp:text-on-surface hp:opacity-90 hp:tabular-nums hp:whitespace-nowrap hp:ml-1';\n        ctx.addControlElement(this.clockEl);\n\n        this.tooltipEl = document.createElement('div');\n        this.tooltipEl.setAttribute('part', 'live-tooltip');\n        this.tooltipEl.className =\n            'hp:hidden hp:absolute hp:bottom-full hp:mb-2 hp-center-x hp:px-2 hp:py-1 hp:rounded hp:bg-surface-elev hp:text-on-surface hp:text-xs hp:tabular-nums hp:whitespace-nowrap hp:pointer-events-none hp:z-20';\n        ctx.seekBarEl.appendChild(this.tooltipEl);\n\n        ctx.seekBarEl.addEventListener('mouseenter', this.onSeekEnter);\n        ctx.seekBarEl.addEventListener('mouseleave', this.onSeekLeave);\n        ctx.seekBarEl.addEventListener('mousemove', this.onSeekMove);\n\n        this.startClockTick();\n    }\n\n    refreshLabels(): void {\n        this.clockEl.setAttribute('aria-label', this.ctx.i18n.liveClock);\n    }\n\n    destroy(): void {\n        this.stopClockTick();\n        this.stopTooltipTick();\n        this.ctx.seekBarEl.removeEventListener('mouseenter', this.onSeekEnter);\n        this.ctx.seekBarEl.removeEventListener('mouseleave', this.onSeekLeave);\n        this.ctx.seekBarEl.removeEventListener('mousemove', this.onSeekMove);\n        this.clockEl.remove();\n        this.tooltipEl.remove();\n    }\n\n    /** Canlılık için duration === Infinity yeterli — native HLS'te DVR'sız canlıda seekable boş kalabiliyor. */\n    private isLive(): boolean {\n        return this.ctx.videoEl.duration === Infinity;\n    }\n\n    /** Canlı edge'in media-time'ı (saniye) — seekable aralığının sonu; seekable boşsa (bkz. isLive notu) buffered aralığının sonu. */\n    private liveEdge(): number | null {\n        const { seekable, buffered } = this.ctx.videoEl;\n        if (seekable.length) return seekable.end(seekable.length - 1);\n        if (buffered.length) return buffered.end(buffered.length - 1);\n        return null;\n    }\n\n    // ── saat ──\n\n    private startClockTick(): void {\n        const tick = () => {\n            this.renderClock();\n            const delay = 1000 - (Date.now() % 1000);\n            this.clockTimer = setTimeout(tick, delay);\n        };\n        tick();\n    }\n\n    private stopClockTick(): void {\n        if (this.clockTimer) {\n            clearTimeout(this.clockTimer);\n            this.clockTimer = null;\n        }\n    }\n\n    private renderClock(): void {\n        if (!this.isLive()) {\n            this.clockEl.classList.add('hp:hidden');\n            return;\n        }\n\n        const liveNow = this.liveEdge();\n        const ct = this.ctx.videoEl.currentTime;\n        if (liveNow === null || !Number.isFinite(ct)) {\n            this.clockEl.textContent = '--:--:--';\n            this.clockEl.classList.remove('hp:hidden');\n            return;\n        }\n\n        const behindSec = Math.max(0, liveNow - ct);\n        const watchedMs = Date.now() - behindSec * 1000;\n        this.clockEl.textContent = this.formatClock(new Date(watchedMs));\n        this.clockEl.classList.remove('hp:hidden');\n    }\n\n    // ── seekbar hover tooltip ──\n\n    private readonly onSeekEnter = (): void => {\n        this.isHovering = true;\n        this.renderTooltip();\n        this.startTooltipTick();\n    };\n\n    private readonly onSeekLeave = (): void => {\n        this.isHovering = false;\n        this.lastSeekBarPoint = null;\n        this.stopTooltipTick();\n        this.hideTooltip();\n    };\n\n    private readonly onSeekMove = (e: MouseEvent): void => {\n        const rect = this.ctx.seekBarEl.getBoundingClientRect();\n        const ratio = rect.width > 0 ? (e.clientX - rect.left) / rect.width : null;\n        this.lastSeekBarPoint = ratio === null ? null : Math.max(0, Math.min(1, ratio));\n        this.renderTooltip();\n        this.startTooltipTick();\n    };\n\n    private startTooltipTick(): void {\n        if (this.tooltipTimer) return;\n        const tick = () => {\n            if (!this.isHovering || this.lastSeekBarPoint == null) {\n                this.tooltipTimer = null;\n                return;\n            }\n            this.renderTooltip();\n            const delay = 1000 - (Date.now() % 1000);\n            this.tooltipTimer = setTimeout(tick, delay);\n        };\n        tick();\n    }\n\n    private stopTooltipTick(): void {\n        if (this.tooltipTimer) {\n            clearTimeout(this.tooltipTimer);\n            this.tooltipTimer = null;\n        }\n    }\n\n    private renderTooltip(): void {\n        if (!this.isLive() || this.lastSeekBarPoint == null) {\n            this.hideTooltip();\n            return;\n        }\n\n        const liveEdge = this.liveEdge();\n        if (liveEdge === null || liveEdge <= 0) {\n            this.hideTooltip();\n            return;\n        }\n\n        const secondsBehind = Math.max(0, liveEdge - this.lastSeekBarPoint * liveEdge);\n        const hoveredMs = Date.now() - secondsBehind * 1000;\n        const wallClock = this.formatClock(new Date(hoveredMs));\n        const minus = `-${this.formatDuration(secondsBehind)}`;\n\n        this.tooltipEl.innerHTML = '';\n        if (this.options.tooltipMode === 'behind') {\n            this.tooltipEl.textContent = minus;\n        } else if (this.options.tooltipMode === 'both') {\n            const line1 = document.createElement('div');\n            line1.textContent = wallClock;\n            const line2 = document.createElement('div');\n            line2.textContent = minus;\n            line2.className = 'hp:opacity-70';\n            this.tooltipEl.append(line1, line2);\n        } else {\n            this.tooltipEl.textContent = wallClock;\n        }\n\n        this.tooltipEl.style.left = `${this.lastSeekBarPoint * 100}%`;\n        this.tooltipEl.classList.remove('hp:hidden');\n    }\n\n    private hideTooltip(): void {\n        this.tooltipEl.classList.add('hp:hidden');\n    }\n\n    // ── format ──\n\n    private formatClock(date: Date): string {\n        const fmtOpts: Intl.DateTimeFormatOptions = this.options.showSeconds\n            ? { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false, timeZone: this.options.timeZone }\n            : { hour: '2-digit', minute: '2-digit', hour12: false, timeZone: this.options.timeZone };\n        try {\n            return new Intl.DateTimeFormat(this.options.locale, fmtOpts).format(date);\n        } catch {\n            const pad = (n: number) => String(n).padStart(2, '0');\n            const base = `${pad(date.getHours())}:${pad(date.getMinutes())}`;\n            return this.options.showSeconds ? `${base}:${pad(date.getSeconds())}` : base;\n        }\n    }\n\n    private formatDuration(totalSeconds: number): string {\n        const s = Math.floor(totalSeconds);\n        const hh = Math.floor(s / 3600);\n        const mm = Math.floor((s % 3600) / 60);\n        const ss = s % 60;\n        const pad = (n: number) => String(n).padStart(2, '0');\n        return hh > 0 ? `${pad(hh)}:${pad(mm)}:${pad(ss)}` : `${pad(mm)}:${pad(ss)}`;\n    }\n}\n","import { LiveWallClock, type LiveWallClockPlayerContext } from './LiveWallClock';\nimport type { LiveWallClockOptions } from '../../types';\n\nexport function installLiveWallClock(ctx: LiveWallClockPlayerContext, options: LiveWallClockOptions): LiveWallClock {\n    return new LiveWallClock(ctx, options);\n}\n\nexport { LiveWallClock };\nexport type { LiveWallClockPlayerContext };\n"],"names":["DEFAULTS","LiveWallClock","ctx","options","__publicField","e","rect","ratio","seekable","buffered","tick","delay","liveNow","ct","behindSec","watchedMs","liveEdge","secondsBehind","hoveredMs","wallClock","minus","line1","line2","date","fmtOpts","pad","n","base","totalSeconds","s","hh","mm","ss","installLiveWallClock"],"mappings":"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"}