@tixyel/streamelements 4.2.2 → 4.3.0

package/dist/index.es.js

@@ -4998,7 +4998,7 @@ function mt(s, e = !0) {
   let o = `#${a(s.r)}${a(s.g)}${a(s.b)}`;
   return e && s.a < 1 && (o += a(s.a * 255)), o;
 }
-function X(s, e, a) {
+function Q(s, e, a) {
   s /= 255, e /= 255, a /= 255;
   const o = Math.max(s, e, a), i = Math.min(s, e, a), t = o - i;
   let n = 0, c = 0;
@@ -5050,543 +5050,6 @@ function gt(s, e, a) {
   }
   return i;
 }
-class O {
-  /**
-   * Stores registered event listeners.
-   */
-  registeredEvents = {};
-  /**
-   * Emits an event to all registered listeners.
-   * Returns an array of return values from the listeners.
-   * @param eventName The name of the event.
-   * @param args Arguments to pass to the listeners.
-   */
-  emit(e, ...a) {
-    return (this.registeredEvents[e] || []).map((i) => i.apply(this, a));
-  }
-  /**
-   * Registers an event listener.
-   * @param eventName The name of the event.
-   * @param callback The callback function.
-   */
-  on(e, a) {
-    if (typeof a != "function")
-      throw new TypeError("Callback must be a function");
-    return this.registeredEvents[e] || (this.registeredEvents[e] = []), this.registeredEvents[e].push(a), this;
-  }
-  /**
-   * Removes a specific event listener.
-   * @param eventName The name of the event.
-   * @param callback The callback function to remove.
-   */
-  off(e, a) {
-    const o = this.registeredEvents[e] || [];
-    return a ? (this.registeredEvents[e] = o.filter((i) => i !== a), this) : (this.registeredEvents[e] = [], this);
-  }
-  /**
-   * Registers a listener that is executed only once.
-   * @param eventName The name of the event.
-   * @param callback The callback function.
-   */
-  once(e, a) {
-    const o = (...i) => {
-      this.off(e, o), a.apply(this, i);
-    };
-    return this.on(e, o), this;
-  }
-  /**
-   * Removes all listeners for a specific event.
-   * @param eventName The name of the event.
-   */
-  removeAllListeners(e) {
-    return this.registeredEvents[e] = [], this;
-  }
-}
-var _ = [];
-class S extends O {
-  /**
-   * The unique identifier for the storage instance.
-   */
-  id = "default";
-  loaded = !1;
-  data;
-  constructor(e) {
-    super(), this.id = e.id || this.id, this.data = e.data ?? {}, _.push(this), this.start();
-  }
-  SE_API = null;
-  start() {
-    tt?.then((e) => {
-      this.SE_API = e, e.store.get(this.id).then((a) => {
-        this.data = a ?? this.data, this.loaded = !0, this.emit("load", this.data), JSON.stringify(this.data) !== JSON.stringify(a) && this.emit("update", this.data);
-      }).catch(() => {
-        this.loaded = !0, this.emit("load", this.data);
-      });
-    });
-  }
-  /**
-   * Saves the current data to storage.
-   * @param data Data to save (defaults to current)
-   */
-  save(e = this.data) {
-    this.loaded && this.SE_API && (this.data = e, this.SE_API.store.set(this.id, this.data), this.emit("update", this.data));
-  }
-  /**
-   * Updates the storage data and emits an update event
-   * @param data Data to update (defaults to current)
-   */
-  update(e = this.data) {
-    this.loaded && JSON.stringify(this.data) !== JSON.stringify(e) && (this.data = { ...this.data, ...e }, this.save(this.data));
-  }
-  /**
-   * Adds a value to the storage at the specified path.
-   * @param path Path to add the value to
-   * @param value Value to add
-   */
-  add(e, a) {
-    this.loaded && (S.setByPath(this.data, e, a), this.save(this.data));
-  }
-  /**
-   * Clears all data from the storage.
-   */
-  clear() {
-    this.loaded && (this.data = {}, this.save(this.data));
-  }
-  /**
-   * Sets a value in the storage at the specified path.
-   * @param obj The object to set the value in
-   * @param path The path to set the value at
-   * @param value The value to set
-   * @returns The updated object
-   */
-  static setByPath(e, a, o) {
-    const i = a.split(".");
-    let t = e;
-    for (let n = 0; n < i.length - 1; n++)
-      (typeof t[i[n]] != "object" || t[i[n]] == null) && (t[i[n]] = {}), t = t[i[n]];
-    return t[i[i.length - 1]] = o, t;
-  }
-  on(e, a) {
-    return e === "load" && this.loaded ? (a.apply(this, [this.data]), this) : (super.on(e, a), this);
-  }
-}
-class J extends O {
-  id = "default";
-  debug = !1;
-  storage;
-  fields = {};
-  session;
-  loaded = !1;
-  constructor(e) {
-    super(), this.id = e.id || this.id, this.storage = new S({
-      id: this.id,
-      data: {
-        user: {},
-        avatar: {},
-        pronoun: {},
-        emote: {}
-      }
-    }), this.on("load", () => {
-      this.debug = !!(typeof e.debug == "function" ? e.debug() : e.debug);
-    }), window.client = this;
-  }
-  actions = {
-    commands: [],
-    buttons: []
-  };
-  details;
-  cache = {
-    avatar: 30,
-    pronoun: 60,
-    emote: 120
-  };
-  on(e, a) {
-    return e === "load" && this.loaded ? (a.apply(this, [
-      {
-        channel: this.details.user,
-        currency: this.details.currency,
-        fieldData: this.fields,
-        recents: [],
-        session: {
-          data: this.session,
-          settings: {
-            autoReset: !1,
-            calendar: !1,
-            resetOnStart: !1
-          }
-        },
-        overlay: this.details.overlay,
-        emulated: !1
-      }
-    ]), this) : (super.on(e, a), this);
-  }
-}
-class Q extends O {
-  queue = [];
-  priorityQueue = [];
-  history = [];
-  timeouts = [];
-  running = !1;
-  duration = void 0;
-  loaded = !1;
-  processor;
-  constructor(e) {
-    if (super(), !(window.client instanceof J))
-      throw new Error("useQueue can only be instantiated after the Client is initialized.");
-    if (!e.processor || typeof e.processor != "function")
-      throw new Error("A valid processor function must be provided to useQueue.");
-    this.processor = e.processor, e.duration !== "client" && (this.duration = e.duration ?? 0), window.client.on("load", () => {
-      e.duration === "client" && (this.duration = window.client.fields?.widgetDuration ?? 0), this.emit("load"), this.loaded = !0;
-    });
-  }
-  enqueue(e, a = {}) {
-    const o = {
-      isoDate: (/* @__PURE__ */ new Date()).toISOString(),
-      isLoop: a?.isLoop ?? !1,
-      isPriority: a?.isPriority ?? !1,
-      isImmediate: a?.isImmediate ?? !1,
-      value: e
-    }, i = this.hasItems();
-    return o.isPriority && o.isImmediate ? (this.cancel(), this.priorityQueue.unshift(o)) : (o.isPriority ? this.priorityQueue : this.queue).push(o), this.running === !1 && i === !1 && this.run(), this.emit("update", this.queue, this.priorityQueue, this.history, this.timeouts), this;
-  }
-  async run() {
-    if (!this.hasItems()) {
-      this.running = !1;
-      return;
-    }
-    this.running = !0, await this.next(), typeof this.duration == "number" && this.duration > 0 ? this.timeouts.push(setTimeout(() => this.run(), this.duration)) : (this.duration === 0 || this.duration !== -1 && this.duration !== !1) && this.run();
-  }
-  async next() {
-    const e = this.priorityQueue.length > 0 ? this.priorityQueue.shift() : this.queue.shift();
-    if (!e) {
-      this.running = !1;
-      return;
-    }
-    try {
-      await this.processor.apply(this, [e.value, this]), this.emit("process", e, this);
-    } catch (o) {
-      k.error(`Error during item processing: ${o instanceof Error ? o.message : String(o)}`);
-    }
-    this.history.push(e);
-    const a = e.isPriority ? this.priorityQueue : this.queue;
-    e.isLoop && a.push(e);
-  }
-  resume() {
-    return this.running && this.cancel(), this.hasItems() && this.run(), this;
-  }
-  update(e) {
-    return this.queue = e.queue ?? this.queue, this.priorityQueue = e.priorityQueue ?? this.priorityQueue, this.history = e.history ?? this.history, this.hasItems() && this.running === !1 && window.client?.on("load", () => this.run()), this;
-  }
-  cancel() {
-    this.running && (this.timeouts.forEach((e) => clearTimeout(e)), this.timeouts = [], this.running = !1, this.emit("cancel"));
-  }
-  hasItems() {
-    return this.queue.length > 0 || this.priorityQueue.length > 0;
-  }
-  on(e, a) {
-    return e === "load" && this.loaded ? (a.apply(this), this) : (super.on(e, a), this);
-  }
-}
-class R {
-  prefix = "!";
-  name;
-  description;
-  arguments = !1;
-  test = `${this.prefix}${this.name} arg1 arg2`;
-  aliases = [];
-  permissions = void 0;
-  admins = [];
-  constructor(e) {
-    window.client instanceof J && (this.prefix = e.prefix ?? this.prefix, this.name = e.name, this.description = e.description ?? this.description, this.arguments = e.arguments ?? this.arguments, this.run = e.run, this.test = e.test ?? this.test, this.aliases = e.aliases ?? this.aliases, this.permissions = e.permissions ?? this.permissions, this.admins = e.admins ?? this.admins, window.client.actions.commands.push(this), window.client.emit("action", this, "created"));
-  }
-  run(e, a) {
-  }
-  verify(e, a, o) {
-    return this.arguments === !0 && (!o || !o.length) ? !1 : this.admins.some((i) => e.toLocaleLowerCase() === i.toLocaleLowerCase()) ? !0 : this.permissions === !0 || typeof this.permissions > "u" || Array.isArray(this.permissions) && !this.permissions.length ? !1 : !!(Array.isArray(this.permissions) && this.permissions.some((i) => e.toLowerCase() === i.toLowerCase() || a.map((t) => t.toLowerCase()).includes(i.toLowerCase())));
-  }
-  parse(e, a) {
-    if (!(window.client instanceof J)) return !1;
-    const o = e.replace(this.prefix, "").split(" ").slice(1).map((r) => r.trim());
-    var i = "", t = [];
-    const n = { bits: "cheer", premium: "prime" };
-    switch (a.provider) {
-      case "twitch": {
-        const r = a.data;
-        i = r.event.data.nick || r.event.data.displayName, r.event.data.tags?.badges && (t = r.event.data.tags.badges.toString().replace(/\/\d+/g, "").split(",").map((l) => l in n ? n[l] : l));
-        break;
-      }
-      case "youtube": {
-        const r = a.data, d = {
-          isVerified: "verified",
-          isChatOwner: "owner",
-          isChatSponsor: "sponsor",
-          isChatModerator: "moderator"
-        };
-        i = r.event.data.nick || r.event.data.displayName, t = Object.entries(r.event.data.authorDetails).filter(([l, m]) => l.startsWith("is") && m).map(([l]) => d[l]).filter(Boolean);
-        break;
-      }
-      case "kick":
-        return !1;
-    }
-    const c = this.verify(i, t, o);
-    return c === !0 && this.run.apply(window.client, [o, a]), c;
-  }
-  remove() {
-    if (!(window.client instanceof J)) return;
-    const e = window.client.actions.commands.indexOf(this);
-    e > -1 && (window.client.actions.commands.splice(e, 1), window.client.emit("action", this, "removed"));
-  }
-  static execute(e) {
-    if (!(window.client instanceof J)) return !1;
-    const a = e.data;
-    try {
-      if (window.client.actions.commands.length && window.client.actions.commands.some((o) => a.event.data.text.startsWith(o.prefix))) {
-        const o = window.client.actions.commands.filter((i) => {
-          var t = [i.name, ...i.aliases ?? []], n = a.event.data.text.replace(i.prefix, "").split(" ")[0];
-          return t.includes(n);
-        });
-        if (o.length && o.every((i) => i instanceof R))
-          return o.forEach((i) => {
-            i.parse(a.event.data.text, e), window.client.emit("action", i, "executed"), k.received(`Command executed: ${a.event.data.text} by ${a.event.data.nick || a.event.data.displayName}`, a);
-          }), !0;
-      }
-    } catch {
-      return !1;
-    } finally {
-      return !1;
-    }
-  }
-}
-class V {
-  field = "button";
-  template = "button";
-  run;
-  constructor(e) {
-    window.client instanceof J && (this.field = e.field ?? this.field, this.template = e.template ?? this.template, this.run = e.run, window.client.actions.buttons.push(this), window.client.emit("action", this, "created"));
-  }
-  parse(e, a) {
-    var o = e.replace(typeof this.field == "string" ? this.field : this.template.replace(/\{[^}]*\}/g, "") ?? "", "").trim();
-    try {
-      this.run.apply(window.client, [o.length ? o : e ?? e, a]);
-    } catch (i) {
-      throw new Error(`Error running button "${this.field}": ${i instanceof Error ? i.message : i}`);
-    }
-    return this;
-  }
-  remove() {
-    if (!(window.client instanceof J)) return;
-    const e = window.client.actions.buttons.indexOf(this);
-    e > -1 && (window.client.actions.buttons.splice(e, 1), window.client.emit("action", this, "removed"));
-  }
-  static execute(e, a) {
-    try {
-      if (!(window.client instanceof J)) return !1;
-      if (window.client.actions.buttons.length) {
-        const o = window.client.actions.buttons.filter((i) => typeof i.field == "string" ? i.field === e : typeof i.field == "function" ? i.field(e, a) : !1);
-        if (o.length && o.every((i) => i instanceof V))
-          return o.forEach((i) => {
-            try {
-              i.parse(e, a), window.client.emit("action", i, "executed"), k.received(`Button executed: ${e}${a ? ` with value: ${a}` : ""}`);
-            } catch (t) {
-              k.error(`Error executing button "${e}": ${t instanceof Error ? t.message : t}`);
-            }
-          }), !0;
-      }
-    } catch {
-      return !1;
-    } finally {
-      return !1;
-    }
-  }
-}
-window.addEventListener("load", () => {
-});
-window.addEventListener("onWidgetLoad", async (s) => {
-  const { detail: e } = s;
-  if (window.client instanceof J) {
-    const a = window.client;
-    a.fields = e.fieldData, a.session = e.session.data, a.details = {
-      ...a.details,
-      user: e.channel,
-      currency: e.currency,
-      overlay: e.overlay
-    }, e.channel.id && !e.emulated ? await fetch(`https://api.streamelements.com/kappa/v2/channels/${e.channel.id}/`).then((o) => o.json()).then((o) => {
-      if (o.provider)
-        return a.details.provider = o.provider, o.provider;
-      a.details.provider = "local";
-    }).catch(() => {
-      a.details.provider = "local";
-    }) : a.details.provider = "local", a.emit("load", e), a.loaded = !0, a.storage.on("load", (o) => {
-      if (a.debug && o ? k.debug("[Client]", "Storage loaded for client", `"${a.id}";`, `Provider: "${a.details.provider}";`, o) : a.debug && k.debug("[Client]", "Storage loaded for client", `"${a.id}";`, `Provider: "${a.details.provider}";`, "No data found."), o) {
-        const i = (d) => {
-          const l = Date.now(), m = {};
-          for (const u in d)
-            if (d.hasOwnProperty(u)) {
-              const f = d[u];
-              f.expire && f.expire > l && (m[u] = f);
-            }
-          return m;
-        }, t = i(o.user || {}), n = i(o.avatar || {}), c = i(o.pronoun || {}), r = i(o.emote || {});
-        a.storage.update({
-          user: t,
-          avatar: n,
-          pronoun: c,
-          emote: r
-        });
-      }
-      e.channel.providerId.length && a.storage.add(`avatar.${e.channel.providerId.toLowerCase()}`, {
-        value: e.channel.avatar,
-        timestamp: Date.now(),
-        expire: Date.now() + a.cache.avatar * 60 * 1e3
-      });
-    });
-  }
-});
-window.addEventListener("onSessionUpdate", (s) => {
-  const { detail: e } = s;
-  if (window.client instanceof J) {
-    const a = window.client;
-    a.session = e.session, a.emit("session", e.session), a.debug && k.debug("[Client]", "Session updated", e.session);
-  }
-});
-function Z(s) {
-  var e = s.event?.provider || s.event?.service || s.event?.data?.provider || window.client.details.provider;
-  return [
-    "kvstore:update",
-    "bot:counter",
-    "alertService:toggleSound",
-    "tip-latest",
-    "event:test",
-    "event:skip"
-  ].some((i) => i === s.listener) && (e = "streamelements"), { provider: e, data: s };
-}
-window.addEventListener("onEventReceived", ({ detail: s }) => {
-  if (window.client instanceof J) {
-    const a = Z(s);
-    switch (a.provider) {
-      case "streamelements": {
-        const i = a.data;
-        switch (i.listener) {
-          case "tip-latest": {
-            i.event;
-            break;
-          }
-          case "event:skip": {
-            i.event;
-            break;
-          }
-          case "event:test": {
-            switch (i.event.listener) {
-              case "widget-button": {
-                const t = i.event;
-                V.execute(t.field, t.value);
-                break;
-              }
-              case "subscriber-latest": {
-                i.event;
-                break;
-              }
-            }
-            break;
-          }
-          case "kvstore:update": {
-            const t = i.event;
-            if (_.length) {
-              var e = _.find((n) => n.id === t.data.key.replace("customWidget.", ""));
-              e && e.update(t.data.value);
-            }
-            break;
-          }
-          case "bot:counter": {
-            i.event;
-            break;
-          }
-          case "alertService:toggleSound": {
-            const t = i.event;
-            client.details.overlay.muted = !!t.muted;
-            break;
-          }
-        }
-        window.client.emit("event", "streamelements", a.data);
-        break;
-      }
-      case "twitch": {
-        const i = a.data;
-        switch (i.listener) {
-          case "delete-message": {
-            i.event;
-            break;
-          }
-          case "delete-messages": {
-            i.event;
-            break;
-          }
-          case "message": {
-            i.event, R.execute({ provider: "twitch", data: i });
-            break;
-          }
-          case "follower-latest": {
-            i.event;
-            break;
-          }
-          case "cheer-latest": {
-            i.event;
-            break;
-          }
-          case "subscriber-latest": {
-            (!i.event.gifted && !i.event.bulkGifted && !i.event.isCommunityGift || i.event.gifted && !i.event.bulkGifted && !i.event.isCommunityGift || i.event.gifted && !i.event.bulkGifted && i.event.isCommunityGift || !i.event.gifted && i.event.bulkGifted && !i.event.isCommunityGift) && i.event;
-            break;
-          }
-          case "raid-latest": {
-            i.event;
-            break;
-          }
-        }
-        window.client.emit("event", "twitch", a.data);
-        break;
-      }
-      case "youtube": {
-        const i = a.data;
-        switch (i.listener) {
-          case "message": {
-            i.event, R.execute({ provider: "youtube", data: i });
-            break;
-          }
-          case "subscriber-latest": {
-            i.event;
-            break;
-          }
-          case "sponsor-latest": {
-            i.event, (!i.event.gifted && !i.event.bulkGifted && !i.event.isCommunityGift || i.event.gifted && !i.event.bulkGifted && !i.event.isCommunityGift || i.event.gifted && !i.event.bulkGifted && i.event.isCommunityGift || !i.event.gifted && i.event.bulkGifted && !i.event.isCommunityGift) && i.event;
-            break;
-          }
-          case "superchat-latest": {
-            i.event;
-            break;
-          }
-        }
-        window.client.emit("event", "youtube", a.data);
-        break;
-      }
-      case "kick": {
-        a.data, window.client.emit("event", "kick", a.data);
-        break;
-      }
-      case "facebook": {
-        a.data, window.client.emit("event", "facebook", a.data);
-        break;
-      }
-    }
-    const o = [
-      "bot:counter",
-      "alertService:toggleSound",
-      "event",
-      "event:skip",
-      "event:test",
-      "kvstore:update"
-    ];
-    client.debug && !o.some((i) => i === a.data.listener) && k.received("[Client]", `Event ${a.data.listener} received from ${a.provider}`, a.data.event);
-  }
-});
 var x;
 ((s) => {
   s.data = {
@@ -5665,11 +5128,11 @@ var x;
         case "rgba":
           return `rgba(${r.r}, ${r.g}, ${r.b}, ${r.a})`;
         case "hsl": {
-          const d = X(r.r, r.g, r.b);
+          const d = Q(r.r, r.g, r.b);
           return `hsl(${d.h}, ${d.s}%, ${d.l}%)`;
         }
         case "hsla": {
-          const d = X(r.r, r.g, r.b);
+          const d = Q(r.r, r.g, r.b);
           return `hsla(${d.h}, ${d.s}%, ${d.l}%, ${r.a})`;
         }
         case "css-color-name":
@@ -5994,9 +5457,9 @@ var x;
           let I = null;
           if (h[g] === ":") {
             g++;
-            const q = g;
+            const V = g;
             for (; g < b && h[g] !== "="; ) g++;
-            I = h.slice(q, g);
+            I = h.slice(V, g);
           }
           h[g] === "=" && g++;
           const T = U("]");
@@ -6922,11 +6385,11 @@ var x;
               case "mute":
               case "unmute":
               case "alertService:toggleSound": {
-                var q = c?.muted ?? !client.details.overlay.muted;
+                var V = c?.muted ?? !client.details.overlay.muted;
                 return {
                   listener: "alertService:toggleSound",
                   event: {
-                    muted: q,
+                    muted: V,
                     provider: t
                   }
                 };
@@ -7075,15 +6538,7 @@ var x;
         }
       }
     }
-  }, s.queue = new Q({
-    duration: "client",
-    processor: async function(n) {
-      if (window.dispatchEvent(new CustomEvent(n.listener, { detail: n.data })), n.listener === "onEventReceived" && n.session) {
-        const c = await s.generate.event.onSessionUpdate(client.session, Z(n.data));
-        window.dispatchEvent(new CustomEvent("onSessionUpdate", { detail: c }));
-      }
-    }
-  }), s.emulate = {
+  }, s.emulate = {
     twitch: {
       message(t = {}) {
         s.generate.event.onEventReceived("twitch", "message", t).then((n) => {
@@ -7163,6 +6618,10 @@ var x;
     kick: {},
     facebook: {},
     send(t, n) {
+      if (!s.queue) {
+        k.warn("Simulation queue is not initialized."), window.dispatchEvent(new CustomEvent(t, { detail: n }));
+        return;
+      }
       switch (t) {
         case "onEventReceived": {
           s.queue.enqueue({
@@ -7307,44 +6766,163 @@ async function K(s = [], e = "twitch") {
       break;
     }
   }
-  return i;
-}
-const Y = {
-  getOverlayStatus: () => ({
-    isEditorMode: !1,
-    muted: !1
-  }),
-  resumeQueue: () => {
-  },
-  responses: {},
-  sendMessage(s, e) {
-  },
-  counters: {
-    get(s) {
-      return null;
-    }
-  },
-  sanitize(s) {
-    return s;
-  },
-  cheerFilter(s) {
-    return s;
-  },
-  setField(s, e, a) {
-  },
-  store: {
-    set: function(s, e) {
-      this.list[s] = e, localStorage.setItem("SE_API-STORE", JSON.stringify(Y.store.list));
-    },
-    get: async function(s) {
-      return this.list[s] ? this.list[s] : null;
-    },
-    list: {}
+  return i;
+}
+const Y = {
+  getOverlayStatus: () => ({
+    isEditorMode: !1,
+    muted: !1
+  }),
+  resumeQueue: () => {
+  },
+  responses: {},
+  sendMessage(s, e) {
+  },
+  counters: {
+    get(s) {
+      return null;
+    }
+  },
+  sanitize(s) {
+    return s;
+  },
+  cheerFilter(s) {
+    return s;
+  },
+  setField(s, e, a) {
+  },
+  store: {
+    set: function(s, e) {
+      this.list[s] = e, localStorage.setItem("SE_API-STORE", JSON.stringify(Y.store.list));
+    },
+    get: async function(s) {
+      return this.list[s] ? this.list[s] : null;
+    },
+    list: {}
+  }
+};
+async function ft() {
+  let s = localStorage.getItem("SE_API-STORE") ?? "", e = s ? JSON.parse(s) : {};
+  return Y.store.list = e, Y;
+}
+class O {
+  /**
+   * Stores registered event listeners.
+   */
+  registeredEvents = {};
+  /**
+   * Emits an event to all registered listeners.
+   * Returns an array of return values from the listeners.
+   * @param eventName The name of the event.
+   * @param args Arguments to pass to the listeners.
+   */
+  emit(e, ...a) {
+    return (this.registeredEvents[e] || []).map((i) => i.apply(this, a));
+  }
+  /**
+   * Registers an event listener.
+   * @param eventName The name of the event.
+   * @param callback The callback function.
+   */
+  on(e, a) {
+    if (typeof a != "function")
+      throw new TypeError("Callback must be a function");
+    return this.registeredEvents[e] || (this.registeredEvents[e] = []), this.registeredEvents[e].push(a), this;
+  }
+  /**
+   * Removes a specific event listener.
+   * @param eventName The name of the event.
+   * @param callback The callback function to remove.
+   */
+  off(e, a) {
+    const o = this.registeredEvents[e] || [];
+    return a ? (this.registeredEvents[e] = o.filter((i) => i !== a), this) : (this.registeredEvents[e] = [], this);
+  }
+  /**
+   * Registers a listener that is executed only once.
+   * @param eventName The name of the event.
+   * @param callback The callback function.
+   */
+  once(e, a) {
+    const o = (...i) => {
+      this.off(e, o), a.apply(this, i);
+    };
+    return this.on(e, o), this;
+  }
+  /**
+   * Removes all listeners for a specific event.
+   * @param eventName The name of the event.
+   */
+  removeAllListeners(e) {
+    return this.registeredEvents[e] = [], this;
+  }
+}
+var _ = [];
+class S extends O {
+  /**
+   * The unique identifier for the storage instance.
+   */
+  id = "default";
+  loaded = !1;
+  data;
+  constructor(e) {
+    super(), this.id = e.id || this.id, this.data = e.data ?? {}, _.push(this), this.start();
+  }
+  SE_API = null;
+  start() {
+    tt?.then((e) => {
+      this.SE_API = e, e.store.get(this.id).then((a) => {
+        this.data = a ?? this.data, this.loaded = !0, this.emit("load", this.data), JSON.stringify(this.data) !== JSON.stringify(a) && this.emit("update", this.data);
+      }).catch(() => {
+        this.loaded = !0, this.emit("load", this.data);
+      });
+    });
+  }
+  /**
+   * Saves the current data to storage.
+   * @param data Data to save (defaults to current)
+   */
+  save(e = this.data) {
+    this.loaded && this.SE_API && (this.data = e, this.SE_API.store.set(this.id, this.data), this.emit("update", this.data));
+  }
+  /**
+   * Updates the storage data and emits an update event
+   * @param data Data to update (defaults to current)
+   */
+  update(e = this.data) {
+    this.loaded && JSON.stringify(this.data) !== JSON.stringify(e) && (this.data = { ...this.data, ...e }, this.save(this.data));
+  }
+  /**
+   * Adds a value to the storage at the specified path.
+   * @param path Path to add the value to
+   * @param value Value to add
+   */
+  add(e, a) {
+    this.loaded && (S.setByPath(this.data, e, a), this.save(this.data));
+  }
+  /**
+   * Clears all data from the storage.
+   */
+  clear() {
+    this.loaded && (this.data = {}, this.save(this.data));
+  }
+  /**
+   * Sets a value in the storage at the specified path.
+   * @param obj The object to set the value in
+   * @param path The path to set the value at
+   * @param value The value to set
+   * @returns The updated object
+   */
+  static setByPath(e, a, o) {
+    const i = a.split(".");
+    let t = e;
+    for (let n = 0; n < i.length - 1; n++)
+      (typeof t[i[n]] != "object" || t[i[n]] == null) && (t[i[n]] = {}), t = t[i[n]];
+    return t[i[i.length - 1]] = o, t;
+  }
+  on(e, a) {
+    return e === "load" && this.loaded ? (a.apply(this, [this.data]), this) : (super.on(e, a), this);
   }
-};
-async function ft() {
-  let s = localStorage.getItem("SE_API-STORE") ?? "", e = s ? JSON.parse(s) : {};
-  return Y.store.list = e, Y;
 }
 class bt extends O {
   instance;
@@ -7486,29 +7064,258 @@ class bt extends O {
           subType: "community"
         });
       }
-    }, this.instance.onGiftSubContinue = (e, a, o) => {
-      this.emit("giftSubContinue", e, a, o), client.debug && k.debug("[Client]", `ComfyJS Gift Sub Continue: ${e} continued their gifted sub from ${a}`), this.emulate && x.emulate.twitch.subscriber({
-        name: e,
-        message: "",
-        sender: a,
-        tier: "1000",
-        subType: "gift"
-      });
-    }, this.instance.onCheer = (e, a, o, i, t) => {
-      this.emit("cheer", e, a, o, i, t), client.debug && k.debug("[Client]", `ComfyJS Cheer: ${e} cheered ${o} bits - ${a}`), this.emulate && x.emulate.twitch.cheer({
-        name: e,
-        message: a,
-        amount: o
-      });
-    }, this.instance.onChatMode = (e, a) => {
-      this.emit("chatMode", e, a), client.debug && k.debug("[Client]", `ComfyJS Chat Mode Changed on ${a}`);
-    }, this.instance.onReward = (e, a, o, i, t) => {
-      this.emit("reward", e, a, o, i, t), client.debug && k.debug("[Client]", `ComfyJS Reward: ${e} redeemed ${a} for ${o} - ${i}`);
-    }, this.instance.onConnected = (e, a, o) => {
-      this.emit("connected", e, a, o), client.debug && k.debug("[Client]", `ComfyJS Connected: ${e}:${a} (First Connect: ${o})`);
-    }, this.instance.onReconnect = (e) => {
-      this.emit("reconnect", e), client.debug && k.debug("[Client]", `ComfyJS Reconnect: Attempt #${e}`);
-    }, this.init && this.instance.Init(this.username, this.password, this.channels, this.isDebug);
+    }, this.instance.onGiftSubContinue = (e, a, o) => {
+      this.emit("giftSubContinue", e, a, o), client.debug && k.debug("[Client]", `ComfyJS Gift Sub Continue: ${e} continued their gifted sub from ${a}`), this.emulate && x.emulate.twitch.subscriber({
+        name: e,
+        message: "",
+        sender: a,
+        tier: "1000",
+        subType: "gift"
+      });
+    }, this.instance.onCheer = (e, a, o, i, t) => {
+      this.emit("cheer", e, a, o, i, t), client.debug && k.debug("[Client]", `ComfyJS Cheer: ${e} cheered ${o} bits - ${a}`), this.emulate && x.emulate.twitch.cheer({
+        name: e,
+        message: a,
+        amount: o
+      });
+    }, this.instance.onChatMode = (e, a) => {
+      this.emit("chatMode", e, a), client.debug && k.debug("[Client]", `ComfyJS Chat Mode Changed on ${a}`);
+    }, this.instance.onReward = (e, a, o, i, t) => {
+      this.emit("reward", e, a, o, i, t), client.debug && k.debug("[Client]", `ComfyJS Reward: ${e} redeemed ${a} for ${o} - ${i}`);
+    }, this.instance.onConnected = (e, a, o) => {
+      this.emit("connected", e, a, o), client.debug && k.debug("[Client]", `ComfyJS Connected: ${e}:${a} (First Connect: ${o})`);
+    }, this.instance.onReconnect = (e) => {
+      this.emit("reconnect", e), client.debug && k.debug("[Client]", `ComfyJS Reconnect: Attempt #${e}`);
+    }, this.init && this.instance.Init(this.username, this.password, this.channels, this.isDebug);
+  }
+}
+class J extends O {
+  id = "default";
+  debug = !1;
+  storage;
+  fields = {};
+  session;
+  loaded = !1;
+  constructor(e) {
+    super(), this.id = e.id || this.id, this.storage = new S({
+      id: this.id,
+      data: {
+        user: {},
+        avatar: {},
+        pronoun: {},
+        emote: {}
+      }
+    }), this.on("load", () => {
+      this.debug = !!(typeof e.debug == "function" ? e.debug() : e.debug);
+    }), window.client = this;
+  }
+  actions = {
+    commands: [],
+    buttons: []
+  };
+  details;
+  cache = {
+    avatar: 30,
+    pronoun: 60,
+    emote: 120
+  };
+  on(e, a) {
+    return e === "load" && this.loaded ? (a.apply(this, [
+      {
+        channel: this.details.user,
+        currency: this.details.currency,
+        fieldData: this.fields,
+        recents: [],
+        session: {
+          data: this.session,
+          settings: {
+            autoReset: !1,
+            calendar: !1,
+            resetOnStart: !1
+          }
+        },
+        overlay: this.details.overlay,
+        emulated: !1
+      }
+    ]), this) : (super.on(e, a), this);
+  }
+}
+class R {
+  prefix = "!";
+  name;
+  description;
+  arguments = !1;
+  test = `${this.prefix}${this.name} arg1 arg2`;
+  aliases = [];
+  permissions = void 0;
+  admins = [];
+  constructor(e) {
+    window.client instanceof J && (this.prefix = e.prefix ?? this.prefix, this.name = e.name, this.description = e.description ?? this.description, this.arguments = e.arguments ?? this.arguments, this.run = e.run, this.test = e.test ?? this.test, this.aliases = e.aliases ?? this.aliases, this.permissions = e.permissions ?? this.permissions, this.admins = e.admins ?? this.admins, window.client.actions.commands.push(this), window.client.emit("action", this, "created"));
+  }
+  run(e, a) {
+  }
+  verify(e, a, o) {
+    return this.arguments === !0 && (!o || !o.length) ? !1 : this.admins.some((i) => e.toLocaleLowerCase() === i.toLocaleLowerCase()) ? !0 : this.permissions === !0 || typeof this.permissions > "u" || Array.isArray(this.permissions) && !this.permissions.length ? !1 : !!(Array.isArray(this.permissions) && this.permissions.some((i) => e.toLowerCase() === i.toLowerCase() || a.map((t) => t.toLowerCase()).includes(i.toLowerCase())));
+  }
+  parse(e, a) {
+    if (!(window.client instanceof J)) return !1;
+    const o = e.replace(this.prefix, "").split(" ").slice(1).map((r) => r.trim());
+    var i = "", t = [];
+    const n = { bits: "cheer", premium: "prime" };
+    switch (a.provider) {
+      case "twitch": {
+        const r = a.data;
+        i = r.event.data.nick || r.event.data.displayName, r.event.data.tags?.badges && (t = r.event.data.tags.badges.toString().replace(/\/\d+/g, "").split(",").map((l) => l in n ? n[l] : l));
+        break;
+      }
+      case "youtube": {
+        const r = a.data, d = {
+          isVerified: "verified",
+          isChatOwner: "owner",
+          isChatSponsor: "sponsor",
+          isChatModerator: "moderator"
+        };
+        i = r.event.data.nick || r.event.data.displayName, t = Object.entries(r.event.data.authorDetails).filter(([l, m]) => l.startsWith("is") && m).map(([l]) => d[l]).filter(Boolean);
+        break;
+      }
+      case "kick":
+        return !1;
+    }
+    const c = this.verify(i, t, o);
+    return c === !0 && this.run.apply(window.client, [o, a]), c;
+  }
+  remove() {
+    if (!(window.client instanceof J)) return;
+    const e = window.client.actions.commands.indexOf(this);
+    e > -1 && (window.client.actions.commands.splice(e, 1), window.client.emit("action", this, "removed"));
+  }
+  static execute(e) {
+    if (!(window.client instanceof J)) return !1;
+    const a = e.data;
+    try {
+      if (window.client.actions.commands.length && window.client.actions.commands.some((o) => a.event.data.text.startsWith(o.prefix))) {
+        const o = window.client.actions.commands.filter((i) => {
+          var t = [i.name, ...i.aliases ?? []], n = a.event.data.text.replace(i.prefix, "").split(" ")[0];
+          return t.includes(n);
+        });
+        if (o.length && o.every((i) => i instanceof R))
+          return o.forEach((i) => {
+            i.parse(a.event.data.text, e), window.client.emit("action", i, "executed"), k.received(`Command executed: ${a.event.data.text} by ${a.event.data.nick || a.event.data.displayName}`, a);
+          }), !0;
+      }
+    } catch {
+      return !1;
+    } finally {
+      return !1;
+    }
+  }
+}
+class Z extends O {
+  queue = [];
+  priorityQueue = [];
+  history = [];
+  timeouts = [];
+  running = !1;
+  duration = void 0;
+  loaded = !1;
+  processor;
+  constructor(e) {
+    if (super(), !(window.client instanceof J))
+      throw new Error("useQueue can only be instantiated after the Client is initialized.");
+    if (!e.processor || typeof e.processor != "function")
+      throw new Error("A valid processor function must be provided to useQueue.");
+    this.processor = e.processor, e.duration !== "client" && (this.duration = e.duration ?? 0), window.client.on("load", () => {
+      e.duration === "client" && (this.duration = window.client.fields?.widgetDuration ?? 0), this.emit("load"), this.loaded = !0;
+    });
+  }
+  enqueue(e, a = {}) {
+    const o = {
+      isoDate: (/* @__PURE__ */ new Date()).toISOString(),
+      isLoop: a?.isLoop ?? !1,
+      isPriority: a?.isPriority ?? !1,
+      isImmediate: a?.isImmediate ?? !1,
+      value: e
+    }, i = this.hasItems();
+    return o.isPriority && o.isImmediate ? (this.cancel(), this.priorityQueue.unshift(o)) : (o.isPriority ? this.priorityQueue : this.queue).push(o), this.running === !1 && i === !1 && this.run(), this.emit("update", this.queue, this.priorityQueue, this.history, this.timeouts), this;
+  }
+  async run() {
+    if (!this.hasItems()) {
+      this.running = !1;
+      return;
+    }
+    this.running = !0, await this.next(), typeof this.duration == "number" && this.duration > 0 ? this.timeouts.push(setTimeout(() => this.run(), this.duration)) : (this.duration === 0 || this.duration !== -1 && this.duration !== !1) && this.run();
+  }
+  async next() {
+    const e = this.priorityQueue.length > 0 ? this.priorityQueue.shift() : this.queue.shift();
+    if (!e) {
+      this.running = !1;
+      return;
+    }
+    try {
+      await this.processor.apply(this, [e.value, this]), this.emit("process", e, this);
+    } catch (o) {
+      k.error(`Error during item processing: ${o instanceof Error ? o.message : String(o)}`);
+    }
+    this.history.push(e);
+    const a = e.isPriority ? this.priorityQueue : this.queue;
+    e.isLoop && a.push(e);
+  }
+  resume() {
+    return this.running && this.cancel(), this.hasItems() && this.run(), this;
+  }
+  update(e) {
+    return this.queue = e.queue ?? this.queue, this.priorityQueue = e.priorityQueue ?? this.priorityQueue, this.history = e.history ?? this.history, this.hasItems() && this.running === !1 && window.client?.on("load", () => this.run()), this;
+  }
+  cancel() {
+    this.running && (this.timeouts.forEach((e) => clearTimeout(e)), this.timeouts = [], this.running = !1, this.emit("cancel"));
+  }
+  hasItems() {
+    return this.queue.length > 0 || this.priorityQueue.length > 0;
+  }
+  on(e, a) {
+    return e === "load" && this.loaded ? (a.apply(this), this) : (super.on(e, a), this);
+  }
+}
+class q {
+  field = "button";
+  template = "button";
+  run;
+  constructor(e) {
+    window.client instanceof J && (this.field = e.field ?? this.field, this.template = e.template ?? this.template, this.run = e.run, window.client.actions.buttons.push(this), window.client.emit("action", this, "created"));
+  }
+  parse(e, a) {
+    var o = e.replace(typeof this.field == "string" ? this.field : this.template.replace(/\{[^}]*\}/g, "") ?? "", "").trim();
+    try {
+      this.run.apply(window.client, [o.length ? o : e ?? e, a]);
+    } catch (i) {
+      throw new Error(`Error running button "${this.field}": ${i instanceof Error ? i.message : i}`);
+    }
+    return this;
+  }
+  remove() {
+    if (!(window.client instanceof J)) return;
+    const e = window.client.actions.buttons.indexOf(this);
+    e > -1 && (window.client.actions.buttons.splice(e, 1), window.client.emit("action", this, "removed"));
+  }
+  static execute(e, a) {
+    try {
+      if (!(window.client instanceof J)) return !1;
+      if (window.client.actions.buttons.length) {
+        const o = window.client.actions.buttons.filter((i) => typeof i.field == "string" ? i.field === e : typeof i.field == "function" ? i.field(e, a) : !1);
+        if (o.length && o.every((i) => i instanceof q))
+          return o.forEach((i) => {
+            try {
+              i.parse(e, a), window.client.emit("action", i, "executed"), k.received(`Button executed: ${e}${a ? ` with value: ${a}` : ""}`);
+            } catch (t) {
+              k.error(`Error executing button "${e}": ${t instanceof Error ? t.message : t}`);
+            }
+          }), !0;
+      }
+    } catch {
+      return !1;
+    } finally {
+      return !1;
+    }
   }
 }
 class $ {
@@ -7619,6 +7426,204 @@ class $ {
     !this.enabled || !console.timeEnd || console.timeEnd(e);
   }
 }
+window.addEventListener("load", () => {
+  window.client instanceof J && (x.queue = new Z({
+    duration: "client",
+    processor: async function(e) {
+      if (window.dispatchEvent(new CustomEvent(e.listener, { detail: e.data })), e.listener === "onEventReceived" && e.session) {
+        const a = await x.generate.event.onSessionUpdate(client.session, X(e.data));
+        window.dispatchEvent(new CustomEvent("onSessionUpdate", { detail: a }));
+      }
+    }
+  }));
+});
+window.addEventListener("onWidgetLoad", async (s) => {
+  const { detail: e } = s;
+  if (window.client instanceof J) {
+    const a = window.client;
+    a.fields = e.fieldData, a.session = e.session.data, a.details = {
+      ...a.details,
+      user: e.channel,
+      currency: e.currency,
+      overlay: e.overlay
+    }, e.channel.id && !e.emulated ? await fetch(`https://api.streamelements.com/kappa/v2/channels/${e.channel.id}/`).then((o) => o.json()).then((o) => {
+      if (o.provider)
+        return a.details.provider = o.provider, o.provider;
+      a.details.provider = "local";
+    }).catch(() => {
+      a.details.provider = "local";
+    }) : a.details.provider = "local", a.emit("load", e), a.loaded = !0, a.storage.on("load", (o) => {
+      if (a.debug && o ? k.debug("[Client]", "Storage loaded for client", `"${a.id}";`, `Provider: "${a.details.provider}";`, o) : a.debug && k.debug("[Client]", "Storage loaded for client", `"${a.id}";`, `Provider: "${a.details.provider}";`, "No data found."), o) {
+        const i = (d) => {
+          const l = Date.now(), m = {};
+          for (const u in d)
+            if (d.hasOwnProperty(u)) {
+              const f = d[u];
+              f.expire && f.expire > l && (m[u] = f);
+            }
+          return m;
+        }, t = i(o.user || {}), n = i(o.avatar || {}), c = i(o.pronoun || {}), r = i(o.emote || {});
+        a.storage.update({
+          user: t,
+          avatar: n,
+          pronoun: c,
+          emote: r
+        });
+      }
+      e.channel.providerId.length && a.storage.add(`avatar.${e.channel.providerId.toLowerCase()}`, {
+        value: e.channel.avatar,
+        timestamp: Date.now(),
+        expire: Date.now() + a.cache.avatar * 60 * 1e3
+      });
+    });
+  }
+});
+window.addEventListener("onSessionUpdate", (s) => {
+  const { detail: e } = s;
+  if (window.client instanceof J) {
+    const a = window.client;
+    a.session = e.session, a.emit("session", e.session), a.debug && k.debug("[Client]", "Session updated", e.session);
+  }
+});
+function X(s) {
+  var e = s.event?.provider || s.event?.service || s.event?.data?.provider || window.client.details.provider;
+  return [
+    "kvstore:update",
+    "bot:counter",
+    "alertService:toggleSound",
+    "tip-latest",
+    "event:test",
+    "event:skip"
+  ].some((i) => i === s.listener) && (e = "streamelements"), { provider: e, data: s };
+}
+window.addEventListener("onEventReceived", ({ detail: s }) => {
+  if (window.client instanceof J) {
+    const a = X(s);
+    switch (a.provider) {
+      case "streamelements": {
+        const i = a.data;
+        switch (i.listener) {
+          case "tip-latest": {
+            i.event;
+            break;
+          }
+          case "event:skip": {
+            i.event;
+            break;
+          }
+          case "event:test": {
+            switch (i.event.listener) {
+              case "widget-button": {
+                const t = i.event;
+                q.execute(t.field, t.value);
+                break;
+              }
+              case "subscriber-latest": {
+                i.event;
+                break;
+              }
+            }
+            break;
+          }
+          case "kvstore:update": {
+            const t = i.event;
+            if (_.length) {
+              var e = _.find((n) => n.id === t.data.key.replace("customWidget.", ""));
+              e && e.update(t.data.value);
+            }
+            break;
+          }
+          case "bot:counter": {
+            i.event;
+            break;
+          }
+          case "alertService:toggleSound": {
+            const t = i.event;
+            client.details.overlay.muted = !!t.muted;
+            break;
+          }
+        }
+        window.client.emit("event", "streamelements", a.data);
+        break;
+      }
+      case "twitch": {
+        const i = a.data;
+        switch (i.listener) {
+          case "delete-message": {
+            i.event;
+            break;
+          }
+          case "delete-messages": {
+            i.event;
+            break;
+          }
+          case "message": {
+            i.event, R.execute({ provider: "twitch", data: i });
+            break;
+          }
+          case "follower-latest": {
+            i.event;
+            break;
+          }
+          case "cheer-latest": {
+            i.event;
+            break;
+          }
+          case "subscriber-latest": {
+            (!i.event.gifted && !i.event.bulkGifted && !i.event.isCommunityGift || i.event.gifted && !i.event.bulkGifted && !i.event.isCommunityGift || i.event.gifted && !i.event.bulkGifted && i.event.isCommunityGift || !i.event.gifted && i.event.bulkGifted && !i.event.isCommunityGift) && i.event;
+            break;
+          }
+          case "raid-latest": {
+            i.event;
+            break;
+          }
+        }
+        window.client.emit("event", "twitch", a.data);
+        break;
+      }
+      case "youtube": {
+        const i = a.data;
+        switch (i.listener) {
+          case "message": {
+            i.event, R.execute({ provider: "youtube", data: i });
+            break;
+          }
+          case "subscriber-latest": {
+            i.event;
+            break;
+          }
+          case "sponsor-latest": {
+            i.event, (!i.event.gifted && !i.event.bulkGifted && !i.event.isCommunityGift || i.event.gifted && !i.event.bulkGifted && !i.event.isCommunityGift || i.event.gifted && !i.event.bulkGifted && i.event.isCommunityGift || !i.event.gifted && i.event.bulkGifted && !i.event.isCommunityGift) && i.event;
+            break;
+          }
+          case "superchat-latest": {
+            i.event;
+            break;
+          }
+        }
+        window.client.emit("event", "youtube", a.data);
+        break;
+      }
+      case "kick": {
+        a.data, window.client.emit("event", "kick", a.data);
+        break;
+      }
+      case "facebook": {
+        a.data, window.client.emit("event", "facebook", a.data);
+        break;
+      }
+    }
+    const o = [
+      "bot:counter",
+      "alertService:toggleSound",
+      "event",
+      "event:skip",
+      "event:test",
+      "kvstore:update"
+    ];
+    client.debug && !o.some((i) => i === a.data.listener) && k.received("[Client]", `Event ${a.data.listener} received from ${a.provider}`, a.data.event);
+  }
+});
 const tt = typeof SE_API < "u" ? Promise.resolve(SE_API) : Promise.resolve(ft()), k = new $(), yt = {
   Client: J,
   USE_SE_API: tt,
@@ -7629,15 +7634,16 @@ const tt = typeof SE_API < "u" ? Promise.resolve(SE_API) : Promise.resolve(ft())
     findEmotesInText: F,
     replaceEmotesWithHTML: B,
     replaceYoutubeEmotesWithHTML: pt,
-    generateBadges: K
+    generateBadges: K,
+    parseProvider: X
   },
   modules: {
-    Button: V,
+    Button: q,
     Command: R,
     EventProvider: O,
     useComfyJs: bt,
     useStorage: S,
-    useQueue: Q,
+    useQueue: Z,
     Logger: $
   },
   data: {