tmg-media-player 0.0.1

package/dist/chunk-AKHJD2A3.js

@@ -0,0 +1,50 @@
+import {
+  BaseNotifier
+} from "./chunk-XJ6HO3WP.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/notifiers/touchbrightness.ts
+var TouchBrightnessNotifier = class extends BaseNotifier {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "content");
+    __publicField(this, "slider");
+    __publicField(this, "upSpan");
+    __publicField(this, "lowSpan");
+    __publicField(this, "darkSpan");
+  }
+  create() {
+    this.content = createEl("span", { className: "tmg-media-touch-brightness-content tmg-media-touch-vb-content", textContent: "0" });
+    this.slider = createEl("div", { className: "tmg-media-touch-brightness-slider tmg-media-touch-vb-slider" });
+    this.upSpan = createEl("span", { innerHTML: IconRegistry.get("brightnesshigh") });
+    this.lowSpan = createEl("span", { innerHTML: IconRegistry.get("brightnesslow") });
+    this.darkSpan = createEl("span", { innerHTML: IconRegistry.get("brightnessdark") });
+    const spanWrapper = createEl("span");
+    this.element = createEl("div", { className: "tmg-media-touch-brightness-notifier tmg-media-touch-vb-notifier" });
+    this.el.append(this.content, this.slider, (spanWrapper.append(this.upSpan, this.lowSpan, this.darkSpan), spanWrapper));
+    return this.element;
+  }
+  wire() {
+    super.wire();
+    this.ctlr.plug("settings.brightness")?.state.on("aptValue", this.handleBrightnessState, { init: true, signal: this.signal });
+    this.media.on("state.brightness", this.handleBrightnessState, { init: this.ctlr.payload.wired, signal: this.signal });
+  }
+  handleBrightnessState({ value }) {
+    this.content.textContent = `${value}%`;
+  }
+};
+__publicField(TouchBrightnessNotifier, "componentName", "touchbrightnessnotifier");
+__publicField(TouchBrightnessNotifier, "triggers", ["brightnessup", "brightnessdown", "brightnessdark"]);
+
+export {
+  TouchBrightnessNotifier
+};
+//# sourceMappingURL=chunk-AKHJD2A3.js.map

package/dist/chunk-AKHJD2A3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/notifiers/touchbrightness.ts"],"sourcesContent":["import { BaseNotifier, ComponentState } from \"./base\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport type { REvent } from \"sia-reactor\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport type { BrightnessPlug, BrightnessState } from \"@plugs/settings/brightness\";\r\n\r\nexport class TouchBrightnessNotifier extends BaseNotifier<undefined, ComponentState, HTMLDivElement> {\r\n  public static readonly componentName = \"touchbrightnessnotifier\";\r\n  public static readonly triggers = [\"brightnessup\", \"brightnessdown\", \"brightnessdark\"];\r\n  public content!: HTMLSpanElement;\r\n  public slider!: HTMLDivElement;\r\n  public upSpan!: HTMLSpanElement;\r\n  public lowSpan!: HTMLSpanElement;\r\n  public darkSpan!: HTMLSpanElement;\r\n\r\n  public override create() {\r\n    this.content = createEl(\"span\", { className: \"tmg-media-touch-brightness-content tmg-media-touch-vb-content\", textContent: \"0\" });\r\n    this.slider = createEl(\"div\", { className: \"tmg-media-touch-brightness-slider tmg-media-touch-vb-slider\" });\r\n    this.upSpan = createEl(\"span\", { innerHTML: IconRegistry.get(\"brightnesshigh\") });\r\n    this.lowSpan = createEl(\"span\", { innerHTML: IconRegistry.get(\"brightnesslow\") });\r\n    this.darkSpan = createEl(\"span\", { innerHTML: IconRegistry.get(\"brightnessdark\") });\r\n    const spanWrapper = createEl(\"span\")\r\n    this.element = createEl(\"div\", { className: \"tmg-media-touch-brightness-notifier tmg-media-touch-vb-notifier\" });\r\n    this.el.append(this.content, this.slider, (spanWrapper.append(this.upSpan, this.lowSpan, this.darkSpan), spanWrapper));\r\n    return this.element;\r\n  }\r\n\r\n  public override wire(): void {\r\n    super.wire();\r\n    // Plug Listeners\r\n    this.ctlr.plug(\"settings.brightness\")?.state.on(\"aptValue\", this.handleBrightnessState, { init: true, signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.brightness\", this.handleBrightnessState, { init: this.ctlr.payload.wired, signal: this.signal });\r\n  }\r\n\r\n  protected handleBrightnessState({ value }: REvent<CtlrMedia, \"state.brightness\"> | REvent<BrightnessState, \"aptValue\">): void {\r\n    this.content.textContent = `${value}%`;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    touchbrightnessnotifier: typeof TouchBrightnessNotifier;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAOO,IAAM,0BAAN,cAAsC,aAAwD;AAAA,EAA9F;AAAA;AAGL,wBAAO;AACP,wBAAO;AACP,wBAAO;AACP,wBAAO;AACP,wBAAO;AAAA;AAAA,EAES,SAAS;AACvB,SAAK,UAAU,SAAS,QAAQ,EAAE,WAAW,iEAAiE,aAAa,IAAI,CAAC;AAChI,SAAK,SAAS,SAAS,OAAO,EAAE,WAAW,8DAA8D,CAAC;AAC1G,SAAK,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,IAAI,gBAAgB,EAAE,CAAC;AAChF,SAAK,UAAU,SAAS,QAAQ,EAAE,WAAW,aAAa,IAAI,eAAe,EAAE,CAAC;AAChF,SAAK,WAAW,SAAS,QAAQ,EAAE,WAAW,aAAa,IAAI,gBAAgB,EAAE,CAAC;AAClF,UAAM,cAAc,SAAS,MAAM;AACnC,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,kEAAkE,CAAC;AAC/G,SAAK,GAAG,OAAO,KAAK,SAAS,KAAK,SAAS,YAAY,OAAO,KAAK,QAAQ,KAAK,SAAS,KAAK,QAAQ,GAAG,YAAY;AACrH,WAAO,KAAK;AAAA,EACd;AAAA,EAEgB,OAAa;AAC3B,UAAM,KAAK;AAEX,SAAK,KAAK,KAAK,qBAAqB,GAAG,MAAM,GAAG,YAAY,KAAK,uBAAuB,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAE3H,SAAK,MAAM,GAAG,oBAAoB,KAAK,uBAAuB,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAAA,EACtH;AAAA,EAEU,sBAAsB,EAAE,MAAM,GAAsF;AAC5H,SAAK,QAAQ,cAAc,GAAG,KAAK;AAAA,EACrC;AACF;AA/BE,cADW,yBACY,iBAAgB;AACvC,cAFW,yBAEY,YAAW,CAAC,gBAAgB,kBAAkB,gBAAgB;","names":[]}

package/dist/chunk-ATE4NMIF.js

@@ -0,0 +1,22 @@
+// src/ts/components/icons/castplaceholder.ts
+var castplaceholder = `<svg class="tmg-media-cast-placeholder-icon" viewBox="0 0 73 73">
+  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g transform="translate(2, 2)" fill-rule="nonzero" stroke-width="2" class="tmg-media-cast-icon-background">
+      <rect x="-1" y="-1" width="71" height="71" rx="14" />
+    </g>
+    <g transform="translate(11, 14)">
+      <rect class="tmg-media-cast-icon-content-background" fill="currentColor" x="0" y="0" width="51" height="36" rx="4" />
+      <rect class="tmg-media-cast-icon-content-backdrop" fill="currentColor" x="3" y="3" width="45" height="30" />
+      <polygon class="tmg-media-cast-icon-content" fill="currentColor" points="48 22 48 33 22 33 28 20 34 26 42 16" />
+      <polygon class="tmg-media-cast-icon-tv-base" fill="currentColor" points="19 36 32 36 36 42 15 42" />
+      <circle class="tmg-media-cast-icon-waves-fill" fill="currentColor" cx="6" cy="30" r="2.5" />
+      <path class="tmg-media-cast-icon-waves-stroke" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" fill="none" d="M 3,21 A 12,12 0 0,1 15,33" />
+      <path class="tmg-media-cast-icon-waves-stroke" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" fill="none" d="M 3,12 A 21,21 0 0,1 24,33" />
+    </g>
+  </g>
+</svg>`;
+
+export {
+  castplaceholder
+};
+//# sourceMappingURL=chunk-ATE4NMIF.js.map

package/dist/chunk-ATE4NMIF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/castplaceholder.ts"],"sourcesContent":["export const castplaceholder = `<svg class=\"tmg-media-cast-placeholder-icon\" viewBox=\"0 0 73 73\">\r\n  <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n    <g transform=\"translate(2, 2)\" fill-rule=\"nonzero\" stroke-width=\"2\" class=\"tmg-media-cast-icon-background\">\r\n      <rect x=\"-1\" y=\"-1\" width=\"71\" height=\"71\" rx=\"14\" />\r\n    </g>\r\n    <g transform=\"translate(11, 14)\">\r\n      <rect class=\"tmg-media-cast-icon-content-background\" fill=\"currentColor\" x=\"0\" y=\"0\" width=\"51\" height=\"36\" rx=\"4\" />\r\n      <rect class=\"tmg-media-cast-icon-content-backdrop\" fill=\"currentColor\" x=\"3\" y=\"3\" width=\"45\" height=\"30\" />\r\n      <polygon class=\"tmg-media-cast-icon-content\" fill=\"currentColor\" points=\"48 22 48 33 22 33 28 20 34 26 42 16\" />\r\n      <polygon class=\"tmg-media-cast-icon-tv-base\" fill=\"currentColor\" points=\"19 36 32 36 36 42 15 42\" />\r\n      <circle class=\"tmg-media-cast-icon-waves-fill\" fill=\"currentColor\" cx=\"6\" cy=\"30\" r=\"2.5\" />\r\n      <path class=\"tmg-media-cast-icon-waves-stroke\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\" d=\"M 3,21 A 12,12 0 0,1 15,33\" />\r\n      <path class=\"tmg-media-cast-icon-waves-stroke\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\" d=\"M 3,12 A 21,21 0 0,1 24,33\" />\r\n    </g>\r\n  </g>\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    castplaceholder: typeof castplaceholder;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-AZTSMVMN.js

@@ -0,0 +1,138 @@
+import {
+  tutorialOpts
+} from "./chunk-GDC7I2CJ.js";
+import {
+  KEYS_BUILD
+} from "./chunk-474PEQ33.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  getMediaTime
+} from "./chunk-WSBH5QD6.js";
+import {
+  limited
+} from "./chunk-ZCQ5UWVE.js";
+import {
+  isArr,
+  keyEventAllowed
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/keys/index.ts
+var KeysPlug = class extends BasePlug {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "playTriggerSeq", 0);
+    __publicField(this, "teachBasics", limited((_id) => (_id = this.ctlr.plug("settings.toasts")?.toast?.(`Press the spacebar to play/pause, or hold it to fast forward/rewind(+Shift). Click \u2699 for settings`, { ...tutorialOpts(() => (this.teachBasics.block(), t007.toast?.dismiss(_id))), signal: this.signal }), { key: "tmg_keys_tut_1", maxTimes: 5 })));
+  }
+  wire() {
+    this.ctlr.media.on("state.locked", this.syncEventListeners, { signal: this.signal });
+    this.ctlr.state.on("mediaIntersecting", this.syncEventListeners, { signal: this.signal });
+    this.ctlr.config.on("settings.keys.disabled", this.syncEventListeners, { signal: this.signal });
+    this.ctlr.config.on("disabled", this.syncEventListeners, { signal: this.signal });
+    this.ctlr.registerAction("playPause", { fn: this.handlePlayTriggerDown, keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction(" ", { fn: this.handlePlayTriggerDown, keyboard: { phase: "keydown" }, private: true });
+    this.ctlr.registerAction("escape", { fn: this.handleEscape, keyboard: { phase: "keydown" }, private: true });
+    this.ctlr.registerAction("arrowleft", { fn: this.handleArrowLeft, keyboard: { phase: "keydown" }, private: true });
+    this.ctlr.registerAction("arrowright", { fn: this.handleArrowRight, keyboard: { phase: "keydown" }, private: true });
+    this.ctlr.registerAction("arrowup", { fn: this.handleArrowUp, keyboard: { phase: "keydown" }, private: true });
+    this.ctlr.registerAction("arrowdown", { fn: this.handleArrowDown, keyboard: { phase: "keydown" }, private: true });
+    this.ctlr.registerAction("home", { fn: () => this.media.intent.currentTime = 0, keyboard: { phase: "keyup" }, private: true });
+    this.ctlr.registerAction("0", { fn: () => this.media.intent.currentTime = 0, keyboard: { phase: "keyup" }, private: true });
+    this.ctlr.registerAction("end", { fn: () => this.media.intent.currentTime = this.media.status.duration, keyboard: { phase: "keyup" }, private: true });
+    for (const n of "123456789".split("")) this.ctlr.registerAction(n, { fn: () => this.media.intent.currentTime = getMediaTime(this.media, +n / 10), keyboard: { phase: "keyup" }, private: true });
+    this.ctlr.payload.wired ? this.syncEventListeners() : this.ctlr.state.wonce("readyState", this.syncEventListeners, { signal: this.signal });
+    super.wire();
+  }
+  getHook(phase, action) {
+    const entry = this.ctlr.actions[action];
+    if (!entry || !entry.keyboard) return;
+    const matches = isArr(entry.keyboard.phase) ? entry.keyboard.phase.includes(phase) : entry.keyboard.phase === phase;
+    return matches ? action : void 0;
+  }
+  handleKeyDown(e, action = keyEventAllowed(e, this.settings.keys), mod = this.getMod(e)) {
+    if (action === false) return;
+    action && this.ctlr.plug("settings.overlay")?.show();
+    const hook = this.getHook("keydown", action);
+    hook && this.ctlr.throttle("keyDown", () => this.ctlr.runAction(hook, e, mod), 30);
+  }
+  handleKeyUp(e, action = keyEventAllowed(e, this.settings.keys), mod = this.getMod(e)) {
+    if (action === false) return;
+    action ? this.ctlr.plug("settings.overlay")?.show() : this.teachBasics();
+    const hook = this.getHook("keyup", action);
+    hook && this.ctlr.runAction(hook, e, mod);
+  }
+  handlePlayTriggerDown(e) {
+    if (!e) return this.media.intent.paused = !this.media.state.paused, this.ctlr.plug("settings.notifiers")?.notify(this.media.intent.paused ? "mediapause" : "mediaplay");
+    this.playTriggerSeq++;
+    this.playTriggerSeq === 1 && e.currentTarget?.addEventListener("keyup", this.handlePlayTriggerUp, { signal: this.signal });
+    this.playTriggerSeq === 2 && this.settings.fastPlay.key && this.ctlr.plug("settings.fastPlay")?.fastPlay(e.shiftKey ? "backwards" : "forwards");
+  }
+  handlePlayTriggerUp(e, action = keyEventAllowed(e, this.settings.keys)) {
+    action && this.ctlr.plug("settings.overlay")?.show();
+    if (action !== false && [" ", "playPause"].includes(action)) {
+      e.stopImmediatePropagation();
+      if (this.playTriggerSeq === 1) this.media.intent.paused = !this.media.state.paused;
+      this.ctlr.plug("settings.notifiers")?.notify(this.media.intent.paused ? "mediapause" : "mediaplay");
+    }
+    const fastPlug = this.ctlr.plug("settings.fastPlay");
+    if (fastPlug?.speedCheck && this.playTriggerSeq > 1 && !fastPlug?.speedPtrCheck) fastPlug.slowDown();
+    this.playTriggerSeq = 0;
+    e.currentTarget?.removeEventListener("keyup", this.handlePlayTriggerUp);
+  }
+  handleEscape() {
+    this.ctlr.isUIActive("miniplayer") && (this.media.intent.miniplayer = false);
+    (this.ctlr.isUIActive("pictureInPicture") || this.ctlr.isUIActive("floatingPlayer")) && (this.media.intent.pictureInPicture = false);
+  }
+  handleArrowLeft(_, mod) {
+    this.ctlr.plug("settings.gesture")?.stopSkipPersist();
+    this.ctlr.plug("settings.time")?.skip(-this.getModded("skip", mod, 5));
+    this.ctlr.plug("settings.notifiers")?.notify("bwd");
+  }
+  handleArrowRight(_, mod) {
+    this.ctlr.plug("settings.gesture")?.stopSkipPersist();
+    this.ctlr.plug("settings.time")?.skip(this.getModded("skip", mod, 5));
+    this.ctlr.plug("settings.notifiers")?.notify("fwd");
+  }
+  handleArrowUp(_, mod) {
+    this.ctlr.plug("settings.volume")?.changeAptValue(this.getModded("volume", mod, 5));
+    this.media.features.volume && this.ctlr.plug("settings.notifiers")?.notify("volumeup");
+  }
+  handleArrowDown(_, mod) {
+    this.ctlr.plug("settings.volume")?.changeAptValue(-this.getModded("volume", mod, 5));
+    this.media.features.volume && this.ctlr.plug("settings.notifiers")?.notify(!this.media.state.volume ? "volumemuted" : "volumedown");
+  }
+  setEventListeners(action = "add") {
+    const ws = this.getWindows();
+    for (const w of ws) w.removeEventListener("keydown", this.handleKeyDown), w.removeEventListener("keyup", this.handleKeyUp);
+    if (action === "remove" || !this.shouldListen()) return;
+    for (const w of ws) w.addEventListener("keydown", this.handleKeyDown, { signal: this.signal });
+    for (const w of ws) w.addEventListener("keyup", this.handleKeyUp, { signal: this.signal });
+  }
+  syncEventListeners() {
+    this.setEventListeners(this.shouldListen() ? "add" : "remove");
+  }
+  shouldListen() {
+    return this.ctlr.payload.wired && this.ctlr.state.mediaIntersecting && !this.ctlr.config.disabled && !this.config.disabled && !this.media.state.locked;
+  }
+  getWindows() {
+    const floating = this.ctlr.plug("settings.modes")?.pictureInPicture?.floatingWindow;
+    return floating ? [floating, window] : [window];
+  }
+  getMod(e) {
+    return this.config.mods.disabled ? "" : e.ctrlKey ? "ctrl" : e.altKey ? "alt" : e.shiftKey ? "shift" : "";
+  }
+  getModded(action, mod, base) {
+    return mod ? this.config.mods[action]?.[mod] ?? base : base;
+  }
+};
+__publicField(KeysPlug, "plugName", "keys");
+__publicField(KeysPlug, "BUILD", KEYS_BUILD);
+
+export {
+  KeysPlug
+};
+//# sourceMappingURL=chunk-AZTSMVMN.js.map

package/dist/chunk-AZTSMVMN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/keys/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\nimport type { KeyMod, KeyPhase, KeysConfig, KeyShortcutMods } from \"./types\";\nimport { KEYS_BUILD } from \"./build\";\nimport { isArr } from \"@t007/utils\";\nimport { keyEventAllowed as allowed } from \"@utils/keys\";\nimport { getMediaTime } from \"@utils/media\";\nimport { limited } from \"@utils/fn\";\nimport { tutorialOpts } from \"../toasts\";\n\nexport class KeysPlug extends BasePlug<KeysConfig> {\n  public static readonly plugName = \"keys\";\n  public static readonly BUILD = KEYS_BUILD;\n  public playTriggerSeq = 0;\n  protected teachBasics = limited((_id?: string) => ((_id = this.ctlr.plug(\"settings.toasts\")?.toast?.(`Press the spacebar to play/pause, or hold it to fast forward/rewind(+Shift). Click ⚙ for settings`, { ...tutorialOpts(() => (this.teachBasics.block(), t007.toast?.dismiss(_id))), signal: this.signal })), { key: \"tmg_keys_tut_1\", maxTimes: 5 }));\n\n  public override wire(): void {\n    // Ctlr Media Listeners\n    this.ctlr.media.on(\"state.locked\", this.syncEventListeners, { signal: this.signal });\n    // ---- State --------\n    this.ctlr.state.on(\"mediaIntersecting\", this.syncEventListeners, { signal: this.signal });\n    // ---- Config --------\n    this.ctlr.config.on(\"settings.keys.disabled\", this.syncEventListeners, { signal: this.signal });\n    this.ctlr.config.on(\"disabled\", this.syncEventListeners, { signal: this.signal });\n    // Post Wiring\n    this.ctlr.registerAction(\"playPause\", { fn: this.handlePlayTriggerDown, keyboard: { phase: \"keydown\" } });\n    this.ctlr.registerAction(\" \", { fn: this.handlePlayTriggerDown, keyboard: { phase: \"keydown\" }, private: true });\n    this.ctlr.registerAction(\"escape\", { fn: this.handleEscape, keyboard: { phase: \"keydown\" }, private: true });\n    this.ctlr.registerAction(\"arrowleft\", { fn: this.handleArrowLeft, keyboard: { phase: \"keydown\" }, private: true });\n    this.ctlr.registerAction(\"arrowright\", { fn: this.handleArrowRight, keyboard: { phase: \"keydown\" }, private: true });\n    this.ctlr.registerAction(\"arrowup\", { fn: this.handleArrowUp, keyboard: { phase: \"keydown\" }, private: true });\n    this.ctlr.registerAction(\"arrowdown\", { fn: this.handleArrowDown, keyboard: { phase: \"keydown\" }, private: true });\n    this.ctlr.registerAction(\"home\", { fn: () => (this.media.intent.currentTime = 0), keyboard: { phase: \"keyup\" }, private: true });\n    this.ctlr.registerAction(\"0\", { fn: () => (this.media.intent.currentTime = 0), keyboard: { phase: \"keyup\" }, private: true });\n    this.ctlr.registerAction(\"end\", { fn: () => (this.media.intent.currentTime = this.media.status.duration), keyboard: { phase: \"keyup\" }, private: true });\n    for (const n of \"123456789\".split(\"\")) this.ctlr.registerAction(n, { fn: () => (this.media.intent.currentTime = getMediaTime(this.media, +n / 10)), keyboard: { phase: \"keyup\" }, private: true });\n    this.ctlr.payload.wired ? this.syncEventListeners() : this.ctlr.state.wonce(\"readyState\", this.syncEventListeners, { signal: this.signal }); // #HEAVY: waits for !lightState\n    super.wire();\n  }\n\n  protected getHook(phase: KeyPhase, action: string): string | undefined {\n    const entry = this.ctlr.actions[action];\n    if (!entry || !entry.keyboard) return;\n    const matches = isArr(entry.keyboard.phase) ? entry.keyboard.phase.includes(phase) : entry.keyboard.phase === phase;\n    return matches ? action : undefined;\n  }\n  protected handleKeyDown(e: KeyboardEvent, action = allowed(e, this.settings.keys), mod = this.getMod(e)): void {\n    if (action === false) return;\n    action && this.ctlr.plug(\"settings.overlay\")?.show();\n    const hook = this.getHook(\"keydown\", action as string);\n    hook && this.ctlr.throttle(\"keyDown\", () => this.ctlr.runAction(hook, e, mod), 30);\n  }\n  protected handleKeyUp(e: KeyboardEvent, action = allowed(e, this.settings.keys), mod = this.getMod(e)): void {\n    if (action === false) return;\n    action ? this.ctlr.plug(\"settings.overlay\")?.show() : this.teachBasics();\n    const hook = this.getHook(\"keyup\", action as string);\n    hook && this.ctlr.runAction(hook, e, mod);\n  }\n\n  protected handlePlayTriggerDown(e?: KeyboardEvent): void {\n    if (!e) return (this.media.intent.paused = !this.media.state.paused), this.ctlr.plug(\"settings.notifiers\")?.notify(this.media.intent.paused ? \"mediapause\" : \"mediaplay\");\n    this.playTriggerSeq++;\n    this.playTriggerSeq === 1 && (e.currentTarget as Window | null)?.addEventListener(\"keyup\", this.handlePlayTriggerUp, { signal: this.signal });\n    this.playTriggerSeq === 2 && this.settings.fastPlay.key && this.ctlr.plug(\"settings.fastPlay\")?.fastPlay(e.shiftKey ? \"backwards\" : \"forwards\");\n  }\n\n  protected handlePlayTriggerUp(e: KeyboardEvent, action = allowed(e, this.settings.keys)): void {\n    action && this.ctlr.plug(\"settings.overlay\")?.show();\n    if (action !== false && [\" \", \"playPause\"].includes(action as string)) {\n      e.stopImmediatePropagation();\n      if (this.playTriggerSeq === 1) this.media.intent.paused = !this.media.state.paused;\n      this.ctlr.plug(\"settings.notifiers\")?.notify(this.media.intent.paused ? \"mediapause\" : \"mediaplay\");\n    }\n    const fastPlug = this.ctlr.plug(\"settings.fastPlay\");\n    if (fastPlug?.speedCheck && this.playTriggerSeq > 1 && !fastPlug?.speedPtrCheck) fastPlug.slowDown();\n    this.playTriggerSeq = 0;\n    (e.currentTarget as Window | null)?.removeEventListener(\"keyup\", this.handlePlayTriggerUp);\n  }\n\n  protected handleEscape(): void {\n    this.ctlr.isUIActive(\"miniplayer\") && (this.media.intent.miniplayer = false);\n    (this.ctlr.isUIActive(\"pictureInPicture\") || this.ctlr.isUIActive(\"floatingPlayer\")) && (this.media.intent.pictureInPicture = false);\n  }\n\n  protected handleArrowLeft(_: KeyboardEvent, mod: KeyMod): void {\n    this.ctlr.plug(\"settings.gesture\")?.stopSkipPersist();\n    this.ctlr.plug(\"settings.time\")?.skip(-this.getModded(\"skip\", mod, 5));\n    this.ctlr.plug(\"settings.notifiers\")?.notify(\"bwd\");\n  }\n  protected handleArrowRight(_: KeyboardEvent, mod: KeyMod): void {\n    this.ctlr.plug(\"settings.gesture\")?.stopSkipPersist();\n    this.ctlr.plug(\"settings.time\")?.skip(this.getModded(\"skip\", mod, 5));\n    this.ctlr.plug(\"settings.notifiers\")?.notify(\"fwd\");\n  }\n  protected handleArrowUp(_: KeyboardEvent, mod: KeyMod): void {\n    this.ctlr.plug(\"settings.volume\")?.changeAptValue(this.getModded(\"volume\", mod, 5));\n    this.media.features.volume && this.ctlr.plug(\"settings.notifiers\")?.notify(\"volumeup\");\n  }\n  protected handleArrowDown(_: KeyboardEvent, mod: KeyMod): void {\n    this.ctlr.plug(\"settings.volume\")?.changeAptValue(-this.getModded(\"volume\", mod, 5));\n    this.media.features.volume && this.ctlr.plug(\"settings.notifiers\")?.notify(!this.media.state.volume ? \"volumemuted\" : \"volumedown\");\n  }\n\n  public setEventListeners(action: \"add\" | \"remove\" = \"add\"): void {\n    const ws = this.getWindows();\n    for (const w of ws) w.removeEventListener(\"keydown\", this.handleKeyDown), w.removeEventListener(\"keyup\", this.handleKeyUp);\n    if (action === \"remove\" || !this.shouldListen()) return;\n    for (const w of ws) w.addEventListener(\"keydown\", this.handleKeyDown, { signal: this.signal });\n    for (const w of ws) w.addEventListener(\"keyup\", this.handleKeyUp, { signal: this.signal });\n  }\n  public syncEventListeners(): void {\n    this.setEventListeners(this.shouldListen() ? \"add\" : \"remove\");\n  }\n  protected shouldListen(): boolean {\n    return this.ctlr.payload.wired && this.ctlr.state.mediaIntersecting && !this.ctlr.config.disabled && !this.config.disabled && !this.media.state.locked;\n  }\n\n  protected getWindows(): Window[] {\n    const floating = this.ctlr.plug(\"settings.modes\")?.pictureInPicture?.floatingWindow;\n    return floating ? [floating, window] : [window];\n  }\n  protected getMod(e: KeyboardEvent): KeyMod {\n    return this.config.mods.disabled ? \"\" : e.ctrlKey ? \"ctrl\" : e.altKey ? \"alt\" : e.shiftKey ? \"shift\" : \"\";\n  }\n  public getModded(action: keyof KeyShortcutMods, mod: KeyMod, base: number): number {\n    return mod ? this.config.mods[action]?.[mod] ?? base : base;\n  }\n}\n\nexport type * from \"./types\";\nexport * from \"./build\";\n\ndeclare module \"@defs/registries\" {\n  interface PlugRegistryMap {\n    \"settings.keys\": typeof KeysPlug;\n  }\n}\n\ndeclare module \"@defs/config\" {\n  interface Settings {\n    keys: KeysConfig;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-BFFQZMZX.js

@@ -0,0 +1,108 @@
+import {
+  FRAME_BUILD
+} from "./chunk-4QQXED6P.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  getDominantColor,
+  getRGBBri,
+  getRGBSat
+} from "./chunk-XR2KBJIP.js";
+import {
+  safeNum
+} from "./chunk-ZSB6HGB5.js";
+import {
+  getMediaMax,
+  getMediaMin
+} from "./chunk-WSBH5QD6.js";
+import {
+  formatMediaTime
+} from "./chunk-YVCKIDL5.js";
+import {
+  clamp,
+  createEl,
+  parseCSSTime
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/frame/index.ts
+import { silence } from "sia-reactor/modules";
+var FramePlug = class extends BasePlug {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "exportCanvas", createEl("canvas"));
+    __publicField(this, "exportContext", this.exportCanvas.getContext("2d", { alpha: false }));
+  }
+  wire() {
+    this.media.watch("tech", () => {
+      var _a;
+      return (_a = this.media.features).frameCapture || (_a.frameCapture = this.ctlr.isNativeEl && this.media.type === "video" && !this.config.disabled);
+    }, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.frame.disabled", ({ value }) => this.media.features.frameCapture = !value, { init: true, signal: this.signal });
+    this.ctlr.registerAction("capture", { fn: () => this.capture(""), keyboard: { phase: "keyup" } });
+    this.ctlr.registerAction("stepFwd", { fn: () => this.moveFrame("forwards"), keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("stepBwd", { fn: () => this.moveFrame("backwards"), keyboard: { phase: "keydown" } });
+    super.wire();
+  }
+  async extract(display = "", time = safeNum(this.media.state.currentTime), raw = false, min = 0, video = this.media.pseudoElement) {
+    var _a;
+    if (video !== this.media.element) {
+      if (this.ctlr.state.frameReadyPromise) await this.ctlr.state.frameReadyPromise;
+      if (Math.abs(video.currentTime - time) > 0.01 || !video.readyState) {
+        (_a = this.ctlr.state).frameReadyPromise ?? (_a.frameReadyPromise = new Promise((res) => video.addEventListener(video.readyState ? "timeupdate" : "loadeddata", () => res(null), { once: true, signal: this.signal })));
+        video.currentTime = time;
+      }
+      this.ctlr.state.frameReadyPromise = await this.ctlr.state.frameReadyPromise;
+    }
+    this.exportCanvas.width = video.videoWidth || min, this.exportCanvas.height = video.videoHeight || min;
+    this.exportContext.filter = this.settings.css.filter;
+    display === "monochrome" && (this.exportContext.filter = `${this.exportContext.filter} grayscale(100%)`);
+    this.exportContext.drawImage(video, 0, 0, this.exportCanvas.width, this.exportCanvas.height);
+    this.exportContext.filter = "none";
+    if (raw === true) return { canvas: this.exportCanvas, context: this.exportContext };
+    const blob = (this.exportCanvas.width || this.exportCanvas.height) && await new Promise((res) => this.exportCanvas.toBlob(res));
+    return { blob: blob || null, url: blob ? URL.createObjectURL(blob) : "" };
+  }
+  async capture(display = "", time = safeNum(this.media.state.currentTime)) {
+    if (!this.media.features.frameCapture) return;
+    this.ctlr.plug("settings.notifiers")?.notify("capture");
+    const toast = this.ctlr.plug("settings.toasts")?.toast, tTxt = formatMediaTime({ time, format: "human", showMs: true }), fTxt = `video frame ${display === "monochrome" ? "in b&w " : ""}at ${tTxt}`, frameToastId = 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}` }), frame = await this.extract(display, time, false, 0, this.media.element), filename = `${this.media.settings.metadata.title ?? "Video"}_${display === "monochrome" ? `black&white_` : ""}at_${tTxt}.png`.replace(/[\/:*?"<>|\s]+/g, "_");
+    const Save = () => {
+      toast?.loading(frameToastId, { render: `Saving ${fTxt}`, actions: {} });
+      createEl("a", { href: frame.url, download: filename })?.click?.();
+      toast?.success(frameToastId, { delay: 1e3, render: `Saved ${fTxt}`, actions: {} });
+    };
+    const Share = () => {
+      toast?.loading(frameToastId, { render: `Sharing ${fTxt}`, actions: {} });
+      navigator.share?.({ title: this.media.settings.metadata.title ?? "Video", text: `Captured ${fTxt}`, files: [new File([frame.blob], filename, { type: frame.blob.type })] }).then(
+        () => toast?.success(frameToastId, { render: `Shared ${fTxt}`, actions: {} }),
+        () => toast?.error(frameToastId, { render: `Failed sharing ${fTxt}`, actions: { Save } })
+      ) || toast?.warn(frameToastId, { delay: 1e3, render: `Couldn't share ${fTxt}`, actions: { Save } });
+    };
+    frame?.url ? toast?.success(frameToastId, { render: `Captured ${fTxt}`, image: frame.url, autoClose: this.config.captureAutoClose, actions: { Save, Share }, onClose: () => URL.revokeObjectURL(frame.url) }) : toast?.error(frameToastId, { render: `Failed capturing ${fTxt}` });
+  }
+  async findGoodTime({ time: t = safeNum(this.media.state.currentTime), secondsLimit: s = 25, saturation: sat = 12, brightness: bri = 40 } = {}) {
+    const end = clamp(getMediaMin(this.media), t + s, getMediaMax(this.media));
+    for (; t <= end; t += 0.333) {
+      const rgb = await getDominantColor((await this.extract("", t, true, 1)).canvas, "rgb", true);
+      if (rgb && getRGBBri(rgb) > bri && getRGBSat(rgb) > sat) return t;
+    }
+    return null;
+  }
+  async getMainColor(time, poster = this.media.element.poster, config = {}) {
+    return getDominantColor(poster ? poster : (await this.extract("", time ? time : await this.findGoodTime(config) ?? void 0, true, 1)).canvas);
+  }
+  moveFrame(dir = "forwards") {
+    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(1e3 / this.config.fps));
+  }
+};
+__publicField(FramePlug, "plugName", "frame");
+__publicField(FramePlug, "BUILD", FRAME_BUILD);
+
+export {
+  FramePlug
+};
+//# sourceMappingURL=chunk-BFFQZMZX.js.map

package/dist/chunk-BFFQZMZX.js.map

@@ -0,0 +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 { getMediaMin, getMediaMax } from \"@utils/media\";\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 exportContext: 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.media.features.frameCapture ||= this.ctlr.isNativeEl && this.media.type === \"video\" && !this.config.disabled), { init: true, signal: this.signal });\r\n    // ---- Config Listeners\r\n    this.ctlr.config.on(\"settings.frame.disabled\", ({ value }) => (this.media.features.frameCapture = !value), { init: true, signal: this.signal });\r\n    // Post Wiring\r\n    this.ctlr.registerAction(\"capture\", { fn: () => this.capture(\"\"), keyboard: { phase: \"keyup\" } });\r\n    this.ctlr.registerAction(\"stepFwd\", { fn: () => this.moveFrame(\"forwards\"), keyboard: { phase: \"keydown\" } });\r\n    this.ctlr.registerAction(\"stepBwd\", { fn: () => this.moveFrame(\"backwards\"), keyboard: { phase: \"keydown\" } });\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 (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) => video.addEventListener(video.readyState ? \"timeupdate\" : \"loadeddata\", () => res(null), { once: true, signal: 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.exportContext.filter = this.settings.css.filter as string;\r\n    display === \"monochrome\" && (this.exportContext.filter = `${this.exportContext.filter} grayscale(100%)`);\r\n    this.exportContext.drawImage(video, 0, 0, this.exportCanvas.width, this.exportCanvas.height);\r\n    this.exportContext.filter = \"none\";\r\n    if (raw === true) return { canvas: this.exportCanvas, context: this.exportContext };\r\n    const blob = (this.exportCanvas.width || this.exportCanvas.height) && (await new Promise<Blob | null>((res) => this.exportCanvas.toBlob(res)));\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.plug(\"settings.notifiers\")?.notify(\"capture\"); // #STALLING: necessary optimistic distraction\r\n    const toast = this.ctlr.plug(\"settings.toasts\")?.toast,\r\n      tTxt = formatMediaTime({ time, format: \"human\", showMs: true }),\r\n      fTxt = `video frame ${display === \"monochrome\" ? \"in b&w \" : \"\"}at ${tTxt}`,\r\n      frameToastId = 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}` }) 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(frameToastId, { render: `Saving ${fTxt}`, actions: {} });\r\n      createEl(\"a\", { href: frame.url as string, download: filename })?.click?.();\r\n      toast?.success(frameToastId, { delay: 1000, render: `Saved ${fTxt}`, actions: {} });\r\n    };\r\n    const Share = () => {\r\n      toast?.loading(frameToastId, { render: `Sharing ${fTxt}`, actions: {} });\r\n      navigator.share?.({ title: this.media.settings.metadata.title ?? \"Video\", text: `Captured ${fTxt}`, files: [new File([frame.blob as Blob], filename, { type: (frame.blob as Blob).type })] }).then(\r\n        () => toast?.success(frameToastId, { render: `Shared ${fTxt}`, actions: {} }),\r\n        () => toast?.error(frameToastId, { render: `Failed sharing ${fTxt}`, actions: { Save } })\r\n      ) || toast?.warn(frameToastId, { delay: 1000, render: `Couldn't share ${fTxt}`, actions: { Save } });\r\n    };\r\n    frame?.url ? toast?.success(frameToastId, { render: `Captured ${fTxt}`, image: frame.url, autoClose: this.config.captureAutoClose, actions: { Save, Share }, onClose: () => URL.revokeObjectURL(frame.url) }) : toast?.error(frameToastId, { render: `Failed capturing ${fTxt}` });\r\n  }\r\n\r\n  public async findGoodTime({ time: t = safeNum(this.media.state.currentTime), secondsLimit: s = 25, saturation: sat = 12, brightness: bri = 40 } = {}): Promise<number | null> {\r\n    const end = clamp(getMediaMin(this.media), t + s, getMediaMax(this.media));\r\n    for (; t <= end; t += 0.333) {\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 null;\r\n  }\r\n\r\n  public async getMainColor(time?: number, poster = (this.media.element as HTMLVideoElement).poster, config = {}): Promise<string | null> {\r\n    return getDominantColor(poster ? poster : (await this.extract(\"\", time ? time : (await this.findGoodTime(config)) ?? undefined, 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} // 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 MediaExtraFeatures {\r\n    frameCapture: boolean;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}