tmg-media-player 0.0.1

package/dist/plugs/settings/voice/index.cjs

@@ -0,0 +1,757 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/ts/plugs/settings/voice/index.ts
+var voice_exports = {};
+__export(voice_exports, {
+  VOICE_BUILD: () => VOICE_BUILD,
+  VoicePlug: () => VoicePlug
+});
+module.exports = __toCommonJS(voice_exports);
+
+// src/ts/core/controllable.ts
+var import_sia_reactor3 = require("sia-reactor");
+var import_utils12 = require("sia-reactor/utils");
+
+// ../t007-tools/packages/utils/dist/chunk-ZALPHCSJ.js
+var import_utils = require("sia-reactor/utils");
+var import_utils2 = require("sia-reactor/utils");
+var import_sia_reactor = require("sia-reactor");
+var import_sia_reactor2 = require("sia-reactor");
+var import_utils3 = require("sia-reactor/utils");
+var import_utils4 = require("sia-reactor/utils");
+var import_utils5 = require("sia-reactor/utils");
+var import_utils6 = require("sia-reactor/utils");
+var import_utils7 = require("sia-reactor/utils");
+var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
+function isStr(val) {
+  return "string" === typeof val;
+}
+function isFunc(val) {
+  return "function" === typeof val;
+}
+function capitalize(word = "") {
+  return word.replace(/^(\s*)([a-z])/i, (_, s, l) => s + l.toUpperCase());
+}
+function uncamelize(str, separator = " ") {
+  return str.replace(/([a-z])([A-Z])/g, `$1${separator}$2`).toLowerCase();
+}
+function limited(FN_KEY2, fn, opts = {}) {
+  let count = 0, { key, maxTimes: max = 1, oncePerSession = true } = isStr(opts) ? { key: opts } : opts;
+  const getReg = () => JSON.parse(localStorage.getItem(FN_KEY2) || "{}"), setReg = (r) => localStorage.setItem(FN_KEY2, JSON.stringify(r));
+  const handle = (...args) => {
+    if (oncePerSession && count > 0) return void 0;
+    if (!key) return count++ < max ? fn(...args) : void 0;
+    const r = getReg(), c = r[key] || 0;
+    return c < max ? (count++, r[key] = c + 1, setReg(r), fn(...args)) : void 0;
+  };
+  handle.left = max - (handle.count = count);
+  handle.reset = () => (count = 0, key && ((r) => (delete r[key], setReg(r)))(getReg()));
+  handle.block = () => (count = max, key && ((r) => (r[key] = max, setReg(r)))(getReg()));
+  return handle;
+}
+if ("undefined" !== typeof window) {
+  (window.t007 ?? (window.t007 = {})).VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;
+  window.T007_TOAST_JS_SRC ?? (window.T007_TOAST_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest`);
+  window.T007_INPUT_JS_SRC ?? (window.T007_INPUT_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest`);
+  window.T007_DIALOG_JS_SRC ?? (window.T007_DIALOG_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`);
+  window.T007_TOAST_CSS_SRC ?? (window.T007_TOAST_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.min.css`);
+  window.T007_INPUT_CSS_SRC ?? (window.T007_INPUT_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.min.css`);
+  window.T007_DIALOG_CSS_SRC ?? (window.T007_DIALOG_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`);
+}
+
+// src/ts/consts/generics.ts
+var FN_KEY = "tmg_fn_registry";
+
+// src/ts/utils/str.ts
+function getSimilarity(target, spoken) {
+  if (target === spoken) return 1;
+  if (target.length < 2 || spoken.length < 2) return 0;
+  let matches = 0;
+  for (let i = 0; i < target.length - 1; i++) {
+    const bigram = target.substring(i, i + 2);
+    if (spoken.includes(bigram)) matches++;
+  }
+  return matches / (target.length - 1);
+}
+function fuzzyMatch(targets, transcript, threshold) {
+  const tokens = transcript.split(/\s+/);
+  for (const target of targets) {
+    const targetBlob = target.replace(/[-\s]/g, "");
+    for (let i = 0; i < tokens.length; i++) {
+      let rawChunk = "", chunkBlob = "";
+      for (let j = i; j < tokens.length; j++) {
+        rawChunk += (j === i ? "" : " ") + tokens[j];
+        chunkBlob += tokens[j];
+        if (chunkBlob === targetBlob || getSimilarity(targetBlob, chunkBlob) >= threshold) return rawChunk;
+      }
+    }
+  }
+  return null;
+}
+
+// src/ts/utils/obj.ts
+var import_utils10 = require("sia-reactor/utils");
+
+// src/ts/core/controllable.ts
+var Controllable = class {
+  // for easy reach, better devx
+  constructor(ctlr, config, state) {
+    __publicField(this, "ac", new AbortController());
+    __publicField(this, "signal", this.ac.signal);
+    __publicField(this, "ctlr");
+    __publicField(this, "media");
+    __publicField(this, "state");
+    // for reactivity needs of those who pass it up
+    __publicField(this, "config");
+    (0, import_utils7.guardAllMethods)(this, ctlr.guard);
+    this.signal = AbortSignal.any([this.signal, ctlr.signal]);
+    this.ctlr = ctlr;
+    this.media = ctlr.media;
+    this.state = (0, import_utils3.isObj)(state) ? (0, import_sia_reactor3.reactive)(state) : state;
+    this.config = config;
+  }
+  // may be a reactive obj node or the obj itself
+  get settings() {
+    return this.ctlr.settings;
+  }
+  setup() {
+    return this.onSetup(), this;
+  }
+  destroy() {
+    !this.signal.aborted && this.ac.abort(`[TMG Controllable] Instance is being destroyed`);
+    this.onDestroy(), this.state?.destroy?.(), this.config !== this.media && isFunc(this.config?.destroy) && this.config?.destroy?.();
+    (0, import_utils12.nuke)(this);
+  }
+  onDestroy() {
+  }
+};
+
+// src/ts/plugs/base/index.ts
+var import_utils15 = require("sia-reactor/utils");
+
+// src/ts/consts/config.ts
+var import_sia_reactor4 = require("sia-reactor");
+
+// src/ts/consts/actions.ts
+var ACTIONS_BUILD = {
+  // --- Keyboard-only actions (no default voice triggers; path router covers voice) ---
+  playPause: { label: "Play / Pause" },
+  skipFwd: { label: "Skip Forward", notify: "fwd" },
+  skipBwd: { label: "Skip Back", notify: "bwd" },
+  volumeUp: { label: "Volume Up", notify: "volumeup" },
+  volumeDown: { label: "Volume Down", notify: "volumedown" },
+  brightnessUp: { label: "Brightness Up", notify: "brightnessup" },
+  brightnessDown: { label: "Brightness Down", notify: "brightnessdown" },
+  playbackRateUp: { label: "Playback Rate Up", notify: "playbackrateup" },
+  playbackRateDown: { label: "Playback Rate Down", notify: "playbackratedown" },
+  stepFwd: { label: "Step Forward", notify: "fwd" },
+  stepBwd: { label: "Step Back", notify: "bwd" },
+  prev: { label: "Previous", notify: "mediaprev" },
+  next: { label: "Next", notify: "medianext" },
+  captions: { label: "Captions", notify: "captions" },
+  captionsFontSizeUp: { label: "Captions: Font Size Up" },
+  captionsFontSizeDown: { label: "Captions: Font Size Down" },
+  captionsFontFamily: { label: "Captions: Font Family" },
+  captionsFontWeight: { label: "Captions: Font Weight" },
+  captionsFontVariant: { label: "Captions: Font Variant" },
+  captionsFontOpacity: { label: "Captions: Font Opacity" },
+  captionsBackgroundOpacity: { label: "Captions: Background Opacity" },
+  captionsWindowOpacity: { label: "Captions: Window Opacity" },
+  captionsCharacterEdgeStyle: { label: "Captions: Character Edge" },
+  captionsTextAlignment: { label: "Captions: Text Alignment" },
+  objectFit: { label: "Object Fit" },
+  capture: { label: "Capture Frame", notify: "capture" },
+  cast: { label: "Cast", notify: "cast" },
+  airplay: { label: "AirPlay", notify: "airplay" },
+  dark: { label: "Dark Mode" },
+  settings: { label: "Settings", zen: true },
+  // --- Logic-expressible actions (logic[] + keyboard, no default voice triggers) ---
+  mute: { label: "Mute", notify: "volumemuted" },
+  fullscreen: { label: "Fullscreen", notify: "fullscreen", logic: [{ path: "media.intent.fullscreen", op: "toggle" }] },
+  theater: { label: "Theater", notify: "theater", logic: [{ path: "media.intent.theater", op: "toggle" }] },
+  pictureInPicture: { label: "Picture in Picture", notify: "pictureinpicture", logic: [{ path: "media.intent.pictureInPicture", op: "toggle" }] },
+  timeFormat: { label: "Time Format" },
+  timeMode: { label: "Time Mode" },
+  // --- Compound (voice|time)-only actions (voice engine meta, path router can't reach these) ---
+  timeTravelUndo: { label: "Time Travel: Undo", zen: true },
+  timeTravelRedo: { label: "Time Travel: Redo", zen: true },
+  voiceQuit: { label: "Voice: Quit", zen: true },
+  voiceSleep: { label: "Voice: Sleep", zen: true },
+  voiceSubmit: { label: "Voice: Submit", zen: true },
+  voiceHistoryFirst: { label: "Voice: Go to Root", zen: true },
+  voiceHistoryPrev: { label: "Voice: Go Back", zen: true },
+  voiceHistoryNext: { label: "Voice: Go Forward", zen: true },
+  voiceHistoryLast: { label: "Voice: Go to Leaf", zen: true },
+  voiceHistoryClear: { label: "Voice: Clear History", zen: true },
+  voiceToggleOn: { label: "Voice: Toggle On", zen: true },
+  voiceToggleOff: { label: "Voice: Toggle Off", zen: true }
+};
+
+// src/ts/consts/config.ts
+var CONFIG_BUILD = {
+  mediaType: "video",
+  mediaPlayer: "TMG",
+  media: { intent: { playsInline: true, textVisible: true, brightness: 100 } },
+  actions: Object.fromEntries(Object.entries(ACTIONS_BUILD).map(([k, v]) => [k, { id: k, ...v }])),
+  logicPathBlacklist: ["media.state", "media.status", "media.tech", "media.features", "media.type", "media.element", "media.pseudoElement", "media.container", "media.pseudoContainer"],
+  settings: {
+    // techOrder: [
+    //   "youtube", // 1. Black-box (Regex must catch these URLs instantly)
+    //   "vimeo", // 2. Black-box (Regex must catch these URLs instantly)
+    //   "shaka", // 3. THE APEX PREDATOR (Catches .mpd and .m3u8 first)
+    //   "hls", // 4. Fallback (Catches .m3u8 ONLY if Shaka is disabled/fails)
+    //   "dash", // 5. Fallback (Catches .mpd ONLY if Shaka is disabled/fails)
+    //   "html5", // 6. The Native Floor (Catches raw .mp4, .webm, .mp3, etc.)
+    // ],
+  },
+  debug: true,
+  devMode: import_sia_reactor4.CTX.isDevEnv,
+  noPlugList: []
+  // dev: "settings.persist"
+};
+
+// src/ts/core/registries.ts
+var import_utils14 = require("sia-reactor/utils");
+var BaseRegistry = class {
+  constructor() {
+    __publicField(this, "items", []);
+  }
+  register(name, value, config) {
+    return this.unregister(name), this.items.push({ name, value, config }), this;
+  }
+  unregister(name, idx = this.items.findIndex((i) => i.name === name)) {
+    return idx !== -1 && this.items.splice(idx, 1), this;
+  }
+  get(name) {
+    return this.items.find((i) => i.name === name)?.value;
+  }
+  getAll(order) {
+    if (!order) return this.items.map((i) => i.value);
+    return this.items.sort((a, b, ai = order.indexOf(a.name), bi = order.indexOf(b.name)) => ai === -1 && bi === -1 ? 0 : ai === -1 ? 1 : bi === -1 ? -1 : ai - bi).map((i) => i.value);
+  }
+  clear() {
+    return this.items = [], this;
+  }
+};
+var OrderedRegistry = class extends BaseRegistry {
+  registerFirst(name, value, config) {
+    return this.unregister(name), this.items.unshift({ name, value, config }), this;
+  }
+  registerBefore(key, name, value, config) {
+    this.unregister(name);
+    const idx = this.items.findIndex((i) => i.name === key);
+    return idx !== -1 ? (this.items.splice(idx, 0, { name, value, config }), this) : this.register(name, value, config);
+  }
+  registerAfter(key, name, value, config) {
+    this.unregister(name);
+    const idx = this.items.findIndex((i) => i.name === key);
+    return idx !== -1 ? (this.items.splice(idx + 1, 0, { name, value, config }), this) : this.register(name, value, config);
+  }
+};
+var _TechRegistry = class _TechRegistry extends OrderedRegistry {
+  static get(name) {
+    return this.instance.get(name);
+  }
+  static register(Tech) {
+    this.instance.register(Tech.techName, Tech);
+  }
+  static unregister(name) {
+    this.instance.unregister(name);
+  }
+  static registerBefore(key, Tech) {
+    this.instance.registerBefore(key, Tech.techName, Tech);
+  }
+  static registerAfter(key, Tech) {
+    this.instance.registerAfter(key, Tech.techName, Tech);
+  }
+  static pick(src, techOrder) {
+    return this.instance.getAll(techOrder).find((Tech) => Tech.canPlaySource(src)) || null;
+  }
+};
+__publicField(_TechRegistry, "instance", new _TechRegistry());
+var TechRegistry = _TechRegistry;
+var _PlugRegistry = class _PlugRegistry extends OrderedRegistry {
+  static get(name) {
+    return this.instance.get(name);
+  }
+  static register(Plug, editBuild = Plug.BUILD !== void 0) {
+    this.instance.register(Plug.fullName, Plug);
+    editBuild && (0, import_utils14.setPath)(CONFIG_BUILD, Plug.fullName, Plug.BUILD);
+  }
+  static unregister(fullName, editBuild = true) {
+    this.instance.unregister(fullName);
+    editBuild && (0, import_utils14.deletePath)(CONFIG_BUILD, fullName);
+  }
+  static registerBefore(key, Plug) {
+    this.instance.registerBefore(key, Plug.fullName, Plug);
+  }
+  static registerAfter(key, Plug) {
+    this.instance.registerAfter(key, Plug.fullName, Plug);
+  }
+  static getOrdered() {
+    return this.instance.getAll();
+  }
+};
+__publicField(_PlugRegistry, "instance", new _PlugRegistry());
+var PlugRegistry = _PlugRegistry;
+var _PinRegistry = class _PinRegistry extends BaseRegistry {
+  static get(name) {
+    return this.instance.get(name);
+  }
+  static register(Pin, editBuild = Pin.BUILD !== void 0) {
+    this.instance.register(Pin.fullName, Pin);
+    editBuild && (0, import_utils14.setPath)(CONFIG_BUILD, Pin.Plug.fullName + "." + Pin.pinName, Pin.BUILD);
+  }
+  static unregister(fullName, editBuild = true) {
+    this.instance.unregister(fullName);
+    editBuild && (0, import_utils14.deletePath)(fullName.slice(0, fullName.indexOf(".")) in CONFIG_BUILD ? CONFIG_BUILD : CONFIG_BUILD.settings, fullName);
+  }
+};
+__publicField(_PinRegistry, "instance", new _PinRegistry());
+var PinRegistry = _PinRegistry;
+var _MenuRegistry = class _MenuRegistry extends BaseRegistry {
+  static get(name) {
+    return this.instance.get(name);
+  }
+  static register(name, factory) {
+    this.instance.register(name, factory);
+  }
+  static unregister(name) {
+    this.instance.unregister(name);
+  }
+};
+__publicField(_MenuRegistry, "instance", new _MenuRegistry());
+var MenuRegistry = _MenuRegistry;
+var _ComponentRegistry = class _ComponentRegistry extends BaseRegistry {
+  static get(name) {
+    return this.instance.get(name);
+  }
+  static register(Comp) {
+    this.instance.register(Comp.componentName, Comp);
+  }
+  static unregister(name) {
+    this.instance.unregister(name);
+  }
+  static init(name, ctlr, config = {}) {
+    const Comp = this.instance.get(name);
+    if (!Comp) return null;
+    const instance = new Comp(ctlr, config);
+    return instance.create(), instance.setup();
+  }
+  static getAll() {
+    return this.instance.getAll();
+  }
+};
+__publicField(_ComponentRegistry, "instance", new _ComponentRegistry());
+var ComponentRegistry = _ComponentRegistry;
+var _IconRegistry = class _IconRegistry extends BaseRegistry {
+  static get(name, raw = false, token = /\btmg-media-[^\s"']+\s*/g) {
+    return (raw ? this.instance.get(name)?.replace(token, "") : this.instance.get(name)) || `<svg></svg>`;
+  }
+  static register(name, svg) {
+    this.instance.register(name, svg);
+  }
+  static unregister(name) {
+    this.instance.unregister(name);
+  }
+  // Bulk register a map of icons { play: "<svg...>", pause: "<svg...>" }
+  static registerAll(icons) {
+    for (const k of Object.keys(icons)) this.instance.register(k, icons[k]);
+  }
+};
+__publicField(_IconRegistry, "instance", new _IconRegistry());
+var IconRegistry = _IconRegistry;
+
+// src/ts/plugs/base/index.ts
+var BasePlug = class extends Controllable {
+  static get surname() {
+    return this.isMain ? "" : "settings.";
+  }
+  static get fullName() {
+    return this.surname + this.plugName;
+  }
+  get name() {
+    return this.constructor.plugName;
+  }
+  constructor(ctlr, config = (0, import_utils15.getPath)(ctlr.config, new.target.fullName), state) {
+    ctlr.plug(new.target.fullName)?.destroy();
+    super(ctlr, config, state);
+    const path = new.target.fullName;
+    this.ctlr.config.watch(path, () => this.config = (0, import_utils15.getPath)(this.ctlr.config, path), { signal: this.signal });
+    ctlr.plugs.set(new.target.fullName, this);
+  }
+  onSetup() {
+    this.mount?.();
+    this.ctlr.state.readyState ? this.wire?.() : this.wire && this.ctlr.state.wonce("readyState", this.wire, { signal: this.signal });
+  }
+  onDestroy() {
+    this.unmount?.();
+    this.ctlr.plugs.delete(this.constructor.fullName);
+  }
+  mount() {
+  }
+  unmount() {
+  }
+  wire() {
+    this.registerMenu();
+  }
+  registerMenu() {
+    this.ctlr.plug("settings.settingsView")?.menu.register(MenuRegistry.get(this.constructor.fullName)?.(this));
+  }
+  // override to configure positioning
+};
+__publicField(BasePlug, "plugName");
+__publicField(BasePlug, "isCore", false);
+__publicField(BasePlug, "isMain", false);
+__publicField(BasePlug, "BUILD");
+
+// src/ts/plugs/settings/voice/index.ts
+var import_utils18 = require("sia-reactor/utils");
+
+// src/ts/utils/fn.ts
+var limited2 = (fn, opts = {}) => limited(FN_KEY, fn, opts);
+
+// src/ts/plugs/settings/voice/build.ts
+var import_toast = require("@t007/toast");
+var VOICE_BUILD = {
+  active: {
+    value: "passive",
+    options: [
+      { value: true, display: "On" },
+      { value: false, display: "Off" },
+      { value: "passive", display: "Passive" }
+    ]
+  },
+  wakeWord: "player",
+  behavior: {
+    value: "persistent",
+    options: [
+      { value: "persistent", display: "Persistent" },
+      { value: "auto", display: "Auto (Show on speech)" },
+      { value: "strict", display: "Strict (Show after wake)" }
+    ]
+  },
+  timeout: 15e3,
+  inputs: {
+    direct: true,
+    strict: {
+      value: "auto",
+      options: [
+        { value: true, display: "On" },
+        { value: false, display: "Off" },
+        { value: "auto", display: "Auto (On for text)" }
+      ]
+    },
+    accuracy: 0.75
+  },
+  autoToggles: false,
+  commandsDisabled: false,
+  commands: {
+    voiceQuit: ["byebye", "exit", "quit"],
+    voiceSleep: ["sleep"],
+    voiceSubmit: ["submit", "enter", "confirm"],
+    voiceHistoryFirst: ["start", "first", "root"],
+    voiceHistoryPrev: ["goback", "back", "previous"],
+    voiceHistoryNext: ["gofront", "front", "goforward", "forward", "next"],
+    voiceHistoryLast: ["end", "last", "leaf"],
+    voiceHistoryClear: ["reset", "clear"],
+    voiceToggleOn: ["on", "yes", "true", "enable", "start"],
+    voiceToggleOff: ["off", "no", "false", "disable", "stop"]
+  },
+  listenerPos: {
+    value: "top-center",
+    options: import_toast.TOAST_UI_POSITIONS
+  },
+  predictorPos: {
+    value: "bottom-left",
+    options: import_toast.TOAST_UI_POSITIONS
+  }
+};
+
+// src/ts/plugs/settings/toasts/index.ts
+var import_utils17 = require("sia-reactor/utils");
+var import_sia_reactor5 = require("sia-reactor");
+var tutorialOpts = (onGotIt = import_sia_reactor5.NOOP) => ({ type: "info", icon: "\u{1F4A1}", position: "center-center", closeButton: true, hideProgressBar: false, animation: "fade", actions: { "Got it!": onGotIt } });
+
+// src/ts/plugs/settings/voice/index.ts
+var VoicePlug = class extends BasePlug {
+  constructor(ctlr, config = ctlr.settings.voice) {
+    super(ctlr, config, { context: "*", listening: false, muted: false });
+    __publicField(this, "recognition");
+    __publicField(this, "teachBasics", limited2((_id) => (_id = this.ctlr.plug("settings.toasts")?.toast?.(`Follow the predictor guides at the ${uncamelize(this.config.predictorPos.value, "-")}. Click \u2699 for settings`, { ...tutorialOpts(() => (this.teachBasics.block(), t007.toast?.dismiss(_id))), signal: this.signal }), { key: "tmg_voice_tut_1", maxTimes: 5 })));
+    __publicField(this, "IDS", { LISTENER: "tmg-media-voice-listener" + this.ctlr.config.id, PREDICTOR: "tmg-media-voice-predictor" + this.ctlr.config.id });
+    __publicField(this, "history", ["*"]);
+    __publicField(this, "historyIdx", 0);
+  }
+  get root() {
+    return { media: this.ctlr.media, settings: this.ctlr.settings };
+  }
+  mount() {
+    const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognitn;
+    if (!SpeechRecognition) return;
+    this.recognition = new SpeechRecognition();
+    Object.assign(this.recognition, { continuous: true, interimResults: true, onresult: this.handleResult, onend: this.handleEnd, onerror: this.handleError });
+  }
+  wire() {
+    const container = this.ctlr.plug("settings.toasts")?.container;
+    container?.addEventListener("click", this.handleLinkClick, { signal: this.signal });
+    container?.addEventListener("click", this.handleInputEvent, { signal: this.signal });
+    container?.addEventListener("keydown", this.handleInputEvent, { signal: this.signal });
+    container?.addEventListener("wheel", this.stayWoke, { signal: this.signal, passive: true });
+    container?.addEventListener("touchmove", this.stayWoke, { signal: this.signal, passive: true });
+    this.state.watch("context", this.onContext, { signal: this.signal });
+    this.state.on("listening", ({ value }) => this.media.container.classList.toggle("tmg-media-voice-listening", value), { signal: this.signal });
+    this.state.on("muted", () => this.ctlr.plug("settings.toasts")?.toast?.update(this.IDS.LISTENER, { actions: this.getListenerOptions().actions }), { signal: this.signal });
+    this.media.watch("tech", () => {
+      var _a;
+      return (_a = this.media.features).voice || (_a.voice = !this.recognition);
+    }, { init: true, signal: this.signal });
+    this.ctlr.state.on("mediaIntersecting", () => this.ctlr.debounce("syncingIntersectingVoiceListeners", this.syncListeners, 300, false), { signal: this.signal });
+    this.ctlr.config.on("settings.voice.active", this.handleActive, { signal: this.signal });
+    this.ctlr.config.on("settings.voice.wakeWord", ({ value }) => value ? this.config.active.value && !this.state.listening && this.start() : !this.state.listening && this.stop(), { signal: this.signal });
+    this.ctlr.config.on("settings.voice.listenerPos.value", ({ value }) => this.ctlr.plug("settings.toasts")?.toast?.update(this.IDS.LISTENER, { position: value }), { signal: this.signal });
+    this.ctlr.config.on("settings.voice.predictorPos.value", ({ value }) => this.ctlr.plug("settings.toasts")?.toast?.update(this.IDS.PREDICTOR, { position: value }), { signal: this.signal });
+    this.ctlr.config.on("disabled", this.syncListeners, { signal: this.signal });
+    this.ctlr.registerAction("voiceQuit", { fn: () => this.config.active.value = false });
+    this.ctlr.registerAction("voiceSleep", { fn: this.sleep });
+    this.ctlr.registerAction("voiceSubmit", { fn: this.submit });
+    this.ctlr.registerAction("voiceHistoryFirst", { fn: () => this.goTo("*") });
+    this.ctlr.registerAction("voiceHistoryPrev", { fn: this.goBack });
+    this.ctlr.registerAction("voiceHistoryNext", { fn: this.goForward });
+    this.ctlr.registerAction("voiceHistoryLast", { fn: () => this.goTo(this.state.context) });
+    this.ctlr.registerAction("voiceHistoryClear", { fn: () => this.resetContext(false) });
+    this.ctlr.payload.wired ? this.syncListeners() : this.ctlr.state.wonce("readyState", this.syncListeners, { signal: this.signal });
+    super.wire();
+  }
+  handleResult(e) {
+    let transcript = "";
+    if (!this.state.muted) for (let i = e.resultIndex; i < e.results.length; ++i) transcript += e.results[i][0].transcript;
+    transcript = transcript.trim().toLowerCase();
+    if (transcript && !this.state.listening) {
+      const token = fuzzyMatch([this.config.wakeWord.toLowerCase()], transcript, this.config.inputs.accuracy);
+      if (token) {
+        this.wakeUp();
+        const idx = transcript.indexOf(token);
+        transcript = idx !== -1 ? transcript.substring(idx + token.length).trim() : "";
+      }
+      if ((!token || !transcript) && this.config.behavior.value === "strict") return;
+    }
+    if (!this.state.muted) this.ctlr.plug("settings.toasts")?.toast?.(transcript ? `${transcript}${!this.state.listening ? `... Say "${this.linked(this.config.wakeWord)}"!` : ""}` : this.getListenerSpeech(true, this.state.listening ? "Didn't catch that..." : void 0), this.getListenerOptions(true));
+    this.ctlr.debounce("voiceSleeping", this.sleep, this.config.timeout, false);
+    transcript && this.process(transcript);
+  }
+  handleEnd() {
+    if (this.config) this.config.active.value !== false && this.start();
+  }
+  handleError(e) {
+    if (e.error === "not-allowed" || e.error === "service-not-allowed") this.config.active.value = false, this.ctlr.plug("settings.toasts")?.toast?.error("Microphone access revoked. Please check your settings.");
+  }
+  handleActive({ value }) {
+    if (value === false) {
+      this.state.listening = false;
+      this.recognition?.abort(), t007.toast?.dismiss(this.IDS.PREDICTOR), t007.toast?.dismiss(this.IDS.LISTENER);
+    } else if (this.shouldListen()) value === "passive" ? (this.sleep(), this.start()) : (this.wakeUp(), this.start());
+  }
+  syncListeners() {
+    if (!this.shouldListen()) this.state.listening = false, this.recognition?.abort(), t007.toast?.dismiss(this.IDS.PREDICTOR), t007.toast?.dismiss(this.IDS.LISTENER);
+    else this.config.active.value === true ? (this.wakeUp(), this.start()) : this.config.active.value === "passive" && this.start();
+  }
+  shouldListen() {
+    return this.ctlr.payload.wired && this.ctlr.state.mediaIntersecting && !this.ctlr.config.disabled;
+  }
+  async askPermission() {
+    const state = (await navigator.permissions?.query({ name: "microphone" }).catch(() => null))?.state ?? "prompt";
+    if (state === "granted" || state === "denied") return state === "granted";
+    return new Promise((res, _, req, i = 0) => (req = () => this.ctlr.plug("settings.toasts")?.toast?.info("We need permission to use Voice Control", { id: this.IDS.LISTENER, autoClose: false, actions: { OK: () => navigator.mediaDevices.getUserMedia({ audio: true }).then((s) => (s.getTracks().forEach((t) => t.stop()), res(true))).catch(() => (this.ctlr.plug("settings.toasts")?.toast?.warn("Grant permissions to use Voice Control", { id: this.IDS.LISTENER, autoClose: false, actions: { Retry: req, Cancel: () => res(false) } }), ++i > 3 && res(false))), Cancel: () => res(false) } }))());
+  }
+  async start() {
+    const granted = await this.askPermission();
+    granted && !this.state.listening && this.config.behavior.value === "persistent" && this.ctlr.plug("settings.toasts")?.toast?.(this.getListenerSpeech(), this.getListenerOptions());
+    try {
+      this.recognition?.start();
+    } catch (e) {
+    }
+  }
+  stop() {
+    this.sleep(), this.recognition?.abort();
+  }
+  wakeUp() {
+    if (this.config.active.value !== true) return void (this.config.active.value = true);
+    if (this.state.listening) return;
+    this.state.listening = true;
+    this.resetContext();
+    this.teachBasics(), this.ctlr.plug("settings.toasts")?.toast?.(this.getListenerSpeech(false), this.getListenerOptions());
+    this.ctlr.debounce("voiceSleeping", this.sleep, this.config.timeout, false);
+  }
+  sleep() {
+    if (this.config.active.value === false) return;
+    if (this.config.active.value !== "passive") return void (this.config.active.value = this.config.wakeWord ? "passive" : false);
+    this.state.listening = false;
+    this.resetContext();
+    t007.toast?.dismiss(this.IDS.PREDICTOR), !this.config.active.value || this.config.behavior.value !== "persistent" ? t007.toast?.dismiss(this.IDS.LISTENER) : this.ctlr.plug("settings.toasts")?.toast?.(this.getListenerSpeech(), this.getListenerOptions(true));
+  }
+  dispatchActions(stage, cleaned) {
+    const acc = this.config.inputs.accuracy;
+    for (const action of Object.values(this.ctlr.actions)) {
+      const triggers = this.config.commands[action.id];
+      if (action.id !== "voiceToggleOn" && action.id !== "voiceToggleOff" && (action.voice?.stage ?? "post-route") === stage && triggers?.length && fuzzyMatch(triggers, cleaned, acc)) return this.ctlr.runAction(action.id), this.ctlr.plug("settings.toasts")?.toast?.success(`Executed <i>${action.label || action.id}</i>`, { id: this.IDS.LISTENER, autoClose: this.config.behavior.value !== "persistent" }), true;
+    }
+    return false;
+  }
+  process(transcript, cleaned = transcript.replace(/[-\s]/g, ""), isSubmit = false, dormant = !this.state.listening) {
+    if (!this.config.commandsDisabled && this.dispatchActions("anytime", cleaned) || dormant) return;
+    if (!this.config.commandsDisabled && this.dispatchActions("pre-route", cleaned)) return;
+    if (this.isLeaf(this.state.context)) return this.execute(this.state.context, transcript, cleaned, false);
+    const paths = this.getValidPaths();
+    let matched = null, highest = 0;
+    if (paths.length)
+      for (let i = 0; i < paths.length; i++) {
+        const leaf = paths[i].split(".").pop().toLowerCase();
+        if (cleaned === leaf) {
+          matched = paths[i];
+          break;
+        }
+        const score = getSimilarity(leaf, cleaned);
+        if (score > this.config.inputs.accuracy && score > highest) highest = score, matched = paths[i];
+      }
+    if (matched) return void (this.state.context = matched, this.isLeaf(matched) && this.execute(matched, transcript, cleaned, true));
+    else if (isSubmit) {
+      const path = this.state.context === "*" ? transcript : `${this.state.context}.${transcript}`, val = this.ctlr.isLogicPath(path) ? (0, import_utils18.getPath)(this.root, path) : void 0;
+      if (val !== void 0) return void (this.state.context = path, this.isLeaf(path, val) && this.execute(path, transcript, cleaned, true));
+    }
+    if (paths.length) {
+      const pathInput = this.ctlr.plug("settings.toasts")?.container?.querySelector(".tmg-media-voice-path-input");
+      if (pathInput) pathInput.value = transcript.trim();
+    }
+    if (!this.config.commandsDisabled) this.dispatchActions("post-route", cleaned);
+  }
+  predict() {
+    const crumbHtml = this.history.length < 2 ? "" : `<div class="tmg-media-voice-sticky-crumb">` + this.history.map((p, idx, _, active = idx === this.historyIdx) => `<small><i style="${active ? "font-weight: bold;" : "opacity: 0.8;"}">${this.linked(p === "*" ? "Root" : capitalize(p.split(".").pop()), p, true)}</i></small>`).join(" <span style='opacity: 0.4;'><small>></small></span> ") + `</div>`, actions = {};
+    if (this.history.length > 1) actions["\u21BB"] = () => this.resetContext(false);
+    if (this.historyIdx > 0) actions["\u2039"] = this.goBack;
+    if (this.historyIdx < this.history.length - 1) actions["\u203A"] = this.goForward;
+    if (this.isLeaf(this.state.context)) {
+      const value = (0, import_utils18.getPath)(this.root, this.state.context), isArray = Array.isArray(value), type = isArray ? "array" : typeof value, showInput = this.config.inputs.strict.value === true || this.config.inputs.strict.value === "auto" && type !== "boolean", showSubmit = this.config.inputs.strict.value === true || this.config.inputs.strict.value === "auto" && type === "string", display = isArray ? value.join(", ") : value ?? "", inputHtml2 = showInput ? `<div class="tmg-media-voice-input-wrap")><input type="${type === "number" ? "number" : "text"}" class="tmg-media-voice-exact-input") placeholder="${display || "Type value..."}" value="${display}"/>${showSubmit ? `<button type="button" class="tmg-media-voice-exact-submit")>\u21B3</button>` : ""}</div>` : "", hints = type === "boolean" ? `${this.config.commands.voiceToggleOn?.slice(0, 2).map((v) => this.linked(v)).join(", ")} or ${this.config.commands.voiceToggleOff?.slice(0, 2).map((v) => this.linked(v)).join(", ")} ${inputHtml2}` : type === "number" ? `a number (like ${this.linked("0")}, ${this.linked("50")}) ${inputHtml2}` : isArray ? `comma-separated values ${inputHtml2}` : `the exact text ${inputHtml2}`;
+      return void this.ctlr.plug("settings.toasts")?.toast?.(`${crumbHtml}Try saying ${hints}`, this.getPredictorOptions(actions));
+    }
+    const paths = this.getValidPaths();
+    if (!paths.length) return;
+    const inputHtml = `<input type="text" class="tmg-media-voice-path-input") placeholder="...text"/>`;
+    this.ctlr.plug("settings.toasts")?.toast?.(`${crumbHtml}Try these:<br>${inputHtml} \u2022 ${paths.map((p) => this.linked(p.split(".").pop())).join(" \u2022 ")}`, this.getPredictorOptions(actions));
+  }
+  execute(path, transcript, cleaned = transcript.replace(/[-\s]/g, ""), isNav = false, isSubmit = false) {
+    const value = this.parse(transcript, cleaned, path, isNav);
+    if (value === null) return;
+    const strict = this.config.inputs.strict.value === true || this.config.inputs.strict.value === "auto" && typeof value === "string";
+    if (strict && !isSubmit) {
+      const input = this.ctlr.plug("settings.toasts")?.container?.querySelector(clame("exact-input"));
+      if (input) input.value = Array.isArray(value) ? value.join(", ") : String(value);
+      return void this.ctlr.plug("settings.toasts")?.toast?.update(this.IDS.LISTENER, { render: transcript || String(value) });
+    }
+    (0, import_utils18.setPath)(this.root, path, value), this.ctlr.plug("settings.toasts")?.toast?.success(`Set <i>${path.split(".").join(" > ")}</i> to ${Array.isArray(value) ? `[${value.join(", ")}]` : value}`, { id: this.IDS.LISTENER, autoClose: this.config.behavior.value !== "persistent" }), this.goBack();
+  }
+  parse(transcript, cleaned = transcript.replace(/[-\s]/g, ""), path, isNav = false) {
+    const val = (0, import_utils18.getPath)(this.root, path), type = typeof val;
+    if (type === "boolean") {
+      if (isNav && this.config.autoToggles) return !val;
+      return fuzzyMatch(this.config.commands.voiceToggleOn, transcript, this.config.inputs.accuracy) ? true : fuzzyMatch(this.config.commands.voiceToggleOff, transcript, this.config.inputs.accuracy) ? false : null;
+    }
+    if (type === "number") {
+      const match = transcript.match(/-?\d+(\.\d+)?/);
+      return match ? Number(match[0]) : null;
+    }
+    if (Array.isArray(val) || type === "string") {
+      const leaf = path.split(".").pop().toLowerCase(), rgx = new RegExp(`^(set|change)\\s+${leaf}\\s+to\\s+`, "i"), val2 = transcript.replace(rgx, "").trim();
+      if (isNav && !rgx.test(transcript)) {
+        if (cleaned === leaf || getSimilarity(leaf, cleaned) > this.config.inputs.accuracy) return null;
+      }
+      return val2 ? type === "string" ? val2 : val2.split(/\s*(?:,|and)\s*/i).filter(Boolean) : null;
+    }
+    return null;
+  }
+  resetContext(direct = this.config.inputs.direct) {
+    if (direct) this.history = ["*", "media", "media.intent"], this.historyIdx = 2, (0, import_utils18.force)(() => this.state.context = "media.intent");
+    else this.history = ["*"], this.historyIdx = 0, (0, import_utils18.force)(() => this.state.context = "*");
+  }
+  onContext(value) {
+    if (this.history[this.historyIdx] !== this.state.context) {
+      const idx = this.history.indexOf(this.state.context);
+      if (idx !== -1) this.historyIdx = idx;
+      else this.history = this.history.slice(0, this.historyIdx + 1), this.history.push(value), this.historyIdx = this.history.length - 1;
+    }
+    this.state.listening && this.predict();
+  }
+  goBack() {
+    if (this.historyIdx > 0) this.state.context = this.history[--this.historyIdx];
+  }
+  goForward() {
+    if (this.historyIdx < this.history.length - 1) this.state.context = this.history[++this.historyIdx];
+  }
+  goTo(path) {
+    this.state.context = path;
+  }
+  linked(text, value = text.toLowerCase(), isGoto = false) {
+    return `<u class="tmg-media-voice-link" ${isGoto ? "data-goto" : "data-cmd"}="${value}" tabindex="0" style="cursor:pointer; text-decoration-color: currentColor;">${text}</u>`;
+  }
+  handleLinkClick(e, target = e.target) {
+    if (!target.matches(clame("link"))) return;
+    e.preventDefault(), e.stopPropagation();
+    if (target.dataset.goto) return this.goTo(target.dataset.goto);
+    const cmd = target.dataset.cmd;
+    this.ctlr.plug("settings.toasts")?.toast?.(cmd, { id: this.IDS.LISTENER });
+    cmd === this.config.wakeWord.toLowerCase() ? this.wakeUp() : this.process(cmd);
+  }
+  handleInputEvent(e, target = e.target, isEnter = e.type === "keydown" && e.key === "Enter", isClick = e.type === "click") {
+    this.stayWoke(e);
+    if (isEnter && target.matches(clame("exact-input")) || isClick && target.matches(clame("exact-submit"))) e.preventDefault(), e.stopPropagation(), this.submit(target.closest(clame("input-wrap"))?.querySelector(clame("exact-input")));
+    else if (isEnter && target.matches(clame("path-input"))) e.preventDefault(), e.stopPropagation(), this.submit(target, void 0, true);
+  }
+  submit(input = this.ctlr.plug("settings.toasts")?.container?.querySelector(clame("exact-input")), render = input?.value.trim(), process = false) {
+    if (input && render) this.ctlr.plug("settings.toasts")?.toast?.update(this.IDS.LISTENER, { render, type: void 0 }), !process ? this.execute(this.state.context, render, void 0, false, true) : this.process(render, void 0, true);
+  }
+  stayWoke(e) {
+    this.state.listening && e.target.closest(`:is([id="${this.IDS.PREDICTOR}"],[id="${this.IDS.LISTENER}"])`) && this.ctlr.debounce("voiceSleeping", this.sleep, this.config.timeout, false);
+  }
+  isLeaf(path, val = path !== "*" && (0, import_utils18.getPath)(this.root, path)) {
+    return val && Array.isArray(val) || (0, import_utils18.isLeafPath)(this.root, path, void 0, val);
+  }
+  getValidPaths() {
+    return (0, import_utils18.getPaths)(this.root, this.state.context, { depth: 1 }).filter(this.ctlr.isLogicPath).sort((a, b) => a.localeCompare(b));
+  }
+  getListenerOptions(transient = false) {
+    const actions = { [this.state.muted ? "\u23F5" : "\u23F8"]: () => this.state.muted = !this.state.muted };
+    return { id: this.IDS.LISTENER, icon: "\u{1F399}\uFE0F", position: this.state.listening ? this.config.listenerPos.value : this.config.predictorPos.value, autoClose: transient ? this.config.behavior.value !== "persistent" : false, closeButton: true, dragToClose: false, actions, onClose: (elapsed) => !elapsed && (this.config.active.value = false), type: void 0, signal: this.signal };
+  }
+  getPredictorOptions(actions) {
+    return { id: this.IDS.PREDICTOR, icon: "\u2728", position: this.config.predictorPos.value, autoClose: false, closeButton: true, dragToClose: false, animation: "fade", actions, onClose: (elapsed) => !elapsed && this.sleep(), signal: this.signal };
+  }
+  getListenerSpeech(full = true, firstHalf = "Listening...", secondHalf = `Say "${this.linked(this.config.wakeWord)}" to wake me up!`, first = true) {
+    return full ? `${firstHalf} ${secondHalf}` : first ? firstHalf : secondHalf;
+  }
+  onDestroy() {
+    this.stop(), super.onDestroy();
+  }
+};
+__publicField(VoicePlug, "plugName", "voice");
+__publicField(VoicePlug, "BUILD", VOICE_BUILD);
+var clame = (suffix) => `.tmg-media-voice-${suffix}`;
+//# sourceMappingURL=index.cjs.map