tmg-media-player 0.0.1

package/dist/chunk-IUS3FRXS.js

@@ -0,0 +1,446 @@
+import {
+  HTML5Tech
+} from "./chunk-LWLNQS3O.js";
+import {
+  cloneMedia,
+  getMediaReport,
+  getSizeTier,
+  isSameSources
+} from "./chunk-WSBH5QD6.js";
+import {
+  PlugRegistry,
+  TechRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  observeIntersection,
+  observeMutation,
+  observeResize,
+  queryFullscreen
+} from "./chunk-HCSCY6DU.js";
+import {
+  CONFIG_BUILD
+} from "./chunk-RM6NFJ7V.js";
+import {
+  setHTMLConfig
+} from "./chunk-BROAUWON.js";
+import {
+  luid
+} from "./chunk-6U3M7V32.js";
+import {
+  RAFLoop,
+  cancelRAFLoop,
+  createEl,
+  debounce,
+  getWindow,
+  guardAllMethods,
+  guardMethod,
+  isFunc,
+  isIter,
+  isObj,
+  isStr,
+  loadResource,
+  mockAsync,
+  setTimeout2,
+  throttle,
+  uncamelize
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/tools/runtime.ts
+var win = "undefined" !== typeof window ? window : void 0;
+var flagMutationSet = /* @__PURE__ */ new WeakSet();
+var flagMutationId;
+var AUDIO_CONTEXT = null;
+var AUDIO_LIMITER = null;
+var IS_DOC_TRANSIENT = false;
+var STATE_BUILD = { readyState: 0, audioContextReady: !!AUDIO_CONTEXT, mediaIntersecting: true, mediaParentIntersecting: true, dimensions: { container: { width: 0, height: 0, tier: "x" }, pseudoContainer: { width: 0, height: 0, tier: "x" }, window: { width: win?.innerWidth, height: win?.innerHeight } }, screenOrientation: { type: win?.screen?.orientation?.type ?? "", angle: win?.screen?.orientation?.angle ?? win?.orientation ?? 0 }, docVisibilityState: win?.document.visibilityState, docInFullscreen: queryFullscreen() };
+var Controllers = [];
+function handleVidMutation(mutations) {
+  for (const mutation of mutations) {
+    if (mutation.type !== "attributes") continue;
+    const target = mutation.target;
+    if (mutation.attributeName === "tmgcontrols") !flagMutationSet.has(target) && (target.tmgcontrols = target.hasAttribute("tmgcontrols"));
+    else if (mutation.attributeName?.startsWith("tmg")) target.hasAttribute(mutation.attributeName) && target.tmgPlayer?.fetchOptions();
+    else if (mutation.attributeName === "controls") target.hasAttribute("tmgcontrols") && target.removeAttribute("controls");
+  }
+}
+function handleDOMMutation(mutations) {
+  for (const mutation of mutations) {
+    for (const node of Array.from(mutation.addedNodes)) {
+      if (!(node instanceof HTMLElement)) continue;
+      const els = node.matches(":is(video,audio):not(.tmg-host)") ? [node] : node.querySelectorAll(":is(video,audio):not(.tmg-host)");
+      for (const el of els) {
+        observeMutation(el, handleVidMutation, { attributes: true });
+        el.tmgcontrols = el.hasAttribute("tmgcontrols");
+      }
+    }
+    for (const node of Array.from(mutation.removedNodes)) {
+      if (!(node instanceof HTMLElement)) continue;
+      const els = node.matches(".tmg-host") ? [node] : node.querySelectorAll(".tmg-host");
+      for (const el of els) !el.tmgPlayer?.Controller?.mutatingDOMM && el.tmgPlayer?.detach();
+    }
+  }
+}
+function flagMutation(m, check = true) {
+  !flagMutationSet.has(m) && check && flagMutationSet.add(m);
+}
+function freeMutation(m) {
+  clearTimeout(flagMutationId);
+  flagMutationId = setTimeout2(() => !(flagMutationId = void 0) && flagMutationSet.delete(m));
+}
+function mountMedia() {
+  if ("undefined" === typeof HTMLMediaElement) return;
+  for (const el of [HTMLVideoElement, HTMLAudioElement])
+    Object.defineProperty(el.prototype, "tmgcontrols", {
+      get: function() {
+        return this.hasAttribute("tmgcontrols");
+      },
+      set: async function(value) {
+        if (value) {
+          flagMutation(this);
+          await (this.tmgPlayer || new Player()).attach(this);
+          this.setAttribute("tmgcontrols", "");
+          freeMutation(this);
+        } else {
+          flagMutation(this, this.hasAttribute("tmgcontrols"));
+          this.removeAttribute("tmgcontrols");
+          this.tmgPlayer?.detach();
+          freeMutation(this);
+        }
+      },
+      enumerable: true,
+      configurable: true
+    });
+}
+function unmountMedia() {
+  for (const el of [HTMLVideoElement, HTMLAudioElement]) delete el.prototype.tmgcontrols;
+}
+function startAudioManager() {
+  if (!AUDIO_CONTEXT && IS_DOC_TRANSIENT) {
+    AUDIO_CONTEXT = new (win.AudioContext || win.webkitAudioContext)();
+    const L = AUDIO_LIMITER = AUDIO_CONTEXT.createDynamicsCompressor();
+    L.threshold.value = -1, L.knee.value = 0, L.ratio.value = 20, L.attack.value = 1e-3, L.release.value = 0.05;
+    for (const c of Controllers) if (c.state) c.state.audioContextReady = true;
+  } else if (AUDIO_CONTEXT?.state === "suspended") AUDIO_CONTEXT.resume();
+}
+function connectMediaToAudioManager(medium) {
+  if (!AUDIO_CONTEXT) return "unavailable";
+  medium.mediaElementSourceNode ?? (medium.mediaElementSourceNode = AUDIO_CONTEXT.createMediaElementSource(medium));
+  medium._tmgGainNode ?? (medium._tmgGainNode = AUDIO_CONTEXT.createGain());
+  medium._tmgDynamicsCompressorNode ?? (medium._tmgDynamicsCompressorNode = AUDIO_CONTEXT.createDynamicsCompressor());
+  medium.mediaElementSourceNode.connect(medium._tmgDynamicsCompressorNode);
+  medium._tmgDynamicsCompressorNode.connect(medium._tmgGainNode);
+  medium._tmgGainNode.connect(AUDIO_LIMITER);
+  AUDIO_LIMITER.connect(AUDIO_CONTEXT.destination);
+}
+function init() {
+  mountMedia();
+  for (const e of ["click", "pointerdown", "keydown"]) document.addEventListener(e, () => (IS_DOC_TRANSIENT = true, startAudioManager()), true);
+  for (const medium of document.querySelectorAll("video,audio")) {
+    observeMutation(medium, handleVidMutation, { attributes: true });
+    medium.tmgcontrols = medium.hasAttribute("tmgcontrols");
+  }
+  observeMutation(document.documentElement, handleDOMMutation, { childList: true, subtree: true });
+  win.addEventListener("resize", () => {
+    for (const c of Controllers) if (c.state) c.state.dimensions.window.width = win.innerWidth, c.state.dimensions.window.height = win.innerHeight;
+  });
+  if (win?.screen?.orientation)
+    win.screen.orientation.addEventListener("change", ({ target }, t = target) => {
+      for (const c of Controllers) if (c.state) c.state.screenOrientation.type = t.type, c.state.screenOrientation.angle = t.angle;
+    });
+  else
+    win?.addEventListener("orientationchange", () => {
+      for (const c of Controllers) if (c.state) c.state.screenOrientation.angle = win.orientation || 0;
+    });
+  document.addEventListener("visibilitychange", () => {
+    for (const c of Controllers) if (c.state) c.state.docVisibilityState = document.visibilityState;
+  });
+  for (const e of ["fullscreenchange", "webkitfullscreenchange", "mozfullscreenchange", "msfullscreenchange"])
+    document.addEventListener(e, (_, inFs = queryFullscreen()) => {
+      for (const c of Controllers) if (c.state) c.state.docInFullscreen = inFs;
+    });
+}
+
+// src/ts/core/controller.ts
+import { reactive, inert, intent, volatile, getRaw } from "sia-reactor";
+import { fanout, getPath, mergeObjs as merge, nuke, setPath } from "sia-reactor/utils";
+import { silence, transaction } from "sia-reactor/modules";
+var Controller = class {
+  // mutatingDOMMedia: for external watchers that need to know
+  constructor(medium, build) {
+    // --- CORE SYSTEM ---
+    __publicField(this, "ac", new AbortController());
+    __publicField(this, "signal", this.ac.signal);
+    __publicField(this, "plugs", /* @__PURE__ */ new Map());
+    // --- RUNTIME (Global Controller States) ---
+    __publicField(this, "media");
+    __publicField(this, "state");
+    // runtime state and states to be populated for easy reach
+    __publicField(this, "config");
+    // --- MEMORY ---
+    __publicField(this, "payload", { instance: this });
+    __publicField(this, "_build");
+    // Build Cache
+    // DOM References (Utilized by Externals)
+    __publicField(this, "DOM", {});
+    // To be populated with common elements for easy reach
+    __publicField(this, "mutatingDOMM", true);
+    __publicField(this, "guard", (fn, silent = false) => guardMethod(fn, (e) => this.notice(e, "error", !silent)));
+    __publicField(this, "zenlist", ["settings"]);
+    __publicField(this, "altImg");
+    guardAllMethods(this, this.guard);
+    const defs = merge(getMediaReport(medium), build.media);
+    this.config = reactive(volatile(build), { referenceTracking: true, smartCloning: true, debug: false });
+    this.state = reactive(structuredClone(STATE_BUILD), { debug: false });
+    this.state.watch("readyState", (v) => (this.payload.readyState = v, this.payload.initialized = v > 0, this.payload.wired = v > 1, this.payload.destroyed = v < 0), { signal: this.signal });
+    this.media = reactive({ intent: volatile(intent(defs.intent)), state: defs.state, status: defs.status, settings: volatile(intent(defs.settings)), tech: inert({}), features: {}, type: build.mediaType, element: medium, pseudoElement: createEl(build.mediaType), container: createEl("div"), pseudoContainer: createEl("div") }, { debug: false });
+    this.media.set("tech", (t) => inert(t), { signal: this.signal });
+    this.log(this._build = this.config.snapshot()), delete this.config.media;
+    this.setReadyState(0), this.boot();
+  }
+  get settings() {
+    return this.config.settings;
+  }
+  // for easy reach, better devx
+  get actions() {
+    return this.config.actions;
+  }
+  async boot() {
+    this.connectPlugs(), this.wireTechHandler(), this.wireStateHandler();
+    await mockAsync(0), this.setReadyState(1);
+    this.state.wonce("readyState", () => !this.media.state.paused ? this.setReadyState(3) : this.media.wonce("state.paused", () => this.setReadyState(3), { signal: this.signal }), { signal: this.signal });
+    await mockAsync(0), this.setReadyState(2);
+    setTimeout2(() => this.mutatingDOMM = false, 0, this.signal);
+  }
+  connectPlugs(Plugs = PlugRegistry.getOrdered()) {
+    if (!this.payload.wired) for (const Plug of Plugs) this.plugIn(Plug);
+    const plugs = this.payload.wired && Plugs.filter((Plug) => this.config.noPlugList !== "*" && (!this.config.noPlugList.includes(Plug.fullName) || Plug.isCore)).map((Plug) => new Plug(this));
+    if (plugs) plugs.forEach((plug) => plug.mount?.()), plugs.forEach((plug) => plug.wire?.());
+  }
+  disconnectPlugs() {
+    for (const plug of [...this.plugs.values()].reverse()) plug.destroy();
+  }
+  plugIn(Plug, config) {
+    return this.config.noPlugList !== "*" && (!this.config.noPlugList.includes(Plug.fullName) || Plug.isCore) && new Plug(this, config).setup(), this;
+  }
+  plug(fullName) {
+    return this.plugs.get(fullName);
+  }
+  wireTechHandler() {
+    this.media.on("intent.src", this.handleTech, { capture: true, signal: this.signal, init: true });
+    this.media.on("intent.sources", this.handleTech, { capture: true, signal: this.signal });
+    this.media.on("settings.srcObject", this.handleTech, { capture: true, signal: this.signal });
+  }
+  handleTech() {
+    const { src, sources } = this.media.intent;
+    if (this.media.settings.srcObject) return this.useTech();
+    let selectedTech = TechRegistry.pick(src, this.config.settings.techOrder), selectedSource = selectedTech ? src : null;
+    if (!selectedTech && !isSameSources(sources, this.media.state.sources))
+      for (const source of sources) {
+        selectedTech = TechRegistry.pick(source.src, this.config.settings.techOrder);
+        if (selectedTech) {
+          selectedSource = source.src;
+          break;
+        }
+      }
+    getRaw(this.media.state).src = src, getRaw(this.media.state).sources = inert(sources);
+    this.useTech(selectedTech || void 0);
+    if (selectedSource !== src && !this.media.features.sources) silence(() => this.media.intent.src = selectedSource);
+  }
+  useTech(TechClass = HTML5Tech) {
+    TechClass !== this.media.tech.constructor && (this.media.tech = new TechClass(this)).setup();
+  }
+  get techTruth() {
+    return this.payload.wired ? "state" : "intent";
+  }
+  get isNativeEl() {
+    return this.media.element === this.media.tech.element;
+  }
+  wireStateHandler() {
+    observeIntersection(this.media.container.parentElement, (entry) => this.state.mediaParentIntersecting = entry.isIntersecting, this.signal);
+    observeIntersection(this.media.container, (entry) => this.state.mediaIntersecting = entry.isIntersecting, this.signal);
+    observeResize(this.media.container, () => fanout(this.state.dimensions.container, getSizeTier(this.media.container)), this.signal);
+    observeResize(this.media.pseudoContainer, () => fanout(this.state.dimensions.pseudoContainer, getSizeTier(this.media.pseudoContainer)), this.signal);
+  }
+  setReadyState(state) {
+    this.state.readyState = !this.state ? 0 : state ?? this.state.readyState + 1;
+    const rS = this.state.readyState;
+    this.fire("tmgreadystatechange", this.payload), this.fire(rS === 0 ? "tmgcreate" : rS === 1 ? "tmginit" : rS === 2 ? "tmgwire" : rS === 3 ? "tmgfirstplay" : rS === -1 ? "tmgdestroy" : "", this.payload);
+  }
+  // `()=>{}`: needs to be bounded even before initialization
+  notice(mssg, type = "error", toast, swallow = true) {
+    this.log(mssg, type, swallow), toast !== false && (type === "log" || type === "error" && swallow && !this.config.devMode ? this.plug("settings.toasts")?.toast : this.plug("settings.toasts")?.toast?.[type])?.(toast === null || this.config.devMode ? mssg : isStr(toast) ? toast : "Something went wrong", { tag: "tmg-stwr" });
+  }
+  log(mssg, type = "log", swallow = false) {
+    if (!this.config.debug) return;
+    if (type === "error") return swallow && !this.config.devMode ? console.warn(`[TMG Controller] Error swallowed:`, mssg) : console.error(`[TMG Controller] Error occurred:`, mssg);
+    else type === "warn" ? console.warn(`[TMG Controller] Warning:`, mssg) : console.log(`[TMG Controller] Log:`, mssg);
+  }
+  fire(eN, detail = null, el = this.media.element, bubbles = true, cancelable = true) {
+    eN && el?.dispatchEvent(new CustomEvent(eN, { detail, bubbles, cancelable }));
+  }
+  // plugs append here to block actions while their UI is active
+  registerAction(key, action) {
+    const existing = this.actions[key] ?? {};
+    this.actions[key] = { ...action, ...existing, id: key, fn: action.fn };
+    this.config.on(`actions.${key}`, () => this.actions[key] && this.actions[key].fn !== action.fn && (this.actions[key].fn = action.fn), { signal: this.signal });
+  }
+  unregisterAction(key) {
+    delete this.actions[key];
+  }
+  runAction(id, ...args) {
+    const action = this.actions[id];
+    if (!action || !action.zen && this.zenlist.some(this.isUIActive)) return;
+    transaction(() => {
+      if (action.logic?.length) {
+        const root = { media: this.media, settings: this.config.settings };
+        for (const step of action.logic) {
+          const cur = getPath(root, step.path);
+          step.op === "toggle" ? setPath(root, step.path, !cur) : step.op === "increment" ? setPath(root, step.path, cur + (step.value ?? 1)) : step.op === "decrement" ? setPath(root, step.path, cur - (step.value ?? 1)) : setPath(root, step.path, step.value);
+        }
+      }
+      action.fn?.(...args), action.notify && this.plug("settings.notifiers")?.notify(action.notify), action.toast && this.plug("settings.toasts")?.toast?.((isFunc(action.toast.render) ? action.toast.render() : action.toast.render) || "Action Triggered", action.toast);
+    }, action.label ?? action.id);
+  }
+  isLogicPath(path) {
+    return this.config.logicPathBlacklist.some((b) => path === b || path.startsWith(b + ".")) || path.startsWith("media.intent.") && !this.media.features[path.split(".").pop()] ? false : true;
+  }
+  throttle(key, fn, delay = 30, strict = true, signal = this.signal) {
+    throttle(this.config.id + key, fn, delay, strict, signal, getWindow(this.media.container));
+  }
+  debounce(key, fn, delay = 30, strict = true, signal = this.signal) {
+    debounce(this.config.id + key, fn, delay, strict, signal, getWindow(this.media.container));
+  }
+  RAFLoop(key, fn, signal = this.signal) {
+    RAFLoop(this.config.id + key, fn, signal, getWindow(this.media.container));
+  }
+  cancelRAFLoop(key) {
+    cancelRAFLoop(this.config.id + key);
+  }
+  cancelAllLoops() {
+    if (t007._RAFLoopers) for (const k of t007._RAFLoopers.keys()) k.startsWith(this.config.id) && cancelRAFLoop(k);
+  }
+  isUIActive(mode) {
+    return this.media.container.classList.contains(`tmg-media-${uncamelize(mode === "settings" ? "settings-view" : mode, "-")}`);
+  }
+  queryDOM(query, all = false, isPseudo = false) {
+    return all ? (isPseudo ? this.media.pseudoContainer : this.media.container).querySelectorAll(query) : (isPseudo ? this.media.pseudoContainer : this.media.container).querySelector(query);
+  }
+  syncImgLoadState(img, now = true) {
+    return ["load", "error"].forEach((ev) => img.addEventListener(ev, this.setImgLoadState, { signal: this.signal })), now && this.setImgLoadState({ target: img }), img;
+  }
+  setImgLoadState({ target: img }) {
+    img instanceof HTMLImageElement && img?.setAttribute("data-loaded", String(img.complete && img.naturalWidth > 0));
+  }
+  setImgFallback({ target: img }) {
+    img instanceof HTMLImageElement && img.src !== window.TMG_MEDIA_ALT_IMG_SRC && (img.src = window.TMG_MEDIA_ALT_IMG_SRC);
+  }
+  setCanvasFallback(canvas, context, _callback = (img = this.altImg) => context?.drawImage(this.altImg = img, 0, 0, canvas.width, canvas.height)) {
+    const _img = canvas && (this.altImg && this.altImg.src === window.TMG_MEDIA_ALT_IMG_SRC ? _callback() : createEl("img", { src: window.TMG_MEDIA_ALT_IMG_SRC, onload: () => _callback(_img) }));
+  }
+  destroy() {
+    this.mutatingDOMM = true;
+    this.setReadyState(-1);
+    this.ac.abort("[TMG Controller] Instance is being destroyed"), this.cancelAllLoops();
+    this.disconnectPlugs(), this.media.tech.destroy();
+    const el = this.config.cloneOnDetach ? cloneMedia(this.media.element) : this.media.element;
+    this.state.destroy(), this.config.destroy(), this.media.destroy();
+    return nuke(this), el;
+  }
+};
+
+// src/ts/tools/player.ts
+import { mergeObjs, parsePathObj } from "sia-reactor/utils";
+var Player = class {
+  constructor(build = {}) {
+    __publicField(this, "medium", null);
+    __publicField(this, "active", false);
+    __publicField(this, "_build", structuredClone(CONFIG_BUILD));
+    __publicField(this, "controller", null);
+    this.configure({ ...build, id: build.id ?? `${luid()}_Controller_${Controllers.length + 1}` });
+  }
+  get Controller() {
+    return this.controller;
+  }
+  get build() {
+    return this._build;
+  }
+  set build(build) {
+    this.configure(build);
+  }
+  queryBuild() {
+    return !this.active || (this.notice({ error: "Already deployed the custom controls of your build configuration", tip: "Consider setting your build configuration before attaching your media element" }), false);
+  }
+  configure(build) {
+    if (this.queryBuild() && isObj(build)) this._build = mergeObjs(this._build, parsePathObj(build));
+  }
+  async attach(medium) {
+    if (isIter(medium)) return this.notice({ error: "An iterable argument cannot be attached to the TMG media player", tip: "Consider looping the iterable argument to instantiate a new 'tmg.Player' for each" });
+    if (this.active) return medium;
+    medium.tmgPlayer?.detach();
+    Controllers.push(this.build.id);
+    this.build.debug && console.time(`TMG Controller ${Controllers.length} Attach`);
+    medium.tmgPlayer = this;
+    this.medium = medium;
+    await this.fetchOptions(), await this.deployController();
+    this.build.debug && console.timeEnd(`TMG Controller ${Controllers.indexOf(this.controller) + 1} Attach`);
+    return this.controller?.fire("tmgattach", this.controller.payload), medium;
+  }
+  detach() {
+    if (!this.active) return;
+    const medium = this.controller?.destroy() ?? {};
+    this.controller && Controllers.splice(Controllers.indexOf(this.controller), 1);
+    medium.classList?.remove(`tmg-${this.build.mediaType}`, "tmg-media", "tmg-host");
+    medium.tmgcontrols = this.active = false;
+    return medium.tmgPlayer = this.controller = this.medium = null, medium;
+  }
+  async fetchOptions() {
+    if (!this.medium) return;
+    if (this.medium.getAttribute("tmg")?.includes(".json"))
+      await fetch(this.medium.getAttribute("tmg")).then((res) => {
+        if (!res.ok) throw new Error(`JSON file not found at provided URL!. Status: ${res.status}`);
+        return res.json();
+      }).then((json) => this.configure(json)).catch(({ message }) => this.notice({ error: message, tip: "A valid JSON file is required for parsing your build configuration" }));
+    const build = {}, attributes = this.medium.getAttributeNames().filter((attr) => attr.startsWith("tmg--"));
+    for (const attr of attributes) setHTMLConfig(build, attr, this.medium.getAttribute(attr));
+    this.configure(build);
+  }
+  async deployController() {
+    if (this.active || !this.medium?.isConnected) return;
+    if (!(this.medium instanceof HTMLMediaElement)) return this.notice({ error: `Could not deploy custom controls on the '${this.medium.tagName}' element as it is not supported`, warning: "Only the 'VIDEO' and 'AUDIO' elements are currently supported", tip: "" });
+    this.build.mediaType = this.medium.tagName.toLowerCase();
+    this.medium.controls = false;
+    this.medium.tmgcontrols = this.active = true;
+    this.medium.classList.add(`tmg-${this.build.mediaType}`, "tmg-media", "tmg-host");
+    await Promise.all([loadResource(window.TMG_MEDIA_CSS_SRC), loadResource(window.T007_TOAST_JS_SRC, "script", { module: true }), loadResource(window.T007_INPUT_JS_SRC, "script")]);
+    Controllers[Controllers.indexOf(this.build.id)] = this.controller = new Controller(this.medium, this._build);
+  }
+  notice({ error, warning, tip }) {
+    if (this.build.debug) error && console.error(`[TMG Player] ${error}`), warning && console.warn(`[TMG Player] ${warning}`), tip && console.info(`[TMG Player] ${tip}`);
+  }
+};
+function getCtlrIdx(ctlr) {
+  const i = Controllers.indexOf(ctlr.config.id);
+  return i === -1 ? Controllers.indexOf(ctlr) : i;
+}
+
+export {
+  Player,
+  getCtlrIdx,
+  AUDIO_CONTEXT,
+  AUDIO_LIMITER,
+  IS_DOC_TRANSIENT,
+  STATE_BUILD,
+  Controllers,
+  handleVidMutation,
+  handleDOMMutation,
+  mountMedia,
+  unmountMedia,
+  startAudioManager,
+  connectMediaToAudioManager,
+  init,
+  Controller
+};
+//# sourceMappingURL=chunk-IUS3FRXS.js.map

package/dist/chunk-IUS3FRXS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/tools/runtime.ts","../src/ts/core/controller.ts","../src/ts/tools/player.ts"],"sourcesContent":["import { Player } from \"./player\";\r\nimport { type Controller } from \"@core/controller\";\r\nimport { type Dimensions } from \"@defs/generics\";\r\nimport { setTimeout } from \"@utils/fn\";\r\nimport { queryFullscreen, observeMutation } from \"@utils/dom\";\r\nconst win = \"undefined\" !== typeof window ? window : undefined;\r\n\r\n// Defines states explicitly managed by the TMG Environment Observers\r\nexport interface CtlrState {\r\n  readyState: number;\r\n  audioContextReady: boolean;\r\n  mediaIntersecting: boolean;\r\n  mediaParentIntersecting: boolean;\r\n  dimensions: { container: Dimensions & { tier: string }; pseudoContainer: Dimensions & { tier: string }; window: Dimensions };\r\n  screenOrientation: { type: string; angle: number };\r\n  docVisibilityState: DocumentVisibilityState;\r\n  docInFullscreen: boolean;\r\n  frameReadyPromise?: Promise<null> | null;\r\n}\r\n\r\n// --- GLOBAL STATE ---\r\nconst flagMutationSet = new WeakSet<HTMLElement>(); // weak set for true magic\r\nlet flagMutationId: number | undefined;\r\n// --- EXPORTS ---\r\nexport let AUDIO_CONTEXT: AudioContext | null = null;\r\nexport let AUDIO_LIMITER: DynamicsCompressorNode | null = null;\r\nexport let IS_DOC_TRANSIENT = false;\r\nexport const STATE_BUILD: CtlrState = { readyState: 0, audioContextReady: !!AUDIO_CONTEXT, mediaIntersecting: true, mediaParentIntersecting: true, dimensions: { container: { width: 0, height: 0, tier: \"x\" }, pseudoContainer: { width: 0, height: 0, tier: \"x\" }, window: { width: win?.innerWidth!, height: win?.innerHeight! } }, screenOrientation: { type: win?.screen?.orientation?.type ?? \"\", angle: win?.screen?.orientation?.angle ?? (win as any)?.orientation ?? 0 }, docVisibilityState: win?.document.visibilityState!, docInFullscreen: queryFullscreen() };\r\nexport const Controllers: Controller[] = [];\r\n\r\nexport function handleVidMutation(mutations: MutationRecord[]): void {\r\n  for (const mutation of mutations) {\r\n    if (mutation.type !== \"attributes\") continue;\r\n    const target = mutation.target as HTMLMediaElement;\r\n    if (mutation.attributeName === \"tmgcontrols\") !flagMutationSet.has(target) && (target.tmgcontrols = target.hasAttribute(\"tmgcontrols\"));\r\n    else if (mutation.attributeName?.startsWith(\"tmg\")) target.hasAttribute(mutation.attributeName) && target.tmgPlayer?.fetchOptions();\r\n    else if (mutation.attributeName === \"controls\") target.hasAttribute(\"tmgcontrols\") && target.removeAttribute(\"controls\");\r\n  }\r\n}\r\n\r\nexport function handleDOMMutation(mutations: MutationRecord[]): void {\r\n  for (const mutation of mutations) {\r\n    for (const node of Array.from(mutation.addedNodes)) {\r\n      if (!(node instanceof HTMLElement)) continue;\r\n      const els = node.matches(\":is(video,audio):not(.tmg-host)\") ? [node] : node.querySelectorAll(\":is(video,audio):not(.tmg-host)\");\r\n      for (const el of els) {\r\n        observeMutation(el, handleVidMutation, { attributes: true });\r\n        (el as HTMLMediaElement).tmgcontrols = el.hasAttribute(\"tmgcontrols\");\r\n      }\r\n    }\r\n    for (const node of Array.from(mutation.removedNodes)) {\r\n      if (!(node instanceof HTMLElement)) continue;\r\n      const els = node.matches(\".tmg-host\") ? [node] : node.querySelectorAll(\".tmg-host\");\r\n      for (const el of els) !(el as HTMLMediaElement).tmgPlayer?.Controller?.mutatingDOMM && (el as HTMLMediaElement).tmgPlayer?.detach();\r\n    }\r\n  }\r\n}\r\n\r\nfunction flagMutation(m: HTMLElement, check = true): void {\r\n  !flagMutationSet.has(m) && check && flagMutationSet.add(m);\r\n}\r\n\r\nfunction freeMutation(m: HTMLElement): void {\r\n  clearTimeout(flagMutationId);\r\n  flagMutationId = setTimeout(() => !(flagMutationId = undefined) && flagMutationSet.delete(m));\r\n}\r\n\r\nexport function mountMedia() {\r\n  if (\"undefined\" === typeof HTMLMediaElement) return;\r\n  for (const el of [HTMLVideoElement, HTMLAudioElement])\r\n    Object.defineProperty(el.prototype, \"tmgcontrols\", {\r\n      get: function () {\r\n        return this.hasAttribute(\"tmgcontrols\");\r\n      },\r\n      set: async function (value) {\r\n        if (value) {\r\n          flagMutation(this);\r\n          await ((this as HTMLMediaElement).tmgPlayer || new Player()).attach(this);\r\n          this.setAttribute(\"tmgcontrols\", \"\");\r\n          freeMutation(this);\r\n        } else {\r\n          flagMutation(this, this.hasAttribute(\"tmgcontrols\"));\r\n          this.removeAttribute(\"tmgcontrols\");\r\n          (this as HTMLMediaElement).tmgPlayer?.detach();\r\n          freeMutation(this);\r\n        }\r\n      },\r\n      enumerable: true,\r\n      configurable: true,\r\n    });\r\n}\r\n\r\nexport function unmountMedia(): void {\r\n  for (const el of [HTMLVideoElement, HTMLAudioElement]) delete (el.prototype as any).tmgcontrols;\r\n}\r\n\r\nexport function startAudioManager(): void {\r\n  if (!AUDIO_CONTEXT && IS_DOC_TRANSIENT) {\r\n    AUDIO_CONTEXT = new (win!.AudioContext || (win as any).webkitAudioContext)() as AudioContext;\r\n    const L = (AUDIO_LIMITER = AUDIO_CONTEXT!.createDynamicsCompressor());\r\n    (L.threshold.value = -1.0), (L.knee.value = 0.0), (L.ratio.value = 20), (L.attack.value = 0.001), (L.release.value = 0.05);\r\n    for (const c of Controllers) if (c.state) c.state.audioContextReady = true;\r\n  } else if (AUDIO_CONTEXT?.state === \"suspended\") AUDIO_CONTEXT.resume();\r\n}\r\n\r\nexport function connectMediaToAudioManager(medium: HTMLMediaElement) {\r\n  if (!AUDIO_CONTEXT) return \"unavailable\";\r\n  medium.mediaElementSourceNode ??= AUDIO_CONTEXT.createMediaElementSource(medium);\r\n  medium._tmgGainNode ??= AUDIO_CONTEXT.createGain();\r\n  medium._tmgDynamicsCompressorNode ??= AUDIO_CONTEXT.createDynamicsCompressor();\r\n  medium.mediaElementSourceNode.connect(medium._tmgDynamicsCompressorNode);\r\n  medium._tmgDynamicsCompressorNode.connect(medium._tmgGainNode);\r\n  medium._tmgGainNode.connect(AUDIO_LIMITER!);\r\n  AUDIO_LIMITER!.connect(AUDIO_CONTEXT!.destination);\r\n}\r\n\r\nexport function init(): void {\r\n  mountMedia();\r\n  for (const e of [\"click\", \"pointerdown\", \"keydown\"]) document.addEventListener(e, () => ((IS_DOC_TRANSIENT = true), startAudioManager()), true);\r\n  for (const medium of document.querySelectorAll<HTMLMediaElement>(\"video,audio\")) {\r\n    observeMutation(medium, handleVidMutation, { attributes: true });\r\n    medium.tmgcontrols = medium.hasAttribute(\"tmgcontrols\");\r\n  }\r\n  observeMutation(document.documentElement, handleDOMMutation, { childList: true, subtree: true });\r\n  win!.addEventListener(\"resize\", () => {\r\n    for (const c of Controllers) if (c.state) (c.state.dimensions.window.width = win!.innerWidth), (c.state.dimensions.window.height = win!.innerHeight);\r\n  });\r\n  if (win?.screen?.orientation)\r\n    win.screen.orientation.addEventListener(\"change\", ({ target }, t = target as ScreenOrientation) => {\r\n      for (const c of Controllers) if (c.state) (c.state.screenOrientation.type = t.type), (c.state.screenOrientation.angle = t.angle);\r\n    });\r\n  else\r\n    win?.addEventListener(\"orientationchange\", () => {\r\n      for (const c of Controllers) if (c.state) c.state.screenOrientation.angle = (win as any).orientation || 0;\r\n    });\r\n  document.addEventListener(\"visibilitychange\", () => {\r\n    for (const c of Controllers) if (c.state) c.state.docVisibilityState = document.visibilityState;\r\n  });\r\n  for (const e of [\"fullscreenchange\", \"webkitfullscreenchange\", \"mozfullscreenchange\", \"msfullscreenchange\"])\r\n    document.addEventListener(e, (_, inFs = queryFullscreen()) => {\r\n      for (const c of Controllers) if (c.state) c.state.docInFullscreen = inFs;\r\n    });\r\n}\r\n","import type { CtlrConfig } from \"@defs/config\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport type { Action } from \"@defs/actions\";\r\nimport { TechRegistry, PlugRegistry } from \"./registries\";\r\nimport { STATE_BUILD, type CtlrState } from \"@tools/runtime\";\r\nimport { HTML5Tech } from \"@techs/html5\";\r\nimport type { TechConstructor } from \"@techs/base\";\r\nimport { PlugConstructor as PC, type BasePlug as Plug } from \"@plugs/base\";\r\nimport { guardAllMethods, guardMethod } from \"@utils/methd\";\r\nimport { setTimeout, throttle, cancelRAFLoop, RAFLoop, mockAsync, debounce } from \"@utils/fn\";\r\nimport { getWindow } from \"@utils/dom\";\r\nimport { createEl, observeIntersection, observeResize } from \"@utils/dom\";\r\nimport { uncamelize } from \"@utils/str\";\r\nimport { cloneMedia, getMediaReport, isSameSources, getSizeTier } from \"@utils/media\";\r\nimport { type Volatile, reactive, type Reactive, inert, intent, volatile, getRaw } from \"sia-reactor\";\r\nimport { fanout, getPath, mergeObjs as merge, nuke, setPath } from \"sia-reactor/utils\";\r\nimport type { PlugRegistryMap, ControllerDOMMap } from \"@defs/registries\";\r\nimport { isFunc, isStr } from \"@utils/obj\";\r\nimport { silence, transaction } from \"sia-reactor/modules\";\r\n\r\n// --- CONTROLLER (The Orchestrator) ---\r\nexport class Controller {\r\n  // --- CORE SYSTEM ---\r\n  private ac = new AbortController();\r\n  public readonly signal = this.ac.signal;\r\n  public plugs = new Map<string, Plug>();\r\n  // --- RUNTIME (Global Controller States) ---\r\n  public media: Reactive<CtlrMedia>;\r\n  public state: Reactive<CtlrState> & Record<string, any>; // runtime state and states to be populated for easy reach\r\n  public config: Reactive<Volatile<CtlrConfig>>;\r\n  public get settings() {\r\n    return this.config.settings; // can change ref\r\n  } // for easy reach, better devx\r\n  public get actions() {\r\n    return this.config.actions; // for easy reach\r\n  }\r\n  // --- MEMORY ---\r\n  public payload: { readyState: number; initialized: boolean; wired: boolean; destroyed: boolean; instance: Controller } = { instance: this } as any;\r\n  public _build: CtlrConfig; // Build Cache\r\n  // DOM References (Utilized by Externals)\r\n  public DOM: ControllerDOMMap = {}; // To be populated with common elements for easy reach\r\n  public mutatingDOMM = true; // mutatingDOMMedia: for external watchers that need to know\r\n\r\n  constructor(medium: HTMLMediaElement, build: CtlrConfig) {\r\n    guardAllMethods(this, this.guard);\r\n    const defs = merge(getMediaReport(medium), build.media); // returns defaults and initials\r\n    this.config = reactive(volatile(build), { referenceTracking: true, smartCloning: true, debug: false }); // `lineageTracing: false` so clone before reassigning \"already in state\" objects\r\n    this.state = reactive<CtlrState>(structuredClone(STATE_BUILD), { debug: false });\r\n    this.state.watch(\"readyState\", (v) => ((this.payload.readyState = v), (this.payload.initialized = v > 0), (this.payload.wired = v > 1), (this.payload.destroyed = v < 0)), { signal: this.signal });\r\n    this.media = reactive({ intent: volatile(intent(defs.intent)), state: defs.state, status: defs.status, settings: volatile(intent(defs.settings)), tech: inert({}), features: {}, type: build.mediaType, element: medium, pseudoElement: createEl(build.mediaType), container: createEl(\"div\"), pseudoContainer: createEl(\"div\") }, { debug: false }) as any;\r\n    this.media.set(\"tech\", (t) => inert(t!), { signal: this.signal });\r\n    this.log((this._build = this.config.snapshot())), delete this.config.media; // clone for resets and fast subsequents\r\n    this.setReadyState(0), this.boot();\r\n  }\r\n\r\n  private async boot(): Promise<void> {\r\n    this.connectPlugs(), this.wireTechHandler(), this.wireStateHandler();\r\n    await mockAsync(0), this.setReadyState(1); // wiring the machinery\r\n    this.state.wonce(\"readyState\", () => (!this.media.state.paused ? this.setReadyState(3) : this.media.wonce(\"state.paused\", () => this.setReadyState(3), { signal: this.signal })), { signal: this.signal }); // first play(ed), matters to some\r\n    await mockAsync(0), this.setReadyState(2); // block `set` to stall, e.g lightState\r\n    setTimeout(() => (this.mutatingDOMM = false), 0, this.signal);\r\n  }\r\n\r\n  public connectPlugs(Plugs = PlugRegistry.getOrdered()): void {\r\n    if (!this.payload.wired) for (const Plug of Plugs) this.plugIn(Plug); // solve the \"must wire before tech to capture\" or plugs go from \"higher power\" to slaves on re-connect\r\n    const plugs = this.payload.wired && Plugs.filter((Plug) => this.config.noPlugList !== \"*\" && (!this.config.noPlugList.includes(Plug.fullName) || Plug.isCore)).map((Plug) => new Plug(this));\r\n    if (plugs) plugs.forEach((plug) => plug.mount?.()), plugs.forEach((plug) => plug.wire?.()); // plugs might rely on others being plugged in\r\n  }\r\n  public disconnectPlugs(): void {\r\n    for (const plug of [...this.plugs.values()].reverse()) plug.destroy();\r\n  }\r\n  public plugIn(Plug: PC, config?: any): this {\r\n    return this.config.noPlugList !== \"*\" && (!this.config.noPlugList.includes(Plug.fullName) || Plug.isCore) && new Plug(this, config).setup(), this; // #RESPONSIBLE: no external setup\r\n  }\r\n  public plug<K extends keyof PlugRegistryMap>(fullName: K): InstanceType<PlugRegistryMap[K]> | undefined;\r\n  public plug<T extends Plug = Plug>(fullName: string): T | undefined;\r\n  public plug(fullName: string): any {\r\n    return this.plugs.get(fullName);\r\n  }\r\n\r\n  protected wireTechHandler(): void {\r\n    this.media.on(\"intent.src\", this.handleTech, { capture: true, signal: this.signal, init: true }); // load initial\r\n    this.media.on(\"intent.sources\", this.handleTech, { capture: true, signal: this.signal });\r\n    this.media.on(\"settings.srcObject\", this.handleTech, { capture: true, signal: this.signal });\r\n  }\r\n  protected handleTech(): void {\r\n    const { src, sources } = this.media.intent;\r\n    if (this.media.settings.srcObject) return this.useTech(); // `MediaProvider` is native only\r\n    let selectedTech: TechConstructor | null = TechRegistry.pick(src, this.config.settings.techOrder),\r\n      selectedSource: string | null = selectedTech ? src : null;\r\n    if (!selectedTech && !isSameSources(sources, this.media.state.sources))\r\n      for (const source of sources) {\r\n        selectedTech = TechRegistry.pick(source.src, this.config.settings.techOrder);\r\n        if (selectedTech) {\r\n          selectedSource = source.src;\r\n          break;\r\n        }\r\n      }\r\n    (getRaw(this.media.state).src = src), (getRaw(this.media.state).sources = inert(sources)); // for tech fanout accuracy\r\n    this.useTech(selectedTech || undefined);\r\n    if (selectedSource !== src && !this.media.features.sources) silence(() => (this.media.intent.src = selectedSource!)); // bonus since tech can't handle sources\r\n  }\r\n  public useTech(TechClass: TechConstructor = HTML5Tech): void {\r\n    TechClass !== this.media.tech.constructor && (this.media.tech = new TechClass(this)).setup(); // #RESPONSIBLE: no external setup\r\n  }\r\n  public get techTruth(): \"state\" | \"intent\" {\r\n    return this.payload.wired ? \"state\" : \"intent\";\r\n  }\r\n  public get isNativeEl(): boolean {\r\n    return this.media.element === this.media.tech.element;\r\n  }\r\n\r\n  private wireStateHandler(): void {\r\n    observeIntersection(this.media.container.parentElement!, (entry) => (this.state.mediaParentIntersecting = entry.isIntersecting), this.signal);\r\n    observeIntersection(this.media.container, (entry) => (this.state.mediaIntersecting = entry.isIntersecting), this.signal);\r\n    observeResize(this.media.container, () => fanout(this.state.dimensions.container, getSizeTier(this.media.container)), this.signal);\r\n    observeResize(this.media.pseudoContainer, () => fanout(this.state.dimensions.pseudoContainer, getSizeTier(this.media.pseudoContainer)), this.signal);\r\n  }\r\n\r\n  public setReadyState(state?: number): void {\r\n    this.state.readyState = !this.state ? 0 : state ?? this.state.readyState + 1;\r\n    const rS = this.state.readyState; // incase of blocked sets, e.g. lightState\r\n    this.fire(\"tmgreadystatechange\", this.payload), this.fire(rS === 0 ? \"tmgcreate\" : rS === 1 ? \"tmginit\" : rS === 2 ? \"tmgwire\" : rS === 3 ? \"tmgfirstplay\" : rS === -1 ? \"tmgdestroy\" : \"\", this.payload);\r\n  }\r\n\r\n  public guard = <Fn extends Function>(fn: Fn, silent = false) => guardMethod(fn, (e) => this.notice(e, \"error\", !silent)); // `()=>{}`: needs to be bounded even before initialization\r\n  public notice(mssg: any, type: \"error\" | \"warn\" | \"log\" = \"error\", toast?: string | boolean | null, swallow = true): void {\r\n    this.log(mssg, type, swallow), toast !== false && (type === \"log\" || (type === \"error\" && swallow && !this.config.devMode) ? this.plug(\"settings.toasts\")?.toast : this.plug(\"settings.toasts\")?.toast?.[type])?.(toast === null || this.config.devMode ? mssg : isStr(toast) ? toast : \"Something went wrong\", { tag: \"tmg-stwr\" });\r\n  }\r\n\r\n  public log(mssg: any, type: \"error\" | \"warn\" | \"log\" = \"log\", swallow = false): void {\r\n    if (!this.config.debug) return;\r\n    if (type === \"error\") return swallow && !this.config.devMode ? console.warn(`[TMG Controller] Error swallowed:`, mssg) : console.error(`[TMG Controller] Error occurred:`, mssg);\r\n    else type === \"warn\" ? console.warn(`[TMG Controller] Warning:`, mssg) : console.log(`[TMG Controller] Log:`, mssg);\r\n  }\r\n\r\n  public fire(eN: string, detail: any = null, el: HTMLElement | EventTarget = this.media.element, bubbles = true, cancelable = true): void {\r\n    eN && el?.dispatchEvent(new CustomEvent(eN, { detail, bubbles, cancelable }));\r\n  }\r\n\r\n  public zenlist: string[] = [\"settings\"]; // plugs append here to block actions while their UI is active\r\n  public registerAction(key: string, action: Omit<Action, \"id\">): void {\r\n    const existing = this.actions[key] ?? {};\r\n    this.actions[key] = { ...action, ...existing, id: key as any, fn: action.fn }; // fn always comes from the registering plug (runtime source of truth), persisted fields (label, logic, notify) survive from existing entry\r\n    this.config.on(`actions.${key}` as any, () => this.actions[key] && this.actions[key].fn !== action.fn && (this.actions[key].fn = action.fn), { signal: this.signal });\r\n  }\r\n  public unregisterAction(key: string): void {\r\n    delete this.actions[key];\r\n  }\r\n  public runAction(id: string, ...args: any[]): void {\r\n    const action = this.actions[id];\r\n    if (!action || (!action.zen && this.zenlist.some(this.isUIActive))) return;\r\n    transaction(() => {\r\n      if (action.logic?.length) {\r\n        const root = { media: this.media, settings: this.config.settings } as any;\r\n        for (const step of action.logic) {\r\n          const cur = getPath(root, step.path as any);\r\n          step.op === \"toggle\" ? setPath(root, step.path as any, !cur) : step.op === \"increment\" ? setPath(root, step.path as any, (cur as number) + (step.value ?? 1)) : step.op === \"decrement\" ? setPath(root, step.path as any, (cur as number) - (step.value ?? 1)) : setPath(root, step.path as any, step.value);\r\n        }\r\n      }\r\n      action.fn?.(...args), action.notify && this.plug(\"settings.notifiers\")?.notify(action.notify), action.toast && this.plug(\"settings.toasts\")?.toast?.((isFunc(action.toast.render) ? action.toast.render() : action.toast.render) || \"Action Triggered\", action.toast);\r\n    }, action.label ?? action.id);\r\n  }\r\n  public isLogicPath(path: string): boolean {\r\n    return this.config.logicPathBlacklist.some((b) => path === b || path.startsWith(b + \".\")) || (path.startsWith(\"media.intent.\") && !(this.media.features as any)[path.split(\".\").pop()!]) ? false : true;\r\n  }\r\n\r\n  public throttle(key: string, fn: Function, delay = 30, strict: ((fn: Function) => number) | boolean = true, signal = this.signal) {\r\n    throttle(this.config.id + key, fn, delay, strict, signal, getWindow(this.media.container));\r\n  }\r\n  public debounce(key: string, fn: Function, delay = 30, strict = true, signal = this.signal) {\r\n    debounce(this.config.id + key, fn, delay, strict, signal, getWindow(this.media.container));\r\n  }\r\n  public RAFLoop(key: string, fn: Function, signal = this.signal): void {\r\n    RAFLoop(this.config.id + key, fn, signal, getWindow(this.media.container));\r\n  }\r\n  public cancelRAFLoop(key: string): void {\r\n    cancelRAFLoop(this.config.id + key);\r\n  }\r\n  public cancelAllLoops(): void {\r\n    if (t007._RAFLoopers) for (const k of t007._RAFLoopers.keys()) k.startsWith(this.config.id) && cancelRAFLoop(k);\r\n  }\r\n\r\n  public isUIActive(mode: string): boolean {\r\n    return this.media.container.classList.contains(`tmg-media-${uncamelize(mode === \"settings\" ? \"settings-view\" : mode, \"-\")}`);\r\n  }\r\n  public queryDOM<K extends keyof HTMLElementTagNameMap>(query: K, all: true, isPseudo?: boolean): NodeListOf<HTMLElementTagNameMap[K]>;\r\n  public queryDOM<E extends Element = HTMLElement>(query: string, all: true, isPseudo?: boolean): NodeListOf<E>;\r\n  public queryDOM<K extends keyof HTMLElementTagNameMap>(query: K, all?: false, isPseudo?: boolean): HTMLElementTagNameMap[K] | null;\r\n  public queryDOM<E extends Element = HTMLElement>(query: string, all?: false, isPseudo?: boolean): E | null;\r\n  public queryDOM(query: string, all = false, isPseudo = false) {\r\n    return all ? (isPseudo ? this.media.pseudoContainer : this.media.container).querySelectorAll(query) : (isPseudo ? this.media.pseudoContainer : this.media.container).querySelector(query);\r\n  }\r\n\r\n  public syncImgLoadState(img: HTMLImageElement, now = true): HTMLImageElement {\r\n    return [\"load\", \"error\"].forEach((ev) => img.addEventListener(ev, this.setImgLoadState, { signal: this.signal })), now && this.setImgLoadState({ target: img }), img;\r\n  }\r\n  public setImgLoadState<Ev extends Pick<Event, \"target\">>({ target: img }: Ev): void {\r\n    img instanceof HTMLImageElement && img?.setAttribute(\"data-loaded\", String(img.complete && img.naturalWidth > 0));\r\n  }\r\n  public setImgFallback<Ev extends Pick<Event, \"target\">>({ target: img }: Ev): void {\r\n    img instanceof HTMLImageElement && img.src !== window.TMG_MEDIA_ALT_IMG_SRC && (img.src = window.TMG_MEDIA_ALT_IMG_SRC!);\r\n  }\r\n  private altImg?: HTMLImageElement;\r\n  public setCanvasFallback(canvas: HTMLCanvasElement, context?: CanvasRenderingContext2D | null, _callback = (img = this.altImg) => context?.drawImage((this.altImg = img)!, 0, 0, canvas.width, canvas.height)): void {\r\n    const _img = canvas && (this.altImg && this.altImg.src === window.TMG_MEDIA_ALT_IMG_SRC ? _callback() : createEl(\"img\", { src: window.TMG_MEDIA_ALT_IMG_SRC, onload: () => _callback(_img as HTMLImageElement) }));\r\n  }\r\n\r\n  public destroy() {\r\n    this.mutatingDOMM = true; // destruction will mutate, flag external watchers\r\n    this.setReadyState(-1);\r\n    this.ac.abort(\"[TMG Controller] Instance is being destroyed\"), this.cancelAllLoops();\r\n    this.disconnectPlugs(), this.media.tech.destroy();\r\n    const el = this.config.cloneOnDetach ? cloneMedia(this.media.element) : this.media.element;\r\n    this.state.destroy(), this.config.destroy(), this.media.destroy();\r\n    return nuke(this), el;\r\n  }\r\n}\r\n","import { Controller } from \"@core/controller\";\r\nimport { Controllers } from \"./runtime\";\r\nimport { loadResource } from \"@utils/dom\";\r\nimport { isIter, isObj, setHTMLConfig } from \"@utils/obj\";\r\nimport { luid } from \"@utils/str\";\r\nimport { CONFIG_BUILD } from \"@consts/config\";\r\nimport type { CtlrConfig } from \"@defs/config\";\r\nimport { DeepPartial, Paths, PathValue } from \"sia-reactor\";\r\nimport { mergeObjs, parsePathObj } from \"sia-reactor/utils\";\r\nimport { MediaType } from \"@defs/generics\";\r\n\r\nexport type BuildParam = DeepPartial<CtlrConfig> & Record<Paths<CtlrConfig>, PathValue<CtlrConfig>>;\r\n\r\nexport class Player {\r\n  private medium: HTMLMediaElement | null = null;\r\n  private active: boolean = false;\r\n  private _build: CtlrConfig = structuredClone(CONFIG_BUILD) as CtlrConfig;\r\n  private controller: Controller | null = null;\r\n  public get Controller() {\r\n    return this.controller;\r\n  }\r\n  public get build(): CtlrConfig {\r\n    return this._build;\r\n  }\r\n  public set build(build: BuildParam) {\r\n    this.configure(build);\r\n  }\r\n\r\n  constructor(build: BuildParam = {} as BuildParam) {\r\n    this.configure({ ...build, id: build.id ?? `${luid()}_Controller_${Controllers.length + 1}` });\r\n  }\r\n\r\n  private queryBuild(): boolean {\r\n    return !this.active || (this.notice({ error: \"Already deployed the custom controls of your build configuration\", tip: \"Consider setting your build configuration before attaching your media element\" }), false);\r\n  }\r\n  public configure(build: BuildParam): void {\r\n    if (this.queryBuild() && isObj(build)) this._build = mergeObjs(this._build, parsePathObj(build));\r\n  }\r\n\r\n  public async attach(medium: HTMLMediaElement) {\r\n    if (isIter(medium)) return this.notice({ error: \"An iterable argument cannot be attached to the TMG media player\", tip: \"Consider looping the iterable argument to instantiate a new 'tmg.Player' for each\" });\r\n    if (this.active) return medium;\r\n    medium.tmgPlayer?.detach();\r\n    Controllers.push(this.build.id as any); // dummy for liveness\r\n    this.build.debug && console.time(`TMG Controller ${Controllers.length} Attach`);\r\n    medium.tmgPlayer = this;\r\n    this.medium = medium;\r\n    await this.fetchOptions(), await this.deployController();\r\n    this.build.debug && console.timeEnd(`TMG Controller ${Controllers.indexOf(this.controller!) + 1} Attach`);\r\n    return this.controller?.fire(\"tmgattach\", this.controller.payload), medium;\r\n  }\r\n  public detach() {\r\n    if (!this.active) return;\r\n    const medium = this.controller?.destroy() ?? ({} as any);\r\n    this.controller && Controllers.splice(Controllers.indexOf(this.controller), 1);\r\n    medium.classList?.remove(`tmg-${this.build.mediaType}`, \"tmg-media\", \"tmg-host\");\r\n    medium.tmgcontrols = this.active = false;\r\n    // this.controller?.fire(\"tmgdetach\", this.controller.payload);\r\n    return (medium.tmgPlayer = this.controller = this.medium = null), medium;\r\n  }\r\n\r\n  public async fetchOptions() {\r\n    if (!this.medium) return;\r\n    if (this.medium.getAttribute(\"tmg\")?.includes(\".json\"))\r\n      await fetch(this.medium.getAttribute(\"tmg\")!)\r\n        .then((res) => {\r\n          if (!res.ok) throw new Error(`JSON file not found at provided URL!. Status: ${res.status}`);\r\n          return res.json();\r\n        })\r\n        .then((json) => this.configure(json))\r\n        .catch(({ message }) => this.notice({ error: message, tip: \"A valid JSON file is required for parsing your build configuration\" }));\r\n    const build = {} as BuildParam,\r\n      attributes = this.medium.getAttributeNames().filter((attr) => attr.startsWith(\"tmg--\"));\r\n    for (const attr of attributes) setHTMLConfig<BuildParam>(build, attr as any, this.medium!.getAttribute(attr)!);\r\n    this.configure(build);\r\n  }\r\n\r\n  private async deployController() {\r\n    if (this.active || !this.medium?.isConnected) return;\r\n    if (!(this.medium instanceof HTMLMediaElement)) return this.notice({ error: `Could not deploy custom controls on the '${(this.medium as HTMLElement).tagName}' element as it is not supported`, warning: \"Only the 'VIDEO' and 'AUDIO' elements are currently supported\", tip: \"\" });\r\n    this.build.mediaType = this.medium.tagName.toLowerCase() as MediaType;\r\n    this.medium.controls = false;\r\n    this.medium.tmgcontrols = this.active = true;\r\n    this.medium.classList.add(`tmg-${this.build.mediaType}`, \"tmg-media\", \"tmg-host\");\r\n    await Promise.all([loadResource(window.TMG_MEDIA_CSS_SRC!), loadResource(window.T007_TOAST_JS_SRC!, \"script\", { module: true }), loadResource(window.T007_INPUT_JS_SRC!, \"script\")]); // await\r\n    Controllers[Controllers.indexOf(this.build.id as any)] = this.controller = new Controller(this.medium, this._build);\r\n  }\r\n\r\n  private notice({ error, warning, tip }: Partial<Record<\"error\" | \"warning\" | \"tip\", string>>): void {\r\n    if (this.build.debug) error && console.error(`[TMG Player] ${error}`), warning && console.warn(`[TMG Player] ${warning}`), tip && console.info(`[TMG Player] ${tip}`);\r\n  }\r\n}\r\n\r\nexport function getCtlrIdx(ctlr: Controller): number {\r\n  const i = Controllers.indexOf(ctlr.config.id as any);\r\n  return i === -1 ? Controllers.indexOf(ctlr) : i; // a magician never reveals his tricks :)\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-IVA7LFT2.js

@@ -0,0 +1,12 @@
+// src/ts/components/icons/leavefullscreen.ts
+var leavefullscreen = `<svg class="tmg-media-leave-fullscreen-icon" viewBox="0 0 25 25" style="scale: 0.8;">
+  <path d="M7 9.5C8.38071 9.5 9.5 8.38071 9.5 7V2.5C9.5 1.94772 9.05228 1.5 8.5 1.5H7.5C6.94772 1.5 6.5 1.94772 6.5 2.5V6.5H2.5C1.94772 6.5 1.5 6.94772 1.5 7.5V8.5C1.5 9.05228 1.94772 9.5 2.5 9.5H7Z" />
+  <path d="M17 9.5C15.6193 9.5 14.5 8.38071 14.5 7V2.5C14.5 1.94772 14.9477 1.5 15.5 1.5H16.5C17.0523 1.5 17.5 1.94772 17.5 2.5V6.5H21.5C22.0523 6.5 22.5 6.94772 22.5 7.5V8.5C22.5 9.05228 22.0523 9.5 21.5 9.5H17Z" />
+  <path d="M17 14.5C15.6193 14.5 14.5 15.6193 14.5 17V21.5C14.5 22.0523 14.9477 22.5 15.5 22.5H16.5C17.0523 22.5 17.5 22.0523 17.5 21.5V17.5H21.5C22.0523 17.5 22.5 17.0523 22.5 16.5V15.5C22.5 14.9477 22.0523 14.5 21.5 14.5H17Z" />
+  <path d="M9.5 17C9.5 15.6193 8.38071 14.5 7 14.5H2.5C1.94772 14.5 1.5 14.9477 1.5 15.5V16.5C1.5 17.0523 1.94772 17.5 2.5 17.5H6.5V21.5C6.5 22.0523 6.94772 22.5 7.5 22.5H8.5C9.05228 22.5 9.5 22.0523 9.5 21.5V17Z" />
+</svg>`;
+
+export {
+  leavefullscreen
+};
+//# sourceMappingURL=chunk-IVA7LFT2.js.map

package/dist/chunk-IVA7LFT2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/leavefullscreen.ts"],"sourcesContent":["export const leavefullscreen = `<svg class=\"tmg-media-leave-fullscreen-icon\" viewBox=\"0 0 25 25\" style=\"scale: 0.8;\">\r\n  <path d=\"M7 9.5C8.38071 9.5 9.5 8.38071 9.5 7V2.5C9.5 1.94772 9.05228 1.5 8.5 1.5H7.5C6.94772 1.5 6.5 1.94772 6.5 2.5V6.5H2.5C1.94772 6.5 1.5 6.94772 1.5 7.5V8.5C1.5 9.05228 1.94772 9.5 2.5 9.5H7Z\" />\r\n  <path d=\"M17 9.5C15.6193 9.5 14.5 8.38071 14.5 7V2.5C14.5 1.94772 14.9477 1.5 15.5 1.5H16.5C17.0523 1.5 17.5 1.94772 17.5 2.5V6.5H21.5C22.0523 6.5 22.5 6.94772 22.5 7.5V8.5C22.5 9.05228 22.0523 9.5 21.5 9.5H17Z\" />\r\n  <path d=\"M17 14.5C15.6193 14.5 14.5 15.6193 14.5 17V21.5C14.5 22.0523 14.9477 22.5 15.5 22.5H16.5C17.0523 22.5 17.5 22.0523 17.5 21.5V17.5H21.5C22.0523 17.5 22.5 17.0523 22.5 16.5V15.5C22.5 14.9477 22.0523 14.5 21.5 14.5H17Z\" />\r\n  <path d=\"M9.5 17C9.5 15.6193 8.38071 14.5 7 14.5H2.5C1.94772 14.5 1.5 14.9477 1.5 15.5V16.5C1.5 17.0523 1.94772 17.5 2.5 17.5H6.5V21.5C6.5 22.0523 6.94772 22.5 7.5 22.5H8.5C9.05228 22.5 9.5 22.0523 9.5 21.5V17Z\" />\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    leavefullscreen: typeof leavefullscreen;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-IXLSSEE7.js

@@ -0,0 +1,39 @@
+// src/ts/plugs/main/playlist/build.ts
+var PLAYLIST_BUILD = {
+  allowOverride: { add: true, delete: true, move: true },
+  content: null
+};
+var PLAYLIST_ITEM_BUILD = {
+  media: {
+    intent: {
+      src: "",
+      tracks: []
+    },
+    settings: {
+      metadata: {
+        title: "",
+        chapterInfo: [],
+        links: {
+          title: ""
+        }
+      }
+    }
+  },
+  settings: {
+    time: {
+      start: 0
+    },
+    controlPanel: {
+      timeline: {
+        previews: false,
+        marks: []
+      }
+    }
+  }
+};
+
+export {
+  PLAYLIST_BUILD,
+  PLAYLIST_ITEM_BUILD
+};
+//# sourceMappingURL=chunk-IXLSSEE7.js.map

package/dist/chunk-IXLSSEE7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/main/playlist/build.ts"],"sourcesContent":["import { DeepPartial } from \"sia-reactor\";\r\nimport { PlaylistConfig, PlaylistItemConfig } from \"./types\";\r\n\r\nexport const PLAYLIST_BUILD: DeepPartial<PlaylistConfig> = {\r\n  allowOverride: { add: true, delete: true, move: true },\r\n  content: null,\r\n};\r\n\r\nexport const PLAYLIST_ITEM_BUILD: DeepPartial<PlaylistItemConfig> = {\r\n  media: {\r\n    intent: {\r\n      src: \"\",\r\n      tracks: [],\r\n    },\r\n    settings: {\r\n      metadata: {\r\n        title: \"\",\r\n        chapterInfo: [],\r\n        links: {\r\n          title: \"\",\r\n        },\r\n      },\r\n    },\r\n  },\r\n  settings: {\r\n    time: {\r\n      start: 0,\r\n    },\r\n    controlPanel: {\r\n      timeline: {\r\n        previews: false,\r\n        marks: [],\r\n      },\r\n    },\r\n  },\r\n}; // for a playlist\r\n"],"mappings":";AAGO,IAAM,iBAA8C;AAAA,EACzD,eAAe,EAAE,KAAK,MAAM,QAAQ,MAAM,MAAM,KAAK;AAAA,EACrD,SAAS;AACX;AAEO,IAAM,sBAAuD;AAAA,EAClE,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,KAAK;AAAA,MACL,QAAQ,CAAC;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,UAAU;AAAA,QACR,OAAO;AAAA,QACP,aAAa,CAAC;AAAA,QACd,OAAO;AAAA,UACL,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,cAAc;AAAA,MACZ,UAAU;AAAA,QACR,UAAU;AAAA,QACV,OAAO,CAAC;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF;","names":[]}