@aigamo/nostalgic-diva 1.3.1 → 1.4.1

package/dist/index.es.js

@@ -1,22 +1,23 @@
 var W = Object.defineProperty;
-var G = (s, a, e) => a in s ? W(s, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[a] = e;
-var m = (s, a, e) => (G(s, typeof a != "symbol" ? a + "" : a, e), e);
-import i, { useRef as S } from "react";
-class b {
-  constructor(a, e, t) {
-    this.logger = a, this.playerElementRef = e, this.options = t, this.logger.debug("ctor");
+var Y = (a, r, e) => r in a ? W(a, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[r] = e;
+var m = (a, r, e) => (Y(a, typeof r != "symbol" ? r + "" : r, e), e);
+import i, { useRef as A } from "react";
+var u = /* @__PURE__ */ ((a) => (a[a.Trace = 0] = "Trace", a[a.Debug = 1] = "Debug", a[a.Information = 2] = "Information", a[a.Warning = 3] = "Warning", a[a.Error = 4] = "Error", a[a.Critical = 5] = "Critical", a[a.None = 6] = "None", a))(u || {});
+class E {
+  constructor(r, e, t) {
+    this.logger = r, this.playerElementRef = e, this.options = t, this.logger.log(u.Debug, "ctor");
   }
 }
-class $ extends b {
-  constructor(e, t, r) {
-    super(e, t, r);
+class j extends E {
+  constructor(e, t, s) {
+    super(e, t, s);
     m(this, "player");
     this.player = t.current;
   }
   async attach() {
     this.player.onerror = (e) => {
-      var t, r;
-      return (r = (t = this.options) == null ? void 0 : t.onError) == null ? void 0 : r.call(t, e);
+      var t, s;
+      return (s = (t = this.options) == null ? void 0 : t.onError) == null ? void 0 : s.call(t, e);
     }, this.player.onloadeddata = () => {
       var e, t;
       return (t = (e = this.options) == null ? void 0 : e.onLoaded) == null ? void 0 : t.call(e, { id: this.player.src });
@@ -66,221 +67,220 @@ class $ extends b {
     return this.player.currentTime;
   }
 }
-const g = class {
-  static createMessage(a) {
-    return `[${g.title}] ${a}`;
-  }
-  static assert(a, e, ...t) {
-    console.assert(
-      a,
-      g.createMessage(e),
-      ...t
-    );
-  }
-  static debug(a, ...e) {
-    console.debug(g.createMessage(a), ...e);
-  }
-  static error(a, ...e) {
-    console.error(g.createMessage(a), ...e);
-  }
-  static warn(a, ...e) {
-    console.warn(g.createMessage(a), ...e);
-  }
-};
-let h = g;
-m(h, "title", "nostalgic-diva");
-const M = class {
-  constructor(a, e, t, r, d) {
+const U = class {
+  constructor(r, e, t, s, c, d) {
     m(this, "id");
     m(this, "impl");
-    this.type = a, this.playerElementRef = e, this.options = t, this.loadScript = r, this.playerApiFactory = d, this.id = M.nextId++;
+    this.logger = r, this.type = e, this.playerElementRef = t, this.options = s, this.loadScript = c, this.playerApiFactory = d, this.id = U.nextId++;
   }
-  createMessage(a) {
-    return `${this.type}#${this.id} ${a}`;
+  createMessage(r) {
+    return `${this.type}#${this.id} ${r}`;
   }
-  debug(a, ...e) {
-    h.debug(this.createMessage(a), ...e);
+  debug(r, ...e) {
+    this.logger.log(
+      u.Debug,
+      this.createMessage(r),
+      ...e
+    );
   }
-  error(a, ...e) {
-    h.error(this.createMessage(a), ...e);
+  error(r, ...e) {
+    this.logger.log(
+      u.Error,
+      this.createMessage(r),
+      ...e
+    );
   }
-  async attach(a) {
+  async attach(r) {
     var e;
-    if (this.debug("attach", a), this.impl) {
+    if (this.debug("attach", r), this.impl) {
       this.debug("player is already attached");
       return;
     }
     await ((e = this.loadScript) == null ? void 0 : e.call(this)), this.debug("Attaching player..."), this.impl = new this.playerApiFactory(
-      this,
+      this.logger,
       this.playerElementRef,
       this.options
-    ), await this.impl.attach(a), this.debug("player attached");
+    ), await this.impl.attach(r), this.debug("player attached");
   }
-  assertPlayerAttached() {
-    h.assert(!!this.impl, "player is not attached");
+  createPlayerNotAttachedError() {
+    return new Error("player is not attached");
   }
   async detach() {
-    var a;
-    this.debug("detach"), this.assertPlayerAttached(), await ((a = this.impl) == null ? void 0 : a.detach()), this.impl = void 0;
-  }
-  async loadVideo(a) {
-    var e;
-    this.debug("loadVideo", a), this.assertPlayerAttached(), this.debug("Loading video..."), await ((e = this.impl) == null ? void 0 : e.loadVideo(a)), this.debug("video loaded", a);
-  }
-  async play() {
-    var a;
-    this.debug("play"), this.assertPlayerAttached(), await ((a = this.impl) == null ? void 0 : a.play());
-  }
-  async pause() {
-    var a;
-    this.debug("pause"), this.assertPlayerAttached(), await ((a = this.impl) == null ? void 0 : a.pause());
-  }
-  async setCurrentTime(a) {
-    var e;
-    this.debug("setCurrentTime", a), this.assertPlayerAttached(), await ((e = this.impl) == null ? void 0 : e.setCurrentTime(a));
-  }
-  async setVolume(a) {
-    var e;
-    this.debug("setVolume", a), this.assertPlayerAttached(), await ((e = this.impl) == null ? void 0 : e.setVolume(a));
-  }
-  async setMuted(a) {
-    var e;
-    this.debug("setMuted", a), this.assertPlayerAttached(), await ((e = this.impl) == null ? void 0 : e.setMuted(a));
-  }
-  async getDuration() {
-    var a;
-    return this.debug("getDuration"), this.assertPlayerAttached(), await ((a = this.impl) == null ? void 0 : a.getDuration());
-  }
-  async getCurrentTime() {
-    var a;
-    return this.debug("getCurrentTime"), this.assertPlayerAttached(), await ((a = this.impl) == null ? void 0 : a.getCurrentTime());
+    if (this.debug("detach"), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    await this.impl.detach(), this.impl = void 0;
+  }
+  async loadVideo(r) {
+    if (this.debug("loadVideo", r), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    this.debug("Loading video..."), await this.impl.loadVideo(r), this.debug("video loaded", r);
+  }
+  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(r) {
+    if (this.debug("setCurrentTime", r), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    return this.impl.setCurrentTime(r);
+  }
+  setVolume(r) {
+    if (this.debug("setVolume", r), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    return this.impl.setVolume(r);
+  }
+  setMuted(r) {
+    if (this.debug("setMuted", r), this.impl === void 0)
+      throw this.createPlayerNotAttachedError();
+    return this.impl.setMuted(r);
+  }
+  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();
   }
 };
-let P = M;
-m(P, "nextId", 1);
-function x() {
-  const s = S(!0);
-  return s.current ? (s.current = !1, !0) : s.current;
+let T = U;
+m(T, "nextId", 1);
+function G() {
+  const a = A(!0);
+  return a.current ? (a.current = !1, !0) : a.current;
 }
-const B = (s, a) => s === a;
-function O(s, a = B) {
-  const e = S(), t = S(s);
-  return !x() && !a(t.current, s) && (e.current = t.current, t.current = s), e.current;
+const $ = (a, r) => a === r;
+function x(a, r = $) {
+  const e = A(), t = A(a);
+  return !G() && !r(t.current, a) && (e.current = t.current, t.current = a), e.current;
 }
-const E = ({
-  type: s,
-  playerApiRef: a,
-  videoId: e,
-  options: t,
-  loadScript: r,
+const b = ({
+  logger: a,
+  type: r,
+  playerApiRef: e,
+  videoId: t,
+  options: s,
+  loadScript: c,
   playerApiFactory: d,
-  children: u
+  children: n
 }) => {
-  h.debug("PlayerContainer");
-  const n = i.useRef(e), o = i.useRef(void 0), [p, y] = i.useState();
+  a.log(u.Debug, "PlayerContainer");
+  const o = i.useRef(t), y = i.useRef(void 0), [p, g] = i.useState();
   i.useEffect(() => {
-    const c = new P(
-      s,
-      o,
-      t,
+    const h = new T(
+      a,
       r,
+      y,
+      s,
+      c,
       d
     );
-    return a && (a.current = c), c.attach(n.current).then(() => y(c)), () => {
-      a && h.assert(
-        c === a.current,
-        "playerApi differs",
-        c,
-        a.current
-      ), c.detach().then(() => y(void 0));
+    return e && (e.current = h), h.attach(o.current).then(() => g(h)), () => {
+      if (e && h !== e.current)
+        throw new Error("playerApi differs");
+      h.detach().then(() => g(void 0));
     };
-  }, [s, t, r, d, a]);
-  const l = O(e);
+  }, [a, r, s, c, d, e]);
+  const l = x(t);
   return i.useEffect(() => {
-    l !== void 0 && (p == null || p.loadVideo(e));
-  }, [l, e, p]), /* @__PURE__ */ i.createElement(i.Fragment, null, u(o, n.current));
-}, H = i.memo(
-  ({ ...s }) => (h.debug("AudioPlayer"), /* @__PURE__ */ i.createElement(
-    E,
-    {
-      ...s,
-      loadScript: void 0,
-      playerApiFactory: $
-    },
-    (a, e) => /* @__PURE__ */ i.createElement(
-      "audio",
+    l !== void 0 && (p == null || p.loadVideo(t));
+  }, [l, t, p]), /* @__PURE__ */ i.createElement(i.Fragment, null, n(y, o.current));
+}, B = i.memo(
+  ({ ...a }) => {
+    const { logger: r } = a;
+    return r.log(u.Debug, "AudioPlayer"), /* @__PURE__ */ i.createElement(
+      b,
       {
-        ref: a,
-        src: e,
-        style: { width: "100%", height: "100%" },
-        preload: "auto",
-        autoPlay: !0,
-        controls: !0
-      }
-    )
-  ))
+        ...a,
+        loadScript: void 0,
+        playerApiFactory: j
+      },
+      (e, t) => /* @__PURE__ */ i.createElement(
+        "audio",
+        {
+          ref: e,
+          src: t,
+          style: { width: "100%", height: "100%" },
+          preload: "auto",
+          autoPlay: !0,
+          controls: !0
+        }
+      )
+    );
+  }
 );
-var V = /* @__PURE__ */ ((s) => (s[s.Play = 2] = "Play", s[s.Pause = 3] = "Pause", s[s.End = 4] = "End", s))(V || {});
-const D = class extends b {
-  constructor(e, t, r) {
-    super(e, t, r);
+var k = /* @__PURE__ */ ((a) => (a[a.Play = 2] = "Play", a[a.Pause = 3] = "Pause", a[a.End = 4] = "End", a))(k || {});
+const P = class extends E {
+  constructor(e, t, s) {
+    super(e, t, s);
     m(this, "player");
     m(this, "duration");
     m(this, "currentTime");
+    m(this, "handleMessage", (e) => {
+      var s, c, d, n, o, y, p, g, l, h, v, V, f, M;
+      if (e.origin !== P.origin)
+        return;
+      const t = e.data;
+      switch (t.eventName) {
+        case "playerStatusChange":
+          this.logger.log(
+            u.Debug,
+            `player status changed: ${k[t.data.playerStatus] ?? t.data.playerStatus}`
+          );
+          break;
+        case "statusChange":
+          switch (this.logger.log(
+            u.Debug,
+            `status changed: ${k[t.data.playerStatus] ?? t.data.playerStatus}`
+          ), t.data.playerStatus) {
+            case 2:
+              (c = (s = this.options) == null ? void 0 : s.onPlay) == null || c.call(s);
+              break;
+            case 3:
+              (n = (d = this.options) == null ? void 0 : d.onPause) == null || n.call(d);
+              break;
+            case 4:
+              (y = (o = this.options) == null ? void 0 : o.onEnded) == null || y.call(o);
+              break;
+          }
+          break;
+        case "playerMetadataChange":
+          t.data.duration !== void 0 && (this.duration = t.data.duration / 1e3), this.currentTime = t.data.currentTime === void 0 ? void 0 : t.data.currentTime / 1e3, (g = (p = this.options) == null ? void 0 : p.onTimeUpdate) == null || g.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(u.Debug, "load completed"), this.duration = t.data.videoInfo.lengthInSeconds, (h = (l = this.options) == null ? void 0 : l.onLoaded) == null || h.call(l, { id: t.data.videoInfo.watchId });
+          break;
+        case "error":
+          (V = (v = this.options) == null ? void 0 : v.onError) == null || V.call(v, t);
+          break;
+        case "player-error:video:play":
+        case "player-error:video:seek":
+          (M = (f = this.options) == null ? void 0 : f.onError) == null || M.call(f, t);
+          break;
+        default:
+          this.logger.log(
+            u.Debug,
+            "message",
+            t.eventName,
+            t.data
+          );
+          break;
+      }
+    });
     this.player = t.current;
   }
-  handleMessage(e) {
-    var r, d, u, n, o, p, y, l, c, w, T, N, f, L, C, F;
-    if (e.origin !== D.origin)
-      return;
-    const t = e.data;
-    switch (t.eventName) {
-      case "playerStatusChange":
-        this.logger.debug(
-          `player status changed: ${(r = V[t.data.playerStatus]) != null ? r : t.data.playerStatus}`
-        );
-        break;
-      case "statusChange":
-        switch (this.logger.debug(
-          `status changed: ${(d = V[t.data.playerStatus]) != null ? d : t.data.playerStatus}`
-        ), t.data.playerStatus) {
-          case 2:
-            (n = (u = this.options) == null ? void 0 : u.onPlay) == null || n.call(u);
-            break;
-          case 3:
-            (p = (o = this.options) == null ? void 0 : o.onPause) == null || p.call(o);
-            break;
-          case 4:
-            (l = (y = this.options) == null ? void 0 : y.onEnded) == null || l.call(y);
-            break;
-        }
-        break;
-      case "playerMetadataChange":
-        t.data.duration !== void 0 && (this.duration = t.data.duration / 1e3), this.currentTime = t.data.currentTime === void 0 ? void 0 : t.data.currentTime / 1e3, (w = (c = this.options) == null ? void 0 : c.onTimeUpdate) == null || w.call(c, {
-          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.debug("load completed"), this.duration = t.data.videoInfo.lengthInSeconds, (N = (T = this.options) == null ? void 0 : T.onLoaded) == null || N.call(T, { id: t.data.videoInfo.watchId });
-        break;
-      case "error":
-        (L = (f = this.options) == null ? void 0 : f.onError) == null || L.call(f, t);
-        break;
-      case "player-error:video:play":
-      case "player-error:video:seek":
-        (F = (C = this.options) == null ? void 0 : C.onError) == null || F.call(C, t);
-        break;
-      default:
-        this.logger.debug(
-          "message",
-          t.eventName,
-          t.data
-        );
-        break;
-    }
-  }
   async attach() {
     window.addEventListener("message", this.handleMessage);
   }
@@ -288,12 +288,13 @@ const D = class extends b {
     window.removeEventListener("message", this.handleMessage);
   }
   async loadVideo(e) {
-    return new Promise((t, r) => {
+    return new Promise((t, s) => {
       this.duration = void 0, this.currentTime = void 0, this.player.onload = () => {
         this.player.onload = null, t();
       }, 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 t;
     (t = this.player.contentWindow) == null || t.postMessage(
@@ -302,7 +303,7 @@ const D = class extends b {
         playerId: "1",
         sourceConnectorType: 1
       },
-      D.origin
+      P.origin
     );
   }
   async play() {
@@ -333,106 +334,145 @@ const D = class extends b {
     return this.currentTime;
   }
 };
-let I = D;
-m(I, "origin", "https://embed.nicovideo.jp");
-const q = i.memo(
-  ({ ...s }) => (h.debug("NiconicoPlayer"), /* @__PURE__ */ i.createElement(
-    E,
-    {
-      ...s,
-      loadScript: void 0,
-      playerApiFactory: I
-    },
-    (a, e) => /* @__PURE__ */ i.createElement("div", { style: { width: "100%", height: "100%" } }, /* @__PURE__ */ i.createElement(
-      "iframe",
+let C = P;
+m(C, "origin", "https://embed.nicovideo.jp");
+const O = i.memo(
+  ({ ...a }) => {
+    const { logger: r } = a;
+    return r.log(u.Debug, "NiconicoPlayer"), /* @__PURE__ */ i.createElement(
+      b,
       {
-        ref: a,
-        src: `https://embed.nicovideo.jp/watch/${e}?jsapi=1&playerId=1`,
-        width: "100%",
-        height: "100%",
-        allowFullScreen: !0,
-        style: { border: "none" },
-        allow: "autoplay; fullscreen"
-      }
-    ))
-  ))
-), Y = i.createContext(
+        ...a,
+        loadScript: void 0,
+        playerApiFactory: C
+      },
+      (e, t) => /* @__PURE__ */ i.createElement("div", { style: { width: "100%", height: "100%" } }, /* @__PURE__ */ i.createElement(
+        "iframe",
+        {
+          ref: e,
+          src: `https://embed.nicovideo.jp/watch/${t}?jsapi=1&playerId=1`,
+          width: "100%",
+          height: "100%",
+          allowFullScreen: !0,
+          style: { border: "none" },
+          allow: "autoplay; fullscreen"
+        }
+      ))
+    );
+  }
+), R = i.createContext(
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   void 0
-), ae = ({
-  children: s
+), H = new class {
+  constructor() {
+    m(this, "title", "nostalgic-diva");
+  }
+  createMessage(a) {
+    return `[${this.title}] ${a}`;
+  }
+  debug(a, ...r) {
+    console.debug(this.createMessage(a), ...r);
+  }
+  error(a, ...r) {
+    console.error(this.createMessage(a), ...r);
+  }
+  warn(a, ...r) {
+    console.warn(this.createMessage(a), ...r);
+  }
+  isEnabled() {
+    return !0;
+  }
+  log(a, r, ...e) {
+    switch (a) {
+      case u.Debug:
+        this.debug(r, ...e);
+        break;
+      case u.Warning:
+        this.warn(r, ...e);
+        break;
+      case u.Error:
+        this.error(r, ...e);
+        break;
+    }
+  }
+}(), ee = ({
+  logger: a = H,
+  children: r
 }) => {
-  const a = i.useRef(), e = i.useCallback(async (l) => {
-    var c;
-    await ((c = a.current) == null ? void 0 : c.loadVideo(l));
-  }, []), t = i.useCallback(async () => {
+  const e = i.useRef(), t = i.useCallback(async (l) => {
+    var h;
+    await ((h = e.current) == null ? void 0 : h.loadVideo(l));
+  }, []), s = i.useCallback(async () => {
     var l;
-    await ((l = a.current) == null ? void 0 : l.play());
-  }, []), r = i.useCallback(async () => {
+    await ((l = e.current) == null ? void 0 : l.play());
+  }, []), c = i.useCallback(async () => {
     var l;
-    await ((l = a.current) == null ? void 0 : l.pause());
+    await ((l = e.current) == null ? void 0 : l.pause());
   }, []), d = i.useCallback(async (l) => {
-    const c = a.current;
-    !c || (await c.setCurrentTime(l), await c.play());
-  }, []), u = i.useCallback(async (l) => {
-    var c;
-    await ((c = a.current) == null ? void 0 : c.setVolume(l));
+    const h = e.current;
+    h && (await h.setCurrentTime(l), await h.play());
   }, []), n = i.useCallback(async (l) => {
-    var c;
-    await ((c = a.current) == null ? void 0 : c.setMuted(l));
-  }, []), o = i.useCallback(async () => {
+    var h;
+    await ((h = e.current) == null ? void 0 : h.setVolume(l));
+  }, []), o = i.useCallback(async (l) => {
+    var h;
+    await ((h = e.current) == null ? void 0 : h.setMuted(l));
+  }, []), y = i.useCallback(async () => {
     var l;
-    return await ((l = a.current) == null ? void 0 : l.getDuration());
+    return await ((l = e.current) == null ? void 0 : l.getDuration());
   }, []), p = i.useCallback(async () => {
     var l;
-    return await ((l = a.current) == null ? void 0 : l.getCurrentTime());
-  }, []), y = i.useMemo(
+    return await ((l = e.current) == null ? void 0 : l.getCurrentTime());
+  }, []), g = i.useMemo(
     () => ({
-      playerApiRef: a,
-      loadVideo: e,
-      play: t,
-      pause: r,
+      logger: a,
+      playerApiRef: e,
+      loadVideo: t,
+      play: s,
+      pause: c,
       setCurrentTime: d,
-      setVolume: u,
-      setMuted: n,
-      getDuration: o,
+      setVolume: n,
+      setMuted: o,
+      getDuration: y,
       getCurrentTime: p
     }),
     [
-      e,
+      a,
       t,
-      r,
+      s,
+      c,
       d,
-      u,
       n,
       o,
+      y,
       p
     ]
   );
-  return /* @__PURE__ */ i.createElement(Y.Provider, { value: y }, s);
-}, z = () => i.useContext(Y);
-class v extends b {
-  constructor(e, t, r) {
-    super(e, t, r);
+  return /* @__PURE__ */ i.createElement(R.Provider, { value: g }, r);
+}, q = () => i.useContext(R);
+class w extends E {
+  constructor(e, t, s) {
+    super(e, t, s);
     m(this, "player");
     this.player = SC.Widget(this.playerElementRef.current);
   }
   static playerGetDurationAsync(e) {
-    return new Promise((t, r) => {
+    return new Promise((t, s) => {
       e.getDuration(t);
     });
   }
   attach(e) {
-    return new Promise((t, r) => {
+    return new Promise((t, s) => {
       this.player.bind(SC.Widget.Events.READY, () => {
-        var d, u;
+        var c, d;
         this.player.bind(
           SC.Widget.Events.PLAY_PROGRESS,
           async (n) => {
-            var p, y;
-            const o = await v.playerGetDurationAsync(
+            var y, p;
+            const o = await w.playerGetDurationAsync(
               this.player
             );
-            (y = (p = this.options) == null ? void 0 : p.onTimeUpdate) == null || y.call(p, {
+            (p = (y = this.options) == null ? void 0 : y.onTimeUpdate) == null || p.call(y, {
               duration: o / 1e3,
               percent: n.currentPosition / o,
               seconds: n.currentPosition / 1e3
@@ -441,8 +481,8 @@ class v extends b {
         ), this.player.bind(
           SC.Widget.Events.ERROR,
           (n) => {
-            var o, p;
-            return (p = (o = this.options) == null ? void 0 : o.onError) == null ? void 0 : p.call(o, n);
+            var o, y;
+            return (y = (o = this.options) == null ? void 0 : o.onError) == null ? void 0 : y.call(o, n);
           }
         ), this.player.bind(
           SC.Widget.Events.PLAY,
@@ -462,23 +502,23 @@ class v extends b {
             var n, o;
             return (o = (n = this.options) == null ? void 0 : n.onEnded) == null ? void 0 : o.call(n);
           }
-        ), (u = (d = this.options) == null ? void 0 : d.onLoaded) == null || u.call(d, { id: e }), t();
+        ), (d = (c = this.options) == null ? void 0 : c.onLoaded) == null || d.call(c, { id: e }), t();
       });
     });
   }
   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(e, t, r) {
-    return new Promise((d, u) => {
-      e.load(t, { ...r, callback: d });
+  static playerLoadAsync(e, t, s) {
+    return new Promise((c, d) => {
+      e.load(t, { ...s, callback: c });
     });
   }
   async loadVideo(e) {
-    var t, r;
-    await v.playerLoadAsync(this.player, e, {
+    var t, s;
+    await w.playerLoadAsync(this.player, e, {
       auto_play: !0
-    }), (r = (t = this.options) == null ? void 0 : t.onLoaded) == null || r.call(t, { id: e });
+    }), (s = (t = this.options) == null ? void 0 : t.onLoaded) == null || s.call(t, { id: e });
   }
   async play() {
     this.player.play();
@@ -493,84 +533,94 @@ class v extends b {
     this.player.setVolume(e * 100);
   }
   async setMuted(e) {
-    this.setVolume(e ? 0 : 1);
+    this.setVolume(
+      e ? 0 : 1
+      /* TODO */
+    );
   }
   async getDuration() {
-    return await v.playerGetDurationAsync(
+    return await w.playerGetDurationAsync(
       this.player
     ) / 1e3;
   }
   static playerGetPositionAsync(e) {
-    return new Promise((t, r) => {
+    return new Promise((t, s) => {
       e.getPosition(t);
     });
   }
   async getCurrentTime() {
-    return await v.playerGetPositionAsync(
+    return await w.playerGetPositionAsync(
       this.player
     ) / 1e3;
   }
 }
-function J(s) {
-  return new Promise((a, e) => {
+function z(a) {
+  return new Promise((r, e) => {
     const t = document.createElement("script");
-    t.src = s, t.async = !0, t.onerror = e, t.onload = t.onreadystatechange = function() {
-      const r = this.readyState;
-      r && r !== "loaded" && r !== "complete" || (t.onload = t.onreadystatechange = null, a());
+    t.src = a, t.async = !0, t.onerror = e, t.onload = t.onreadystatechange = function() {
+      const s = this.readyState;
+      s && s !== "loaded" && s !== "complete" || (t.onload = t.onreadystatechange = null, r());
     }, document.head.appendChild(t);
   });
 }
-const U = [];
-async function k(s) {
-  if (U.includes(s))
-    return h.debug(s, "script is already loaded"), !1;
+const I = [];
+async function N(a, r) {
+  if (I.includes(a))
+    return r.log(u.Debug, a, "script is already loaded"), !1;
   try {
-    return h.debug(s, "Loading script..."), await J(s), U.includes(s) ? (h.debug(s, "script is already loaded"), !1) : (U.push(s), h.debug(s, "script loaded"), !0);
-  } catch (a) {
-    throw h.error(s, "Failed to load script"), a;
+    return r.log(u.Debug, a, "Loading script..."), await z(a), I.includes(a) ? (r.log(u.Debug, a, "script is already loaded"), !1) : (I.push(a), r.log(u.Debug, a, "script loaded"), !0);
+  } catch (e) {
+    throw r.log(u.Error, a, "Failed to load script"), e;
   }
 }
-const K = i.memo(
-  ({ ...s }) => {
-    h.debug("SoundCloudPlayer");
-    const a = i.useCallback(async () => {
-      await k("https://w.soundcloud.com/player/api.js");
-    }, []);
+const J = i.memo(
+  ({ ...a }) => {
+    const { logger: r } = a;
+    r.log(u.Debug, "SoundCloudPlayer");
+    const e = i.useCallback(async () => {
+      await N(
+        "https://w.soundcloud.com/player/api.js",
+        r
+      );
+    }, [r]);
     return /* @__PURE__ */ i.createElement(
-      E,
+      b,
       {
-        ...s,
-        loadScript: a,
-        playerApiFactory: v
+        ...a,
+        loadScript: e,
+        playerApiFactory: w
       },
-      (e, t) => /* @__PURE__ */ i.createElement(
-        "iframe",
-        {
-          ref: e,
-          src: `https://w.soundcloud.com/player/?url=${t}`,
-          frameBorder: 0,
-          allow: "autoplay",
-          style: { width: "100%", height: "100%" }
-        }
+      (t, s) => (
+        // eslint-disable-next-line jsx-a11y/iframe-has-title
+        /* @__PURE__ */ i.createElement(
+          "iframe",
+          {
+            ref: t,
+            src: `https://w.soundcloud.com/player/?url=${s}`,
+            frameBorder: 0,
+            allow: "autoplay",
+            style: { width: "100%", height: "100%" }
+          }
+        )
       )
     );
   }
 );
-class Q extends b {
-  constructor(e, t, r) {
-    super(e, t, r);
+class K extends E {
+  constructor(e, t, s) {
+    super(e, t, s);
     m(this, "player");
     this.player = new Vimeo.Player(this.playerElementRef.current);
   }
   async attach() {
     await this.player.ready(), this.player.on("error", (e) => {
-      var t, r;
-      return (r = (t = this.options) == null ? void 0 : t.onError) == null ? void 0 : r.call(t, e);
+      var t, s;
+      return (s = (t = this.options) == null ? void 0 : t.onError) == null ? void 0 : s.call(t, e);
     }), this.player.on(
       "loaded",
       (e) => {
-        var t, r;
-        return (r = (t = this.options) == null ? void 0 : t.onLoaded) == null ? void 0 : r.call(t, { id: e.id.toString() });
+        var t, s;
+        return (s = (t = this.options) == null ? void 0 : t.onLoaded) == null ? void 0 : s.call(t, { id: e.id.toString() });
       }
     ), this.player.on("play", () => {
       var e, t;
@@ -582,8 +632,8 @@ class Q extends b {
       var e, t;
       return (t = (e = this.options) == null ? void 0 : e.onEnded) == null ? void 0 : t.call(e);
     }), this.player.on("timeupdate", (e) => {
-      var t, r;
-      (r = (t = this.options) == null ? void 0 : t.onTimeUpdate) == null || r.call(t, {
+      var t, s;
+      (s = (t = this.options) == null ? void 0 : t.onTimeUpdate) == null || s.call(t, {
         duration: e.duration,
         percent: e.percent,
         seconds: e.seconds
@@ -618,93 +668,109 @@ class Q extends b {
     return await this.player.getCurrentTime();
   }
 }
-const X = i.memo(
-  ({ ...s }) => {
-    h.debug("VimeoPlayer");
-    const a = i.useCallback(async () => {
-      await k("https://player.vimeo.com/api/player.js");
-    }, []);
+const Q = i.memo(
+  ({ ...a }) => {
+    const { logger: r } = a;
+    r.log(u.Debug, "VimeoPlayer");
+    const e = i.useCallback(async () => {
+      await N(
+        "https://player.vimeo.com/api/player.js",
+        r
+      );
+    }, [r]);
     return /* @__PURE__ */ i.createElement(
-      E,
+      b,
       {
-        ...s,
-        loadScript: a,
-        playerApiFactory: Q
+        ...a,
+        loadScript: e,
+        playerApiFactory: K
       },
-      (e, t) => /* @__PURE__ */ i.createElement(
-        "iframe",
-        {
-          ref: e,
-          src: `https://player.vimeo.com/video/${t}`,
-          frameBorder: 0,
-          allow: "autoplay",
-          style: { width: "100%", height: "100%" }
-        }
+      (t, s) => (
+        // eslint-disable-next-line jsx-a11y/iframe-has-title
+        /* @__PURE__ */ i.createElement(
+          "iframe",
+          {
+            ref: t,
+            src: `https://player.vimeo.com/video/${s}`,
+            frameBorder: 0,
+            allow: "autoplay",
+            style: { width: "100%", height: "100%" }
+          }
+        )
       )
     );
   }
 );
-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 || {});
-const R = class extends b {
-  constructor(e, t, r) {
-    super(e, t, r);
+var F = /* @__PURE__ */ ((a) => (a[a.UNSTARTED = -1] = "UNSTARTED", a[a.ENDED = 0] = "ENDED", a[a.PLAYING = 1] = "PLAYING", a[a.PAUSED = 2] = "PAUSED", a[a.BUFFERING = 3] = "BUFFERING", a[a.CUED = 5] = "CUED", a))(F || {});
+const S = class extends E {
+  constructor(e, t, s) {
+    super(e, t, s);
     m(this, "player");
     m(this, "previousTime");
     m(this, "timeUpdateIntervalId");
     this.player = new YT.Player(this.playerElementRef.current, {
-      host: R.origin,
+      host: S.origin,
       width: "100%",
       height: "100%"
     });
   }
   clearTimeUpdateInterval() {
-    this.logger.debug("clearTimeUpdateInterval", this.timeUpdateIntervalId), window.clearInterval(this.timeUpdateIntervalId), this.timeUpdateIntervalId = void 0;
+    this.logger.log(
+      u.Debug,
+      "clearTimeUpdateInterval",
+      this.timeUpdateIntervalId
+    ), window.clearInterval(this.timeUpdateIntervalId), this.timeUpdateIntervalId = void 0;
   }
   invokeTimeUpdate(e) {
-    var d, u;
+    var c, d;
     const t = e.getCurrentTime();
     if (t === this.previousTime)
       return;
-    const r = e.getDuration();
-    (u = (d = this.options) == null ? void 0 : d.onTimeUpdate) == null || u.call(d, {
-      duration: r,
-      percent: t / r,
+    const s = e.getDuration();
+    (d = (c = this.options) == null ? void 0 : c.onTimeUpdate) == null || d.call(c, {
+      duration: s,
+      percent: t / s,
       seconds: t
     }), this.previousTime = t;
   }
   setTimeUpdateInterval() {
-    this.logger.debug("setTimeUpdateInterval"), this.clearTimeUpdateInterval(), this.timeUpdateIntervalId = window.setInterval(
+    this.logger.log(u.Debug, "setTimeUpdateInterval"), this.clearTimeUpdateInterval(), this.timeUpdateIntervalId = window.setInterval(
       () => this.invokeTimeUpdate(this.player),
       250
-    ), this.logger.debug("timeUpdateIntervalId", this.timeUpdateIntervalId), this.invokeTimeUpdate(this.player);
+    ), this.logger.log(
+      u.Debug,
+      "timeUpdateIntervalId",
+      this.timeUpdateIntervalId
+    ), this.invokeTimeUpdate(this.player);
   }
   attach(e) {
-    return new Promise((t, r) => {
+    return new Promise((t, s) => {
       this.player.addEventListener("onReady", async () => {
         this.player.addEventListener(
           "onError",
-          (d) => {
-            var u, n;
-            return (n = (u = this.options) == null ? void 0 : u.onError) == null ? void 0 : n.call(u, d.data);
+          (c) => {
+            var d, n;
+            return (n = (d = this.options) == null ? void 0 : d.onError) == null ? void 0 : n.call(d, c.data);
           }
         ), this.player.addEventListener(
           "onStateChange",
-          (d) => {
-            var u, n, o, p, y, l, c, w;
-            switch (this.logger.debug(
-              `state changed: ${j[d.data]}`
-            ), d.data) {
+          (c) => {
+            var d, n, o, y, p, g, l, h;
+            switch (this.logger.log(
+              u.Debug,
+              `state changed: ${F[c.data]}`
+            ), c.data) {
               case YT.PlayerState.CUED:
-                (n = (u = this.options) == null ? void 0 : u.onLoaded) == null || n.call(u, { id: e });
+                (n = (d = this.options) == null ? void 0 : d.onLoaded) == null || n.call(d, { id: e });
                 break;
               case YT.PlayerState.PLAYING:
-                (p = (o = this.options) == null ? void 0 : o.onPlay) == null || p.call(o), this.setTimeUpdateInterval();
+                (y = (o = this.options) == null ? void 0 : o.onPlay) == null || y.call(o), this.setTimeUpdateInterval();
                 break;
               case YT.PlayerState.PAUSED:
-                (l = (y = this.options) == null ? void 0 : y.onPause) == null || l.call(y), this.clearTimeUpdateInterval();
+                (g = (p = this.options) == null ? void 0 : p.onPause) == null || g.call(p), this.clearTimeUpdateInterval();
                 break;
               case YT.PlayerState.ENDED:
-                (w = (c = this.options) == null ? void 0 : c.onEnded) == null || w.call(c), this.clearTimeUpdateInterval();
+                (h = (l = this.options) == null ? void 0 : l.onEnded) == null || h.call(l), this.clearTimeUpdateInterval();
                 break;
             }
           }
@@ -740,63 +806,67 @@ const R = class extends b {
     return this.player.getCurrentTime();
   }
 };
-let A = R;
-m(A, "origin", "https://www.youtube-nocookie.com");
-const Z = i.memo(
-  ({ ...s }) => {
-    h.debug("YouTubePlayer");
-    const a = i.useCallback(() => new Promise(async (e, t) => {
-      await k(
-        "https://www.youtube.com/iframe_api"
+let D = S;
+m(D, "origin", "https://www.youtube-nocookie.com");
+const X = i.memo(
+  ({ ...a }) => {
+    const { logger: r } = a;
+    r.log(u.Debug, "YouTubePlayer");
+    const e = i.useCallback(() => new Promise(async (t, s) => {
+      await N(
+        "https://www.youtube.com/iframe_api",
+        r
       ) ? window.onYouTubeIframeAPIReady = () => {
-        h.debug("YouTube iframe API ready"), e();
-      } : e();
-    }), []);
+        r.log(u.Debug, "YouTube iframe API ready"), t();
+      } : t();
+    }), [r]);
     return /* @__PURE__ */ i.createElement(
-      E,
+      b,
       {
-        ...s,
-        loadScript: a,
-        playerApiFactory: A
+        ...a,
+        loadScript: e,
+        playerApiFactory: D
       },
-      (e) => /* @__PURE__ */ i.createElement("div", { style: { width: "100%", height: "100%" } }, /* @__PURE__ */ i.createElement("div", { ref: e }))
+      (t) => /* @__PURE__ */ i.createElement("div", { style: { width: "100%", height: "100%" } }, /* @__PURE__ */ i.createElement("div", { ref: t }))
     );
   }
-), _ = {
-  Audio: H,
-  Niconico: q,
-  SoundCloud: K,
-  Vimeo: X,
-  YouTube: Z
-}, se = i.memo(
-  ({ type: s, videoId: a, options: e }) => {
-    h.debug("NostalgicDiva");
-    const t = z(), r = _[s];
+), Z = {
+  Audio: B,
+  Niconico: O,
+  SoundCloud: J,
+  Vimeo: Q,
+  YouTube: X
+}, te = i.memo(
+  ({ type: a, videoId: r, options: e }) => {
+    const { logger: t, playerApiRef: s } = q();
+    t.log(u.Debug, "NostalgicDiva");
+    const c = Z[a];
     return /* @__PURE__ */ i.createElement(
-      r,
+      c,
       {
-        type: s,
-        playerApiRef: t.playerApiRef,
-        videoId: a,
+        logger: t,
+        type: a,
+        playerApiRef: s,
+        videoId: r,
         options: e
       }
     );
   }
 );
 export {
-  H as AudioPlayer,
-  $ as AudioPlayerApi,
-  q as NiconicoPlayer,
-  I as NiconicoPlayerApi,
-  se as NostalgicDiva,
-  ae as NostalgicDivaProvider,
-  P as PlayerApi,
-  K as SoundCloudPlayer,
-  v as SoundCloudPlayerApi,
-  X as VimeoPlayer,
-  Q as VimeoPlayerApi,
-  Z as YouTubePlayer,
-  A as YouTubePlayerApi,
-  z as useNostalgicDiva
+  B as AudioPlayer,
+  j as AudioPlayerApi,
+  O as NiconicoPlayer,
+  C as NiconicoPlayerApi,
+  te as NostalgicDiva,
+  ee as NostalgicDivaProvider,
+  T as PlayerApi,
+  J as SoundCloudPlayer,
+  w as SoundCloudPlayerApi,
+  Q as VimeoPlayer,
+  K as VimeoPlayerApi,
+  X as YouTubePlayer,
+  D as YouTubePlayerApi,
+  q as useNostalgicDiva
 };
 //# sourceMappingURL=index.es.js.map