@hopeplayer/core 1.0.4 → 1.0.6

package/dist/chunks/{index-Z7Jmls0c.js → index-7IBf8Y-R.js}

@@ -1,13 +1,13 @@
-var c = Object.defineProperty;
-var a = (l, t, e) => t in l ? c(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
-var o = (l, t, e) => a(l, typeof t != "symbol" ? t + "" : t, e);
-const p = {
+var a = Object.defineProperty;
+var p = (n, t, e) => t in n ? a(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var o = (n, t, e) => p(n, typeof t != "symbol" ? t + "" : t, e);
+const d = {
   locale: "tr-TR",
   timeZone: "UTC",
   showSeconds: !0,
   tooltipMode: "clock"
 };
-class d {
+class u {
   constructor(t, e = {}) {
     o(this, "clockEl");
     o(this, "tooltipEl");
@@ -27,7 +27,7 @@ class d {
       const e = this.ctx.seekBarEl.getBoundingClientRect(), i = e.width > 0 ? (t.clientX - e.left) / e.width : null;
       this.lastSeekBarPoint = i === null ? null : Math.max(0, Math.min(1, i)), this.renderTooltip(), this.startTooltipTick();
     });
-    this.ctx = t, this.options = { ...p, ...e }, this.clockEl = document.createElement("span"), this.clockEl.setAttribute("part", "live-clock"), this.clockEl.setAttribute("role", "status"), this.clockEl.setAttribute("aria-label", t.i18n.liveClock), this.clockEl.className = "hp:hidden hp:text-xs hp:text-on-surface hp:opacity-90 hp:tabular-nums hp:whitespace-nowrap hp:ml-1", t.addControlElement(this.clockEl), this.tooltipEl = document.createElement("div"), this.tooltipEl.setAttribute("part", "live-tooltip"), this.tooltipEl.className = "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", t.seekBarEl.appendChild(this.tooltipEl), t.seekBarEl.addEventListener("mouseenter", this.onSeekEnter), t.seekBarEl.addEventListener("mouseleave", this.onSeekLeave), t.seekBarEl.addEventListener("mousemove", this.onSeekMove), this.startClockTick();
+    this.ctx = t, this.options = { ...d, ...e }, this.clockEl = document.createElement("span"), this.clockEl.setAttribute("part", "live-clock"), this.clockEl.setAttribute("role", "status"), this.clockEl.setAttribute("aria-label", t.i18n.liveClock), this.clockEl.className = "hp:hidden hp:text-xs hp:text-on-surface hp:opacity-90 hp:tabular-nums hp:whitespace-nowrap hp:ml-1", t.addControlElement(this.clockEl), this.tooltipEl = document.createElement("div"), this.tooltipEl.setAttribute("part", "live-tooltip"), this.tooltipEl.className = "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", t.seekBarEl.appendChild(this.tooltipEl), t.seekBarEl.addEventListener("mouseenter", this.onSeekEnter), t.seekBarEl.addEventListener("mouseleave", this.onSeekLeave), t.seekBarEl.addEventListener("mousemove", this.onSeekMove), this.startClockTick();
   }
   refreshLabels() {
     this.clockEl.setAttribute("aria-label", this.ctx.i18n.liveClock);
@@ -44,6 +44,17 @@ class d {
     const { seekable: t, buffered: e } = this.ctx.videoEl;
     return t.length ? t.end(t.length - 1) : e.length ? e.end(e.length - 1) : null;
   }
+  /** Geri sarılabilir pencerenin başı — kayan pencereli canlıda 0 değil (ör. 3600). */
+  windowStart() {
+    const { seekable: t, buffered: e } = this.ctx.videoEl;
+    return t.length ? t.start(0) : e.length ? e.start(0) : 0;
+  }
+  /** `mediaTime` anının duvar saati (ms) — PROGRAM-DATE-TIME varsa ondan, yoksa canlı uca göre tahmin. */
+  wallClockAt(t, e) {
+    var s, l;
+    const i = (l = (s = this.ctx).getPlayingDate) == null ? void 0 : l.call(s);
+    return i && Number.isFinite(i.getTime()) ? i.getTime() + (t - this.ctx.videoEl.currentTime) * 1e3 : Date.now() - Math.max(0, e - t) * 1e3;
+  }
   // ── saat ──
   startClockTick() {
     const t = () => {
@@ -66,8 +77,7 @@ class d {
       this.clockEl.textContent = "--:--:--", this.clockEl.classList.remove("hp:hidden");
       return;
     }
-    const i = Math.max(0, t - e), s = Date.now() - i * 1e3;
-    this.clockEl.textContent = this.formatClock(new Date(s)), this.clockEl.classList.remove("hp:hidden");
+    this.clockEl.textContent = this.formatClock(new Date(this.wallClockAt(e, t))), this.clockEl.classList.remove("hp:hidden");
   }
   startTooltipTick() {
     if (this.tooltipTimer) return;
@@ -95,16 +105,16 @@ class d {
       this.hideTooltip();
       return;
     }
-    const e = Math.max(0, t - this.lastSeekBarPoint * t), i = Date.now() - e * 1e3, s = this.formatClock(new Date(i)), r = `-${this.formatDuration(e)}`;
+    const e = Math.min(this.windowStart(), t), i = e + this.lastSeekBarPoint * (t - e), s = Math.max(0, t - i), l = this.formatClock(new Date(this.wallClockAt(i, t))), r = `-${this.formatDuration(s)}`;
     if (this.tooltipEl.innerHTML = "", this.options.tooltipMode === "behind")
       this.tooltipEl.textContent = r;
     else if (this.options.tooltipMode === "both") {
-      const n = document.createElement("div");
-      n.textContent = s;
       const h = document.createElement("div");
-      h.textContent = r, h.className = "hp:opacity-70", this.tooltipEl.append(n, h);
+      h.textContent = l;
+      const c = document.createElement("div");
+      c.textContent = r, c.className = "hp:opacity-70", this.tooltipEl.append(h, c);
     } else
-      this.tooltipEl.textContent = s;
+      this.tooltipEl.textContent = l;
     this.tooltipEl.style.left = `${this.lastSeekBarPoint * 100}%`, this.tooltipEl.classList.remove("hp:hidden");
   }
   hideTooltip() {
@@ -116,20 +126,20 @@ class d {
     try {
       return new Intl.DateTimeFormat(this.options.locale, e).format(t);
     } catch {
-      const i = (r) => String(r).padStart(2, "0"), s = `${i(t.getHours())}:${i(t.getMinutes())}`;
+      const i = (l) => String(l).padStart(2, "0"), s = `${i(t.getHours())}:${i(t.getMinutes())}`;
       return this.options.showSeconds ? `${s}:${i(t.getSeconds())}` : s;
     }
   }
   formatDuration(t) {
-    const e = Math.floor(t), i = Math.floor(e / 3600), s = Math.floor(e % 3600 / 60), r = e % 60, n = (h) => String(h).padStart(2, "0");
-    return i > 0 ? `${n(i)}:${n(s)}:${n(r)}` : `${n(s)}:${n(r)}`;
+    const e = Math.floor(t), i = Math.floor(e / 3600), s = Math.floor(e % 3600 / 60), l = e % 60, r = (h) => String(h).padStart(2, "0");
+    return i > 0 ? `${r(i)}:${r(s)}:${r(l)}` : `${r(s)}:${r(l)}`;
   }
 }
-function m(l, t) {
-  return new d(l, t);
+function k(n, t) {
+  return new u(n, t);
 }
 export {
-  d as LiveWallClock,
-  m as installLiveWallClock
+  u as LiveWallClock,
+  k as installLiveWallClock
 };
-//# sourceMappingURL=index-Z7Jmls0c.js.map
+//# sourceMappingURL=index-7IBf8Y-R.js.map

package/dist/chunks/index-7IBf8Y-R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-7IBf8Y-R.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     * Şu an oynatılan anın gerçek tarihi — HLS `EXT-X-PROGRAM-DATE-TIME`'dan (hls.js `playingDate`, Safari `getStartDate()`).\n     * Yoksa null; saat o zaman \"canlı uçtan geride kalınan süre\"den tahmin edilir.\n     */\n    getPlayingDate?(): Date | null;\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. Yayında PROGRAM-DATE-TIME varsa saat doğrudan oradan okunur\n * (encoder/CDN gecikmesi dahil doğru); yoksa canlı uç (seekable, yoksa buffered sonu) anının şu anki saat 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    /** Geri sarılabilir pencerenin başı — kayan pencereli canlıda 0 değil (ör. 3600). */\n    private windowStart(): number {\n        const { seekable, buffered } = this.ctx.videoEl;\n        if (seekable.length) return seekable.start(0);\n        if (buffered.length) return buffered.start(0);\n        return 0;\n    }\n\n    /** `mediaTime` anının duvar saati (ms) — PROGRAM-DATE-TIME varsa ondan, yoksa canlı uca göre tahmin. */\n    private wallClockAt(mediaTime: number, liveEdge: number): number {\n        const playing = this.ctx.getPlayingDate?.();\n        if (playing && Number.isFinite(playing.getTime())) return playing.getTime() + (mediaTime - this.ctx.videoEl.currentTime) * 1000;\n        return Date.now() - Math.max(0, liveEdge - mediaTime) * 1000;\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        this.clockEl.textContent = this.formatClock(new Date(this.wallClockAt(ct, liveNow)));\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        // Seek bar canlıda geri sarılabilir pencereyi (başı → canlı uç) temsil eder.\n        const start = Math.min(this.windowStart(), liveEdge);\n        const hoveredTime = start + this.lastSeekBarPoint * (liveEdge - start);\n        const secondsBehind = Math.max(0, liveEdge - hoveredTime);\n        const wallClock = this.formatClock(new Date(this.wallClockAt(hoveredTime, liveEdge)));\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","mediaTime","liveEdge","_a","_b","playing","tick","delay","liveNow","ct","start","hoveredTime","secondsBehind","wallClock","minus","line1","line2","date","fmtOpts","pad","n","base","totalSeconds","s","hh","mm","ss","installLiveWallClock"],"mappings":"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"}

package/dist/chunks/{index-DXgJitsr.js → index-BWclYFfV.js}

@@ -1,7 +1,7 @@
 var m = Object.defineProperty;
 var v = (r, t, e) => t in r ? m(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
 var n = (r, t, e) => v(r, typeof t != "symbol" ? t + "" : t, e);
-import { f as E } from "./index-QJhB8dCl.js";
+import { f as E } from "./index-DpKnz_VY.js";
 class u {
   constructor(t, e) {
     n(this, "chapters", []);
@@ -60,4 +60,4 @@ export {
   u as Segments,
   g as installSegments
 };
-//# sourceMappingURL=index-DXgJitsr.js.map
+//# sourceMappingURL=index-BWclYFfV.js.map

package/dist/chunks/{index-DXgJitsr.js.map → index-BWclYFfV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DXgJitsr.js","sources":["../../src/plugins/segments/Segments.ts","../../src/plugins/segments/index.ts"],"sourcesContent":["import type { SegmentItem } from '../../types';\nimport type { SeekBarChapterRange } from '../../controls/SeekBar';\nimport { formatTime } from '../../utils/format-time';\n\nexport interface SegmentsPlayerContext {\n    videoEl: HTMLVideoElement;\n    /** Chapter modunu destekleyen seek bar — parçalara bölme/zaman eşlemesi onda. */\n    seekBar: {\n        readonly el: HTMLElement;\n        setChapters(ranges: SeekBarChapterRange[]): HTMLElement[];\n        suppressHoverTime(key: string, suppressed: boolean): void;\n        clearChapters(): void;\n        ratioAtClientX(clientX: number): number;\n    };\n}\n\ninterface Chapter {\n    start: number;\n    end: number;\n    text?: string;\n    color?: string;\n}\n\n/**\n * YouTube tarzı bölümler: seek bar parçalara bölünür (SeekBar.setChapters), hover'da bölüm adı + zaman.\n * Zaman çizgisi her zaman tam kaplanır (boşluklar adsız bölüm, son bölüm sona uzar).\n */\nexport class Segments {\n    private chapters: Chapter[] = [];\n    private chapterEls: HTMLElement[] = [];\n    private hoverIndex = -1;\n    private readonly tooltipEl: HTMLDivElement;\n    private readonly titleEl: HTMLDivElement;\n    private readonly timeEl: HTMLDivElement;\n\n    constructor(\n        private readonly ctx: SegmentsPlayerContext,\n        private readonly segments: SegmentItem[]\n    ) {\n        this.tooltipEl = document.createElement('div');\n        this.tooltipEl.className = 'hp-chapter-tooltip';\n        this.tooltipEl.setAttribute('part', 'segment-tooltip');\n        this.titleEl = document.createElement('div');\n        this.titleEl.className = 'hp-chapter-tooltip-title';\n        this.timeEl = document.createElement('div');\n        this.timeEl.className = 'hp-chapter-tooltip-time';\n        this.tooltipEl.append(this.titleEl, this.timeEl);\n        ctx.seekBar.el.appendChild(this.tooltipEl);\n        // Popup zamanı zaten gösteriyor — seek bar'ın varsayılan hover zamanı ikinci kez yazmasın.\n        ctx.seekBar.suppressHoverTime('segments', true);\n\n        ctx.seekBar.el.addEventListener('pointermove', this.onPointerMove);\n        ctx.seekBar.el.addEventListener('pointerleave', this.onPointerLeave);\n        ctx.videoEl.addEventListener('loadedmetadata', this.onLoadedMetadata);\n        if (ctx.videoEl.readyState >= 1) this.onLoadedMetadata();\n    }\n\n    destroy(): void {\n        this.ctx.videoEl.removeEventListener('loadedmetadata', this.onLoadedMetadata);\n        this.ctx.seekBar.el.removeEventListener('pointermove', this.onPointerMove);\n        this.ctx.seekBar.el.removeEventListener('pointerleave', this.onPointerLeave);\n        this.ctx.seekBar.clearChapters();\n        this.ctx.seekBar.suppressHoverTime('segments', false);\n        this.tooltipEl.remove();\n        this.chapterEls = [];\n        this.chapters = [];\n    }\n\n    private readonly onLoadedMetadata = (): void => {\n        const duration = this.ctx.videoEl.duration;\n        if (!Number.isFinite(duration) || duration <= 0) return;\n\n        this.chapters = buildChapters(this.segments, duration);\n        this.chapterEls = this.ctx.seekBar.setChapters(\n            this.chapters.map((c) => ({ start: c.start / duration, end: c.end / duration, color: c.color }))\n        );\n    };\n\n    private readonly onPointerMove = (e: PointerEvent): void => {\n        const duration = this.ctx.videoEl.duration;\n        if (!this.chapters.length || !Number.isFinite(duration) || duration <= 0) return;\n\n        const time = this.ctx.seekBar.ratioAtClientX(e.clientX) * duration;\n        let index = this.chapters.findIndex((c) => time < c.end);\n        if (index === -1) index = this.chapters.length - 1;\n        this.setHover(index);\n\n        const chapter = this.chapters[index]!;\n        this.titleEl.textContent = chapter.text ?? '';\n        this.titleEl.style.display = chapter.text ? '' : 'none';\n        this.timeEl.textContent = formatTime(time);\n\n        // sprite-thumbnails önizlemesi de seek bar'ın hemen üstünde açılıyor —\n        // görünürse popup onun ÜSTÜNE çıkıyor (üst üste binmesin).\n        const sprite = this.ctx.seekBar.el.querySelector<HTMLElement>('[part=\"sprite-tooltip\"]');\n        const spriteH = sprite && sprite.hasAttribute('data-visible') && sprite.offsetHeight > 0 ? sprite.offsetHeight + 8 : 0;\n        this.tooltipEl.style.bottom = spriteH ? `calc(100% + 6px + ${spriteH}px)` : '';\n        // Sprite önizlemesi zamanı zaten kendi altında gösteriyor — aynı zaman iki kez yazılmasın.\n        this.timeEl.style.display = spriteH ? 'none' : '';\n\n        // Popup imleci ortalar ama seek bar kenarlarından taşmaz.\n        const barRect = this.ctx.seekBar.el.getBoundingClientRect();\n        this.tooltipEl.setAttribute('data-visible', '');\n        const tipWidth = this.tooltipEl.offsetWidth;\n        const x = Math.min(Math.max(e.clientX - barRect.left - tipWidth / 2, 0), Math.max(barRect.width - tipWidth, 0));\n        this.tooltipEl.style.transform = `translateX(${x}px)`;\n    };\n\n    private readonly onPointerLeave = (): void => {\n        this.setHover(-1);\n        this.tooltipEl.removeAttribute('data-visible');\n    };\n\n    private setHover(index: number): void {\n        if (index === this.hoverIndex) return;\n        this.chapterEls[this.hoverIndex]?.removeAttribute('data-hover');\n        this.hoverIndex = index;\n        this.chapterEls[index]?.setAttribute('data-hover', '');\n    }\n}\n\n/** Segmentleri sıralar, boşlukları adsız bölümle doldurur, son bölümü video sonuna uzatır — sonuç 0→duration'ı kesintisiz kaplar. */\nfunction buildChapters(segments: SegmentItem[], duration: number): Chapter[] {\n    const sorted = segments\n        .filter((s) => Number.isFinite(s.start) && s.start < duration)\n        .slice()\n        .sort((a, b) => a.start - b.start);\n\n    const chapters: Chapter[] = [];\n    let cursor = 0;\n    for (const seg of sorted) {\n        const start = Math.max(seg.start, cursor);\n        const end = Math.min(Number.isFinite(seg.end) ? seg.end : duration, duration);\n        if (end <= start) continue;\n        if (start > cursor) chapters.push({ start: cursor, end: start });\n        chapters.push({ start, end, text: seg.text, color: seg.color });\n        cursor = end;\n    }\n    if (!chapters.length) return [];\n    if (cursor < duration) chapters[chapters.length - 1]!.end = duration;\n    return chapters;\n}\n","import { Segments, type SegmentsPlayerContext } from './Segments';\nimport type { SegmentItem } from '../../types';\n\nexport function installSegments(ctx: SegmentsPlayerContext, items: SegmentItem[]): Segments {\n    return new Segments(ctx, items);\n}\n\nexport { Segments };\nexport type { SegmentsPlayerContext };\n"],"names":["Segments","ctx","segments","__publicField","duration","buildChapters","c","e","time","index","chapter","formatTime","sprite","spriteH","barRect","tipWidth","x","_a","_b","sorted","a","b","chapters","cursor","seg","start","end","installSegments","items"],"mappings":"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"}
+{"version":3,"file":"index-BWclYFfV.js","sources":["../../src/plugins/segments/Segments.ts","../../src/plugins/segments/index.ts"],"sourcesContent":["import type { SegmentItem } from '../../types';\nimport type { SeekBarChapterRange } from '../../controls/SeekBar';\nimport { formatTime } from '../../utils/format-time';\n\nexport interface SegmentsPlayerContext {\n    videoEl: HTMLVideoElement;\n    /** Chapter modunu destekleyen seek bar — parçalara bölme/zaman eşlemesi onda. */\n    seekBar: {\n        readonly el: HTMLElement;\n        setChapters(ranges: SeekBarChapterRange[]): HTMLElement[];\n        suppressHoverTime(key: string, suppressed: boolean): void;\n        clearChapters(): void;\n        ratioAtClientX(clientX: number): number;\n    };\n}\n\ninterface Chapter {\n    start: number;\n    end: number;\n    text?: string;\n    color?: string;\n}\n\n/**\n * YouTube tarzı bölümler: seek bar parçalara bölünür (SeekBar.setChapters), hover'da bölüm adı + zaman.\n * Zaman çizgisi her zaman tam kaplanır (boşluklar adsız bölüm, son bölüm sona uzar).\n */\nexport class Segments {\n    private chapters: Chapter[] = [];\n    private chapterEls: HTMLElement[] = [];\n    private hoverIndex = -1;\n    private readonly tooltipEl: HTMLDivElement;\n    private readonly titleEl: HTMLDivElement;\n    private readonly timeEl: HTMLDivElement;\n\n    constructor(\n        private readonly ctx: SegmentsPlayerContext,\n        private readonly segments: SegmentItem[]\n    ) {\n        this.tooltipEl = document.createElement('div');\n        this.tooltipEl.className = 'hp-chapter-tooltip';\n        this.tooltipEl.setAttribute('part', 'segment-tooltip');\n        this.titleEl = document.createElement('div');\n        this.titleEl.className = 'hp-chapter-tooltip-title';\n        this.timeEl = document.createElement('div');\n        this.timeEl.className = 'hp-chapter-tooltip-time';\n        this.tooltipEl.append(this.titleEl, this.timeEl);\n        ctx.seekBar.el.appendChild(this.tooltipEl);\n        // Popup zamanı zaten gösteriyor — seek bar'ın varsayılan hover zamanı ikinci kez yazmasın.\n        ctx.seekBar.suppressHoverTime('segments', true);\n\n        ctx.seekBar.el.addEventListener('pointermove', this.onPointerMove);\n        ctx.seekBar.el.addEventListener('pointerleave', this.onPointerLeave);\n        ctx.videoEl.addEventListener('loadedmetadata', this.onLoadedMetadata);\n        if (ctx.videoEl.readyState >= 1) this.onLoadedMetadata();\n    }\n\n    destroy(): void {\n        this.ctx.videoEl.removeEventListener('loadedmetadata', this.onLoadedMetadata);\n        this.ctx.seekBar.el.removeEventListener('pointermove', this.onPointerMove);\n        this.ctx.seekBar.el.removeEventListener('pointerleave', this.onPointerLeave);\n        this.ctx.seekBar.clearChapters();\n        this.ctx.seekBar.suppressHoverTime('segments', false);\n        this.tooltipEl.remove();\n        this.chapterEls = [];\n        this.chapters = [];\n    }\n\n    private readonly onLoadedMetadata = (): void => {\n        const duration = this.ctx.videoEl.duration;\n        if (!Number.isFinite(duration) || duration <= 0) return;\n\n        this.chapters = buildChapters(this.segments, duration);\n        this.chapterEls = this.ctx.seekBar.setChapters(\n            this.chapters.map((c) => ({ start: c.start / duration, end: c.end / duration, color: c.color }))\n        );\n    };\n\n    private readonly onPointerMove = (e: PointerEvent): void => {\n        const duration = this.ctx.videoEl.duration;\n        if (!this.chapters.length || !Number.isFinite(duration) || duration <= 0) return;\n\n        const time = this.ctx.seekBar.ratioAtClientX(e.clientX) * duration;\n        let index = this.chapters.findIndex((c) => time < c.end);\n        if (index === -1) index = this.chapters.length - 1;\n        this.setHover(index);\n\n        const chapter = this.chapters[index]!;\n        this.titleEl.textContent = chapter.text ?? '';\n        this.titleEl.style.display = chapter.text ? '' : 'none';\n        this.timeEl.textContent = formatTime(time);\n\n        // sprite-thumbnails önizlemesi de seek bar'ın hemen üstünde açılıyor —\n        // görünürse popup onun ÜSTÜNE çıkıyor (üst üste binmesin).\n        const sprite = this.ctx.seekBar.el.querySelector<HTMLElement>('[part=\"sprite-tooltip\"]');\n        const spriteH = sprite && sprite.hasAttribute('data-visible') && sprite.offsetHeight > 0 ? sprite.offsetHeight + 8 : 0;\n        this.tooltipEl.style.bottom = spriteH ? `calc(100% + 6px + ${spriteH}px)` : '';\n        // Sprite önizlemesi zamanı zaten kendi altında gösteriyor — aynı zaman iki kez yazılmasın.\n        this.timeEl.style.display = spriteH ? 'none' : '';\n\n        // Popup imleci ortalar ama seek bar kenarlarından taşmaz.\n        const barRect = this.ctx.seekBar.el.getBoundingClientRect();\n        this.tooltipEl.setAttribute('data-visible', '');\n        const tipWidth = this.tooltipEl.offsetWidth;\n        const x = Math.min(Math.max(e.clientX - barRect.left - tipWidth / 2, 0), Math.max(barRect.width - tipWidth, 0));\n        this.tooltipEl.style.transform = `translateX(${x}px)`;\n    };\n\n    private readonly onPointerLeave = (): void => {\n        this.setHover(-1);\n        this.tooltipEl.removeAttribute('data-visible');\n    };\n\n    private setHover(index: number): void {\n        if (index === this.hoverIndex) return;\n        this.chapterEls[this.hoverIndex]?.removeAttribute('data-hover');\n        this.hoverIndex = index;\n        this.chapterEls[index]?.setAttribute('data-hover', '');\n    }\n}\n\n/** Segmentleri sıralar, boşlukları adsız bölümle doldurur, son bölümü video sonuna uzatır — sonuç 0→duration'ı kesintisiz kaplar. */\nfunction buildChapters(segments: SegmentItem[], duration: number): Chapter[] {\n    const sorted = segments\n        .filter((s) => Number.isFinite(s.start) && s.start < duration)\n        .slice()\n        .sort((a, b) => a.start - b.start);\n\n    const chapters: Chapter[] = [];\n    let cursor = 0;\n    for (const seg of sorted) {\n        const start = Math.max(seg.start, cursor);\n        const end = Math.min(Number.isFinite(seg.end) ? seg.end : duration, duration);\n        if (end <= start) continue;\n        if (start > cursor) chapters.push({ start: cursor, end: start });\n        chapters.push({ start, end, text: seg.text, color: seg.color });\n        cursor = end;\n    }\n    if (!chapters.length) return [];\n    if (cursor < duration) chapters[chapters.length - 1]!.end = duration;\n    return chapters;\n}\n","import { Segments, type SegmentsPlayerContext } from './Segments';\nimport type { SegmentItem } from '../../types';\n\nexport function installSegments(ctx: SegmentsPlayerContext, items: SegmentItem[]): Segments {\n    return new Segments(ctx, items);\n}\n\nexport { Segments };\nexport type { SegmentsPlayerContext };\n"],"names":["Segments","ctx","segments","__publicField","duration","buildChapters","c","e","time","index","chapter","formatTime","sprite","spriteH","barRect","tipWidth","x","_a","_b","sorted","a","b","chapters","cursor","seg","start","end","installSegments","items"],"mappings":"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"}

package/dist/chunks/{index-DSOoIVgQ.js → index-BpdVjg7C.js}

@@ -1,7 +1,7 @@
 var E = Object.defineProperty;
 var y = (a, t, e) => t in a ? E(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
 var l = (a, t, e) => y(a, typeof t != "symbol" ? t + "" : t, e);
-import { f as x } from "./index-QJhB8dCl.js";
+import { f as x } from "./index-DpKnz_VY.js";
 const w = 8, f = /%(0(\d+))?d/;
 class M {
   constructor(t, e) {
@@ -222,4 +222,4 @@ export {
   M as SpriteThumbnails,
   I as installSpriteThumbnails
 };
-//# sourceMappingURL=index-DSOoIVgQ.js.map
+//# sourceMappingURL=index-BpdVjg7C.js.map

package/dist/chunks/{index-DSOoIVgQ.js.map → index-BpdVjg7C.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DSOoIVgQ.js","sources":["../../src/plugins/sprite-thumbnails/SpriteThumbnails.ts","../../src/plugins/sprite-thumbnails/index.ts"],"sourcesContent":["import type { SpriteThumbnailsOptions } from '../../types';\nimport { formatTime } from '../../utils/format-time';\n\nexport interface SpriteThumbnailsPlayerContext {\n    videoEl: HTMLVideoElement;\n    /** Önizlemenin bağlandığı seek bar — zaman eşlemesi (chapter boşlukları dahil) onun `ratioAtClientX`'inden. */\n    seekBar: {\n        readonly el: HTMLElement;\n        ratioAtClientX(clientX: number): number;\n        suppressHoverTime(key: string, suppressed: boolean): void;\n    };\n    /** Responsive ölçekleme için referans genişlik — genelde player/video alanının genişliği. */\n    playerWidth(): number;\n}\n\n/** Bir önizleme karesi: hangi görselin hangi dikdörtgeni. */\ninterface Frame {\n    url: string;\n    x: number;\n    y: number;\n    w: number;\n    h: number;\n}\n\ninterface Sheet {\n    img: HTMLImageElement;\n    ready: boolean;\n    failed: boolean;\n    promise: Promise<void>;\n}\n\nexport interface VttCue {\n    start: number;\n    end: number;\n    url: string;\n    /** `#xywh` yoksa null → görselin tamamı. */\n    rect: { x: number; y: number; w: number; h: number } | null;\n}\n\n/** Aynı anda bellekte (decode edilmiş) tutulan en fazla sheet — uzun videolarda bellek sınırsız büyümesin. */\nconst MAX_CACHED_SHEETS = 8;\n/** Sheet numarası şablonu: `%d` ya da sıfır dolgulu `%03d`. */\nconst SHEET_TEMPLATE = /%(0(\\d+))?d/;\n\n/**\n * Seek bar hover önizlemesi. Kaynak: tek görsel, çok parçalı (%d / %03d şablonu ya da sheets) veya WebVTT (#xywh).\n * sheetDuration verilmezse ilk sheet'in ızgarasından hesaplanır. Kurulumda hiçbir şey indirilmez; yalnızca imlecin\n * altındaki sheet + komşuları yüklenir, decode bitmeden gösterilmez, LRU cache.\n */\nexport class SpriteThumbnails {\n    private readonly tooltip: HTMLElement;\n    private readonly imageEl: HTMLElement;\n    private readonly timeEl: HTMLElement;\n    private readonly sheets = new Map<string, Sheet>();\n    private vttCues: VttCue[] | null = null;\n    private vttLoading: Promise<void> | null = null;\n    /** Çok parçalı modda otomatik hesaplanan sheet süresi (ilk sheet yüklenince). */\n    private derivedSheetDuration: number | null = null;\n    private warmed = false;\n    private hovering = false;\n    private lastClientX = 0;\n    private rafId: number | null = null;\n    private destroyed = false;\n\n    constructor(\n        private readonly ctx: SpriteThumbnailsPlayerContext,\n        private readonly options: SpriteThumbnailsOptions\n    ) {\n        this.tooltip = document.createElement('div');\n        this.tooltip.setAttribute('part', 'sprite-tooltip');\n        this.tooltip.className = 'hp-sprite-tooltip';\n        this.imageEl = document.createElement('div');\n        this.imageEl.className = 'hp-sprite-image';\n        this.timeEl = document.createElement('div');\n        this.timeEl.className = 'hp-sprite-time';\n        this.tooltip.append(this.imageEl, this.timeEl);\n        ctx.seekBar.el.appendChild(this.tooltip);\n        // Önizlemenin altında zaman zaten yazıyor — varsayılan hover zamanı ikinci kez göstermesin.\n        ctx.seekBar.suppressHoverTime('sprite', true);\n\n        ctx.seekBar.el.addEventListener('pointerenter', this.onPointerEnter);\n        ctx.seekBar.el.addEventListener('pointermove', this.onPointerMove);\n        ctx.seekBar.el.addEventListener('pointerleave', this.onPointerLeave);\n        ctx.videoEl.addEventListener('play', this.warm);\n    }\n\n    destroy(): void {\n        this.destroyed = true;\n        if (this.rafId !== null) cancelAnimationFrame(this.rafId);\n        this.ctx.seekBar.el.removeEventListener('pointerenter', this.onPointerEnter);\n        this.ctx.seekBar.el.removeEventListener('pointermove', this.onPointerMove);\n        this.ctx.seekBar.el.removeEventListener('pointerleave', this.onPointerLeave);\n        this.ctx.videoEl.removeEventListener('play', this.warm);\n        this.tooltip.remove();\n        this.ctx.seekBar.suppressHoverTime('sprite', false);\n        for (const sheet of this.sheets.values()) sheet.img.src = '';\n        this.sheets.clear();\n    }\n\n    // ── olaylar ──\n\n    private readonly onPointerEnter = (e: PointerEvent): void => {\n        this.hovering = true;\n        this.lastClientX = e.clientX;\n        this.warm();\n        this.scheduleRender();\n    };\n\n    private readonly onPointerMove = (e: PointerEvent): void => {\n        this.hovering = true;\n        this.lastClientX = e.clientX;\n        this.scheduleRender();\n    };\n\n    private readonly onPointerLeave = (): void => {\n        this.hovering = false;\n        this.tooltip.removeAttribute('data-visible');\n    };\n\n    /** İlk ihtiyaç anında (hover / oynatma) kaynağı hazırla — kurulumda hiçbir şey indirilmiyor. */\n    private readonly warm = (): void => {\n        if (this.warmed || this.destroyed) return;\n        this.warmed = true;\n        if (this.options.vtt) {\n            void this.loadVtt();\n            return;\n        }\n        const duration = this.ctx.videoEl.duration;\n        const t = Number.isFinite(duration) ? this.ctx.videoEl.currentTime : 0;\n        // Şablonlu/çok parçalı modda sheet süresi henüz bilinmiyorsa ilk sheet'ten öğrenilecek.\n        void this.ensureSheet(this.sheetUrl(this.isMultiSheet() && this.sheetDuration() === null ? 0 : this.sheetIndexAt(t)));\n    };\n\n    private scheduleRender(): void {\n        if (this.rafId !== null) return;\n        this.rafId = requestAnimationFrame(() => {\n            this.rafId = null;\n            this.render();\n        });\n    }\n\n    // ── çizim ──\n\n    private render(): void {\n        if (!this.hovering || this.destroyed) return;\n        const duration = this.ctx.videoEl.duration;\n        if (!Number.isFinite(duration) || duration <= 0) return;\n\n        const seconds = this.ctx.seekBar.ratioAtClientX(this.lastClientX) * duration;\n        this.timeEl.textContent = formatTime(seconds);\n\n        const frame = this.isNetworkEligible() ? this.frameAt(seconds, duration) : null;\n        const scale = this.scale();\n        if (frame) {\n            const sheet = this.sheets.get(frame.url)!;\n            const { naturalWidth, naturalHeight } = sheet.img;\n            this.imageEl.style.display = '';\n            this.imageEl.style.width = `${frame.w * scale}px`;\n            this.imageEl.style.height = `${frame.h * scale}px`;\n            this.imageEl.style.backgroundImage = `url(\"${frame.url}\")`;\n            this.imageEl.style.backgroundSize = `${naturalWidth * scale}px ${naturalHeight * scale}px`;\n            this.imageEl.style.backgroundPosition = `${-frame.x * scale}px ${-frame.y * scale}px`;\n        } else if (!this.imageEl.style.backgroundImage) {\n            // Henüz hiçbir kare yüklenmedi — yalnızca zaman (yükleme bitince yeniden çizilir).\n            this.imageEl.style.display = 'none';\n        }\n\n        // Kenarlarda taşmasın: imleci ortala ama seek bar sınırlarında kal.\n        this.tooltip.setAttribute('data-visible', '');\n        const barRect = this.ctx.seekBar.el.getBoundingClientRect();\n        const tipWidth = this.tooltip.offsetWidth;\n        const x = Math.min(Math.max(this.lastClientX - barRect.left - tipWidth / 2, 0), Math.max(barRect.width - tipWidth, 0));\n        this.tooltip.style.transform = `translateX(${x}px)`;\n    }\n\n    private scale(): number {\n        const responsive = this.options.responsive;\n        const playerWidth = this.ctx.playerWidth();\n        return responsive && playerWidth && playerWidth < responsive ? playerWidth / responsive : 1;\n    }\n\n    private isNetworkEligible(): boolean {\n        const nav = navigator as Navigator & { connection?: { downlink?: number } };\n        const downlink = nav.connection?.downlink;\n        const anyReady = Array.from(this.sheets.values()).some((s) => s.ready);\n        return downlink === undefined || downlink >= (this.options.downlink ?? 2) || anyReady;\n    }\n\n    // ── kare çözümleme ──\n\n    /** Saniyedeki kareyi döner; gereken sheet hazır değilse yüklemeyi başlatıp null döner (yüklenince render tekrar çağrılır). */\n    private frameAt(seconds: number, duration: number): Frame | null {\n        return this.options.vtt ? this.vttFrameAt(seconds) : this.gridFrameAt(seconds, duration);\n    }\n\n    private isMultiSheet(): boolean {\n        return !!this.options.sheets?.length || SHEET_TEMPLATE.test(this.options.url ?? '');\n    }\n\n    /** Tek sheet → Infinity (tüm video); çok parçalı → verilen ya da ilk sheet'ten hesaplanan süre; henüz bilinmiyorsa null. */\n    private sheetDuration(): number | null {\n        if (!this.isMultiSheet()) return Infinity;\n        return this.options.sheetDuration ?? this.derivedSheetDuration;\n    }\n\n    private sheetIndexAt(seconds: number): number {\n        const d = this.sheetDuration();\n        if (d === null || d === Infinity) return 0;\n        // floor (ceil DEĞİL): tam sınırda (ör. 60. sn) bir SONRAKİ sheet'in ilk karesi.\n        let index = Math.floor(Math.max(0, seconds) / d);\n        if (this.options.sheets?.length) index = Math.min(index, this.options.sheets.length - 1);\n        return index;\n    }\n\n    /** 0 tabanlı sheet index'inden URL. */\n    private sheetUrl(index: number): string {\n        if (this.options.sheets?.length) return this.options.sheets[Math.min(index, this.options.sheets.length - 1)]!;\n        const url = this.options.url ?? '';\n        const number = index + (this.options.firstSheetIndex ?? 1);\n        return url.replace(SHEET_TEMPLATE, (_m, _p, width?: string) => String(number).padStart(width ? Number(width) : 0, '0'));\n    }\n\n    private gridFrameAt(seconds: number, duration: number): Frame | null {\n        const { width, height } = this.options;\n        if (!width || !height) return null;\n        const interval = this.options.interval || 1;\n\n        const sheetDuration = this.sheetDuration();\n        if (sheetDuration === null) {\n            // Çok parçalı ama süre bilinmiyor — ilk sheet yüklenince hesaplanacak.\n            void this.ensureSheet(this.sheetUrl(0));\n            return null;\n        }\n\n        const lastIndex = sheetDuration === Infinity ? 0 : this.sheetIndexAt(Math.max(0, duration - 0.001));\n        const index = Math.min(this.sheetIndexAt(seconds), lastIndex);\n        const url = this.sheetUrl(index);\n        this.preloadAround(index, lastIndex);\n\n        const sheet = this.sheets.get(url);\n        if (!sheet?.ready) {\n            void this.ensureSheet(url);\n            return null;\n        }\n        this.touch(url);\n\n        // Her sheet'in KENDİ boyutu (son sheet daha kısa olabilir).\n        const columns = Math.max(1, Math.floor(sheet.img.naturalWidth / width));\n        const rows = Math.max(1, Math.floor(sheet.img.naturalHeight / height));\n        const local = sheetDuration === Infinity ? seconds : seconds - index * sheetDuration;\n        const frameIndex = Math.min(Math.max(0, Math.floor(local / interval)), columns * rows - 1);\n        return { url, x: (frameIndex % columns) * width, y: Math.floor(frameIndex / columns) * height, w: width, h: height };\n    }\n\n    private preloadAround(index: number, lastIndex: number): void {\n        const n = this.options.preloadSheets ?? 1;\n        for (let d = 1; d <= n; d++) {\n            if (index + d <= lastIndex) void this.ensureSheet(this.sheetUrl(index + d));\n            if (index - d >= 0) void this.ensureSheet(this.sheetUrl(index - d));\n        }\n    }\n\n    private vttFrameAt(seconds: number): Frame | null {\n        if (!this.vttCues) {\n            void this.loadVtt();\n            return null;\n        }\n        const cues = this.vttCues;\n        if (!cues.length) return null;\n        // İkili arama — saatlerce süren videolarda binlerce cue olabilir.\n        let lo = 0;\n        let hi = cues.length - 1;\n        while (lo < hi) {\n            const mid = (lo + hi + 1) >> 1;\n            if (cues[mid]!.start <= seconds) lo = mid;\n            else hi = mid - 1;\n        }\n        const cue = cues[lo]!;\n        const neighbours = [cues[lo + 1], cues[lo - 1]].filter((c): c is VttCue => !!c && c.url !== cue.url);\n        neighbours.forEach((c) => void this.ensureSheet(c.url));\n\n        const sheet = this.sheets.get(cue.url);\n        if (!sheet?.ready) {\n            void this.ensureSheet(cue.url);\n            return null;\n        }\n        this.touch(cue.url);\n        const rect = cue.rect ?? { x: 0, y: 0, w: sheet.img.naturalWidth, h: sheet.img.naturalHeight };\n        return { url: cue.url, ...rect };\n    }\n\n    // ── yükleme / cache ──\n\n    private ensureSheet(url: string): Promise<void> {\n        if (!url) return Promise.resolve();\n        const existing = this.sheets.get(url);\n        if (existing) return existing.promise;\n\n        const img = new Image();\n        img.decoding = 'async';\n        const sheet: Sheet = { img, ready: false, failed: false, promise: Promise.resolve() };\n        sheet.promise = new Promise<void>((resolve) => {\n            img.onload = () => {\n                // decode() bitmeden gösterme — yeni sheet'e geçerken boş/yanlış kare titremesi olmasın.\n                const done = () => {\n                    if (this.destroyed) return resolve();\n                    sheet.ready = true;\n                    this.learnSheetDuration(img);\n                    if (this.hovering) this.scheduleRender();\n                    resolve();\n                };\n                img.decode ? img.decode().then(done, done) : done();\n            };\n            img.onerror = () => {\n                sheet.failed = true;\n                resolve();\n            };\n        });\n        img.src = url;\n        this.sheets.set(url, sheet);\n        this.evict();\n        return sheet.promise;\n    }\n\n    /** Çok parçalı modda `sheetDuration` verilmediyse ilk yüklenen sheet'in ızgara kapasitesinden hesapla. */\n    private learnSheetDuration(img: HTMLImageElement): void {\n        if (this.derivedSheetDuration !== null || this.options.vtt || !this.isMultiSheet() || this.options.sheetDuration) return;\n        const { width, height } = this.options;\n        if (!width || !height) return;\n        const capacity = Math.max(1, Math.floor(img.naturalWidth / width)) * Math.max(1, Math.floor(img.naturalHeight / height));\n        this.derivedSheetDuration = capacity * (this.options.interval || 1);\n    }\n\n    /** LRU: kullanılan sheet'i sona taşı. */\n    private touch(url: string): void {\n        const sheet = this.sheets.get(url);\n        if (!sheet) return;\n        this.sheets.delete(url);\n        this.sheets.set(url, sheet);\n    }\n\n    private evict(): void {\n        while (this.sheets.size > MAX_CACHED_SHEETS) {\n            const oldest = this.sheets.keys().next().value as string;\n            const sheet = this.sheets.get(oldest)!;\n            sheet.img.onload = null;\n            sheet.img.onerror = null;\n            this.sheets.delete(oldest);\n        }\n    }\n\n    private loadVtt(): Promise<void> {\n        if (this.vttLoading) return this.vttLoading;\n        const vttUrl = this.options.vtt!;\n        this.vttLoading = fetch(vttUrl)\n            .then((r) => {\n                if (!r.ok) throw new Error(`HTTP ${r.status}`);\n                return r.text();\n            })\n            .then((text) => {\n                if (this.destroyed) return;\n                this.vttCues = parseThumbnailVtt(text, new URL(vttUrl, document.baseURI).href);\n                if (this.vttCues.length) void this.ensureSheet(this.vttCues[0]!.url);\n                if (this.hovering) this.scheduleRender();\n            })\n            .catch((err) => {\n                console.warn('[HopePlayer sprite-thumbnails] VTT yüklenemedi:', err);\n                this.vttCues = [];\n            });\n        return this.vttLoading;\n    }\n}\n\n/** \"01:02:03.500\" / \"02:03.500\" → saniye. */\nfunction parseVttTime(value: string): number {\n    const parts = value.trim().split(':').map(Number);\n    return parts.reduce((acc, n) => acc * 60 + n, 0);\n}\n\n/** WebVTT thumbnail dosyası → sıralı cue listesi. Görsel yolları VTT dosyasına göre çözümlenir. */\nexport function parseThumbnailVtt(text: string, baseUrl: string): VttCue[] {\n    const cues: VttCue[] = [];\n    const blocks = text.replace(/\\r/g, '').split(/\\n\\n+/);\n    for (const block of blocks) {\n        const lines = block.split('\\n').filter(Boolean);\n        const timingIndex = lines.findIndex((l) => l.includes('-->'));\n        if (timingIndex === -1) continue;\n        const [startStr, endStr] = lines[timingIndex]!.split('-->');\n        const target = lines[timingIndex + 1]?.trim();\n        if (!startStr || !endStr || !target) continue;\n\n        const [path, hash] = target.split('#');\n        const match = hash?.match(/xywh=(\\d+),(\\d+),(\\d+),(\\d+)/);\n        cues.push({\n            start: parseVttTime(startStr),\n            end: parseVttTime(endStr.trim().split(/\\s+/)[0]!),\n            url: new URL(path!, baseUrl).href,\n            rect: match ? { x: +match[1]!, y: +match[2]!, w: +match[3]!, h: +match[4]! } : null,\n        });\n    }\n    return cues.sort((a, b) => a.start - b.start);\n}\n","import { SpriteThumbnails, type SpriteThumbnailsPlayerContext } from './SpriteThumbnails';\nimport type { SpriteThumbnailsOptions } from '../../types';\n\nexport function installSpriteThumbnails(ctx: SpriteThumbnailsPlayerContext, options: SpriteThumbnailsOptions): SpriteThumbnails {\n    return new SpriteThumbnails(ctx, options);\n}\n\nexport { SpriteThumbnails };\nexport type { SpriteThumbnailsPlayerContext };\n"],"names":["MAX_CACHED_SHEETS","SHEET_TEMPLATE","SpriteThumbnails","ctx","options","__publicField","e","duration","t","sheet","seconds","formatTime","frame","scale","naturalWidth","naturalHeight","barRect","tipWidth","x","responsive","playerWidth","downlink","_a","anyReady","s","d","index","url","number","_m","_p","width","height","interval","sheetDuration","lastIndex","columns","rows","local","frameIndex","n","cues","lo","hi","mid","cue","c","rect","existing","img","resolve","done","capacity","oldest","vttUrl","r","text","parseThumbnailVtt","err","parseVttTime","value","acc","baseUrl","blocks","block","lines","timingIndex","l","startStr","endStr","target","path","hash","match","a","b","installSpriteThumbnails"],"mappings":"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"}
+{"version":3,"file":"index-BpdVjg7C.js","sources":["../../src/plugins/sprite-thumbnails/SpriteThumbnails.ts","../../src/plugins/sprite-thumbnails/index.ts"],"sourcesContent":["import type { SpriteThumbnailsOptions } from '../../types';\nimport { formatTime } from '../../utils/format-time';\n\nexport interface SpriteThumbnailsPlayerContext {\n    videoEl: HTMLVideoElement;\n    /** Önizlemenin bağlandığı seek bar — zaman eşlemesi (chapter boşlukları dahil) onun `ratioAtClientX`'inden. */\n    seekBar: {\n        readonly el: HTMLElement;\n        ratioAtClientX(clientX: number): number;\n        suppressHoverTime(key: string, suppressed: boolean): void;\n    };\n    /** Responsive ölçekleme için referans genişlik — genelde player/video alanının genişliği. */\n    playerWidth(): number;\n}\n\n/** Bir önizleme karesi: hangi görselin hangi dikdörtgeni. */\ninterface Frame {\n    url: string;\n    x: number;\n    y: number;\n    w: number;\n    h: number;\n}\n\ninterface Sheet {\n    img: HTMLImageElement;\n    ready: boolean;\n    failed: boolean;\n    promise: Promise<void>;\n}\n\nexport interface VttCue {\n    start: number;\n    end: number;\n    url: string;\n    /** `#xywh` yoksa null → görselin tamamı. */\n    rect: { x: number; y: number; w: number; h: number } | null;\n}\n\n/** Aynı anda bellekte (decode edilmiş) tutulan en fazla sheet — uzun videolarda bellek sınırsız büyümesin. */\nconst MAX_CACHED_SHEETS = 8;\n/** Sheet numarası şablonu: `%d` ya da sıfır dolgulu `%03d`. */\nconst SHEET_TEMPLATE = /%(0(\\d+))?d/;\n\n/**\n * Seek bar hover önizlemesi. Kaynak: tek görsel, çok parçalı (%d / %03d şablonu ya da sheets) veya WebVTT (#xywh).\n * sheetDuration verilmezse ilk sheet'in ızgarasından hesaplanır. Kurulumda hiçbir şey indirilmez; yalnızca imlecin\n * altındaki sheet + komşuları yüklenir, decode bitmeden gösterilmez, LRU cache.\n */\nexport class SpriteThumbnails {\n    private readonly tooltip: HTMLElement;\n    private readonly imageEl: HTMLElement;\n    private readonly timeEl: HTMLElement;\n    private readonly sheets = new Map<string, Sheet>();\n    private vttCues: VttCue[] | null = null;\n    private vttLoading: Promise<void> | null = null;\n    /** Çok parçalı modda otomatik hesaplanan sheet süresi (ilk sheet yüklenince). */\n    private derivedSheetDuration: number | null = null;\n    private warmed = false;\n    private hovering = false;\n    private lastClientX = 0;\n    private rafId: number | null = null;\n    private destroyed = false;\n\n    constructor(\n        private readonly ctx: SpriteThumbnailsPlayerContext,\n        private readonly options: SpriteThumbnailsOptions\n    ) {\n        this.tooltip = document.createElement('div');\n        this.tooltip.setAttribute('part', 'sprite-tooltip');\n        this.tooltip.className = 'hp-sprite-tooltip';\n        this.imageEl = document.createElement('div');\n        this.imageEl.className = 'hp-sprite-image';\n        this.timeEl = document.createElement('div');\n        this.timeEl.className = 'hp-sprite-time';\n        this.tooltip.append(this.imageEl, this.timeEl);\n        ctx.seekBar.el.appendChild(this.tooltip);\n        // Önizlemenin altında zaman zaten yazıyor — varsayılan hover zamanı ikinci kez göstermesin.\n        ctx.seekBar.suppressHoverTime('sprite', true);\n\n        ctx.seekBar.el.addEventListener('pointerenter', this.onPointerEnter);\n        ctx.seekBar.el.addEventListener('pointermove', this.onPointerMove);\n        ctx.seekBar.el.addEventListener('pointerleave', this.onPointerLeave);\n        ctx.videoEl.addEventListener('play', this.warm);\n    }\n\n    destroy(): void {\n        this.destroyed = true;\n        if (this.rafId !== null) cancelAnimationFrame(this.rafId);\n        this.ctx.seekBar.el.removeEventListener('pointerenter', this.onPointerEnter);\n        this.ctx.seekBar.el.removeEventListener('pointermove', this.onPointerMove);\n        this.ctx.seekBar.el.removeEventListener('pointerleave', this.onPointerLeave);\n        this.ctx.videoEl.removeEventListener('play', this.warm);\n        this.tooltip.remove();\n        this.ctx.seekBar.suppressHoverTime('sprite', false);\n        for (const sheet of this.sheets.values()) sheet.img.src = '';\n        this.sheets.clear();\n    }\n\n    // ── olaylar ──\n\n    private readonly onPointerEnter = (e: PointerEvent): void => {\n        this.hovering = true;\n        this.lastClientX = e.clientX;\n        this.warm();\n        this.scheduleRender();\n    };\n\n    private readonly onPointerMove = (e: PointerEvent): void => {\n        this.hovering = true;\n        this.lastClientX = e.clientX;\n        this.scheduleRender();\n    };\n\n    private readonly onPointerLeave = (): void => {\n        this.hovering = false;\n        this.tooltip.removeAttribute('data-visible');\n    };\n\n    /** İlk ihtiyaç anında (hover / oynatma) kaynağı hazırla — kurulumda hiçbir şey indirilmiyor. */\n    private readonly warm = (): void => {\n        if (this.warmed || this.destroyed) return;\n        this.warmed = true;\n        if (this.options.vtt) {\n            void this.loadVtt();\n            return;\n        }\n        const duration = this.ctx.videoEl.duration;\n        const t = Number.isFinite(duration) ? this.ctx.videoEl.currentTime : 0;\n        // Şablonlu/çok parçalı modda sheet süresi henüz bilinmiyorsa ilk sheet'ten öğrenilecek.\n        void this.ensureSheet(this.sheetUrl(this.isMultiSheet() && this.sheetDuration() === null ? 0 : this.sheetIndexAt(t)));\n    };\n\n    private scheduleRender(): void {\n        if (this.rafId !== null) return;\n        this.rafId = requestAnimationFrame(() => {\n            this.rafId = null;\n            this.render();\n        });\n    }\n\n    // ── çizim ──\n\n    private render(): void {\n        if (!this.hovering || this.destroyed) return;\n        const duration = this.ctx.videoEl.duration;\n        if (!Number.isFinite(duration) || duration <= 0) return;\n\n        const seconds = this.ctx.seekBar.ratioAtClientX(this.lastClientX) * duration;\n        this.timeEl.textContent = formatTime(seconds);\n\n        const frame = this.isNetworkEligible() ? this.frameAt(seconds, duration) : null;\n        const scale = this.scale();\n        if (frame) {\n            const sheet = this.sheets.get(frame.url)!;\n            const { naturalWidth, naturalHeight } = sheet.img;\n            this.imageEl.style.display = '';\n            this.imageEl.style.width = `${frame.w * scale}px`;\n            this.imageEl.style.height = `${frame.h * scale}px`;\n            this.imageEl.style.backgroundImage = `url(\"${frame.url}\")`;\n            this.imageEl.style.backgroundSize = `${naturalWidth * scale}px ${naturalHeight * scale}px`;\n            this.imageEl.style.backgroundPosition = `${-frame.x * scale}px ${-frame.y * scale}px`;\n        } else if (!this.imageEl.style.backgroundImage) {\n            // Henüz hiçbir kare yüklenmedi — yalnızca zaman (yükleme bitince yeniden çizilir).\n            this.imageEl.style.display = 'none';\n        }\n\n        // Kenarlarda taşmasın: imleci ortala ama seek bar sınırlarında kal.\n        this.tooltip.setAttribute('data-visible', '');\n        const barRect = this.ctx.seekBar.el.getBoundingClientRect();\n        const tipWidth = this.tooltip.offsetWidth;\n        const x = Math.min(Math.max(this.lastClientX - barRect.left - tipWidth / 2, 0), Math.max(barRect.width - tipWidth, 0));\n        this.tooltip.style.transform = `translateX(${x}px)`;\n    }\n\n    private scale(): number {\n        const responsive = this.options.responsive;\n        const playerWidth = this.ctx.playerWidth();\n        return responsive && playerWidth && playerWidth < responsive ? playerWidth / responsive : 1;\n    }\n\n    private isNetworkEligible(): boolean {\n        const nav = navigator as Navigator & { connection?: { downlink?: number } };\n        const downlink = nav.connection?.downlink;\n        const anyReady = Array.from(this.sheets.values()).some((s) => s.ready);\n        return downlink === undefined || downlink >= (this.options.downlink ?? 2) || anyReady;\n    }\n\n    // ── kare çözümleme ──\n\n    /** Saniyedeki kareyi döner; gereken sheet hazır değilse yüklemeyi başlatıp null döner (yüklenince render tekrar çağrılır). */\n    private frameAt(seconds: number, duration: number): Frame | null {\n        return this.options.vtt ? this.vttFrameAt(seconds) : this.gridFrameAt(seconds, duration);\n    }\n\n    private isMultiSheet(): boolean {\n        return !!this.options.sheets?.length || SHEET_TEMPLATE.test(this.options.url ?? '');\n    }\n\n    /** Tek sheet → Infinity (tüm video); çok parçalı → verilen ya da ilk sheet'ten hesaplanan süre; henüz bilinmiyorsa null. */\n    private sheetDuration(): number | null {\n        if (!this.isMultiSheet()) return Infinity;\n        return this.options.sheetDuration ?? this.derivedSheetDuration;\n    }\n\n    private sheetIndexAt(seconds: number): number {\n        const d = this.sheetDuration();\n        if (d === null || d === Infinity) return 0;\n        // floor (ceil DEĞİL): tam sınırda (ör. 60. sn) bir SONRAKİ sheet'in ilk karesi.\n        let index = Math.floor(Math.max(0, seconds) / d);\n        if (this.options.sheets?.length) index = Math.min(index, this.options.sheets.length - 1);\n        return index;\n    }\n\n    /** 0 tabanlı sheet index'inden URL. */\n    private sheetUrl(index: number): string {\n        if (this.options.sheets?.length) return this.options.sheets[Math.min(index, this.options.sheets.length - 1)]!;\n        const url = this.options.url ?? '';\n        const number = index + (this.options.firstSheetIndex ?? 1);\n        return url.replace(SHEET_TEMPLATE, (_m, _p, width?: string) => String(number).padStart(width ? Number(width) : 0, '0'));\n    }\n\n    private gridFrameAt(seconds: number, duration: number): Frame | null {\n        const { width, height } = this.options;\n        if (!width || !height) return null;\n        const interval = this.options.interval || 1;\n\n        const sheetDuration = this.sheetDuration();\n        if (sheetDuration === null) {\n            // Çok parçalı ama süre bilinmiyor — ilk sheet yüklenince hesaplanacak.\n            void this.ensureSheet(this.sheetUrl(0));\n            return null;\n        }\n\n        const lastIndex = sheetDuration === Infinity ? 0 : this.sheetIndexAt(Math.max(0, duration - 0.001));\n        const index = Math.min(this.sheetIndexAt(seconds), lastIndex);\n        const url = this.sheetUrl(index);\n        this.preloadAround(index, lastIndex);\n\n        const sheet = this.sheets.get(url);\n        if (!sheet?.ready) {\n            void this.ensureSheet(url);\n            return null;\n        }\n        this.touch(url);\n\n        // Her sheet'in KENDİ boyutu (son sheet daha kısa olabilir).\n        const columns = Math.max(1, Math.floor(sheet.img.naturalWidth / width));\n        const rows = Math.max(1, Math.floor(sheet.img.naturalHeight / height));\n        const local = sheetDuration === Infinity ? seconds : seconds - index * sheetDuration;\n        const frameIndex = Math.min(Math.max(0, Math.floor(local / interval)), columns * rows - 1);\n        return { url, x: (frameIndex % columns) * width, y: Math.floor(frameIndex / columns) * height, w: width, h: height };\n    }\n\n    private preloadAround(index: number, lastIndex: number): void {\n        const n = this.options.preloadSheets ?? 1;\n        for (let d = 1; d <= n; d++) {\n            if (index + d <= lastIndex) void this.ensureSheet(this.sheetUrl(index + d));\n            if (index - d >= 0) void this.ensureSheet(this.sheetUrl(index - d));\n        }\n    }\n\n    private vttFrameAt(seconds: number): Frame | null {\n        if (!this.vttCues) {\n            void this.loadVtt();\n            return null;\n        }\n        const cues = this.vttCues;\n        if (!cues.length) return null;\n        // İkili arama — saatlerce süren videolarda binlerce cue olabilir.\n        let lo = 0;\n        let hi = cues.length - 1;\n        while (lo < hi) {\n            const mid = (lo + hi + 1) >> 1;\n            if (cues[mid]!.start <= seconds) lo = mid;\n            else hi = mid - 1;\n        }\n        const cue = cues[lo]!;\n        const neighbours = [cues[lo + 1], cues[lo - 1]].filter((c): c is VttCue => !!c && c.url !== cue.url);\n        neighbours.forEach((c) => void this.ensureSheet(c.url));\n\n        const sheet = this.sheets.get(cue.url);\n        if (!sheet?.ready) {\n            void this.ensureSheet(cue.url);\n            return null;\n        }\n        this.touch(cue.url);\n        const rect = cue.rect ?? { x: 0, y: 0, w: sheet.img.naturalWidth, h: sheet.img.naturalHeight };\n        return { url: cue.url, ...rect };\n    }\n\n    // ── yükleme / cache ──\n\n    private ensureSheet(url: string): Promise<void> {\n        if (!url) return Promise.resolve();\n        const existing = this.sheets.get(url);\n        if (existing) return existing.promise;\n\n        const img = new Image();\n        img.decoding = 'async';\n        const sheet: Sheet = { img, ready: false, failed: false, promise: Promise.resolve() };\n        sheet.promise = new Promise<void>((resolve) => {\n            img.onload = () => {\n                // decode() bitmeden gösterme — yeni sheet'e geçerken boş/yanlış kare titremesi olmasın.\n                const done = () => {\n                    if (this.destroyed) return resolve();\n                    sheet.ready = true;\n                    this.learnSheetDuration(img);\n                    if (this.hovering) this.scheduleRender();\n                    resolve();\n                };\n                img.decode ? img.decode().then(done, done) : done();\n            };\n            img.onerror = () => {\n                sheet.failed = true;\n                resolve();\n            };\n        });\n        img.src = url;\n        this.sheets.set(url, sheet);\n        this.evict();\n        return sheet.promise;\n    }\n\n    /** Çok parçalı modda `sheetDuration` verilmediyse ilk yüklenen sheet'in ızgara kapasitesinden hesapla. */\n    private learnSheetDuration(img: HTMLImageElement): void {\n        if (this.derivedSheetDuration !== null || this.options.vtt || !this.isMultiSheet() || this.options.sheetDuration) return;\n        const { width, height } = this.options;\n        if (!width || !height) return;\n        const capacity = Math.max(1, Math.floor(img.naturalWidth / width)) * Math.max(1, Math.floor(img.naturalHeight / height));\n        this.derivedSheetDuration = capacity * (this.options.interval || 1);\n    }\n\n    /** LRU: kullanılan sheet'i sona taşı. */\n    private touch(url: string): void {\n        const sheet = this.sheets.get(url);\n        if (!sheet) return;\n        this.sheets.delete(url);\n        this.sheets.set(url, sheet);\n    }\n\n    private evict(): void {\n        while (this.sheets.size > MAX_CACHED_SHEETS) {\n            const oldest = this.sheets.keys().next().value as string;\n            const sheet = this.sheets.get(oldest)!;\n            sheet.img.onload = null;\n            sheet.img.onerror = null;\n            this.sheets.delete(oldest);\n        }\n    }\n\n    private loadVtt(): Promise<void> {\n        if (this.vttLoading) return this.vttLoading;\n        const vttUrl = this.options.vtt!;\n        this.vttLoading = fetch(vttUrl)\n            .then((r) => {\n                if (!r.ok) throw new Error(`HTTP ${r.status}`);\n                return r.text();\n            })\n            .then((text) => {\n                if (this.destroyed) return;\n                this.vttCues = parseThumbnailVtt(text, new URL(vttUrl, document.baseURI).href);\n                if (this.vttCues.length) void this.ensureSheet(this.vttCues[0]!.url);\n                if (this.hovering) this.scheduleRender();\n            })\n            .catch((err) => {\n                console.warn('[HopePlayer sprite-thumbnails] VTT yüklenemedi:', err);\n                this.vttCues = [];\n            });\n        return this.vttLoading;\n    }\n}\n\n/** \"01:02:03.500\" / \"02:03.500\" → saniye. */\nfunction parseVttTime(value: string): number {\n    const parts = value.trim().split(':').map(Number);\n    return parts.reduce((acc, n) => acc * 60 + n, 0);\n}\n\n/** WebVTT thumbnail dosyası → sıralı cue listesi. Görsel yolları VTT dosyasına göre çözümlenir. */\nexport function parseThumbnailVtt(text: string, baseUrl: string): VttCue[] {\n    const cues: VttCue[] = [];\n    const blocks = text.replace(/\\r/g, '').split(/\\n\\n+/);\n    for (const block of blocks) {\n        const lines = block.split('\\n').filter(Boolean);\n        const timingIndex = lines.findIndex((l) => l.includes('-->'));\n        if (timingIndex === -1) continue;\n        const [startStr, endStr] = lines[timingIndex]!.split('-->');\n        const target = lines[timingIndex + 1]?.trim();\n        if (!startStr || !endStr || !target) continue;\n\n        const [path, hash] = target.split('#');\n        const match = hash?.match(/xywh=(\\d+),(\\d+),(\\d+),(\\d+)/);\n        cues.push({\n            start: parseVttTime(startStr),\n            end: parseVttTime(endStr.trim().split(/\\s+/)[0]!),\n            url: new URL(path!, baseUrl).href,\n            rect: match ? { x: +match[1]!, y: +match[2]!, w: +match[3]!, h: +match[4]! } : null,\n        });\n    }\n    return cues.sort((a, b) => a.start - b.start);\n}\n","import { SpriteThumbnails, type SpriteThumbnailsPlayerContext } from './SpriteThumbnails';\nimport type { SpriteThumbnailsOptions } from '../../types';\n\nexport function installSpriteThumbnails(ctx: SpriteThumbnailsPlayerContext, options: SpriteThumbnailsOptions): SpriteThumbnails {\n    return new SpriteThumbnails(ctx, options);\n}\n\nexport { SpriteThumbnails };\nexport type { SpriteThumbnailsPlayerContext };\n"],"names":["MAX_CACHED_SHEETS","SHEET_TEMPLATE","SpriteThumbnails","ctx","options","__publicField","e","duration","t","sheet","seconds","formatTime","frame","scale","naturalWidth","naturalHeight","barRect","tipWidth","x","responsive","playerWidth","downlink","_a","anyReady","s","d","index","url","number","_m","_p","width","height","interval","sheetDuration","lastIndex","columns","rows","local","frameIndex","n","cues","lo","hi","mid","cue","c","rect","existing","img","resolve","done","capacity","oldest","vttUrl","r","text","parseThumbnailVtt","err","parseVttTime","value","acc","baseUrl","blocks","block","lines","timingIndex","l","startStr","endStr","target","path","hash","match","a","b","installSpriteThumbnails"],"mappings":"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"}

package/dist/chunks/index-C5oGMHF_.js

@@ -0,0 +1,92 @@
+var P = Object.defineProperty;
+var x = (n, t, e) => t in n ? P(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var l = (n, t, e) => x(n, typeof t != "symbol" ? t + "" : t, e);
+const u = {
+  doubletap: 2
+}, y = 300, f = 700, p = 1 / 3, _ = [
+  { type: "doubletap", region: "left", pointer: "touch", action: "seekStep", value: -10 },
+  { type: "doubletap", region: "right", pointer: "touch", action: "seekStep", value: 10 }
+];
+class S {
+  constructor(t, e) {
+    l(this, "gestures");
+    l(this, "count", 0);
+    l(this, "lastRegion", null);
+    l(this, "lastPointer", null);
+    l(this, "pendingTimer", null);
+    l(this, "chain", null);
+    this.ctx = t, this.gestures = e;
+  }
+  setGestures(t) {
+    this.gestures = t, this.reset();
+  }
+  /**
+   * Video alanına bir dokunuş. `true` = dokunuşu bu modül üstlendi (tek dokunuş davranışı gerekirse
+   * `singleTap` ile sonradan çağrılır); `false` = bu bölge/işaretçi için hareket yok, normal davranış hemen uygulansın.
+   */
+  handleTap(t, e, o) {
+    const s = this.regionAt(t), h = Date.now(), r = this.chain;
+    if (r && h < r.until && r.pointer === e && (r.gesture.region === "full" || r.region === s))
+      return this.clearPending(), this.run(r.gesture, s), r.until = h + f, !0;
+    this.chain = null;
+    const c = this.gestures.filter((i) => k(i, e) && (i.region === s || i.region === "full"));
+    if (!c.length)
+      return this.reset(), !1;
+    const d = this.pendingTimer !== null && this.lastRegion === s && this.lastPointer === e;
+    this.count = d ? this.count + 1 : 1, this.lastRegion = s, this.lastPointer = e, this.clearPending();
+    const T = Math.max(...c.map((i) => u[i.type])), a = c.find((i) => u[i.type] === this.count);
+    if (a && this.count >= T)
+      return this.fire(a, s, e), !0;
+    const g = this.count;
+    return this.pendingTimer = setTimeout(() => {
+      this.pendingTimer = null;
+      const i = c.find((m) => u[m.type] === g);
+      this.count = 0, i ? this.fire(i, s, e) : g === 1 && o();
+    }, y), !0;
+  }
+  destroy() {
+    this.reset();
+  }
+  fire(t, e, o) {
+    this.count = 0, this.run(t, e), t.action === "seekStep" && (this.chain = { gesture: t, region: e, pointer: o, until: Date.now() + f });
+  }
+  run(t, e) {
+    switch (t.action) {
+      case "seekStep":
+        this.ctx.seekBy(t.value ?? (e === "left" ? -10 : 10));
+        break;
+      case "togglePlay":
+        this.ctx.togglePlay();
+        break;
+      case "toggleFullscreen":
+        this.ctx.toggleFullscreen();
+        break;
+      case "toggleMute":
+        this.ctx.toggleMute();
+        break;
+    }
+  }
+  regionAt(t) {
+    const e = this.ctx.areaEl.getBoundingClientRect(), o = (t - e.left) / (e.width || 1);
+    return o < p ? "left" : o > 1 - p ? "right" : "center";
+  }
+  clearPending() {
+    this.pendingTimer && clearTimeout(this.pendingTimer), this.pendingTimer = null;
+  }
+  reset() {
+    this.clearPending(), this.count = 0, this.chain = null, this.lastRegion = null, this.lastPointer = null;
+  }
+}
+function k(n, t) {
+  const e = n.pointer ?? "touch";
+  return e === "any" || e === t;
+}
+function b(n, t) {
+  return new S(n, t);
+}
+export {
+  _ as DEFAULT_TAP_GESTURES,
+  S as TapGestures,
+  b as installTapGestures
+};
+//# sourceMappingURL=index-C5oGMHF_.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-C5oGMHF_.js","sources":["../../src/plugins/tap-gestures/TapGestures.ts","../../src/plugins/tap-gestures/index.ts"],"sourcesContent":["import type { TapGesture, TapGestureType, TapRegion } from '../../types';\n\n/** Bir hareketin kaç dokunuşla tetiklendiği — `tripletap` eklemek için buraya `tripletap: 3` yeterli. */\nconst TAP_COUNTS: Record<TapGestureType, number> = {\n    doubletap: 2,\n};\n/** Ardışık dokunuşların aynı harekete sayılacağı en uzun aralık (ms). */\nconst TAP_WINDOW_MS = 300;\n/** Sarmadan sonra aynı tarafa gelen her dokunuş sarmaya devam eder (YouTube gibi) — bu süre içinde. */\nconst CHAIN_WINDOW_MS = 700;\n/** Ekranın sol/sağ bölgesi — genişliğin üçte biri. */\nconst SIDE_FRACTION = 1 / 3;\n\nexport const DEFAULT_TAP_GESTURES: TapGesture[] = [\n    { type: 'doubletap', region: 'left', pointer: 'touch', action: 'seekStep', value: -10 },\n    { type: 'doubletap', region: 'right', pointer: 'touch', action: 'seekStep', value: 10 },\n];\n\nexport interface TapGesturesPlayerContext {\n    /** Bölge hesabı için dokunulan alan (video alanı). */\n    areaEl: HTMLElement;\n    seekBy(delta: number): void;\n    togglePlay(): void;\n    toggleFullscreen(): void;\n    toggleMute(): void;\n}\n\nexport type TapPointerType = 'touch' | 'mouse' | 'pen';\n\n/**\n * Ekranın sol/orta/sağ bölgesine çoklu dokunuş hareketleri (options.tapGestures). Bir bölgede tanımlı hareket varsa\n * tek dokunuşun normal davranışı (oynat/duraklat) hareket penceresi kadar bekletilir; ikinci dokunuş gelmezse uygulanır.\n */\nexport class TapGestures {\n    private gestures: TapGesture[];\n    private count = 0;\n    private lastRegion: TapRegion | null = null;\n    private lastPointer: TapPointerType | null = null;\n    private pendingTimer: ReturnType<typeof setTimeout> | null = null;\n    private chain: { gesture: TapGesture; region: TapRegion; pointer: TapPointerType; until: number } | null = null;\n\n    constructor(\n        private readonly ctx: TapGesturesPlayerContext,\n        gestures: TapGesture[]\n    ) {\n        this.gestures = gestures;\n    }\n\n    setGestures(gestures: TapGesture[]): void {\n        this.gestures = gestures;\n        this.reset();\n    }\n\n    /**\n     * Video alanına bir dokunuş. `true` = dokunuşu bu modül üstlendi (tek dokunuş davranışı gerekirse\n     * `singleTap` ile sonradan çağrılır); `false` = bu bölge/işaretçi için hareket yok, normal davranış hemen uygulansın.\n     */\n    handleTap(clientX: number, pointer: TapPointerType, singleTap: () => void): boolean {\n        const region = this.regionAt(clientX);\n        const now = Date.now();\n\n        // Sarma zinciri: çift dokunuştan sonra aynı tarafa her dokunuş bir adım daha sarar.\n        const chain = this.chain;\n        if (chain && now < chain.until && chain.pointer === pointer && (chain.gesture.region === 'full' || chain.region === region)) {\n            this.clearPending();\n            this.run(chain.gesture, region);\n            chain.until = now + CHAIN_WINDOW_MS;\n            return true;\n        }\n        this.chain = null;\n\n        const candidates = this.gestures.filter((g) => matchesPointer(g, pointer) && (g.region === region || g.region === 'full'));\n        if (!candidates.length) {\n            this.reset();\n            return false;\n        }\n\n        const continues = this.pendingTimer !== null && this.lastRegion === region && this.lastPointer === pointer;\n        this.count = continues ? this.count + 1 : 1;\n        this.lastRegion = region;\n        this.lastPointer = pointer;\n        this.clearPending();\n\n        const maxCount = Math.max(...candidates.map((g) => TAP_COUNTS[g.type]));\n        const match = candidates.find((g) => TAP_COUNTS[g.type] === this.count);\n        // Bu bölgede daha uzun bir hareket (ör. üçlü dokunuş) yoksa beklemeden tetikle.\n        if (match && this.count >= maxCount) {\n            this.fire(match, region, pointer);\n            return true;\n        }\n        const count = this.count;\n        this.pendingTimer = setTimeout(() => {\n            this.pendingTimer = null;\n            const late = candidates.find((g) => TAP_COUNTS[g.type] === count);\n            this.count = 0;\n            if (late) this.fire(late, region, pointer);\n            else if (count === 1) singleTap();\n        }, TAP_WINDOW_MS);\n        return true;\n    }\n\n    destroy(): void {\n        this.reset();\n    }\n\n    private fire(gesture: TapGesture, region: TapRegion, pointer: TapPointerType): void {\n        this.count = 0;\n        this.run(gesture, region);\n        if (gesture.action === 'seekStep') this.chain = { gesture, region, pointer, until: Date.now() + CHAIN_WINDOW_MS };\n    }\n\n    private run(gesture: TapGesture, region: TapRegion): void {\n        switch (gesture.action) {\n            case 'seekStep':\n                this.ctx.seekBy(gesture.value ?? (region === 'left' ? -10 : 10));\n                break;\n            case 'togglePlay':\n                this.ctx.togglePlay();\n                break;\n            case 'toggleFullscreen':\n                this.ctx.toggleFullscreen();\n                break;\n            case 'toggleMute':\n                this.ctx.toggleMute();\n                break;\n        }\n    }\n\n    private regionAt(clientX: number): TapRegion {\n        const r = this.ctx.areaEl.getBoundingClientRect();\n        const x = (clientX - r.left) / (r.width || 1);\n        if (x < SIDE_FRACTION) return 'left';\n        if (x > 1 - SIDE_FRACTION) return 'right';\n        return 'center';\n    }\n\n    private clearPending(): void {\n        if (this.pendingTimer) clearTimeout(this.pendingTimer);\n        this.pendingTimer = null;\n    }\n\n    private reset(): void {\n        this.clearPending();\n        this.count = 0;\n        this.chain = null;\n        this.lastRegion = null;\n        this.lastPointer = null;\n    }\n}\n\nfunction matchesPointer(gesture: TapGesture, pointer: TapPointerType): boolean {\n    const want = gesture.pointer ?? 'touch';\n    return want === 'any' || want === pointer;\n}\n","import { TapGestures, DEFAULT_TAP_GESTURES, type TapGesturesPlayerContext, type TapPointerType } from './TapGestures';\nimport type { TapGesture } from '../../types';\n\nexport function installTapGestures(ctx: TapGesturesPlayerContext, gestures: TapGesture[]): TapGestures {\n    return new TapGestures(ctx, gestures);\n}\n\nexport { TapGestures, DEFAULT_TAP_GESTURES };\nexport type { TapGesturesPlayerContext, TapPointerType };\n"],"names":["TAP_COUNTS","TAP_WINDOW_MS","CHAIN_WINDOW_MS","SIDE_FRACTION","DEFAULT_TAP_GESTURES","TapGestures","ctx","gestures","__publicField","clientX","pointer","singleTap","region","now","chain","candidates","g","matchesPointer","continues","maxCount","match","count","late","gesture","r","x","want","installTapGestures"],"mappings":";;;AAGA,MAAMA,IAA6C;AAAA,EAC/C,WAAW;AACf,GAEMC,IAAgB,KAEhBC,IAAkB,KAElBC,IAAgB,IAAI,GAEbC,IAAqC;AAAA,EAC9C,EAAE,MAAM,aAAa,QAAQ,QAAQ,SAAS,SAAS,QAAQ,YAAY,OAAO,IAAA;AAAA,EAClF,EAAE,MAAM,aAAa,QAAQ,SAAS,SAAS,SAAS,QAAQ,YAAY,OAAO,GAAA;AACvF;AAiBO,MAAMC,EAAY;AAAA,EAQrB,YACqBC,GACjBC,GACF;AAVM,IAAAC,EAAA;AACA,IAAAA,EAAA,eAAQ;AACR,IAAAA,EAAA,oBAA+B;AAC/B,IAAAA,EAAA,qBAAqC;AACrC,IAAAA,EAAA,sBAAqD;AACrD,IAAAA,EAAA,eAAmG;AAGtF,SAAA,MAAAF,GAGjB,KAAK,WAAWC;AAAA,EACpB;AAAA,EAEA,YAAYA,GAA8B;AACtC,SAAK,WAAWA,GAChB,KAAK,MAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAUE,GAAiBC,GAAyBC,GAAgC;AAChF,UAAMC,IAAS,KAAK,SAASH,CAAO,GAC9BI,IAAM,KAAK,IAAA,GAGXC,IAAQ,KAAK;AACnB,QAAIA,KAASD,IAAMC,EAAM,SAASA,EAAM,YAAYJ,MAAYI,EAAM,QAAQ,WAAW,UAAUA,EAAM,WAAWF;AAChH,kBAAK,aAAA,GACL,KAAK,IAAIE,EAAM,SAASF,CAAM,GAC9BE,EAAM,QAAQD,IAAMX,GACb;AAEX,SAAK,QAAQ;AAEb,UAAMa,IAAa,KAAK,SAAS,OAAO,CAACC,MAAMC,EAAeD,GAAGN,CAAO,MAAMM,EAAE,WAAWJ,KAAUI,EAAE,WAAW,OAAO;AACzH,QAAI,CAACD,EAAW;AACZ,kBAAK,MAAA,GACE;AAGX,UAAMG,IAAY,KAAK,iBAAiB,QAAQ,KAAK,eAAeN,KAAU,KAAK,gBAAgBF;AACnG,SAAK,QAAQQ,IAAY,KAAK,QAAQ,IAAI,GAC1C,KAAK,aAAaN,GAClB,KAAK,cAAcF,GACnB,KAAK,aAAA;AAEL,UAAMS,IAAW,KAAK,IAAI,GAAGJ,EAAW,IAAI,CAACC,MAAMhB,EAAWgB,EAAE,IAAI,CAAC,CAAC,GAChEI,IAAQL,EAAW,KAAK,CAACC,MAAMhB,EAAWgB,EAAE,IAAI,MAAM,KAAK,KAAK;AAEtE,QAAII,KAAS,KAAK,SAASD;AACvB,kBAAK,KAAKC,GAAOR,GAAQF,CAAO,GACzB;AAEX,UAAMW,IAAQ,KAAK;AACnB,gBAAK,eAAe,WAAW,MAAM;AACjC,WAAK,eAAe;AACpB,YAAMC,IAAOP,EAAW,KAAK,CAACC,MAAMhB,EAAWgB,EAAE,IAAI,MAAMK,CAAK;AAChE,WAAK,QAAQ,GACTC,IAAM,KAAK,KAAKA,GAAMV,GAAQF,CAAO,IAChCW,MAAU,KAAGV,EAAA;AAAA,IAC1B,GAAGV,CAAa,GACT;AAAA,EACX;AAAA,EAEA,UAAgB;AACZ,SAAK,MAAA;AAAA,EACT;AAAA,EAEQ,KAAKsB,GAAqBX,GAAmBF,GAA+B;AAChF,SAAK,QAAQ,GACb,KAAK,IAAIa,GAASX,CAAM,GACpBW,EAAQ,WAAW,eAAY,KAAK,QAAQ,EAAE,SAAAA,GAAS,QAAAX,GAAQ,SAAAF,GAAS,OAAO,KAAK,IAAA,IAAQR,EAAA;AAAA,EACpG;AAAA,EAEQ,IAAIqB,GAAqBX,GAAyB;AACtD,YAAQW,EAAQ,QAAA;AAAA,MACZ,KAAK;AACD,aAAK,IAAI,OAAOA,EAAQ,UAAUX,MAAW,SAAS,MAAM,GAAG;AAC/D;AAAA,MACJ,KAAK;AACD,aAAK,IAAI,WAAA;AACT;AAAA,MACJ,KAAK;AACD,aAAK,IAAI,iBAAA;AACT;AAAA,MACJ,KAAK;AACD,aAAK,IAAI,WAAA;AACT;AAAA,IAAA;AAAA,EAEZ;AAAA,EAEQ,SAASH,GAA4B;AACzC,UAAMe,IAAI,KAAK,IAAI,OAAO,sBAAA,GACpBC,KAAKhB,IAAUe,EAAE,SAASA,EAAE,SAAS;AAC3C,WAAIC,IAAItB,IAAsB,SAC1BsB,IAAI,IAAItB,IAAsB,UAC3B;AAAA,EACX;AAAA,EAEQ,eAAqB;AACzB,IAAI,KAAK,gBAAc,aAAa,KAAK,YAAY,GACrD,KAAK,eAAe;AAAA,EACxB;AAAA,EAEQ,QAAc;AAClB,SAAK,aAAA,GACL,KAAK,QAAQ,GACb,KAAK,QAAQ,MACb,KAAK,aAAa,MAClB,KAAK,cAAc;AAAA,EACvB;AACJ;AAEA,SAASc,EAAeM,GAAqBb,GAAkC;AAC3E,QAAMgB,IAAOH,EAAQ,WAAW;AAChC,SAAOG,MAAS,SAASA,MAAShB;AACtC;ACtJO,SAASiB,EAAmBrB,GAA+BC,GAAqC;AACnG,SAAO,IAAIF,EAAYC,GAAKC,CAAQ;AACxC;"}

package/dist/chunks/index-DGtpFgHV.js

@@ -0,0 +1,70 @@
+var g = Object.defineProperty;
+var v = (n, t, e) => t in n ? g(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var o = (n, t, e) => v(n, typeof t != "symbol" ? t + "" : t, e);
+class x {
+  constructor(t) {
+    o(this, "el");
+    o(this, "titleEl");
+    o(this, "closeBtn");
+    o(this, "body");
+    o(this, "timer", null);
+    this.ctx = t, this.el = document.createElement("div"), this.el.className = "hp-stats", this.el.setAttribute("part", "stats-panel"), this.el.setAttribute("role", "dialog");
+    const e = document.createElement("div");
+    e.className = "hp-stats-header", this.titleEl = document.createElement("span"), this.closeBtn = document.createElement("button"), this.closeBtn.type = "button", this.closeBtn.className = "hp-stats-close", this.closeBtn.innerHTML = '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>', this.closeBtn.addEventListener("click", () => this.hide()), e.append(this.titleEl, this.closeBtn), this.body = document.createElement("dl"), this.body.className = "hp-stats-body", this.el.append(e, this.body), this.el.addEventListener("pointerdown", (s) => s.stopPropagation()), this.el.addEventListener("click", (s) => s.stopPropagation()), this.refreshLabels();
+  }
+  get isVisible() {
+    return this.el.isConnected;
+  }
+  show() {
+    this.isVisible || this.ctx.containerEl.appendChild(this.el), this.render(), this.timer || (this.timer = setInterval(() => this.render(), 500));
+  }
+  hide() {
+    this.timer && clearInterval(this.timer), this.timer = null, this.el.remove();
+  }
+  toggle(t) {
+    t ?? !this.isVisible ? this.show() : this.hide();
+  }
+  refreshLabels() {
+    this.titleEl.textContent = this.ctx.i18n.statsTitle, this.closeBtn.setAttribute("aria-label", this.ctx.i18n.statsClose), this.isVisible && this.render();
+  }
+  destroy() {
+    this.hide();
+  }
+  render() {
+    var m, p;
+    const { videoEl: t, i18n: e } = this.ctx, s = this.ctx.getHls(), l = this.ctx.getEngine(), i = s && s.currentLevel >= 0 ? s.levels[s.currentLevel] : void 0, a = (m = t.getVideoPlaybackQuality) == null ? void 0 : m.call(t), h = t.getBoundingClientRect(), c = window.devicePixelRatio || 1;
+    let u = 0;
+    for (let r = 0; r < t.buffered.length; r++)
+      t.buffered.start(r) <= t.currentTime + 0.5 && t.buffered.end(r) > t.currentTime && (u = t.buffered.end(r) - t.currentTime);
+    const f = [
+      [e.statsEngine, l.engine + (l.reason ? ` (${l.reason})` : "")],
+      [e.statsResolution, `${t.videoWidth}×${t.videoHeight} / ${Math.round(h.width * c)}×${Math.round(h.height * c)}`],
+      [e.statsQuality, i ? `${i.height}p · ${Math.round(i.bitrate / 1e3)} kbps${s.autoLevelEnabled ? " · auto" : ""}` : "—"],
+      [e.statsCodecs, i && [i.videoCodec, i.audioCodec].filter(Boolean).join(", ") || "—"],
+      [e.statsBandwidth, s ? `${(s.bandwidthEstimate / 1e6).toFixed(2)} Mbps` : "—"],
+      [e.statsBuffer, `${u.toFixed(1)} s`],
+      [e.statsDropped, a ? `${a.droppedVideoFrames} / ${a.totalVideoFrames}` : "—"],
+      // hls.js `latency`'yi VOD'da da hesaplıyor (süre - konum) — yalnızca canlı yayında anlamlı.
+      [e.statsLatency, (p = i == null ? void 0 : i.details) != null && p.live && Number.isFinite(s.latency) ? `${s.latency.toFixed(1)} s` : "—"],
+      [e.statsSpeedVolume, `${t.playbackRate}× · ${t.muted ? 0 : Math.round(t.volume * 100)}%`],
+      [e.statsSource, t.currentSrc && !t.currentSrc.startsWith("blob:") ? t.currentSrc : t.currentSrc ? "MediaSource (hls.js)" : "—"],
+      [e.statsVersion, `HopeCorePlayer ${this.ctx.version}`]
+    ];
+    this.body.replaceChildren(
+      ...f.flatMap(([r, b]) => {
+        const E = document.createElement("dt");
+        E.textContent = r;
+        const d = document.createElement("dd");
+        return d.textContent = b, d.title = b, [E, d];
+      })
+    );
+  }
+}
+function $(n) {
+  return new x(n);
+}
+export {
+  x as StatsPanel,
+  $ as installStats
+};
+//# sourceMappingURL=index-DGtpFgHV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DGtpFgHV.js","sources":["../../src/plugins/stats/StatsPanel.ts","../../src/plugins/stats/index.ts"],"sourcesContent":["import type { HopeLocaleStrings } from '../../i18n/types';\nimport type { PlaybackEngineInfo } from '../../hls/SourceManager';\n\n/** hls.js instance'ından okunan alanlar — tam tipi içe aktarmamak için. */\ninterface HlsStatsSource {\n    currentLevel: number;\n    autoLevelEnabled: boolean;\n    levels: { height: number; width: number; bitrate: number; videoCodec?: string; audioCodec?: string; details?: { live: boolean } }[];\n    bandwidthEstimate: number;\n    latency: number;\n    config: { maxBufferLength: number };\n}\n\nexport interface StatsPlayerContext {\n    videoEl: HTMLVideoElement;\n    containerEl: HTMLElement;\n    i18n: HopeLocaleStrings;\n    version: string;\n    getEngine(): PlaybackEngineInfo;\n    getHls(): HlsStatsSource | null;\n}\n\nconst REFRESH_MS = 500;\n\n/** Sağ tık menüsündeki \"İstatistikler\" — player üstünde canlı teknik bilgi paneli (YouTube'daki \"Stats for nerds\" gibi). */\nexport class StatsPanel {\n    private readonly el: HTMLDivElement;\n    private readonly titleEl: HTMLSpanElement;\n    private readonly closeBtn: HTMLButtonElement;\n    private readonly body: HTMLDListElement;\n    private timer: ReturnType<typeof setInterval> | null = null;\n\n    constructor(private readonly ctx: StatsPlayerContext) {\n        this.el = document.createElement('div');\n        this.el.className = 'hp-stats';\n        this.el.setAttribute('part', 'stats-panel');\n        this.el.setAttribute('role', 'dialog');\n\n        const header = document.createElement('div');\n        header.className = 'hp-stats-header';\n        this.titleEl = document.createElement('span');\n        this.closeBtn = document.createElement('button');\n        this.closeBtn.type = 'button';\n        this.closeBtn.className = 'hp-stats-close';\n        this.closeBtn.innerHTML =\n            '<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M6 6l12 12M18 6L6 18\"/></svg>';\n        this.closeBtn.addEventListener('click', () => this.hide());\n        header.append(this.titleEl, this.closeBtn);\n\n        this.body = document.createElement('dl');\n        this.body.className = 'hp-stats-body';\n        this.el.append(header, this.body);\n        // Panel tıklamaları videoyu oynat/duraklat yapmasın.\n        this.el.addEventListener('pointerdown', (e) => e.stopPropagation());\n        this.el.addEventListener('click', (e) => e.stopPropagation());\n        this.refreshLabels();\n    }\n\n    get isVisible(): boolean {\n        return this.el.isConnected;\n    }\n\n    show(): void {\n        if (!this.isVisible) this.ctx.containerEl.appendChild(this.el);\n        this.render();\n        if (!this.timer) this.timer = setInterval(() => this.render(), REFRESH_MS);\n    }\n\n    hide(): void {\n        if (this.timer) clearInterval(this.timer);\n        this.timer = null;\n        this.el.remove();\n    }\n\n    toggle(force?: boolean): void {\n        if (force ?? !this.isVisible) this.show();\n        else this.hide();\n    }\n\n    refreshLabels(): void {\n        this.titleEl.textContent = this.ctx.i18n.statsTitle;\n        this.closeBtn.setAttribute('aria-label', this.ctx.i18n.statsClose);\n        if (this.isVisible) this.render();\n    }\n\n    destroy(): void {\n        this.hide();\n    }\n\n    private render(): void {\n        const { videoEl: v, i18n: t } = this.ctx;\n        const hls = this.ctx.getHls();\n        const engine = this.ctx.getEngine();\n        const level = hls && hls.currentLevel >= 0 ? hls.levels[hls.currentLevel] : undefined;\n        const quality = v.getVideoPlaybackQuality?.();\n        const rect = v.getBoundingClientRect();\n        const dpr = window.devicePixelRatio || 1;\n\n        let ahead = 0;\n        for (let i = 0; i < v.buffered.length; i++) {\n            if (v.buffered.start(i) <= v.currentTime + 0.5 && v.buffered.end(i) > v.currentTime) ahead = v.buffered.end(i) - v.currentTime;\n        }\n\n        const rows: [string, string][] = [\n            [t.statsEngine, engine.engine + (engine.reason ? ` (${engine.reason})` : '')],\n            [t.statsResolution, `${v.videoWidth}×${v.videoHeight} / ${Math.round(rect.width * dpr)}×${Math.round(rect.height * dpr)}`],\n            [t.statsQuality, level ? `${level.height}p · ${Math.round(level.bitrate / 1000)} kbps${hls!.autoLevelEnabled ? ' · auto' : ''}` : '—'],\n            [t.statsCodecs, level ? [level.videoCodec, level.audioCodec].filter(Boolean).join(', ') || '—' : '—'],\n            [t.statsBandwidth, hls ? `${(hls.bandwidthEstimate / 1e6).toFixed(2)} Mbps` : '—'],\n            [t.statsBuffer, `${ahead.toFixed(1)} s`],\n            [t.statsDropped, quality ? `${quality.droppedVideoFrames} / ${quality.totalVideoFrames}` : '—'],\n            // hls.js `latency`'yi VOD'da da hesaplıyor (süre - konum) — yalnızca canlı yayında anlamlı.\n            [t.statsLatency, level?.details?.live && Number.isFinite(hls!.latency) ? `${hls!.latency.toFixed(1)} s` : '—'],\n            [t.statsSpeedVolume, `${v.playbackRate}× · ${v.muted ? 0 : Math.round(v.volume * 100)}%`],\n            [t.statsSource, v.currentSrc && !v.currentSrc.startsWith('blob:') ? v.currentSrc : v.currentSrc ? 'MediaSource (hls.js)' : '—'],\n            [t.statsVersion, `HopeCorePlayer ${this.ctx.version}`],\n        ];\n        this.body.replaceChildren(\n            ...rows.flatMap(([k, val]) => {\n                const dt = document.createElement('dt');\n                dt.textContent = k;\n                const dd = document.createElement('dd');\n                dd.textContent = val;\n                dd.title = val;\n                return [dt, dd];\n            })\n        );\n    }\n}\n","import { StatsPanel, type StatsPlayerContext } from './StatsPanel';\n\nexport function installStats(ctx: StatsPlayerContext): StatsPanel {\n    return new StatsPanel(ctx);\n}\n\nexport { StatsPanel };\nexport type { StatsPlayerContext };\n"],"names":["StatsPanel","ctx","__publicField","header","e","force","_a","_b","v","t","hls","engine","level","quality","rect","dpr","ahead","i","rows","k","val","dt","dd","installStats"],"mappings":"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"}