@aigamo/nostalgic-diva 1.5.1 → 1.5.2

package/dist/index.es.js

@@ -1,23 +1,18 @@
-var W = Object.defineProperty;
-var Y = (r, a, e) => a in r ? W(r, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[a] = e;
-var y = (r, a, e) => (Y(r, typeof a != "symbol" ? a + "" : a, e), e);
-import s, { useRef as V } from "react";
-var d = /* @__PURE__ */ ((r) => (r[r.Trace = 0] = "Trace", r[r.Debug = 1] = "Debug", r[r.Information = 2] = "Information", r[r.Warning = 3] = "Warning", r[r.Error = 4] = "Error", r[r.Critical = 5] = "Critical", r[r.None = 6] = "None", r))(d || {});
+var R = Object.defineProperty;
+var F = (r, e, t) => e in r ? R(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var v = (r, e, t) => (F(r, typeof e != "symbol" ? e + "" : e, t), t);
+import i, { useRef as V } from "react";
+var c = /* @__PURE__ */ ((r) => (r[r.Trace = 0] = "Trace", r[r.Debug = 1] = "Debug", r[r.Information = 2] = "Information", r[r.Warning = 3] = "Warning", r[r.Error = 4] = "Error", r[r.Critical = 5] = "Critical", r[r.None = 6] = "None", r))(c || {});
 class E {
-  constructor(a, e, t) {
-    this.logger = a, this.playerElementRef = e, this.options = t, this.logger.log(d.Debug, "ctor");
+  constructor(e, t, a) {
+    this.logger = e, this.player = t, this.options = a, this.logger.log(c.Debug, "ctor");
   }
 }
-class j extends E {
-  constructor(e, t, i) {
-    super(e, t, i);
-    y(this, "player");
-    this.player = t.current;
-  }
+class Y extends E {
   async attach() {
     this.player.onerror = (e) => {
-      var t, i;
-      return (i = (t = this.options) == null ? void 0 : t.onError) == null ? void 0 : i.call(t, e);
+      var t, a;
+      return (a = (t = this.options) == null ? void 0 : t.onError) == null ? void 0 : a.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 });
@@ -70,40 +65,39 @@ class j extends E {
     return this.player.volume;
   }
 }
-const S = class {
-  constructor(a, e, t, i, c, u) {
-    y(this, "id");
-    y(this, "impl");
-    this.logger = a, this.type = e, this.playerElementRef = t, this.options = i, this.loadScript = c, this.playerApiFactory = u, this.id = S.nextId++;
+const N = class {
+  constructor(e, t, a, s, o) {
+    v(this, "id");
+    v(this, "impl");
+    this.logger = e, this.type = t, this.player = a, this.options = s, this.playerApiFactory = o, this.id = N.nextId++;
   }
-  createMessage(a) {
-    return `${this.type}#${this.id} ${a}`;
+  createMessage(e) {
+    return `${this.type}#${this.id} ${e}`;
   }
-  debug(a, ...e) {
+  debug(e, ...t) {
     this.logger.log(
-      d.Debug,
-      this.createMessage(a),
-      ...e
+      c.Debug,
+      this.createMessage(e),
+      ...t
     );
   }
-  error(a, ...e) {
+  error(e, ...t) {
     this.logger.log(
-      d.Error,
-      this.createMessage(a),
-      ...e
+      c.Error,
+      this.createMessage(e),
+      ...t
     );
   }
-  async attach(a) {
-    var e;
-    if (this.debug("attach", a), this.impl) {
+  async attach(e) {
+    if (this.debug("attach", e), 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.debug("Attaching player..."), this.impl = new this.playerApiFactory(
       this.logger,
-      this.playerElementRef,
+      this.player,
       this.options
-    ), await this.impl.attach(a), this.debug("player attached");
+    ), await this.impl.attach(e), this.debug("player attached");
   }
   createPlayerNotAttachedError() {
     return new Error("player is not attached");
@@ -113,10 +107,10 @@ const S = class {
       throw this.createPlayerNotAttachedError();
     await this.impl.detach(), this.impl = void 0;
   }
-  async loadVideo(a) {
-    if (this.debug("loadVideo", a), this.impl === void 0)
+  async loadVideo(e) {
+    if (this.debug("loadVideo", e), this.impl === void 0)
       throw this.createPlayerNotAttachedError();
-    this.debug("Loading video..."), await this.impl.loadVideo(a), this.debug("video loaded", a);
+    this.debug("Loading video..."), await this.impl.loadVideo(e), this.debug("video loaded", e);
   }
   play() {
     if (this.debug("play"), this.impl === void 0)
@@ -128,20 +122,20 @@ const S = class {
       throw this.createPlayerNotAttachedError();
     return this.impl.pause();
   }
-  setCurrentTime(a) {
-    if (this.debug("setCurrentTime", a), this.impl === void 0)
+  setCurrentTime(e) {
+    if (this.debug("setCurrentTime", e), this.impl === void 0)
       throw this.createPlayerNotAttachedError();
-    return this.impl.setCurrentTime(a);
+    return this.impl.setCurrentTime(e);
   }
-  setVolume(a) {
-    if (this.debug("setVolume", a), this.impl === void 0)
+  setVolume(e) {
+    if (this.debug("setVolume", e), this.impl === void 0)
       throw this.createPlayerNotAttachedError();
-    return this.impl.setVolume(a);
+    return this.impl.setVolume(e);
   }
-  setMuted(a) {
-    if (this.debug("setMuted", a), this.impl === void 0)
+  setMuted(e) {
+    if (this.debug("setMuted", e), this.impl === void 0)
       throw this.createPlayerNotAttachedError();
-    return this.impl.setMuted(a);
+    return this.impl.setMuted(e);
   }
   getDuration() {
     if (this.debug("getDuration"), this.impl === void 0)
@@ -159,63 +153,85 @@ const S = class {
     return this.impl.getVolume();
   }
 };
-let f = S;
-y(f, "nextId", 1);
-function $() {
+let C = N;
+v(C, "nextId", 1);
+function W() {
   const r = V(!0);
   return r.current ? (r.current = !1, !0) : r.current;
 }
-const x = (r, a) => r === a;
-function G(r, a = x) {
-  const e = V(), t = V(r);
-  return !$() && !a(t.current, r) && (e.current = t.current, t.current = r), e.current;
+const j = (r, e) => r === e;
+function $(r, e = j) {
+  const t = V(), a = V(r);
+  return !W() && !e(a.current, r) && (t.current = a.current, a.current = r), t.current;
 }
-const b = ({
+const f = ({
   logger: r,
-  type: a,
-  playerApiRef: e,
-  videoId: t,
-  options: i,
-  loadScript: c,
+  type: e,
+  loadScript: t,
+  playerFactory: a,
+  playerApiRef: s,
+  videoId: o,
+  options: n,
   playerApiFactory: u,
-  children: o
+  children: d
 }) => {
-  r.log(d.Debug, "PlayerContainer");
-  const l = s.useRef(t), p = s.useRef(void 0), [h, w] = s.useState();
-  s.useEffect(() => {
-    const n = new f(
+  r.log(c.Debug, "PlayerContainer");
+  const y = i.useRef(o), p = i.useRef(void 0), [g, m] = i.useState(), [l, h] = i.useState();
+  i.useEffect(() => {
+    ((t == null ? void 0 : t()) ?? Promise.resolve()).then(() => {
+      a(p.current).then((b) => {
+        m(b);
+      });
+    });
+  }, [t, a]), i.useEffect(() => {
+    if (g === void 0)
+      return;
+    const b = new C(
       r,
-      a,
-      p,
-      i,
-      c,
+      e,
+      g,
+      n,
       u
     );
-    return e && (e.current = n), n.attach(l.current).then(() => w(n)), () => {
-      if (e && n !== e.current)
+    return s && (s.current = b), b.attach(y.current).then(() => h(b)), () => {
+      if (s && b !== s.current)
         throw new Error("playerApi differs");
-      n.detach().then(() => w(void 0));
+      b.detach().finally(() => h(void 0));
     };
-  }, [r, a, i, c, u, e]);
-  const g = G(t);
-  return s.useEffect(() => {
-    g !== void 0 && (h == null || h.loadVideo(t));
-  }, [g, t, h]), /* @__PURE__ */ s.createElement(s.Fragment, null, o(p, l.current));
-}, B = s.memo(
+  }, [
+    r,
+    e,
+    t,
+    g,
+    n,
+    u,
+    s
+  ]);
+  const w = $(o);
+  return i.useEffect(() => {
+    w !== void 0 && (l == null || l.loadVideo(o));
+  }, [w, o, l]), /* @__PURE__ */ i.createElement(i.Fragment, null, d(p, y.current));
+}, x = i.memo(
   ({ ...r }) => {
-    const { logger: a } = r;
-    return a.log(d.Debug, "AudioPlayer"), /* @__PURE__ */ s.createElement(
-      b,
+    const { logger: e } = r;
+    e.log(c.Debug, "AudioPlayer");
+    const t = i.useCallback(
+      (a) => Promise.resolve(a),
+      []
+    );
+    return /* @__PURE__ */ i.createElement(
+      f,
       {
         ...r,
         loadScript: void 0,
-        playerApiFactory: j
+        playerFactory: t,
+        playerApiFactory: Y
       },
-      (e, t) => /* @__PURE__ */ s.createElement(
+      (a, s) => /* @__PURE__ */ i.createElement(
         "audio",
         {
-          ref: e,
-          src: t,
+          ref: a,
+          src: s,
           style: { width: "100%", height: "100%" },
           preload: "auto",
           autoPlay: !0,
@@ -226,69 +242,67 @@ const b = ({
   }
 );
 var I = /* @__PURE__ */ ((r) => (r[r.Play = 2] = "Play", r[r.Pause = 3] = "Pause", r[r.End = 4] = "End", r))(I || {});
-const D = class extends E {
-  constructor(e, t, i) {
-    super(e, t, i);
-    y(this, "player");
-    y(this, "duration");
-    y(this, "currentTime");
-    y(this, "volume");
-    y(this, "handleMessage", (e) => {
-      var i, c, u, o, l, p, h, w, g, n, m, U, v, M;
-      if (e.origin !== D.origin)
+const P = class extends E {
+  constructor() {
+    super(...arguments);
+    v(this, "duration");
+    v(this, "currentTime");
+    v(this, "volume");
+    v(this, "handleMessage", (t) => {
+      var s, o, n, u, d, y, p, g, m, l, h, w, b, U;
+      if (t.origin !== P.origin)
         return;
-      const t = e.data;
-      switch (t.eventName) {
+      const a = t.data;
+      switch (a.eventName) {
         case "playerStatusChange":
           this.logger.log(
-            d.Debug,
-            `player status changed: ${I[t.data.playerStatus] ?? t.data.playerStatus}`
+            c.Debug,
+            `player status changed: ${I[a.data.playerStatus] ?? a.data.playerStatus}`
           );
           break;
         case "statusChange":
           switch (this.logger.log(
-            d.Debug,
-            `status changed: ${I[t.data.playerStatus] ?? t.data.playerStatus}`
-          ), t.data.playerStatus) {
+            c.Debug,
+            `status changed: ${I[a.data.playerStatus] ?? a.data.playerStatus}`
+          ), a.data.playerStatus) {
             case 2:
-              (c = (i = this.options) == null ? void 0 : i.onPlay) == null || c.call(i);
+              (o = (s = this.options) == null ? void 0 : s.onPlay) == null || o.call(s);
               break;
             case 3:
-              (o = (u = this.options) == null ? void 0 : u.onPause) == null || o.call(u);
+              (u = (n = this.options) == null ? void 0 : n.onPause) == null || u.call(n);
               break;
             case 4:
-              (p = (l = this.options) == null ? void 0 : l.onEnded) == null || p.call(l);
+              (y = (d = this.options) == null ? void 0 : d.onEnded) == null || y.call(d);
               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, this.volume = t.data.volume, (w = (h = this.options) == null ? void 0 : h.onTimeUpdate) == null || w.call(h, {
+          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, (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(d.Debug, "load completed"), this.duration = t.data.videoInfo.lengthInSeconds, (n = (g = this.options) == null ? void 0 : g.onLoaded) == null || n.call(g, { id: t.data.videoInfo.watchId });
+          this.logger.log(c.Debug, "load completed"), this.duration = a.data.videoInfo.lengthInSeconds, (l = (m = this.options) == null ? void 0 : m.onLoaded) == null || l.call(m, { id: a.data.videoInfo.watchId });
           break;
         case "error":
-          (U = (m = this.options) == null ? void 0 : m.onError) == null || U.call(m, t);
+          (w = (h = this.options) == null ? void 0 : h.onError) == null || w.call(h, a);
           break;
         case "player-error:video:play":
         case "player-error:video:seek":
-          (M = (v = this.options) == null ? void 0 : v.onError) == null || M.call(v, t);
+          (U = (b = this.options) == null ? void 0 : b.onError) == null || U.call(b, a);
           break;
         default:
           this.logger.log(
-            d.Debug,
+            c.Debug,
             "message",
-            t.eventName,
-            t.data
+            a.eventName,
+            a.data
           );
           break;
       }
     });
-    this.player = t.current;
   }
   async attach() {
     window.addEventListener("message", this.handleMessage);
@@ -296,23 +310,23 @@ const D = class extends E {
   async detach() {
     window.removeEventListener("message", this.handleMessage);
   }
-  async loadVideo(e) {
-    return new Promise((t, i) => {
+  async loadVideo(t) {
+    return new Promise((a, 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`;
+        this.player.onload = null, a();
+      }, this.player.src = `https://embed.nicovideo.jp/watch/${t}?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(
+  postMessage(t) {
+    var a;
+    (a = this.player.contentWindow) == null || a.postMessage(
       {
-        ...e,
+        ...t,
         playerId: "1",
         sourceConnectorType: 1
       },
-      D.origin
+      P.origin
     );
   }
   async play() {
@@ -321,19 +335,19 @@ const D = class extends E {
   async pause() {
     this.postMessage({ eventName: "pause" });
   }
-  async setCurrentTime(e) {
-    this.postMessage({ eventName: "seek", data: { time: e * 1e3 } });
+  async setCurrentTime(t) {
+    this.postMessage({ eventName: "seek", data: { time: t * 1e3 } });
   }
-  async setVolume(e) {
+  async setVolume(t) {
     this.postMessage({
       eventName: "volumeChange",
-      data: { volume: e }
+      data: { volume: t }
     });
   }
-  async setMuted(e) {
+  async setMuted(t) {
     this.postMessage({
       eventName: "mute",
-      data: { mute: e }
+      data: { mute: t }
     });
   }
   async getDuration() {
@@ -346,23 +360,29 @@ const D = class extends E {
     return this.volume;
   }
 };
-let C = D;
-y(C, "origin", "https://embed.nicovideo.jp");
-const O = s.memo(
+let T = P;
+v(T, "origin", "https://embed.nicovideo.jp");
+const G = i.memo(
   ({ ...r }) => {
-    const { logger: a } = r;
-    return a.log(d.Debug, "NiconicoPlayer"), /* @__PURE__ */ s.createElement(
-      b,
+    const { logger: e } = r;
+    e.log(c.Debug, "NiconicoPlayer");
+    const t = i.useCallback(
+      (a) => Promise.resolve(a),
+      []
+    );
+    return /* @__PURE__ */ i.createElement(
+      f,
       {
         ...r,
         loadScript: void 0,
-        playerApiFactory: C
+        playerFactory: t,
+        playerApiFactory: T
       },
-      (e, t) => /* @__PURE__ */ s.createElement("div", { style: { width: "100%", height: "100%" } }, /* @__PURE__ */ s.createElement(
+      (a, s) => /* @__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`,
+          ref: a,
+          src: `https://embed.nicovideo.jp/watch/${s}?jsapi=1&playerId=1`,
           width: "100%",
           height: "100%",
           allowFullScreen: !0,
@@ -372,168 +392,163 @@ const O = s.memo(
       ))
     );
   }
-), R = s.createContext(
+), M = i.createContext(
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   void 0
-), H = new class {
+), B = new class {
   constructor() {
-    y(this, "title", "nostalgic-diva");
+    v(this, "title", "nostalgic-diva");
   }
   createMessage(r) {
     return `[${this.title}] ${r}`;
   }
-  debug(r, ...a) {
-    console.debug(this.createMessage(r), ...a);
+  debug(r, ...e) {
+    console.debug(this.createMessage(r), ...e);
   }
-  error(r, ...a) {
-    console.error(this.createMessage(r), ...a);
+  error(r, ...e) {
+    console.error(this.createMessage(r), ...e);
   }
-  warn(r, ...a) {
-    console.warn(this.createMessage(r), ...a);
+  warn(r, ...e) {
+    console.warn(this.createMessage(r), ...e);
   }
   isEnabled() {
     return !0;
   }
-  log(r, a, ...e) {
+  log(r, e, ...t) {
     switch (r) {
-      case d.Debug:
-        this.debug(a, ...e);
+      case c.Debug:
+        this.debug(e, ...t);
         break;
-      case d.Warning:
-        this.warn(a, ...e);
+      case c.Warning:
+        this.warn(e, ...t);
         break;
-      case d.Error:
-        this.error(a, ...e);
+      case c.Error:
+        this.error(e, ...t);
         break;
     }
   }
 }(), ee = ({
-  logger: r = H,
-  children: a
+  logger: r = B,
+  children: e
 }) => {
-  const e = s.useRef(), t = s.useCallback(async (n) => {
-    var m;
-    await ((m = e.current) == null ? void 0 : m.loadVideo(n));
-  }, []), i = s.useCallback(async () => {
-    var n;
-    await ((n = e.current) == null ? void 0 : n.play());
-  }, []), c = s.useCallback(async () => {
-    var n;
-    await ((n = e.current) == null ? void 0 : n.pause());
-  }, []), u = s.useCallback(async (n) => {
-    const m = e.current;
-    m && (await m.setCurrentTime(n), await m.play());
-  }, []), o = s.useCallback(async (n) => {
-    var m;
-    await ((m = e.current) == null ? void 0 : m.setVolume(n));
-  }, []), l = s.useCallback(async (n) => {
-    var m;
-    await ((m = e.current) == null ? void 0 : m.setMuted(n));
-  }, []), p = s.useCallback(async () => {
-    var n;
-    return await ((n = e.current) == null ? void 0 : n.getDuration());
-  }, []), h = s.useCallback(async () => {
-    var n;
-    return await ((n = e.current) == null ? void 0 : n.getCurrentTime());
-  }, []), w = s.useCallback(async () => {
-    var n;
-    return await ((n = e.current) == null ? void 0 : n.getVolume());
-  }, []), g = s.useMemo(
+  const t = i.useRef(), a = i.useCallback(async (l) => {
+    var h;
+    await ((h = t.current) == null ? void 0 : h.loadVideo(l));
+  }, []), s = i.useCallback(async () => {
+    var l;
+    await ((l = t.current) == null ? void 0 : l.play());
+  }, []), o = i.useCallback(async () => {
+    var l;
+    await ((l = t.current) == null ? void 0 : l.pause());
+  }, []), n = i.useCallback(async (l) => {
+    const h = t.current;
+    h && (await h.setCurrentTime(l), await h.play());
+  }, []), u = i.useCallback(async (l) => {
+    var h;
+    await ((h = t.current) == null ? void 0 : h.setVolume(l));
+  }, []), d = i.useCallback(async (l) => {
+    var h;
+    await ((h = t.current) == null ? void 0 : h.setMuted(l));
+  }, []), y = i.useCallback(async () => {
+    var l;
+    return await ((l = t.current) == null ? void 0 : l.getDuration());
+  }, []), p = i.useCallback(async () => {
+    var l;
+    return await ((l = t.current) == null ? void 0 : l.getCurrentTime());
+  }, []), g = i.useCallback(async () => {
+    var l;
+    return await ((l = t.current) == null ? void 0 : l.getVolume());
+  }, []), m = i.useMemo(
     () => ({
       logger: r,
-      playerApiRef: e,
-      loadVideo: t,
-      play: i,
-      pause: c,
-      setCurrentTime: u,
-      setVolume: o,
-      setMuted: l,
-      getDuration: p,
-      getCurrentTime: h,
-      getVolume: w
+      playerApiRef: t,
+      loadVideo: a,
+      play: s,
+      pause: o,
+      setCurrentTime: n,
+      setVolume: u,
+      setMuted: d,
+      getDuration: y,
+      getCurrentTime: p,
+      getVolume: g
     }),
     [
       r,
-      t,
-      i,
-      c,
-      u,
+      a,
+      s,
       o,
-      l,
+      n,
+      u,
+      d,
+      y,
       p,
-      h,
-      w
+      g
     ]
   );
-  return /* @__PURE__ */ s.createElement(R.Provider, { value: g }, a);
-}, q = () => s.useContext(R);
-class A extends E {
-  constructor(e, t, i) {
-    super(e, t, i);
-    y(this, "player");
-    this.player = SC.Widget(this.playerElementRef.current);
-  }
+  return /* @__PURE__ */ i.createElement(M.Provider, { value: m }, e);
+}, O = () => i.useContext(M);
+class k extends E {
   getDurationCore() {
     return new Promise((e, t) => {
       this.player.getDuration(e);
     });
   }
   attach(e) {
-    return new Promise((t, i) => {
+    return new Promise((t, a) => {
       this.player.bind(SC.Widget.Events.READY, () => {
-        var c, u;
+        var s, o;
         this.player.bind(
           SC.Widget.Events.PLAY_PROGRESS,
-          async (o) => {
-            var p, h;
-            const l = await this.getDurationCore();
-            (h = (p = this.options) == null ? void 0 : p.onTimeUpdate) == null || h.call(p, {
-              duration: l / 1e3,
-              percent: o.currentPosition / l,
-              seconds: o.currentPosition / 1e3
+          async (n) => {
+            var d, y;
+            const u = await this.getDurationCore();
+            (y = (d = this.options) == null ? void 0 : d.onTimeUpdate) == null || y.call(d, {
+              duration: u / 1e3,
+              percent: n.currentPosition / u,
+              seconds: n.currentPosition / 1e3
             });
           }
         ), this.player.bind(
           SC.Widget.Events.ERROR,
-          (o) => {
-            var l, p;
-            return (p = (l = this.options) == null ? void 0 : l.onError) == null ? void 0 : p.call(l, o);
+          (n) => {
+            var u, d;
+            return (d = (u = this.options) == null ? void 0 : u.onError) == null ? void 0 : d.call(u, n);
           }
         ), this.player.bind(
           SC.Widget.Events.PLAY,
           () => {
-            var o, l;
-            return (l = (o = this.options) == null ? void 0 : o.onPlay) == null ? void 0 : l.call(o);
+            var n, u;
+            return (u = (n = this.options) == null ? void 0 : n.onPlay) == null ? void 0 : u.call(n);
           }
         ), this.player.bind(
           SC.Widget.Events.PAUSE,
           () => {
-            var o, l;
-            return (l = (o = this.options) == null ? void 0 : o.onPause) == null ? void 0 : l.call(o);
+            var n, u;
+            return (u = (n = this.options) == null ? void 0 : n.onPause) == null ? void 0 : u.call(n);
           }
         ), this.player.bind(
           SC.Widget.Events.FINISH,
           () => {
-            var o, l;
-            return (l = (o = this.options) == null ? void 0 : o.onEnded) == null ? void 0 : l.call(o);
+            var n, u;
+            return (u = (n = this.options) == null ? void 0 : n.onEnded) == null ? void 0 : u.call(n);
           }
-        ), (u = (c = this.options) == null ? void 0 : c.onLoaded) == null || u.call(c, { id: e }), t();
+        ), (o = (s = this.options) == null ? void 0 : s.onLoaded) == null || o.call(s, { 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, i) {
-    return new Promise((c, u) => {
-      e.load(t, { ...i, callback: c });
+  static playerLoadAsync(e, t, a) {
+    return new Promise((s, o) => {
+      e.load(t, { ...a, callback: s });
     });
   }
   async loadVideo(e) {
-    var t, i;
-    await A.playerLoadAsync(this.player, e, {
+    var t, a;
+    await k.playerLoadAsync(this.player, e, {
       auto_play: !0
-    }), (i = (t = this.options) == null ? void 0 : t.onLoaded) == null || i.call(t, { id: e });
+    }), (a = (t = this.options) == null ? void 0 : t.onLoaded) == null || a.call(t, { id: e });
   }
   async play() {
     this.player.play();
@@ -573,49 +588,53 @@ class A extends E {
     return await this.getVolumeCore() / 100;
   }
 }
-function z(r) {
-  return new Promise((a, e) => {
-    const t = document.createElement("script");
-    t.src = r, t.async = !0, t.onerror = e, t.onload = t.onreadystatechange = function() {
-      const i = this.readyState;
-      i && i !== "loaded" && i !== "complete" || (t.onload = t.onreadystatechange = null, a());
-    }, document.head.appendChild(t);
+function H(r) {
+  return new Promise((e, t) => {
+    const a = document.createElement("script");
+    a.src = r, a.async = !0, a.onerror = t, a.onload = a.onreadystatechange = function() {
+      const s = this.readyState;
+      s && s !== "loaded" && s !== "complete" || (a.onload = a.onreadystatechange = null, e());
+    }, document.head.appendChild(a);
   });
 }
-const P = [];
-async function k(r, a) {
-  if (P.includes(r))
-    return a.log(d.Debug, r, "script is already loaded"), !1;
+const D = [];
+async function A(r, e) {
+  if (D.includes(r))
+    return e.log(c.Debug, r, "script is already loaded"), !1;
   try {
-    return a.log(d.Debug, r, "Loading script..."), await z(r), P.includes(r) ? (a.log(d.Debug, r, "script is already loaded"), !1) : (P.push(r), a.log(d.Debug, r, "script loaded"), !0);
-  } catch (e) {
-    throw a.log(d.Error, r, "Failed to load script"), e;
+    return e.log(c.Debug, r, "Loading script..."), await H(r), D.includes(r) ? (e.log(c.Debug, r, "script is already loaded"), !1) : (D.push(r), e.log(c.Debug, r, "script loaded"), !0);
+  } catch (t) {
+    throw e.log(c.Error, r, "Failed to load script"), t;
   }
 }
-const J = s.memo(
+const q = i.memo(
   ({ ...r }) => {
-    const { logger: a } = r;
-    a.log(d.Debug, "SoundCloudPlayer");
-    const e = s.useCallback(async () => {
-      await k(
+    const { logger: e } = r;
+    e.log(c.Debug, "SoundCloudPlayer");
+    const t = i.useCallback(async () => {
+      await A(
         "https://w.soundcloud.com/player/api.js",
-        a
+        e
       );
-    }, [a]);
-    return /* @__PURE__ */ s.createElement(
-      b,
+    }, [e]), a = i.useCallback(
+      (s) => Promise.resolve(SC.Widget(s)),
+      []
+    );
+    return /* @__PURE__ */ i.createElement(
+      f,
       {
         ...r,
-        loadScript: e,
-        playerApiFactory: A
+        loadScript: t,
+        playerFactory: a,
+        playerApiFactory: k
       },
-      (t, i) => (
+      (s, o) => (
         // eslint-disable-next-line jsx-a11y/iframe-has-title
-        /* @__PURE__ */ s.createElement(
+        /* @__PURE__ */ i.createElement(
           "iframe",
           {
-            ref: t,
-            src: `https://w.soundcloud.com/player/?url=${i}`,
+            ref: s,
+            src: `https://w.soundcloud.com/player/?url=${o}`,
             frameBorder: 0,
             allow: "autoplay",
             style: { width: "100%", height: "100%" }
@@ -625,21 +644,16 @@ const J = s.memo(
     );
   }
 );
-class K extends E {
-  constructor(e, t, i) {
-    super(e, t, i);
-    y(this, "player");
-    this.player = new Vimeo.Player(this.playerElementRef.current);
-  }
+class z extends E {
   async attach() {
     await this.player.ready(), this.player.on("error", (e) => {
-      var t, i;
-      return (i = (t = this.options) == null ? void 0 : t.onError) == null ? void 0 : i.call(t, e);
+      var t, a;
+      return (a = (t = this.options) == null ? void 0 : t.onError) == null ? void 0 : a.call(t, e);
     }), this.player.on(
       "loaded",
       (e) => {
-        var t, i;
-        return (i = (t = this.options) == null ? void 0 : t.onLoaded) == null ? void 0 : i.call(t, { id: e.id.toString() });
+        var t, a;
+        return (a = (t = this.options) == null ? void 0 : t.onLoaded) == null ? void 0 : a.call(t, { id: e.id.toString() });
       }
     ), this.player.on("play", () => {
       var e, t;
@@ -651,8 +665,8 @@ class K extends E {
       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, i;
-      (i = (t = this.options) == null ? void 0 : t.onTimeUpdate) == null || i.call(t, {
+      var t, a;
+      (a = (t = this.options) == null ? void 0 : t.onTimeUpdate) == null || a.call(t, {
         duration: e.duration,
         percent: e.percent,
         seconds: e.seconds
@@ -690,30 +704,34 @@ class K extends E {
     return await this.player.getVolume();
   }
 }
-const Q = s.memo(
+const J = i.memo(
   ({ ...r }) => {
-    const { logger: a } = r;
-    a.log(d.Debug, "VimeoPlayer");
-    const e = s.useCallback(async () => {
-      await k(
+    const { logger: e } = r;
+    e.log(c.Debug, "VimeoPlayer");
+    const t = i.useCallback(async () => {
+      await A(
         "https://player.vimeo.com/api/player.js",
-        a
+        e
       );
-    }, [a]);
-    return /* @__PURE__ */ s.createElement(
-      b,
+    }, [e]), a = i.useCallback(
+      (s) => Promise.resolve(new Vimeo.Player(s)),
+      []
+    );
+    return /* @__PURE__ */ i.createElement(
+      f,
       {
         ...r,
-        loadScript: e,
-        playerApiFactory: K
+        loadScript: t,
+        playerFactory: a,
+        playerApiFactory: z
       },
-      (t, i) => (
+      (s, o) => (
         // eslint-disable-next-line jsx-a11y/iframe-has-title
-        /* @__PURE__ */ s.createElement(
+        /* @__PURE__ */ i.createElement(
           "iframe",
           {
-            ref: t,
-            src: `https://player.vimeo.com/video/${i}`,
+            ref: s,
+            src: `https://player.vimeo.com/video/${o}`,
             frameBorder: 0,
             allow: "autoplay",
             style: { width: "100%", height: "100%" }
@@ -723,88 +741,82 @@ const Q = s.memo(
     );
   }
 );
-var F = /* @__PURE__ */ ((r) => (r[r.UNSTARTED = -1] = "UNSTARTED", r[r.ENDED = 0] = "ENDED", r[r.PLAYING = 1] = "PLAYING", r[r.PAUSED = 2] = "PAUSED", r[r.BUFFERING = 3] = "BUFFERING", r[r.CUED = 5] = "CUED", r))(F || {});
-const N = class extends E {
-  constructor(e, t, i) {
-    super(e, t, i);
-    y(this, "player");
-    y(this, "previousTime");
-    y(this, "timeUpdateIntervalId");
-    this.player = new YT.Player(this.playerElementRef.current, {
-      host: N.origin,
-      width: "100%",
-      height: "100%"
-    });
+var S = /* @__PURE__ */ ((r) => (r[r.UNSTARTED = -1] = "UNSTARTED", r[r.ENDED = 0] = "ENDED", r[r.PLAYING = 1] = "PLAYING", r[r.PAUSED = 2] = "PAUSED", r[r.BUFFERING = 3] = "BUFFERING", r[r.CUED = 5] = "CUED", r))(S || {});
+class K extends E {
+  constructor() {
+    super(...arguments);
+    v(this, "previousTime");
+    v(this, "timeUpdateIntervalId");
   }
   clearTimeUpdateInterval() {
     this.logger.log(
-      d.Debug,
+      c.Debug,
       "clearTimeUpdateInterval",
       this.timeUpdateIntervalId
     ), window.clearInterval(this.timeUpdateIntervalId), this.timeUpdateIntervalId = void 0;
   }
-  invokeTimeUpdate(e) {
-    var c, u;
-    const t = e.getCurrentTime();
-    if (t === this.previousTime)
+  invokeTimeUpdate(t) {
+    var o, n;
+    const a = t.getCurrentTime();
+    if (a === this.previousTime)
       return;
-    const i = e.getDuration();
-    (u = (c = this.options) == null ? void 0 : c.onTimeUpdate) == null || u.call(c, {
-      duration: i,
-      percent: t / i,
-      seconds: t
-    }), this.previousTime = t;
+    const s = t.getDuration();
+    (n = (o = this.options) == null ? void 0 : o.onTimeUpdate) == null || n.call(o, {
+      duration: s,
+      percent: a / s,
+      seconds: a
+    }), this.previousTime = a;
   }
   setTimeUpdateInterval() {
-    this.logger.log(d.Debug, "setTimeUpdateInterval"), this.clearTimeUpdateInterval(), this.timeUpdateIntervalId = window.setInterval(
+    this.logger.log(c.Debug, "setTimeUpdateInterval"), this.clearTimeUpdateInterval(), this.timeUpdateIntervalId = window.setInterval(
       () => this.invokeTimeUpdate(this.player),
       250
     ), this.logger.log(
-      d.Debug,
+      c.Debug,
       "timeUpdateIntervalId",
       this.timeUpdateIntervalId
     ), this.invokeTimeUpdate(this.player);
   }
-  attach(e) {
-    return new Promise((t, i) => {
+  attach(t) {
+    return new Promise((a, s) => {
       this.player.addEventListener("onReady", async () => {
         this.player.addEventListener(
           "onError",
-          (c) => {
-            var u, o;
-            return (o = (u = this.options) == null ? void 0 : u.onError) == null ? void 0 : o.call(u, c.data);
+          (o) => {
+            var n, u;
+            return (u = (n = this.options) == null ? void 0 : n.onError) == null ? void 0 : u.call(n, o.data);
           }
         ), this.player.addEventListener(
           "onStateChange",
-          (c) => {
-            var u, o, l, p, h, w, g, n;
+          (o) => {
+            var n, u, d, y, p, g, m, l;
             switch (this.logger.log(
-              d.Debug,
-              `state changed: ${F[c.data]}`
-            ), c.data) {
+              c.Debug,
+              `state changed: ${S[o.data]}`
+            ), o.data) {
               case YT.PlayerState.CUED:
-                (o = (u = this.options) == null ? void 0 : u.onLoaded) == null || o.call(u, { id: e });
+                (u = (n = this.options) == null ? void 0 : n.onLoaded) == null || u.call(n, { id: t });
                 break;
               case YT.PlayerState.PLAYING:
-                (p = (l = this.options) == null ? void 0 : l.onPlay) == null || p.call(l), this.setTimeUpdateInterval();
+                (y = (d = this.options) == null ? void 0 : d.onPlay) == null || y.call(d), this.setTimeUpdateInterval();
                 break;
               case YT.PlayerState.PAUSED:
-                (w = (h = this.options) == null ? void 0 : h.onPause) == null || w.call(h), this.clearTimeUpdateInterval();
+                (g = (p = this.options) == null ? void 0 : p.onPause) == null || g.call(p), this.clearTimeUpdateInterval();
                 break;
               case YT.PlayerState.ENDED:
-                (n = (g = this.options) == null ? void 0 : g.onEnded) == null || n.call(g), this.clearTimeUpdateInterval();
+                (l = (m = this.options) == null ? void 0 : m.onEnded) == null || l.call(m), this.clearTimeUpdateInterval();
                 break;
             }
           }
-        ), await this.loadVideo(e), t();
+        ), await this.loadVideo(t), a();
       });
     });
   }
   async detach() {
     this.clearTimeUpdateInterval();
   }
-  async loadVideo(e) {
-    this.previousTime = void 0, this.player.cueVideoById(e);
+  async loadVideo(t) {
+    this.previousTime = void 0, this.player.cueVideoById(t);
   }
   async play() {
     this.player.playVideo();
@@ -812,14 +824,14 @@ const N = class extends E {
   async pause() {
     this.player.pauseVideo();
   }
-  async setCurrentTime(e) {
-    this.player.seekTo(e), this.invokeTimeUpdate(this.player);
+  async setCurrentTime(t) {
+    this.player.seekTo(t), this.invokeTimeUpdate(this.player);
   }
-  async setVolume(e) {
-    this.player.setVolume(e * 100);
+  async setVolume(t) {
+    this.player.setVolume(t * 100);
   }
-  async setMuted(e) {
-    e ? this.player.mute() : this.player.unMute();
+  async setMuted(t) {
+    t ? this.player.mute() : this.player.unMute();
   }
   async getDuration() {
     return this.player.getDuration();
@@ -830,68 +842,76 @@ const N = class extends E {
   async getVolume() {
     return this.player.getVolume() / 100;
   }
-};
-let T = N;
-y(T, "origin", "https://www.youtube-nocookie.com");
-const X = s.memo(
+}
+const Q = "https://www.youtube-nocookie.com", X = i.memo(
   ({ ...r }) => {
-    const { logger: a } = r;
-    a.log(d.Debug, "YouTubePlayer");
-    const e = s.useCallback(() => new Promise(async (t, i) => {
-      await k(
+    const { logger: e } = r;
+    e.log(c.Debug, "YouTubePlayer");
+    const t = i.useCallback(() => new Promise(async (s, o) => {
+      await A(
         "https://www.youtube.com/iframe_api",
-        a
+        e
       ) ? window.onYouTubeIframeAPIReady = () => {
-        a.log(d.Debug, "YouTube iframe API ready"), t();
-      } : t();
-    }), [a]);
-    return /* @__PURE__ */ s.createElement(
-      b,
+        e.log(c.Debug, "YouTube iframe API ready"), s();
+      } : s();
+    }), [e]), a = i.useCallback(
+      (s) => Promise.resolve(
+        new YT.Player(s, {
+          host: Q,
+          width: "100%",
+          height: "100%"
+        })
+      ),
+      []
+    );
+    return /* @__PURE__ */ i.createElement(
+      f,
       {
         ...r,
-        loadScript: e,
-        playerApiFactory: T
+        loadScript: t,
+        playerFactory: a,
+        playerApiFactory: K
       },
-      (t) => /* @__PURE__ */ s.createElement("div", { style: { width: "100%", height: "100%" } }, /* @__PURE__ */ s.createElement("div", { ref: t }))
+      (s) => /* @__PURE__ */ i.createElement("div", { style: { width: "100%", height: "100%" } }, /* @__PURE__ */ i.createElement("div", { ref: s }))
     );
   }
 ), Z = {
-  Audio: B,
-  Niconico: O,
-  SoundCloud: J,
-  Vimeo: Q,
+  Audio: x,
+  Niconico: G,
+  SoundCloud: q,
+  Vimeo: J,
   YouTube: X
-}, te = s.memo(
-  ({ type: r, videoId: a, options: e }) => {
-    const { logger: t, playerApiRef: i } = q();
-    t.log(d.Debug, "NostalgicDiva");
-    const c = Z[r];
-    return /* @__PURE__ */ s.createElement(
-      c,
+}, te = i.memo(
+  ({ type: r, videoId: e, options: t }) => {
+    const { logger: a, playerApiRef: s } = O();
+    a.log(c.Debug, "NostalgicDiva");
+    const o = Z[r];
+    return /* @__PURE__ */ i.createElement(
+      o,
       {
-        logger: t,
+        logger: a,
         type: r,
-        playerApiRef: i,
-        videoId: a,
-        options: e
+        playerApiRef: s,
+        videoId: e,
+        options: t
       }
     );
   }
 );
 export {
-  B as AudioPlayer,
-  j as AudioPlayerApi,
-  O as NiconicoPlayer,
-  C as NiconicoPlayerApi,
+  x as AudioPlayer,
+  Y as AudioPlayerApi,
+  G as NiconicoPlayer,
+  T as NiconicoPlayerApi,
   te as NostalgicDiva,
   ee as NostalgicDivaProvider,
-  f as PlayerApi,
-  J as SoundCloudPlayer,
-  A as SoundCloudPlayerApi,
-  Q as VimeoPlayer,
-  K as VimeoPlayerApi,
+  C as PlayerApi,
+  q as SoundCloudPlayer,
+  k as SoundCloudPlayerApi,
+  J as VimeoPlayer,
+  z as VimeoPlayerApi,
   X as YouTubePlayer,
-  T as YouTubePlayerApi,
-  q as useNostalgicDiva
+  K as YouTubePlayerApi,
+  O as useNostalgicDiva
 };
 //# sourceMappingURL=index.es.js.map