tmg-media-player 0.0.40 → 0.0.42

package/dist/{chunk-HCTNCCPR.js → chunk-23BYW5JE.js}

@@ -37,10 +37,10 @@ var CSSPlug = class extends BasePlug {
     for (const [k, v] of entries) k !== "syncWithMedia" && ((_a = this.build)[k] ?? (_a[k] = this.ctlr.build.settings.css[k]), this.set(k, v));
     super.wire();
   }
-  async handleLoadedMetadataStatus({ value }) {
-    if (!value) return;
-    const color = await this.ctlr.plug("settings.frame")?.getMainColor();
-    for (const k of Object.keys(this.settings.css.syncWithMedia)) if (this.settings.css.syncWithMedia[k]) this.settings.css[k] = String(color ?? this.build[k]);
+  async handleLoadedMetadataStatus({ value }, keys = Object.keys(this.settings.css.syncWithMedia)) {
+    if (!value || !keys.some((k) => this.settings.css.syncWithMedia[k])) return;
+    const color = await this.ctlr.plug("settings.frame")?.getMainColor(void 0, this.media.features.frameCapture ? "" : void 0);
+    for (const k of keys) if (this.settings.css.syncWithMedia[k]) this.settings.css[k] = String(color ?? this.build[k]);
   }
   getCSSKey(key) {
     return { isClass: this.classList.includes(key), id: `tmg-media-${uncamelize(key, "-")}` };
@@ -79,4 +79,4 @@ var banRgx = /\.(?:(constructor|syncWithMedia))/;
 export {
   CSSPlug
 };
-//# sourceMappingURL=chunk-HCTNCCPR.js.map
+//# sourceMappingURL=chunk-23BYW5JE.js.map

package/dist/chunk-23BYW5JE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/css/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\r\nimport type { CssConfig } from \"./types\";\r\nimport { CSS_BUILD } from \"./build\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport type { REvent } from \"sia-reactor\";\r\nimport { camelize, capitalize, uncamelize } from \"@utils/str\";\r\n\r\nexport class CSSPlug extends BasePlug<CssConfig> {\r\n  public static readonly plugName = \"css\";\r\n  public static readonly BUILD = CSS_BUILD;\r\n  public classList: string[] = [\"captionsCharacterEdgeStyle\"]; // #DEFAULT: build privilege\r\n  public build: Record<string, string | number | undefined> = {};\r\n\r\n  public override wire(): void {\r\n    // Variables Assignment\r\n    const entries = Object.entries(this.config);\r\n    this.settings.css.altImgUrl = `url(${window.TMG_MEDIA_ALT_IMG_SRC})`;\r\n    // Blackbox Handlers\r\n    this.ctlr.config.get(\"*\", (val, { target: { key, path } }: any) => val ?? (!path.startsWith(\"settings.css.\") || banRgx.test(path) ? val : (this.build[key] ??= this.get(key))), { signal: this.signal }); // #BLACKBOX: immediacy requirement\r\n    this.ctlr.config.watch(\"*\", (val, { target: { key, path } }: any) => path.startsWith(\"settings.css.\") && !banRgx.test(path) && this.set(key, val), { signal: this.signal }); // #BLACKBOX: immediacy requirement\r\n    // ---- Media Watchers\r\n    for (const p of [\"videoWidth\", \"videoHeight\"] as const) this.media.watch(`status.${p}`, this.syncAspectRatio, { init: p === \"videoWidth\", signal: this.signal });\r\n    // ---- State --------\r\n    ([\"container.width\", \"container.height\", \"object.width\", \"object.height\", \"object.top\", \"object.left\", \"poster.width\", \"poster.height\", \"poster.top\", \"poster.left\"] as const).forEach((p, _, __, camped = capitalize(camelize(p, /\\./))) => this.ctlr.state.watch(`dimensions.${p}`, (v) => (this.config[`current${camped}`] = `${v || 0}px`), { init: true, signal: this.signal }));\r\n    // ---- Media Listeners\r\n    this.media.on(\"status.loadedMetadata\", this.handleLoadedMetadataStatus, { init: this.ctlr.flags.wired, signal: this.signal });\r\n    // ---- State ----------\r\n    for (const k of [\"container\", \"pseudoContainer\"] as const) this.ctlr.state.on(`dimensions.${k}.tier`, ({ value: tier }) => (this.media[k].dataset.sizeTier = tier || \"\"), { init: true, signal: this.signal });\r\n    // Post Wiring\r\n    for (const [k, v] of entries) k !== \"syncWithMedia\" && ((this.build[k] ??= this.ctlr.build.settings.css[k]), this.set(k, v));\r\n    super.wire();\r\n  }\r\n\r\n  protected async handleLoadedMetadataStatus({ value }: REvent<CtlrMedia, \"status.loadedMetadata\">, keys = Object.keys(this.settings.css.syncWithMedia)): Promise<void> {\r\n    if (!value || !keys.some((k) => this.settings.css.syncWithMedia[k])) return;\r\n    const color = await this.ctlr.plug(\"settings.frame\")?.getMainColor(undefined, this.media.features.frameCapture ? \"\" : undefined);\r\n    for (const k of keys) if (this.settings.css.syncWithMedia[k]) this.settings.css[k] = String(color ?? this.build[k]);\r\n  }\r\n\r\n  public getCSSKey(key: string): { isClass: boolean; id: string } {\r\n    return { isClass: this.classList.includes(key), id: `tmg-media-${uncamelize(key, \"-\")}` };\r\n  }\r\n  protected getCSSValue(id: string): string {\r\n    return getComputedStyle(this.media.container).getPropertyValue(`--${id}`) || \"\";\r\n  }\r\n  protected getClassValue(id: string): string {\r\n    return Array.prototype.find.call(this.media.container.classList, (c) => c.startsWith(id))?.replace(`${id}-`, \"\") || \"\";\r\n  }\r\n\r\n  protected setCssVariable(id: string, value: any): void {\r\n    const strVal = value != null ? String(value) : \"\";\r\n    for (const el of [this.media.container, this.media.pseudoContainer]) el?.style.setProperty(`--${id}`, strVal); // \"\" auto-removes\r\n  }\r\n  protected setClassValue(id: string, value: any): void {\r\n    for (const c of this.media.container.classList) c.startsWith(id) && this.media.container.classList.remove(c);\r\n    value != null && value !== \"\" && this.media.container.classList.add(`${id}-${String(value)}`); // \"\" removes\r\n  }\r\n\r\n  protected get(key: string): string | number | undefined {\r\n    const { isClass, id } = this.getCSSKey(key);\r\n    return this[isClass ? \"getClassValue\" : \"getCSSValue\"](id);\r\n  }\r\n  protected set(key: string, value: any): void {\r\n    const { isClass, id } = this.getCSSKey(key);\r\n    this[isClass ? \"setClassValue\" : \"setCssVariable\"](id, value);\r\n  }\r\n\r\n  public syncAspectRatio(): void {\r\n    const { videoWidth: w, videoHeight: h } = this.media.status;\r\n    this.settings.css.aspectRatio = w && h ? `${w} / ${h}` : \"16 / 9\";\r\n  }\r\n}\r\nconst banRgx = /\\.(?:(constructor|syncWithMedia))/; // __proto__|prototype|toString|valueOf|hasOwnProperty|\r\n\r\nexport type * from \"./types\";\r\nexport * from \"./build\";\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PlugRegistryMap {\r\n    \"settings.css\": typeof CSSPlug;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/config\" {\r\n  interface Settings {\r\n    css: CssConfig;\r\n  }\r\n}\r\n"],"mappings":"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","names":["_a"]}

package/dist/{chunk-TJMGAIJ2.js → chunk-3JYTCSCR.js}

@@ -1,57 +1,39 @@
 import {
-  PlaylistPlug
-} from "./chunk-3VN6SCE4.js";
-import {
-  SkeletonPlug
-} from "./chunk-EO2SYXX5.js";
-import {
-  AdsPlug
-} from "./chunk-6CXX7WZO.js";
-import {
-  DisabledPlug
-} from "./chunk-EZN6F5JE.js";
-import {
-  LightPlug
-} from "./chunk-AKSQNAZS.js";
+  VoicePlug
+} from "./chunk-UCO75OSK.js";
 import {
   VolumePlug
 } from "./chunk-I6Q53IPI.js";
 import {
-  TimeTravelPlug
-} from "./chunk-SUEKTA5D.js";
+  OverlayPlug
+} from "./chunk-AUHJS22O.js";
 import {
-  VoicePlug
-} from "./chunk-UCO75OSK.js";
+  TimePlug
+} from "./chunk-XNQILPYL.js";
 import {
-  SleepTimerPlug
-} from "./chunk-PI7JPTSL.js";
+  TimeTravelPlug
+} from "./chunk-SUEKTA5D.js";
 import {
   PosterPlug
 } from "./chunk-PXK56QO3.js";
 import {
-  TimePlug
-} from "./chunk-XNQILPYL.js";
+  SleepTimerPlug
+} from "./chunk-PI7JPTSL.js";
 import {
   PersistPlug
 } from "./chunk-JCSBCUKA.js";
+import {
+  PanelPlug
+} from "./chunk-X24LFSYJ.js";
 import {
   PlaybackRatePlug
 } from "./chunk-JDC4FBXX.js";
-import {
-  ObjectFitPlug
-} from "./chunk-SG4E7P7S.js";
-import {
-  OverlayPlug
-} from "./chunk-AUHJS22O.js";
-import {
-  PanelPlug
-} from "./chunk-URYM5WYF.js";
 import {
   NotifiersPlug
 } from "./chunk-KST5YWTX.js";
 import {
-  MetadataPlug
-} from "./chunk-65ZJKSNP.js";
+  ObjectFitPlug
+} from "./chunk-SG4E7P7S.js";
 import {
   ModesAirPlayPin
 } from "./chunk-5QPPF5CW.js";
@@ -72,11 +54,11 @@ import {
   LockedPlug
 } from "./chunk-4JJV6NZM.js";
 import {
-  CSSPlug
-} from "./chunk-HCTNCCPR.js";
+  MetadataPlug
+} from "./chunk-65ZJKSNP.js";
 import {
   FramePlug
-} from "./chunk-D7Y72JWH.js";
+} from "./chunk-U6XDI2FQ.js";
 import {
   GesturePlug,
   GestureTouchPin,
@@ -88,12 +70,12 @@ import {
 import {
   FastPlayPlug
 } from "./chunk-IW4PM2ND.js";
-import {
-  BrightnessPlug
-} from "./chunk-X543EHRV.js";
 import {
   CaptionsPlug
 } from "./chunk-SJOESZ5R.js";
+import {
+  CSSPlug
+} from "./chunk-23BYW5JE.js";
 import {
   ControlPanelDraggablePin,
   ControlPanelPlug
@@ -101,12 +83,30 @@ import {
 import {
   ToastsPlug
 } from "./chunk-I3RJYUX7.js";
+import {
+  AutoPlug
+} from "./chunk-OLPEXQJF.js";
+import {
+  BrightnessPlug
+} from "./chunk-X543EHRV.js";
 import {
   AmbiencePlug
 } from "./chunk-3APJR7DP.js";
 import {
-  AutoPlug
-} from "./chunk-OLPEXQJF.js";
+  SkeletonPlug
+} from "./chunk-EO2SYXX5.js";
+import {
+  DisabledPlug
+} from "./chunk-EZN6F5JE.js";
+import {
+  LightPlug
+} from "./chunk-AKSQNAZS.js";
+import {
+  PlaylistPlug
+} from "./chunk-3VN6SCE4.js";
+import {
+  AdsPlug
+} from "./chunk-6CXX7WZO.js";
 import {
   PinRegistry,
   PlugRegistry
@@ -162,4 +162,4 @@ for (const Pin of [
   GestureTouchPin
 ])
   PinRegistry.register(Pin);
-//# sourceMappingURL=chunk-TJMGAIJ2.js.map
+//# sourceMappingURL=chunk-3JYTCSCR.js.map

package/dist/{chunk-VIJEMQ77.js → chunk-6WK4XXTL.js}

@@ -1,6 +1,3 @@
-import {
-  ShakaTech
-} from "./chunk-5V7L4U3B.js";
 import {
   VIMEO_EVENTS,
   VimeoTech
@@ -14,6 +11,9 @@ import {
 import {
   HLSTech
 } from "./chunk-LNING7Z4.js";
+import {
+  ShakaTech
+} from "./chunk-5V7L4U3B.js";
 import {
   IMATech
 } from "./chunk-XOAJMIHO.js";
@@ -46,4 +46,4 @@ __export(techs_exports, {
 export {
   techs_exports
 };
-//# sourceMappingURL=chunk-VIJEMQ77.js.map
+//# sourceMappingURL=chunk-6WK4XXTL.js.map

package/dist/{chunk-E5PBQLV3.js → chunk-JLUX5NZJ.js}

@@ -1,12 +1,3 @@
-import {
-  tripleTriangleRight
-} from "./chunk-ZTOANBNR.js";
-import {
-  unlock
-} from "./chunk-TMTWPBFD.js";
-import {
-  videoTrack
-} from "./chunk-AIJWNUXU.js";
 import {
   volumeHigh
 } from "./chunk-W6TNR6NH.js";
@@ -16,15 +7,6 @@ import {
 import {
   volumeMuted
 } from "./chunk-2WOP45O7.js";
-import {
-  returnBack
-} from "./chunk-BHHFZM5D.js";
-import {
-  settings
-} from "./chunk-2J3FJY73.js";
-import {
-  shuffle
-} from "./chunk-OEHNS7YX.js";
 import {
   sort
 } from "./chunk-QP2X53HC.js";
@@ -41,14 +23,14 @@ import {
   tripleTriangleLeft
 } from "./chunk-IIRP4XMQ.js";
 import {
-  pipPlaceholder
-} from "./chunk-7CRW7VGS.js";
+  tripleTriangleRight
+} from "./chunk-ZTOANBNR.js";
 import {
-  play
-} from "./chunk-K4UHBEDT.js";
+  unlock
+} from "./chunk-TMTWPBFD.js";
 import {
-  playbackRate
-} from "./chunk-C3IEUYR3.js";
+  videoTrack
+} from "./chunk-AIJWNUXU.js";
 import {
   playlist
 } from "./chunk-KLAI7YSD.js";
@@ -65,14 +47,14 @@ import {
   replay
 } from "./chunk-YHTCXXEG.js";
 import {
-  lock
-} from "./chunk-T4LAQEBY.js";
+  returnBack
+} from "./chunk-BHHFZM5D.js";
 import {
-  loop
-} from "./chunk-OSDM6ZVT.js";
+  settings
+} from "./chunk-2J3FJY73.js";
 import {
-  mic
-} from "./chunk-PEKXIISU.js";
+  shuffle
+} from "./chunk-OEHNS7YX.js";
 import {
   next
 } from "./chunk-MP2GRDUX.js";
@@ -89,14 +71,14 @@ import {
   pause
 } from "./chunk-OOXUZMZ7.js";
 import {
-  exitFullscreen
-} from "./chunk-DR2VKENG.js";
+  pipPlaceholder
+} from "./chunk-7CRW7VGS.js";
 import {
-  exitPip
-} from "./chunk-OCWLEK2W.js";
+  play
+} from "./chunk-K4UHBEDT.js";
 import {
-  exitTheater
-} from "./chunk-CRH6DM5A.js";
+  playbackRate
+} from "./chunk-C3IEUYR3.js";
 import {
   expandMiniplayer
 } from "./chunk-DN4TFOZV.js";
@@ -113,14 +95,14 @@ import {
   goBack
 } from "./chunk-4XUR7NSC.js";
 import {
-  doubleTriangleLeft
-} from "./chunk-VGWGAAZA.js";
+  lock
+} from "./chunk-T4LAQEBY.js";
 import {
-  doubleTriangleRight
-} from "./chunk-Q5TE3ZDK.js";
+  loop
+} from "./chunk-OSDM6ZVT.js";
 import {
-  dragIndicator
-} from "./chunk-ZLZCQ3KJ.js";
+  mic
+} from "./chunk-PEKXIISU.js";
 import {
   edit
 } from "./chunk-NLJQAJZB.js";
@@ -137,14 +119,14 @@ import {
   errorPlaceholder
 } from "./chunk-2K7QF6AQ.js";
 import {
-  brightnessLow
-} from "./chunk-63CB7WUR.js";
+  exitFullscreen
+} from "./chunk-DR2VKENG.js";
 import {
-  bwd
-} from "./chunk-PV24XKW2.js";
+  exitPip
+} from "./chunk-OCWLEK2W.js";
 import {
-  captions
-} from "./chunk-CTSPKWKN.js";
+  exitTheater
+} from "./chunk-CRH6DM5A.js";
 import {
   capture
 } from "./chunk-HA2GK6KH.js";
@@ -161,14 +143,14 @@ import {
   check
 } from "./chunk-O7XYY33O.js";
 import {
-  airplayPlaceholder
-} from "./chunk-URDNEQFP.js";
+  doubleTriangleLeft
+} from "./chunk-VGWGAAZA.js";
 import {
-  ambience
-} from "./chunk-XHXIXEGS.js";
+  doubleTriangleRight
+} from "./chunk-Q5TE3ZDK.js";
 import {
-  audioTrack
-} from "./chunk-AH2VE4UI.js";
+  dragIndicator
+} from "./chunk-ZLZCQ3KJ.js";
 import {
   autoplay
 } from "./chunk-WTHHXWQM.js";
@@ -184,12 +166,30 @@ import {
 import {
   brightnessHigh
 } from "./chunk-YEQ7IT4H.js";
+import {
+  brightnessLow
+} from "./chunk-63CB7WUR.js";
+import {
+  bwd
+} from "./chunk-PV24XKW2.js";
+import {
+  captions
+} from "./chunk-CTSPKWKN.js";
 import {
   add
 } from "./chunk-ID72UAJE.js";
 import {
   airplay
 } from "./chunk-JP5X5JDL.js";
+import {
+  airplayPlaceholder
+} from "./chunk-URDNEQFP.js";
+import {
+  ambience
+} from "./chunk-XHXIXEGS.js";
+import {
+  audioTrack
+} from "./chunk-AH2VE4UI.js";
 import {
   IconRegistry
 } from "./chunk-3NUEYI6F.js";
@@ -262,4 +262,4 @@ IconRegistry.registerAll({
   goBack,
   mic
 });
-//# sourceMappingURL=chunk-E5PBQLV3.js.map
+//# sourceMappingURL=chunk-JLUX5NZJ.js.map

package/dist/{chunk-WA5VZIDC.js → chunk-LQSU7JDG.js}

@@ -9,14 +9,14 @@ import {
   CONFIG_BUILD,
   STATE_BUILD
 } from "./chunk-DZGMINRA.js";
-import {
-  FN_KEY,
-  LUID_KEY
-} from "./chunk-26QMCQE3.js";
 import {
   ACTIONS_DICT,
   ACTIONS_ENTRIES
 } from "./chunk-EEZLT2G2.js";
+import {
+  FN_KEY,
+  LUID_KEY
+} from "./chunk-26QMCQE3.js";
 import {
   __export
 } from "./chunk-UVKRO5ER.js";
@@ -40,4 +40,4 @@ __export(consts_exports, {
 export {
   consts_exports
 };
-//# sourceMappingURL=chunk-WA5VZIDC.js.map
+//# sourceMappingURL=chunk-LQSU7JDG.js.map

package/dist/{chunk-XV33TV7K.js → chunk-O6VCD64X.js}

@@ -1,15 +1,3 @@
-import {
-  getSettingsVolumeMenu
-} from "./chunk-H6RCMDPN.js";
-import {
-  getSettingsPersistMenu
-} from "./chunk-5J74VH7H.js";
-import {
-  getSettingsPlaybackRateMenu
-} from "./chunk-BZ6OAKW4.js";
-import {
-  getSettingsPosterMenu
-} from "./chunk-GGQFCJML.js";
 import {
   getSettingsSleepTimerMenu
 } from "./chunk-IPV7SSWB.js";
@@ -23,14 +11,8 @@ import {
   getSettingsVoiceMenu
 } from "./chunk-WX5AO66W.js";
 import {
-  getSettingsFrameMenu
-} from "./chunk-K2UNUA26.js";
-import {
-  getSettingsGestureMenu
-} from "./chunk-SL3E3D2U.js";
-import {
-  getSettingsKeysMenu
-} from "./chunk-C5VHC67O.js";
+  getSettingsVolumeMenu
+} from "./chunk-H6RCMDPN.js";
 import {
   getSettingsLockedMenu
 } from "./chunk-BRA3Z2FX.js";
@@ -47,14 +29,14 @@ import {
   getSettingspanelMenu
 } from "./chunk-A4TTYDEZ.js";
 import {
-  getMainPlaylistMenu
-} from "./chunk-QULPSJ56.js";
+  getSettingsPersistMenu
+} from "./chunk-5J74VH7H.js";
 import {
-  getSkeletonMenu
-} from "./chunk-FYWFDWGC.js";
+  getSettingsPlaybackRateMenu
+} from "./chunk-BZ6OAKW4.js";
 import {
-  getSettingsAmbienceMenu
-} from "./chunk-SDKNPOLX.js";
+  getSettingsPosterMenu
+} from "./chunk-GGQFCJML.js";
 import {
   getSettingsAutoMenu
 } from "./chunk-2O47QTXH.js";
@@ -70,12 +52,30 @@ import {
 import {
   getSettingsFastPlayMenu
 } from "./chunk-QUFTMXOO.js";
+import {
+  getSettingsFrameMenu
+} from "./chunk-K2UNUA26.js";
+import {
+  getSettingsGestureMenu
+} from "./chunk-SL3E3D2U.js";
+import {
+  getSettingsKeysMenu
+} from "./chunk-C5VHC67O.js";
 import {
   getActionsMenu
 } from "./chunk-74BHTSAI.js";
 import {
   getSettingsToastsMenu
 } from "./chunk-4ONCJW62.js";
+import {
+  getMainPlaylistMenu
+} from "./chunk-QULPSJ56.js";
+import {
+  getSkeletonMenu
+} from "./chunk-FYWFDWGC.js";
+import {
+  getSettingsAmbienceMenu
+} from "./chunk-SDKNPOLX.js";
 import {
   MenuRegistry
 } from "./chunk-3NUEYI6F.js";
@@ -110,4 +110,4 @@ for (const [key, menu] of [
   ["settings.panel", getSettingspanelMenu]
 ])
   MenuRegistry.register(key, menu);
-//# sourceMappingURL=chunk-XV33TV7K.js.map
+//# sourceMappingURL=chunk-O6VCD64X.js.map

package/dist/{chunk-R4CYVZ7J.js → chunk-SGQJYALA.js}

@@ -1,21 +1,9 @@
-import {
-  TouchBrightnessNotifier
-} from "./chunk-P37VTJI7.js";
-import {
-  TouchTimelineNotifier
-} from "./chunk-CBG4KPKG.js";
 import {
   TouchVolumeNotifier
 } from "./chunk-BOMP2W2F.js";
 import {
   VolumeNotifier
 } from "./chunk-32LAU2UA.js";
-import {
-  ChapterNotifier
-} from "./chunk-DIUSXM23.js";
-import {
-  FastPlayNotifier
-} from "./chunk-DRZX5IMC.js";
 import {
   FwdBwdNotifier
 } from "./chunk-BWD6SGR5.js";
@@ -35,8 +23,11 @@ import {
   ScrubNotifier
 } from "./chunk-GMSCCJ4E.js";
 import {
-  AirPlayNotifier
-} from "./chunk-XTIGTJKL.js";
+  TouchBrightnessNotifier
+} from "./chunk-P37VTJI7.js";
+import {
+  TouchTimelineNotifier
+} from "./chunk-CBG4KPKG.js";
 import {
   BrightnessNotifier
 } from "./chunk-ZNSGNZ3S.js";
@@ -52,6 +43,15 @@ import {
 import {
   CastNotifier
 } from "./chunk-LHSDTEGX.js";
+import {
+  ChapterNotifier
+} from "./chunk-DIUSXM23.js";
+import {
+  FastPlayNotifier
+} from "./chunk-DRZX5IMC.js";
+import {
+  AirPlayNotifier
+} from "./chunk-XTIGTJKL.js";
 import {
   ComponentRegistry
 } from "./chunk-3NUEYI6F.js";
@@ -79,4 +79,4 @@ for (const Comp of [
   AirPlayNotifier
 ])
   ComponentRegistry.register(Comp);
-//# sourceMappingURL=chunk-R4CYVZ7J.js.map
+//# sourceMappingURL=chunk-SGQJYALA.js.map

package/dist/{chunk-ZRJ47BPK.js → chunk-U4STCHIM.js}

@@ -1,6 +1,3 @@
-import {
-  ShakaTech
-} from "./chunk-5V7L4U3B.js";
 import {
   VimeoTech
 } from "./chunk-VSL5UVE3.js";
@@ -13,6 +10,9 @@ import {
 import {
   HLSTech
 } from "./chunk-LNING7Z4.js";
+import {
+  ShakaTech
+} from "./chunk-5V7L4U3B.js";
 import {
   HTML5Tech
 } from "./chunk-QT5XXSG7.js";
@@ -31,4 +31,4 @@ for (const Tech of [
   VimeoTech
 ])
   TechRegistry.register(Tech);
-//# sourceMappingURL=chunk-ZRJ47BPK.js.map
+//# sourceMappingURL=chunk-U4STCHIM.js.map

package/dist/{chunk-D7Y72JWH.js → chunk-U6XDI2FQ.js}

@@ -99,7 +99,7 @@ var FramePlug = class extends BasePlug {
     }
     return;
   }
-  async getMainColor(time, poster = this.media.element.poster, config) {
+  async getMainColor(time, poster = this.media.state.poster, config) {
     return getDominantColor(poster ? poster : (await this.extract("", time ?? await this.getGoodTime(config), true, 1)).canvas);
   }
   moveFrame(dir = "forwards") {
@@ -115,4 +115,4 @@ __publicField(FramePlug, "BUILD", FRAME_BUILD);
 export {
   FramePlug
 };
-//# sourceMappingURL=chunk-D7Y72JWH.js.map
+//# sourceMappingURL=chunk-U6XDI2FQ.js.map

package/dist/{chunk-D7Y72JWH.js.map → chunk-U6XDI2FQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts/plugs/settings/frame/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\r\nimport type { FrameConfig } from \"./types\";\r\nimport { FRAME_BUILD } from \"./build\";\r\nimport { getDominantColor, getRGBBri, getRGBSat } from \"@utils/color\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { clamp, safeNum } from \"@utils/num\";\r\nimport { parseCSSTime } from \"@utils/str\";\r\nimport { formatMediaTime } from \"@utils/time\";\r\nimport { silence } from \"sia-reactor/modules\";\r\nimport { setTimeout } from \"@utils/fn\";\r\nimport { getMediaMin, getMediaMax } from \"@utils/time\";\r\n\r\nexport class FramePlug extends BasePlug<FrameConfig> {\r\n  public static readonly plugName = \"frame\";\r\n  public static readonly BUILD = FRAME_BUILD;\r\n  public exportCanvas: HTMLCanvasElement = createEl(\"canvas\");\r\n  public exportCtx: CanvasRenderingContext2D = this.exportCanvas.getContext(\"2d\", { alpha: false })!;\r\n\r\n  public override wire(): void {\r\n    // Ctlr Media Watchers\r\n    this.media.watch(\"tech\", this.syncFeatures, { init: true, signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.watch(\"settings.frame.disabled\", this.syncFeatures, { signal: this.signal });\r\n    // Post Wiring\r\n    this.ctlr.learn(\"capture\", { fn: () => this.capture(\"\") }, this.signal);\r\n    this.ctlr.learn(\"timeStepFwd\", { fn: () => this.moveFrame(\"forwards\"), keyboard: { phase: \"keydown\" } }, this.signal);\r\n    this.ctlr.learn(\"timeStepBwd\", { fn: () => this.moveFrame(\"backwards\"), keyboard: { phase: \"keydown\" } }, this.signal);\r\n    super.wire();\r\n  }\r\n\r\n  public async extract(display: \"\" | \"monochrome\", time?: number, raw?: false, min?: number, video?: HTMLVideoElement): Promise<{ blob: Blob | null; url: string }>;\r\n  public async extract(display: \"\" | \"monochrome\", time?: number, raw?: true, min?: number, video?: HTMLVideoElement): Promise<{ canvas: HTMLCanvasElement; context: CanvasRenderingContext2D }>;\r\n  public async extract(display: string = \"\", time = safeNum(this.media.state.currentTime), raw = false, min = 0, video = this.media.pseudoElement as HTMLVideoElement): Promise<any> {\r\n    if (!this.media.features.frameCapture) return raw ? { canvas: this.exportCanvas, context: (this.exportCtx.clearRect(0, 0, this.exportCanvas.width, this.exportCanvas.height), this.exportCtx) } : { blob: null, url: \"\" };\r\n    if (video !== this.media.element) {\r\n      if (this.ctlr.state.frameReadyPromise) await this.ctlr.state.frameReadyPromise; // wait for it to get set by last getter 5 lines below\r\n      if (Math.abs(video.currentTime - time) > 0.01 || !video.readyState) {\r\n        this.ctlr.state.frameReadyPromise ??= new Promise<null>((res, _, cb = () => (clearTimeout(t), res(null)), t?: any) => ([video.readyState ? \"timeupdate\" : \"loadeddata\", \"error\", \"abort\", \"emptied\"].forEach((ev) => video.addEventListener(ev, cb, { once: true, signal: this.signal })), (t = setTimeout(cb, 15000, this.signal)))); // me sef no small, been burned before this\r\n        video.currentTime = time; // small epsilon tolerance for video time comparison - 0.01(10ms)\r\n      }\r\n      this.ctlr.state.frameReadyPromise = await this.ctlr.state.frameReadyPromise;\r\n    }\r\n    (this.exportCanvas.width = video.videoWidth || min), (this.exportCanvas.height = video.videoHeight || min);\r\n    this.exportCtx.filter = `${this.settings.css.filter as string}${display === \"monochrome\" ? \" grayscale(100%)\" : \"\"}`;\r\n    this.exportCtx.drawImage(video, 0, 0, this.exportCanvas.width, this.exportCanvas.height);\r\n    this.exportCtx.filter = \"none\";\r\n    if (raw === true) return { canvas: this.exportCanvas, context: this.exportCtx };\r\n    let blob: Blob | null | false | 0 = null;\r\n    try {\r\n      blob = (this.exportCanvas.width || this.exportCanvas.height) && (await new Promise<Blob | null>((res) => this.exportCanvas.toBlob(res)));\r\n    } catch (err) {\r\n      this.ctlr.log(err, \"error\", true); // #LESS: error not worth notifying\r\n    }\r\n    return { blob: blob || null, url: blob ? URL.createObjectURL(blob) : \"\" };\r\n  }\r\n\r\n  public async capture(display: \"\" | \"monochrome\" = \"\", time = safeNum(this.media.state.currentTime)): Promise<void> {\r\n    if (!this.media.features.frameCapture) return;\r\n    this.ctlr.notify?.(\"capture\"); // #STALLING: necessary optimistic distraction\r\n    const toast = this.ctlr.toast,\r\n      tTxt = formatMediaTime({ time, format: \"human\", showMs: true }),\r\n      fTxt = `video frame ${display === \"monochrome\" ? \"in b&w \" : \"\"}at ${tTxt}`,\r\n      tId = toast?.loading(`Capturing ${fTxt}...`, { delay: parseCSSTime(this.settings.css.notifiersAnimationTime), image: window.TMG_MEDIA_ALT_IMG_SRC, tag: `tmg-${this.media.settings.metadata.title ?? \"Video\"}fcpa${tTxt}${display}`, signal: this.signal, ...this.config.toast }) as string,\r\n      frame = await this.extract(display, time, false, 0, this.media.element as HTMLVideoElement),\r\n      filename = `${this.media.settings.metadata.title ?? \"Video\"}_${display === \"monochrome\" ? `black&white_` : \"\"}at_${tTxt}.png`.replace(/[\\/:*?\"<>|\\s]+/g, \"_\"); // system filename safe\r\n    const Save = () => {\r\n      toast?.loading(tId, { render: `Saving ${fTxt}`, actions: false });\r\n      createEl(\"a\", { href: frame.url as string, download: filename })?.click?.();\r\n      toast?.success(tId, { delay: 1000, render: `Saved ${fTxt}`, actions: false });\r\n    };\r\n    const Share = () => {\r\n      toast?.loading(tId, { render: `Sharing ${fTxt}`, actions: false });\r\n      navigator.share?.({ title: this.media.settings.metadata.title ?? \"Video\", text: `Captured ${fTxt}`, files: [new File([frame.blob!], filename, { type: frame.blob!.type })] }).then(\r\n        () => toast?.success(tId, { render: `Shared ${fTxt}`, actions: false }),\r\n        () => toast?.error(tId, { render: `Failed sharing ${fTxt}`, autoClose: this.config.toast.autoClose, actions: { Save } })\r\n      ) || toast?.warn(tId, { delay: 1000, render: `Couldn't share ${fTxt}`, autoClose: this.config.toast.autoClose, actions: { Save } });\r\n    };\r\n    frame?.url ? toast?.success(tId, { render: `Captured ${fTxt}`, image: frame.url, actions: { Save, Share }, onClose: () => URL.revokeObjectURL(frame.url), autoClose: this.config.toast.autoClose }) : toast?.error(tId, { render: `Failed capturing ${fTxt}` });\r\n  }\r\n\r\n  public async getGoodTime({ time: t = safeNum(this.media.state.currentTime), secondsLimit: s = 25, saturation: sat = 12, brightness: bri = 40 } = {}): Promise<number | undefined> {\r\n    const end = clamp(getMediaMin(this.media), t + s, getMediaMax(this.media)),\r\n      seq = ++this.findSeq;\r\n    for (; t <= end; t += 0.333) {\r\n      if (seq !== this.findSeq) return;\r\n      const rgb = await getDominantColor((await this.extract(\"\", t, true, 1)).canvas, \"rgb\", true);\r\n      if (rgb && getRGBBri(rgb) > bri && getRGBSat(rgb) > sat) return t; // <= FIRST legit content frame\r\n    }\r\n    return;\r\n  }\r\n  private findSeq = 0;\r\n\r\n  public async getMainColor(time?: number, poster = (this.media.element as HTMLVideoElement).poster, config?: Parameters<typeof this.getGoodTime>[0]): Promise<string | null> {\r\n    return getDominantColor(poster ? poster : (await this.extract(\"\", time ?? (await this.getGoodTime(config)), true, 1)).canvas);\r\n  }\r\n\r\n  public moveFrame(dir: \"forwards\" | \"backwards\" = \"forwards\"): void {\r\n    this.media.state.paused && this.ctlr.throttle(\"frameStepping\", () => silence(() => (this.media.intent.currentTime = clamp(getMediaMin(this.media), Math.round(this.media.state.currentTime * this.config.fps) + (dir === \"backwards\" ? -1 : 1), Math.floor(getMediaMax(this.media) * this.config.fps)) / this.config.fps)), Math.round(1000 / this.config.fps));\r\n  }\r\n\r\n  public syncFeatures(): void {\r\n    this.media.tech.polyfill(\"frameCapture\", this.ctlr.isNativeEl && this.media.type === \"video\", this.config.disabled);\r\n  }\r\n} // Video only\r\n\r\nexport type * from \"./types\";\r\nexport * from \"./build\";\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PlugRegistryMap {\r\n    \"settings.frame\": typeof FramePlug;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/config\" {\r\n  interface Settings {\r\n    frame: FrameConfig;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/contract\" {\r\n  interface MediaFeaturesExt {\r\n    frameCapture: boolean;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/ts/plugs/settings/frame/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\r\nimport type { FrameConfig } from \"./types\";\r\nimport { FRAME_BUILD } from \"./build\";\r\nimport { getDominantColor, getRGBBri, getRGBSat } from \"@utils/color\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { clamp, safeNum } from \"@utils/num\";\r\nimport { parseCSSTime } from \"@utils/str\";\r\nimport { formatMediaTime } from \"@utils/time\";\r\nimport { silence } from \"sia-reactor/modules\";\r\nimport { setTimeout } from \"@utils/fn\";\r\nimport { getMediaMin, getMediaMax } from \"@utils/time\";\r\n\r\nexport class FramePlug extends BasePlug<FrameConfig> {\r\n  public static readonly plugName = \"frame\";\r\n  public static readonly BUILD = FRAME_BUILD;\r\n  public exportCanvas: HTMLCanvasElement = createEl(\"canvas\");\r\n  public exportCtx: CanvasRenderingContext2D = this.exportCanvas.getContext(\"2d\", { alpha: false })!;\r\n\r\n  public override wire(): void {\r\n    // Ctlr Media Watchers\r\n    this.media.watch(\"tech\", this.syncFeatures, { init: true, signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.watch(\"settings.frame.disabled\", this.syncFeatures, { signal: this.signal });\r\n    // Post Wiring\r\n    this.ctlr.learn(\"capture\", { fn: () => this.capture(\"\") }, this.signal);\r\n    this.ctlr.learn(\"timeStepFwd\", { fn: () => this.moveFrame(\"forwards\"), keyboard: { phase: \"keydown\" } }, this.signal);\r\n    this.ctlr.learn(\"timeStepBwd\", { fn: () => this.moveFrame(\"backwards\"), keyboard: { phase: \"keydown\" } }, this.signal);\r\n    super.wire();\r\n  }\r\n\r\n  public async extract(display: \"\" | \"monochrome\", time?: number, raw?: false, min?: number, video?: HTMLVideoElement): Promise<{ blob: Blob | null; url: string }>;\r\n  public async extract(display: \"\" | \"monochrome\", time?: number, raw?: true, min?: number, video?: HTMLVideoElement): Promise<{ canvas: HTMLCanvasElement; context: CanvasRenderingContext2D }>;\r\n  public async extract(display: string = \"\", time = safeNum(this.media.state.currentTime), raw = false, min = 0, video = this.media.pseudoElement as HTMLVideoElement): Promise<any> {\r\n    if (!this.media.features.frameCapture) return raw ? { canvas: this.exportCanvas, context: (this.exportCtx.clearRect(0, 0, this.exportCanvas.width, this.exportCanvas.height), this.exportCtx) } : { blob: null, url: \"\" };\r\n    if (video !== this.media.element) {\r\n      if (this.ctlr.state.frameReadyPromise) await this.ctlr.state.frameReadyPromise; // wait for it to get set by last getter 5 lines below\r\n      if (Math.abs(video.currentTime - time) > 0.01 || !video.readyState) {\r\n        this.ctlr.state.frameReadyPromise ??= new Promise<null>((res, _, cb = () => (clearTimeout(t), res(null)), t?: any) => ([video.readyState ? \"timeupdate\" : \"loadeddata\", \"error\", \"abort\", \"emptied\"].forEach((ev) => video.addEventListener(ev, cb, { once: true, signal: this.signal })), (t = setTimeout(cb, 15000, this.signal)))); // me sef no small, been burned before this\r\n        video.currentTime = time; // small epsilon tolerance for video time comparison - 0.01(10ms)\r\n      }\r\n      this.ctlr.state.frameReadyPromise = await this.ctlr.state.frameReadyPromise;\r\n    }\r\n    (this.exportCanvas.width = video.videoWidth || min), (this.exportCanvas.height = video.videoHeight || min);\r\n    this.exportCtx.filter = `${this.settings.css.filter as string}${display === \"monochrome\" ? \" grayscale(100%)\" : \"\"}`;\r\n    this.exportCtx.drawImage(video, 0, 0, this.exportCanvas.width, this.exportCanvas.height);\r\n    this.exportCtx.filter = \"none\";\r\n    if (raw === true) return { canvas: this.exportCanvas, context: this.exportCtx };\r\n    let blob: Blob | null | false | 0 = null;\r\n    try {\r\n      blob = (this.exportCanvas.width || this.exportCanvas.height) && (await new Promise<Blob | null>((res) => this.exportCanvas.toBlob(res)));\r\n    } catch (err) {\r\n      this.ctlr.log(err, \"error\", true); // #LESS: error not worth notifying\r\n    }\r\n    return { blob: blob || null, url: blob ? URL.createObjectURL(blob) : \"\" };\r\n  }\r\n\r\n  public async capture(display: \"\" | \"monochrome\" = \"\", time = safeNum(this.media.state.currentTime)): Promise<void> {\r\n    if (!this.media.features.frameCapture) return;\r\n    this.ctlr.notify?.(\"capture\"); // #STALLING: necessary optimistic distraction\r\n    const toast = this.ctlr.toast,\r\n      tTxt = formatMediaTime({ time, format: \"human\", showMs: true }),\r\n      fTxt = `video frame ${display === \"monochrome\" ? \"in b&w \" : \"\"}at ${tTxt}`,\r\n      tId = toast?.loading(`Capturing ${fTxt}...`, { delay: parseCSSTime(this.settings.css.notifiersAnimationTime), image: window.TMG_MEDIA_ALT_IMG_SRC, tag: `tmg-${this.media.settings.metadata.title ?? \"Video\"}fcpa${tTxt}${display}`, signal: this.signal, ...this.config.toast }) as string,\r\n      frame = await this.extract(display, time, false, 0, this.media.element as HTMLVideoElement),\r\n      filename = `${this.media.settings.metadata.title ?? \"Video\"}_${display === \"monochrome\" ? `black&white_` : \"\"}at_${tTxt}.png`.replace(/[\\/:*?\"<>|\\s]+/g, \"_\"); // system filename safe\r\n    const Save = () => {\r\n      toast?.loading(tId, { render: `Saving ${fTxt}`, actions: false });\r\n      createEl(\"a\", { href: frame.url as string, download: filename })?.click?.();\r\n      toast?.success(tId, { delay: 1000, render: `Saved ${fTxt}`, actions: false });\r\n    };\r\n    const Share = () => {\r\n      toast?.loading(tId, { render: `Sharing ${fTxt}`, actions: false });\r\n      navigator.share?.({ title: this.media.settings.metadata.title ?? \"Video\", text: `Captured ${fTxt}`, files: [new File([frame.blob!], filename, { type: frame.blob!.type })] }).then(\r\n        () => toast?.success(tId, { render: `Shared ${fTxt}`, actions: false }),\r\n        () => toast?.error(tId, { render: `Failed sharing ${fTxt}`, autoClose: this.config.toast.autoClose, actions: { Save } })\r\n      ) || toast?.warn(tId, { delay: 1000, render: `Couldn't share ${fTxt}`, autoClose: this.config.toast.autoClose, actions: { Save } });\r\n    };\r\n    frame?.url ? toast?.success(tId, { render: `Captured ${fTxt}`, image: frame.url, actions: { Save, Share }, onClose: () => URL.revokeObjectURL(frame.url), autoClose: this.config.toast.autoClose }) : toast?.error(tId, { render: `Failed capturing ${fTxt}` });\r\n  }\r\n\r\n  public async getGoodTime({ time: t = safeNum(this.media.state.currentTime), secondsLimit: s = 25, saturation: sat = 12, brightness: bri = 40 } = {}): Promise<number | undefined> {\r\n    const end = clamp(getMediaMin(this.media), t + s, getMediaMax(this.media)),\r\n      seq = ++this.findSeq;\r\n    for (; t <= end; t += 0.333) {\r\n      if (seq !== this.findSeq) return;\r\n      const rgb = await getDominantColor((await this.extract(\"\", t, true, 1)).canvas, \"rgb\", true);\r\n      if (rgb && getRGBBri(rgb) > bri && getRGBSat(rgb) > sat) return t; // <= FIRST legit content frame\r\n    }\r\n    return;\r\n  }\r\n  private findSeq = 0;\r\n\r\n  public async getMainColor(time?: number, poster = this.media.state.poster, config?: Parameters<typeof this.getGoodTime>[0]): Promise<string | null> {\r\n    return getDominantColor(poster ? poster : (await this.extract(\"\", time ?? (await this.getGoodTime(config)), true, 1)).canvas);\r\n  }\r\n\r\n  public moveFrame(dir: \"forwards\" | \"backwards\" = \"forwards\"): void {\r\n    this.media.state.paused && this.ctlr.throttle(\"frameStepping\", () => silence(() => (this.media.intent.currentTime = clamp(getMediaMin(this.media), Math.round(this.media.state.currentTime * this.config.fps) + (dir === \"backwards\" ? -1 : 1), Math.floor(getMediaMax(this.media) * this.config.fps)) / this.config.fps)), Math.round(1000 / this.config.fps));\r\n  }\r\n\r\n  public syncFeatures(): void {\r\n    this.media.tech.polyfill(\"frameCapture\", this.ctlr.isNativeEl && this.media.type === \"video\", this.config.disabled);\r\n  }\r\n} // Video only\r\n\r\nexport type * from \"./types\";\r\nexport * from \"./build\";\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PlugRegistryMap {\r\n    \"settings.frame\": typeof FramePlug;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/config\" {\r\n  interface Settings {\r\n    frame: FrameConfig;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/contract\" {\r\n  interface MediaFeaturesExt {\r\n    frameCapture: boolean;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}