@aigamo/nostalgic-diva 1.13.0 → 1.14.0-rc.1

package/dist/index-0ef85555.js

@@ -0,0 +1,1132 @@
+var H = Object.defineProperty;
+var z = (s, t, e) => t in s ? H(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var u = (s, t, e) => (z(s, typeof t != "symbol" ? t + "" : t, e), e), F = (s, t, e) => {
+  if (!t.has(s))
+    throw TypeError("Cannot " + e);
+};
+var A = (s, t, e) => {
+  if (t.has(s))
+    throw TypeError("Cannot add the same private member more than once");
+  t instanceof WeakSet ? t.add(s) : t.set(s, e);
+};
+var D = (s, t, e) => (F(s, t, "access private method"), e);
+import l from "react";
+import G from "react-dom";
+var v = /* @__PURE__ */ ((s) => (s[s.Trace = 0] = "Trace", s[s.Debug = 1] = "Debug", s[s.Information = 2] = "Information", s[s.Warning = 3] = "Warning", s[s.Error = 4] = "Error", s[s.Critical = 5] = "Critical", s[s.None = 6] = "None", s))(v || {});
+class B {
+  constructor() {
+    u(this, "title", "nostalgic-diva");
+  }
+  createMessage(t) {
+    return `[${this.title}] ${t}`;
+  }
+  debug(t, ...e) {
+    console.debug(this.createMessage(t), ...e);
+  }
+  error(t, ...e) {
+    console.error(this.createMessage(t), ...e);
+  }
+  warn(t, ...e) {
+    console.warn(this.createMessage(t), ...e);
+  }
+  isEnabled() {
+    return !0;
+  }
+  log(t, e, ...a) {
+    switch (t) {
+      case 1:
+        this.debug(e, ...a);
+        break;
+      case 3:
+        this.warn(e, ...a);
+        break;
+      case 4:
+        this.error(e, ...a);
+        break;
+    }
+  }
+}
+var E = /* @__PURE__ */ ((s) => (s.Audio = "Audio", s.Dailymotion = "Dailymotion", s.Niconico = "Niconico", s.SoundCloud = "SoundCloud", s.Twitch = "Twitch", s.Vimeo = "Vimeo", s.YouTube = "YouTube", s))(E || {});
+function pe(s) {
+  return E[s] !== void 0;
+}
+const V = class V {
+  constructor(t, e, a, i, c) {
+    u(this, "id");
+    u(this, "impl");
+    this.logger = t, this.type = e, this.player = a, this.options = i, this.controllerFactory = c, this.id = V.nextId++;
+  }
+  createMessage(t) {
+    return `${this.type}#${this.id} ${t}`;
+  }
+  debug(t, ...e) {
+    this.logger.log(
+      v.Debug,
+      this.createMessage(t),
+      ...e
+    );
+  }
+  error(t, ...e) {
+    this.logger.log(
+      v.Error,
+      this.createMessage(t),
+      ...e
+    );
+  }
+  async attach(t) {
+    if (this.debug("attach", t), this.impl) {
+      this.debug("player is already attached");
+      return;
+    }
+    this.debug("Attaching player..."), this.impl = new this.controllerFactory(
+      this.logger,
+      this.player,
+      this.options
+    ), await this.impl.attach(t), this.debug("player attached");
+  }
+  createPlayerNotAttachedError() {
+    return new Error("player is not attached");
+  }
+  async detach() {
+    if (this.debug("detach"), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    await this.impl.detach(), this.impl = void 0;
+  }
+  async loadVideo(t) {
+    if (this.debug("loadVideo", t), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    this.debug("Loading video..."), await this.impl.loadVideo(t), this.debug("video loaded", t);
+  }
+  play() {
+    if (this.debug("play"), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    return this.impl.play();
+  }
+  pause() {
+    if (this.debug("pause"), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    return this.impl.pause();
+  }
+  setCurrentTime(t) {
+    if (this.debug("setCurrentTime", t), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    return this.impl.setCurrentTime(t);
+  }
+  setVolume(t) {
+    if (this.debug("setVolume", t), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    return this.impl.setVolume(t);
+  }
+  setMuted(t) {
+    if (this.debug("setMuted", t), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    return this.impl.setMuted(t);
+  }
+  setPlaybackRate(t) {
+    if (this.debug("setPlaybackRate", t), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    return this.impl.setPlaybackRate(t);
+  }
+  getDuration() {
+    if (this.debug("getDuration"), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    return this.impl.getDuration();
+  }
+  getCurrentTime() {
+    if (this.debug("getCurrentTime"), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    return this.impl.getCurrentTime();
+  }
+  getVolume() {
+    if (this.debug("getVolume"), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    return this.impl.getVolume();
+  }
+  getPlaybackRate() {
+    if (this.debug("getPlaybackRate"), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    return this.impl.getPlaybackRate();
+  }
+};
+u(V, "nextId", 1);
+let N = V;
+class C {
+  constructor(t) {
+    this.type = t;
+  }
+}
+const X = /\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i, K = /\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i;
+class Z extends C {
+  constructor() {
+    super(E.Audio);
+  }
+  canPlay(t) {
+    return X.test(t) || K.test(t);
+  }
+  extractVideoId(t) {
+    return t;
+  }
+}
+const U = /^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:(?:dailymotion\.com(?:\/embed)?\/video)|dai\.ly)\/([a-zA-Z0-9]+)(?:_[\w_-]+)?(?:[\w.#_-]+)?/;
+class q extends C {
+  constructor() {
+    super(E.Dailymotion);
+  }
+  canPlay(t) {
+    return U.test(t);
+  }
+  extractVideoId(t) {
+    const e = U.exec(t);
+    return e == null ? void 0 : e[1];
+  }
+}
+const S = /(?:www\.|)?nicovideo\.jp\/watch\/(\w+)$/;
+class J extends C {
+  constructor() {
+    super(E.Niconico);
+  }
+  canPlay(t) {
+    return S.test(t);
+  }
+  extractVideoId(t) {
+    const e = S.exec(t);
+    return e == null ? void 0 : e[1];
+  }
+}
+const Q = /(?:soundcloud\.com|snd\.sc)\/[^.]+$/;
+class ee extends C {
+  constructor() {
+    super(E.SoundCloud);
+  }
+  canPlay(t) {
+    return Q.test(t);
+  }
+  extractVideoId(t) {
+    return t;
+  }
+}
+const M = /(?:www\.|go\.)?twitch\.tv\/videos\/(\d+)($|\?)/;
+class te extends C {
+  constructor() {
+    super(E.Twitch);
+  }
+  canPlay(t) {
+    return M.test(t);
+  }
+  extractVideoId(t) {
+    const e = M.exec(t);
+    return e == null ? void 0 : e[1];
+  }
+}
+const x = /vimeo\.com\/(\d+)$/;
+class ae extends C {
+  constructor() {
+    super(E.Vimeo);
+  }
+  canPlay(t) {
+    return x.test(t);
+  }
+  extractVideoId(t) {
+    var e;
+    return (e = x.exec(t)) == null ? void 0 : e[1];
+  }
+}
+const Y = /(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//;
+class se extends C {
+  constructor() {
+    super(E.YouTube);
+  }
+  canPlay(t) {
+    return Y.test(t);
+  }
+  extractVideoId(t) {
+    const e = Y.exec(t);
+    return e == null ? void 0 : e[1];
+  }
+}
+const re = [
+  new Z(),
+  new q(),
+  new J(),
+  new ee(),
+  new te(),
+  new ae(),
+  new se()
+];
+function ie(s) {
+  return re.find((t) => t.canPlay(s));
+}
+const _ = l.createContext(
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  void 0
+), me = ({
+  children: s
+}) => {
+  const t = l.useRef(), e = l.useCallback(
+    (o) => {
+      t.current = o;
+    },
+    []
+  ), a = l.useCallback(async (o) => {
+    var h;
+    await ((h = t.current) == null ? void 0 : h.loadVideo(o));
+  }, []), i = l.useCallback(async () => {
+    var o;
+    await ((o = t.current) == null ? void 0 : o.play());
+  }, []), c = l.useCallback(async () => {
+    var o;
+    await ((o = t.current) == null ? void 0 : o.pause());
+  }, []), r = l.useCallback(async (o) => {
+    const h = t.current;
+    h && (await h.setCurrentTime(o), await h.play());
+  }, []), n = l.useCallback(async (o) => {
+    var h;
+    await ((h = t.current) == null ? void 0 : h.setVolume(o));
+  }, []), d = l.useCallback(async (o) => {
+    var h;
+    await ((h = t.current) == null ? void 0 : h.setMuted(o));
+  }, []), y = l.useCallback(async (o) => {
+    var h;
+    await ((h = t.current) == null ? void 0 : h.setPlaybackRate(o));
+  }, []), p = l.useCallback(async () => {
+    var o;
+    return await ((o = t.current) == null ? void 0 : o.getDuration());
+  }, []), m = l.useCallback(async () => {
+    var o;
+    return await ((o = t.current) == null ? void 0 : o.getCurrentTime());
+  }, []), g = l.useCallback(async () => {
+    var o;
+    return await ((o = t.current) == null ? void 0 : o.getVolume());
+  }, []), b = l.useCallback(async () => {
+    var o;
+    return await ((o = t.current) == null ? void 0 : o.getPlaybackRate());
+  }, []), w = l.useMemo(
+    () => ({
+      handleControllerChange: e,
+      loadVideo: a,
+      play: i,
+      pause: c,
+      setCurrentTime: r,
+      setVolume: n,
+      setMuted: d,
+      setPlaybackRate: y,
+      getDuration: p,
+      getCurrentTime: m,
+      getVolume: g,
+      getPlaybackRate: b
+    }),
+    [
+      e,
+      a,
+      i,
+      c,
+      r,
+      n,
+      d,
+      y,
+      p,
+      m,
+      g,
+      b
+    ]
+  );
+  return /* @__PURE__ */ l.createElement(_.Provider, { value: w }, s);
+}, ne = () => l.useContext(_), oe = {
+  Audio: l.lazy(() => import("./AudioPlayer-1a8caac7.js")),
+  Dailymotion: l.lazy(() => import("./DailymotionPlayer-6b3cc7ce.js")),
+  Niconico: l.lazy(() => import("./NiconicoPlayer-d834668f.js")),
+  SoundCloud: l.lazy(() => import("./SoundCloudPlayer-11f15866.js")),
+  Twitch: l.lazy(() => import("./TwitchPlayer-191956ee.js")),
+  Vimeo: l.lazy(() => import("./VimeoPlayer-f8182608.js")),
+  YouTube: l.lazy(() => import("./YouTubePlayer-6a5d2c5d.js"))
+}, le = new B();
+function ce(s) {
+  const t = ie(s);
+  if (t === void 0)
+    return;
+  const { type: e, extractVideoId: a } = t, i = a(s);
+  if (i !== void 0)
+    return { type: e, videoId: i };
+}
+const de = l.memo(
+  ({
+    src: s,
+    options: t,
+    logger: e = le,
+    onControllerChange: a
+  }) => {
+    const i = ne(), c = l.useCallback(
+      (p) => {
+        var m;
+        return (m = a ?? (i == null ? void 0 : i.handleControllerChange)) == null ? void 0 : m(p);
+      },
+      [i == null ? void 0 : i.handleControllerChange, a]
+    );
+    e.log(v.Debug, "NostalgicDiva");
+    const r = ce(s);
+    if (r === void 0)
+      return /* @__PURE__ */ l.createElement("div", { style: { width: "100%", height: "100%" } }, /* @__PURE__ */ l.createElement(
+        "iframe",
+        {
+          src: "about:blank",
+          title: "about:blank",
+          style: {
+            width: "100%",
+            height: "100%",
+            border: 0
+          }
+        }
+      ));
+    const { type: n, videoId: d } = r, y = oe[n];
+    return /* @__PURE__ */ l.createElement(l.Suspense, { fallback: null }, /* @__PURE__ */ l.createElement(
+      y,
+      {
+        logger: e,
+        type: n,
+        onControllerChange: c,
+        videoId: d,
+        options: t
+      }
+    ));
+  }
+);
+var k, I;
+class W extends HTMLElement {
+  constructor() {
+    super();
+    A(this, k);
+    u(this, "container");
+    u(this, "controller");
+    this.container = this.attachShadow({ mode: "closed" });
+  }
+  get src() {
+    return this.getAttribute("src") ?? "";
+  }
+  set src(e) {
+    this.setAttribute("src", e);
+  }
+  connectedCallback() {
+    console.debug("[@nostalgic-diva/web-components] connected"), D(this, k, I).call(this);
+  }
+  disconnectedCallback() {
+    console.debug("[@nostalgic-diva/web-components] disconnected");
+  }
+  attributeChangedCallback() {
+    console.debug("[@nostalgic-diva/web-components] attributeChanged"), D(this, k, I).call(this);
+  }
+  async loadVideo(e) {
+    var a;
+    await ((a = this.controller) == null ? void 0 : a.loadVideo(e));
+  }
+  async play() {
+    var e;
+    await ((e = this.controller) == null ? void 0 : e.play());
+  }
+  async pause() {
+    var e;
+    await ((e = this.controller) == null ? void 0 : e.pause());
+  }
+  async setCurrentTime(e) {
+    var a;
+    await ((a = this.controller) == null ? void 0 : a.setCurrentTime(e));
+  }
+  async setVolume(e) {
+    var a;
+    await ((a = this.controller) == null ? void 0 : a.setVolume(e));
+  }
+  async setMuted(e) {
+    var a;
+    await ((a = this.controller) == null ? void 0 : a.setMuted(e));
+  }
+  async setPlaybackRate(e) {
+    var a;
+    await ((a = this.controller) == null ? void 0 : a.setPlaybackRate(e));
+  }
+  async getDuration() {
+    var e;
+    return await ((e = this.controller) == null ? void 0 : e.getDuration());
+  }
+  async getCurrentTime() {
+    var e;
+    return await ((e = this.controller) == null ? void 0 : e.getCurrentTime());
+  }
+  async getVolume() {
+    var e;
+    return await ((e = this.controller) == null ? void 0 : e.getVolume());
+  }
+  async getPlaybackRate() {
+    var e;
+    return await ((e = this.controller) == null ? void 0 : e.getPlaybackRate());
+  }
+}
+k = new WeakSet(), I = function() {
+  const e = {
+    onError: (i) => this.dispatchEvent(new CustomEvent("error", { detail: i })),
+    onLoaded: (i) => this.dispatchEvent(new CustomEvent("loaded", { detail: i })),
+    onPlay: () => this.dispatchEvent(new CustomEvent("play")),
+    onPause: () => this.dispatchEvent(new CustomEvent("pause")),
+    onEnded: () => this.dispatchEvent(new CustomEvent("ended")),
+    onTimeUpdate: (i) => this.dispatchEvent(
+      new CustomEvent("timeupdate", { detail: i })
+    )
+  }, a = (i) => {
+    this.controller = i;
+  };
+  G.render(
+    /* @__PURE__ */ l.createElement(
+      de,
+      {
+        src: this.src,
+        options: e,
+        onControllerChange: a
+      }
+    ),
+    this.container
+  );
+}, u(W, "observedAttributes", ["src"]);
+function ge() {
+  customElements.define("nostalgic-diva", W);
+}
+class T {
+  constructor(t, e, a) {
+    this.logger = t, this.player = e, this.options = a, this.logger.log(v.Debug, "ctor");
+  }
+}
+class be extends T {
+  async attach() {
+    this.player.onerror = (t) => {
+      var e, a;
+      return (a = (e = this.options) == null ? void 0 : e.onError) == null ? void 0 : a.call(e, t);
+    }, this.player.onloadeddata = () => {
+      var t, e;
+      return (e = (t = this.options) == null ? void 0 : t.onLoaded) == null ? void 0 : e.call(t, { id: this.player.src });
+    }, this.player.onplay = () => {
+      var t, e;
+      return (e = (t = this.options) == null ? void 0 : t.onPlay) == null ? void 0 : e.call(t);
+    }, this.player.onpause = () => {
+      var t, e;
+      return (e = (t = this.options) == null ? void 0 : t.onPause) == null ? void 0 : e.call(t);
+    }, this.player.onended = () => {
+      var t, e;
+      return (e = (t = this.options) == null ? void 0 : t.onEnded) == null ? void 0 : e.call(t);
+    }, this.player.ontimeupdate = () => {
+      var t, e;
+      (e = (t = this.options) == null ? void 0 : t.onTimeUpdate) == null || e.call(t, {
+        duration: this.player.duration,
+        percent: this.player.currentTime / this.player.duration,
+        seconds: this.player.currentTime
+      });
+    };
+  }
+  async detach() {
+    this.player.onerror = null, this.player.onloadeddata = null, this.player.onplay = null, this.player.onpause = null, this.player.onended = null, this.player.ontimeupdate = null;
+  }
+  async loadVideo(t) {
+    this.player.src = t;
+  }
+  async play() {
+    this.player.play();
+  }
+  async pause() {
+    this.player.pause();
+  }
+  async setCurrentTime(t) {
+    this.player.currentTime = t;
+  }
+  async setVolume(t) {
+    this.player.volume = t;
+  }
+  async setMuted(t) {
+    this.player.muted = t;
+  }
+  async setPlaybackRate(t) {
+    this.player.playbackRate = t;
+  }
+  async getDuration() {
+    return this.player.duration;
+  }
+  async getCurrentTime() {
+    return this.player.currentTime;
+  }
+  async getVolume() {
+    return this.player.volume;
+  }
+  async getPlaybackRate() {
+    return this.player.playbackRate;
+  }
+}
+const L = [
+  "apiready",
+  "seeked",
+  "video_end",
+  "durationchange",
+  "pause",
+  "playing",
+  "error"
+];
+class ve extends T {
+  constructor() {
+    super(...arguments);
+    u(this, "handlePlayerEvents", (e) => {
+      var a, i, c, r, n, d, y, p, m, g, b, w;
+      switch (e.type) {
+        case "apiready":
+          (i = (a = this.options) == null ? void 0 : a.onLoaded) == null || i.call(a, { id: this.player.video.videoId });
+          break;
+        case "seeked":
+          (r = (c = this.options) == null ? void 0 : c.onTimeUpdate) == null || r.call(c, {
+            duration: this.player.duration,
+            percent: this.player.currentTime / this.player.duration,
+            seconds: this.player.currentTime
+          });
+          break;
+        case "video_end":
+          (d = (n = this.options) == null ? void 0 : n.onEnded) == null || d.call(n);
+          break;
+        case "durationchange":
+          break;
+        case "pause":
+          (p = (y = this.options) == null ? void 0 : y.onPause) == null || p.call(y);
+          break;
+        case "playing":
+          (g = (m = this.options) == null ? void 0 : m.onPlay) == null || g.call(m);
+          break;
+        case "error":
+          (w = (b = this.options) == null ? void 0 : b.onError) == null || w.call(b, e);
+          break;
+      }
+    });
+  }
+  async attach(e) {
+    for (const a of L)
+      this.player.addEventListener(a, this.handlePlayerEvents);
+  }
+  async detach() {
+    for (const e of L)
+      this.player.removeEventListener(e, this.handlePlayerEvents);
+  }
+  async loadVideo(e) {
+    this.player.load(e);
+  }
+  async play() {
+    this.player.play();
+  }
+  async pause() {
+    this.player.pause();
+  }
+  async setCurrentTime(e) {
+    this.player.seek(e);
+  }
+  async setVolume(e) {
+    this.player.setVolume(e);
+  }
+  async setMuted(e) {
+    this.player.setMuted(e);
+  }
+  async setPlaybackRate(e) {
+  }
+  async getDuration() {
+    return this.player.duration;
+  }
+  async getCurrentTime() {
+    return this.player.currentTime;
+  }
+  async getVolume() {
+    return this.player.volume;
+  }
+  async getPlaybackRate() {
+    return 1;
+  }
+}
+var R = /* @__PURE__ */ ((s) => (s[s.Play = 2] = "Play", s[s.Pause = 3] = "Pause", s[s.End = 4] = "End", s))(R || {});
+const P = class P extends T {
+  constructor() {
+    super(...arguments);
+    u(this, "duration");
+    u(this, "currentTime");
+    u(this, "volume");
+    u(this, "handleMessage", (e) => {
+      var i, c, r, n, d, y, p, m, g, b, w, o, h, f;
+      if (e.origin !== P.origin)
+        return;
+      const a = e.data;
+      switch (a.eventName) {
+        case "playerStatusChange":
+          this.logger.log(
+            v.Debug,
+            `player status changed: ${R[a.data.playerStatus] ?? a.data.playerStatus}`
+          );
+          break;
+        case "statusChange":
+          switch (this.logger.log(
+            v.Debug,
+            `status changed: ${R[a.data.playerStatus] ?? a.data.playerStatus}`
+          ), a.data.playerStatus) {
+            case 2:
+              (c = (i = this.options) == null ? void 0 : i.onPlay) == null || c.call(i);
+              break;
+            case 3:
+              (n = (r = this.options) == null ? void 0 : r.onPause) == null || n.call(r);
+              break;
+            case 4:
+              (y = (d = this.options) == null ? void 0 : d.onEnded) == null || y.call(d);
+              break;
+          }
+          break;
+        case "playerMetadataChange":
+          a.data.duration !== void 0 && (this.duration = a.data.duration / 1e3), this.currentTime = a.data.currentTime === void 0 ? void 0 : a.data.currentTime / 1e3, this.volume = a.data.volume, (m = (p = this.options) == null ? void 0 : p.onTimeUpdate) == null || m.call(p, {
+            duration: this.duration,
+            percent: this.currentTime !== void 0 && this.duration !== void 0 ? this.currentTime / this.duration : void 0,
+            seconds: this.currentTime
+          });
+          break;
+        case "loadComplete":
+          this.logger.log(v.Debug, "load completed"), this.duration = a.data.videoInfo.lengthInSeconds, (b = (g = this.options) == null ? void 0 : g.onLoaded) == null || b.call(g, { id: a.data.videoInfo.watchId });
+          break;
+        case "error":
+          (o = (w = this.options) == null ? void 0 : w.onError) == null || o.call(w, a);
+          break;
+        case "player-error:video:play":
+        case "player-error:video:seek":
+          (f = (h = this.options) == null ? void 0 : h.onError) == null || f.call(h, a);
+          break;
+        default:
+          this.logger.log(
+            v.Debug,
+            "message",
+            a.eventName,
+            a.data
+          );
+          break;
+      }
+    });
+  }
+  async attach() {
+    window.addEventListener("message", this.handleMessage);
+  }
+  async detach() {
+    window.removeEventListener("message", this.handleMessage);
+  }
+  async loadVideo(e) {
+    return new Promise((a, i) => {
+      this.duration = void 0, this.currentTime = void 0, this.player.onload = () => {
+        this.player.onload = null, a();
+      }, this.player.src = `https://embed.nicovideo.jp/watch/${e}?jsapi=1&playerId=1`;
+    });
+  }
+  // https://blog.hayu.io/web/create/nicovideo-embed-player-api/.
+  postMessage(e) {
+    var a;
+    (a = this.player.contentWindow) == null || a.postMessage(
+      {
+        ...e,
+        playerId: "1",
+        sourceConnectorType: 1
+      },
+      P.origin
+    );
+  }
+  async play() {
+    this.postMessage({ eventName: "play" });
+  }
+  async pause() {
+    this.postMessage({ eventName: "pause" });
+  }
+  async setCurrentTime(e) {
+    this.postMessage({ eventName: "seek", data: { time: e * 1e3 } });
+  }
+  async setVolume(e) {
+    this.postMessage({
+      eventName: "volumeChange",
+      data: { volume: e }
+    });
+  }
+  async setMuted(e) {
+    this.postMessage({
+      eventName: "mute",
+      data: { mute: e }
+    });
+  }
+  async setPlaybackRate(e) {
+  }
+  async getDuration() {
+    return this.duration;
+  }
+  async getCurrentTime() {
+    return this.currentTime;
+  }
+  async getVolume() {
+    return this.volume;
+  }
+  async getPlaybackRate() {
+    return 1;
+  }
+};
+u(P, "origin", "https://embed.nicovideo.jp");
+let O = P;
+class $ extends T {
+  getDurationCore() {
+    return new Promise((t, e) => {
+      this.player.getDuration(t);
+    });
+  }
+  attach(t) {
+    return new Promise((e, a) => {
+      this.player.bind(SC.Widget.Events.READY, () => {
+        var i, c;
+        this.player.bind(
+          SC.Widget.Events.PLAY_PROGRESS,
+          async (r) => {
+            var d, y;
+            const n = await this.getDurationCore();
+            (y = (d = this.options) == null ? void 0 : d.onTimeUpdate) == null || y.call(d, {
+              duration: n / 1e3,
+              percent: r.currentPosition / n,
+              seconds: r.currentPosition / 1e3
+            });
+          }
+        ), this.player.bind(
+          SC.Widget.Events.ERROR,
+          (r) => {
+            var n, d;
+            return (d = (n = this.options) == null ? void 0 : n.onError) == null ? void 0 : d.call(n, r);
+          }
+        ), this.player.bind(
+          SC.Widget.Events.PLAY,
+          () => {
+            var r, n;
+            return (n = (r = this.options) == null ? void 0 : r.onPlay) == null ? void 0 : n.call(r);
+          }
+        ), this.player.bind(
+          SC.Widget.Events.PAUSE,
+          () => {
+            var r, n;
+            return (n = (r = this.options) == null ? void 0 : r.onPause) == null ? void 0 : n.call(r);
+          }
+        ), this.player.bind(
+          SC.Widget.Events.FINISH,
+          () => {
+            var r, n;
+            return (n = (r = this.options) == null ? void 0 : r.onEnded) == null ? void 0 : n.call(r);
+          }
+        ), (c = (i = this.options) == null ? void 0 : i.onLoaded) == null || c.call(i, { id: t }), e();
+      });
+    });
+  }
+  async detach() {
+    this.player.unbind(SC.Widget.Events.READY), this.player.unbind(SC.Widget.Events.PLAY_PROGRESS), this.player.unbind(SC.Widget.Events.ERROR), this.player.unbind(SC.Widget.Events.PLAY), this.player.unbind(SC.Widget.Events.PAUSE), this.player.unbind(SC.Widget.Events.FINISH);
+  }
+  static playerLoadAsync(t, e, a) {
+    return new Promise((i, c) => {
+      t.load(e, { ...a, callback: i });
+    });
+  }
+  async loadVideo(t) {
+    var e, a;
+    await $.playerLoadAsync(this.player, t, {
+      auto_play: !0
+    }), (a = (e = this.options) == null ? void 0 : e.onLoaded) == null || a.call(e, { id: t });
+  }
+  async play() {
+    this.player.play();
+  }
+  async pause() {
+    this.player.pause();
+  }
+  async setCurrentTime(t) {
+    this.player.seekTo(t * 1e3);
+  }
+  async setVolume(t) {
+    this.player.setVolume(t * 100);
+  }
+  async setMuted(t) {
+    this.setVolume(
+      t ? 0 : 1
+      /* TODO */
+    );
+  }
+  async setPlaybackRate(t) {
+  }
+  async getDuration() {
+    return await this.getDurationCore() / 1e3;
+  }
+  getCurrentTimeCore() {
+    return new Promise((t, e) => {
+      this.player.getPosition(t);
+    });
+  }
+  async getCurrentTime() {
+    return await this.getCurrentTimeCore() / 1e3;
+  }
+  getVolumeCore() {
+    return new Promise((t, e) => {
+      this.player.getVolume(t);
+    });
+  }
+  async getVolume() {
+    return await this.getVolumeCore() / 100;
+  }
+  async getPlaybackRate() {
+    return 1;
+  }
+}
+class we extends T {
+  constructor() {
+    super(...arguments);
+    u(this, "handleReady", () => {
+      var e, a;
+      (a = (e = this.options) == null ? void 0 : e.onLoaded) == null || a.call(e, { id: this.player.getVideo() });
+    });
+    u(this, "handlePlay", () => {
+      var e, a;
+      (a = (e = this.options) == null ? void 0 : e.onPlay) == null || a.call(e);
+    });
+    u(this, "handlePause", () => {
+      var e, a;
+      (a = (e = this.options) == null ? void 0 : e.onPause) == null || a.call(e);
+    });
+    u(this, "handleEnded", () => {
+      var e, a;
+      (a = (e = this.options) == null ? void 0 : e.onEnded) == null || a.call(e);
+    });
+    u(this, "handleSeek", () => {
+      var e, a;
+      (a = (e = this.options) == null ? void 0 : e.onTimeUpdate) == null || a.call(e, {
+        duration: 0,
+        percent: 0,
+        seconds: 0
+      });
+    });
+  }
+  async attach(e) {
+    this.player.addEventListener(Twitch.Player.READY, this.handleReady), this.player.addEventListener(Twitch.Player.PLAYING, this.handlePlay), this.player.addEventListener(Twitch.Player.PAUSE, this.handlePause), this.player.addEventListener(Twitch.Player.ENDED, this.handleEnded), this.player.addEventListener(Twitch.Player.SEEK, this.handleSeek);
+  }
+  async detach() {
+  }
+  async loadVideo(e) {
+    this.player.setVideo(e, 0);
+  }
+  async play() {
+    this.player.play();
+  }
+  async pause() {
+    this.player.pause();
+  }
+  async setCurrentTime(e) {
+    this.player.seek(e);
+  }
+  async setVolume(e) {
+    this.player.setVolume(e);
+  }
+  async setMuted(e) {
+    this.player.setMuted(e);
+  }
+  async setPlaybackRate(e) {
+  }
+  async getDuration() {
+    return this.player.getDuration();
+  }
+  async getCurrentTime() {
+    return this.player.getCurrentTime();
+  }
+  async getVolume() {
+    return this.player.getVolume();
+  }
+  async getPlaybackRate() {
+    return 1;
+  }
+}
+class Ee extends T {
+  async attach() {
+    await this.player.ready(), this.player.on("error", (t) => {
+      var e, a;
+      return (a = (e = this.options) == null ? void 0 : e.onError) == null ? void 0 : a.call(e, t);
+    }), this.player.on(
+      "loaded",
+      (t) => {
+        var e, a;
+        return (a = (e = this.options) == null ? void 0 : e.onLoaded) == null ? void 0 : a.call(e, { id: t.id.toString() });
+      }
+    ), this.player.on("play", () => {
+      var t, e;
+      return (e = (t = this.options) == null ? void 0 : t.onPlay) == null ? void 0 : e.call(t);
+    }), this.player.on("pause", () => {
+      var t, e;
+      return (e = (t = this.options) == null ? void 0 : t.onPause) == null ? void 0 : e.call(t);
+    }), this.player.on("ended", () => {
+      var t, e;
+      return (e = (t = this.options) == null ? void 0 : t.onEnded) == null ? void 0 : e.call(t);
+    }), this.player.on("timeupdate", (t) => {
+      var e, a;
+      (a = (e = this.options) == null ? void 0 : e.onTimeUpdate) == null || a.call(e, {
+        duration: t.duration,
+        percent: t.percent,
+        seconds: t.seconds
+      });
+    });
+  }
+  async detach() {
+    this.player.off("error"), this.player.off("loaded"), this.player.off("play"), this.player.off("pause"), this.player.off("ended"), this.player.off("timeupdate");
+  }
+  async loadVideo(t) {
+    await this.player.loadVideo(t);
+  }
+  async play() {
+    await this.player.play();
+  }
+  async pause() {
+    await this.player.pause();
+  }
+  async setCurrentTime(t) {
+    await this.player.setCurrentTime(t);
+  }
+  async setVolume(t) {
+    await this.player.setVolume(t);
+  }
+  async setMuted(t) {
+    await this.player.setMuted(t);
+  }
+  async setPlaybackRate(t) {
+    await this.player.setPlaybackRate(t);
+  }
+  async getDuration() {
+    return this.player.getDuration();
+  }
+  async getCurrentTime() {
+    return this.player.getCurrentTime();
+  }
+  async getVolume() {
+    return this.player.getVolume();
+  }
+  async getPlaybackRate() {
+    return this.player.getPlaybackRate();
+  }
+}
+var j = /* @__PURE__ */ ((s) => (s[s.UNSTARTED = -1] = "UNSTARTED", s[s.ENDED = 0] = "ENDED", s[s.PLAYING = 1] = "PLAYING", s[s.PAUSED = 2] = "PAUSED", s[s.BUFFERING = 3] = "BUFFERING", s[s.CUED = 5] = "CUED", s))(j || {});
+class Ce extends T {
+  constructor() {
+    super(...arguments);
+    u(this, "previousTime");
+    u(this, "timeUpdateIntervalId");
+  }
+  clearTimeUpdateInterval() {
+    this.logger.log(
+      v.Debug,
+      "clearTimeUpdateInterval",
+      this.timeUpdateIntervalId
+    ), window.clearInterval(this.timeUpdateIntervalId), this.timeUpdateIntervalId = void 0;
+  }
+  invokeTimeUpdate(e) {
+    var c, r;
+    const a = e.getCurrentTime();
+    if (a === this.previousTime)
+      return;
+    const i = e.getDuration();
+    (r = (c = this.options) == null ? void 0 : c.onTimeUpdate) == null || r.call(c, {
+      duration: i,
+      percent: a / i,
+      seconds: a
+    }), this.previousTime = a;
+  }
+  setTimeUpdateInterval() {
+    this.logger.log(v.Debug, "setTimeUpdateInterval"), this.clearTimeUpdateInterval(), this.timeUpdateIntervalId = window.setInterval(
+      () => this.invokeTimeUpdate(this.player),
+      250
+    ), this.logger.log(
+      v.Debug,
+      "timeUpdateIntervalId",
+      this.timeUpdateIntervalId
+    ), this.invokeTimeUpdate(this.player);
+  }
+  attach(e) {
+    return new Promise((a, i) => {
+      this.player.addEventListener("onReady", async () => {
+        this.player.addEventListener(
+          "onError",
+          (c) => {
+            var r, n;
+            return (n = (r = this.options) == null ? void 0 : r.onError) == null ? void 0 : n.call(r, c.data);
+          }
+        ), this.player.addEventListener(
+          "onStateChange",
+          (c) => {
+            var r, n, d, y, p, m, g, b;
+            switch (this.logger.log(
+              v.Debug,
+              `state changed: ${j[c.data]}`
+            ), c.data) {
+              case YT.PlayerState.CUED:
+                (n = (r = this.options) == null ? void 0 : r.onLoaded) == null || n.call(r, { id: e });
+                break;
+              case YT.PlayerState.PLAYING:
+                (y = (d = this.options) == null ? void 0 : d.onPlay) == null || y.call(d), this.setTimeUpdateInterval();
+                break;
+              case YT.PlayerState.PAUSED:
+                (m = (p = this.options) == null ? void 0 : p.onPause) == null || m.call(p), this.clearTimeUpdateInterval();
+                break;
+              case YT.PlayerState.ENDED:
+                (b = (g = this.options) == null ? void 0 : g.onEnded) == null || b.call(g), this.clearTimeUpdateInterval();
+                break;
+            }
+          }
+        ), await this.loadVideo(e), a();
+      });
+    });
+  }
+  async detach() {
+    this.clearTimeUpdateInterval();
+  }
+  async loadVideo(e) {
+    this.previousTime = void 0, this.player.cueVideoById(e);
+  }
+  async play() {
+    this.player.playVideo();
+  }
+  async pause() {
+    this.player.pauseVideo();
+  }
+  async setCurrentTime(e) {
+    this.player.seekTo(e), this.invokeTimeUpdate(this.player);
+  }
+  async setVolume(e) {
+    this.player.setVolume(e * 100);
+  }
+  async setMuted(e) {
+    e ? this.player.mute() : this.player.unMute();
+  }
+  async setPlaybackRate(e) {
+    this.player.setPlaybackRate(e);
+  }
+  async getDuration() {
+    return this.player.getDuration();
+  }
+  async getCurrentTime() {
+    return this.player.getCurrentTime();
+  }
+  async getVolume() {
+    return this.player.getVolume() / 100;
+  }
+  async getPlaybackRate() {
+    return this.player.getPlaybackRate();
+  }
+}
+export {
+  be as A,
+  ve as D,
+  v as L,
+  O as N,
+  N as P,
+  $ as S,
+  we as T,
+  Ee as V,
+  Ce as Y,
+  de as a,
+  me as b,
+  W as c,
+  ge as d,
+  E as e,
+  ie as f,
+  ne as u,
+  pe as v
+};
+//# sourceMappingURL=index-0ef85555.js.map