@aigamo/hydrangean-diva 0.0.1-alpha.59 → 0.0.1-alpha.60

package/dist/index.es.js

@@ -5,14 +5,24 @@ import Fo from "ajv";
 import { computed as f, action as u, makeObservable as ae, observable as te, reaction as Mo } from "mobx";
 import { useLocalStorageState as bt } from "@aigamo/route-sphere";
 import { pull as vt } from "lodash-es";
-import { useNostalgicDiva as Ge, nullPlayerController as Do, NostalgicDivaProvider as Bo, NostalgicDiva as $o, findVideoService as No } from "@aigamo/nostalgic-diva";
-import { EuiPageTemplate as Je, EuiSpacer as St, EuiButtonIcon as ie, EuiHideFor as mt, EuiFlexGroup as be, EuiIcon as z, EuiContextMenu as Pt, EuiButtonEmpty as It, EuiPopover as Ke, EuiFormRow as Ve, EuiRange as Dr, EuiFlexItem as K, EuiBottomBar as jo, useGeneratedHtmlId as Vt, EuiModalHeaderTitle as Ut, EuiModalHeader as Wt, EuiForm as qt, EuiFieldText as gt, EuiModalBody as Ht, EuiModalFooter as Gt, EuiButton as J, EuiModal as Jt, useEuiTheme as Xe, EuiCheckbox as Ct, EuiTableHeaderCellCheckbox as Br, EuiTableHeaderCell as Te, EuiTableHeader as Kt, EuiTableRowCell as xe, EuiTableRowCellCheckbox as $r, EuiLink as Xt, EuiTableRow as Zt, EuiTable as er, EuiEmptyPrompt as Lo, EuiConfirmModal as Qo } from "@elastic/eui";
+import { useNostalgicDiva as Ge, nullPlayerController as Do, NostalgicDivaProvider as Bo, NostalgicDiva as $o, findVideoService as jo } from "@aigamo/nostalgic-diva";
+import { EuiPageTemplate as Je, EuiSpacer as St, EuiButtonIcon as ie, EuiHideFor as mt, EuiFlexGroup as be, EuiIcon as z, EuiContextMenu as Pt, EuiButtonEmpty as It, EuiPopover as Ke, EuiFormRow as Ve, EuiRange as Dr, EuiFlexItem as K, EuiBottomBar as No, useGeneratedHtmlId as Vt, EuiModalHeaderTitle as Ut, EuiModalHeader as Wt, EuiForm as qt, EuiFieldText as gt, EuiModalBody as Ht, EuiModalFooter as Gt, EuiButton as J, EuiModal as Jt, useEuiTheme as Xe, EuiCheckbox as Ct, EuiTableHeaderCellCheckbox as Br, EuiTableHeaderCell as Te, EuiTableHeader as Kt, EuiTableRowCell as xe, EuiTableRowCellCheckbox as $r, EuiLink as Xt, EuiTableRow as Zt, EuiTable as er, EuiEmptyPrompt as Lo, EuiConfirmModal as Qo } from "@elastic/eui";
 import { observer as P } from "mobx-react-lite";
-import { ArrowShuffleFilled as zo, ArrowShuffleOffFilled as Yo, PreviousFilled as Vo, SkipBack10Regular as Nr, PauseFilled as Uo, PlayFilled as Wo, SkipForward30Regular as jr, NextFilled as qo, ArrowRepeat1Filled as Ho, ArrowRepeatAllFilled as Go, ArrowRepeatAllOffFilled as Jo, OpenRegular as Ko, Speaker2Regular as Lr, TopSpeedRegular as Xo, DismissRegular as Ze, MoreHorizontalFilled as tr, NavigationPlayRegular as Zo, AddRegular as ke, DeleteRegular as Qr, ArrowUploadRegular as zr, ArrowDownloadRegular as Yr, PlayRegular as rr, RenameRegular as en } from "@fluentui/react-icons";
+import { ArrowShuffleFilled as zo, ArrowShuffleOffFilled as Yo, PreviousFilled as Vo, SkipBack10Regular as jr, PauseFilled as Uo, PlayFilled as Wo, SkipForward30Regular as Nr, NextFilled as qo, ArrowRepeat1Filled as Ho, ArrowRepeatAllFilled as Go, ArrowRepeatAllOffFilled as Jo, OpenRegular as Ko, Speaker2Regular as Lr, TopSpeedRegular as Xo, DismissRegular as Ze, MoreHorizontalFilled as tr, NavigationPlayRegular as Zo, AddRegular as ke, DeleteRegular as Qr, ArrowUploadRegular as zr, ArrowDownloadRegular as Yr, PlayRegular as rr, RenameRegular as en } from "@fluentui/react-icons";
 import Se from "ez-modal-react";
 import { ReactSortable as or } from "react-sortablejs";
 import { useRouter as nr } from "@tanstack/react-router";
-const Vr = 81;
+const Vr = 81, ir = new Map(
+  Object.entries({
+    Audio: "",
+    Dailymotion: "https://www.dailymotion.com/favicon.ico",
+    Niconico: "https://www.nicovideo.jp/favicon.ico",
+    SoundCloud: "https://soundcloud.com/favicon.ico",
+    Twitch: "https://www.twitch.tv/favicon.ico",
+    Vimeo: "https://vimeo.com/favicon.ico",
+    YouTube: "https://www.youtube.com/favicon.ico"
+  })
+);
 var yt = { exports: {} }, ze = {};
 var Cr;
 function tn() {
@@ -183,27 +193,27 @@ function rn() {
         Pe < 0 && F("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var $e = re.ReactCurrentDispatcher, Ne;
+    var $e = re.ReactCurrentDispatcher, je;
     function we(n, c, p) {
       {
-        if (Ne === void 0)
+        if (je === void 0)
           try {
             throw Error();
           } catch (E) {
             var v = E.stack.trim().match(/\n( *(at )?)/);
-            Ne = v && v[1] || "";
+            je = v && v[1] || "";
           }
         return `
-` + Ne + n;
+` + je + n;
       }
     }
-    var je = !1, Ee;
+    var Ne = !1, Ee;
     {
       var At = typeof WeakMap == "function" ? WeakMap : Map;
       Ee = new At();
     }
     function h(n, c) {
-      if (!n || je)
+      if (!n || Ne)
         return "";
       {
         var p = Ee.get(n);
@@ -211,7 +221,7 @@ function rn() {
           return p;
       }
       var v;
-      je = !0;
+      Ne = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var k;
@@ -268,7 +278,7 @@ function rn() {
             }
         }
       } finally {
-        je = !1, $e.current = k, _t(), Error.prepareStackTrace = E;
+        Ne = !1, $e.current = k, _t(), Error.prepareStackTrace = E;
       }
       var _e = n ? n.displayName || n.name : "", Ce = _e ? we(_e) : "";
       return typeof n == "function" && Ee.set(n, Ce), Ce;
@@ -756,13 +766,13 @@ function an() {
     function $e(h) {
       return L(h) === q;
     }
-    function Ne(h) {
+    function je(h) {
       return L(h) === W;
     }
     function we(h) {
       return L(h) === r;
     }
-    function je(h) {
+    function Ne(h) {
       return L(h) === s;
     }
     function Ee(h) {
@@ -771,7 +781,7 @@ function an() {
     function At(h) {
       return L(h) === T;
     }
-    O.AsyncMode = d, O.ConcurrentMode = oe, O.ContextConsumer = Me, O.ContextProvider = nt, O.Element = it, O.ForwardRef = Et, O.Fragment = Rt, O.Lazy = at, O.Memo = fe, O.Portal = ve, O.Profiler = Pe, O.StrictMode = st, O.Suspense = lt, O.isAsyncMode = ct, O.isConcurrentMode = Be, O.isContextConsumer = ut, O.isContextProvider = dt, O.isElement = pt, O.isForwardRef = Ot, O.isFragment = _t, O.isLazy = $e, O.isMemo = Ne, O.isPortal = we, O.isProfiler = je, O.isStrictMode = Ee, O.isSuspense = At, O.isValidElementType = H, O.typeOf = L;
+    O.AsyncMode = d, O.ConcurrentMode = oe, O.ContextConsumer = Me, O.ContextProvider = nt, O.Element = it, O.ForwardRef = Et, O.Fragment = Rt, O.Lazy = at, O.Memo = fe, O.Portal = ve, O.Profiler = Pe, O.StrictMode = st, O.Suspense = lt, O.isAsyncMode = ct, O.isConcurrentMode = Be, O.isContextConsumer = ut, O.isContextProvider = dt, O.isElement = pt, O.isForwardRef = Ot, O.isFragment = _t, O.isLazy = $e, O.isMemo = je, O.isPortal = we, O.isProfiler = Ne, O.isStrictMode = Ee, O.isSuspense = At, O.isValidElementType = H, O.typeOf = L;
   })()), O;
 }
 var Rr;
@@ -953,7 +963,7 @@ var yn = /[A-Z]|^ms/g, hn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Wr = function(t) {
   return t.charCodeAt(1) === 45;
 }, _r = function(t) {
   return t != null && typeof t != "boolean";
-}, Nt = /* @__PURE__ */ mn(function(e) {
+}, jt = /* @__PURE__ */ mn(function(e) {
   return Wr(e) ? e : e.replace(yn, "-$&").toLowerCase();
 }), Ar = function(t, r) {
   switch (t) {
@@ -1023,16 +1033,16 @@ function vn(e, t, r) {
       var l = r[s];
       if (typeof l != "object") {
         var y = l;
-        _r(y) && (a += Nt(s) + ":" + Ar(s, y) + ";");
+        _r(y) && (a += jt(s) + ":" + Ar(s, y) + ";");
       } else if (Array.isArray(l) && typeof l[0] == "string" && t == null)
         for (var m = 0; m < l.length; m++)
-          _r(l[m]) && (a += Nt(s) + ":" + Ar(s, l[m]) + ";");
+          _r(l[m]) && (a += jt(s) + ":" + Ar(s, l[m]) + ";");
       else {
         var g = We(e, t, l);
         switch (s) {
           case "animation":
           case "animationName": {
-            a += Nt(s) + ":" + g + ";";
+            a += jt(s) + ":" + g + ";";
             break;
           }
           default:
@@ -1130,12 +1140,12 @@ const wn = ({
   bottomBar: "BottomBarStore",
   playlistList: "PlaylistListStore",
   playlist: (e) => `PlaylistStore/${e}`
-}, Jr = qe(void 0), X = () => Ae(Jr), jt = new Fo({
+}, Jr = qe(void 0), X = () => Ae(Jr), Nt = new Fo({
   coerceTypes: !0
 });
-function ir(e, t) {
+function ar(e, t) {
   let r;
-  if (r = jt.getSchema(t), r === void 0 && (jt.addSchema(e, t), r = jt.getSchema(t)), r === void 0 || r.schema !== e)
+  if (r = Nt.getSchema(t), r === void 0 && (Nt.addSchema(e, t), r = Nt.getSchema(t)), r === void 0 || r.schema !== e)
     throw new Error(
       `Invalid schema. Expected: '${JSON.stringify(
         e
@@ -1176,7 +1186,7 @@ class Kr {
     this.bottomBar.repeat = t.repeat ?? B.Off, this.bottomBar.shuffle = t.shuffle ?? !1;
   }
   validateState(t) {
-    return ir(
+    return ar(
       On,
       "BottomBarLocalStorageState"
     )(t);
@@ -1516,7 +1526,7 @@ var Bn = Object.defineProperty, $n = Object.getOwnPropertyDescriptor, V = (e, t,
     (l = e[s]) && (i = (a ? l(t, r, i) : l(i)) || i);
   return a && i && Bn(t, r, i), i;
 };
-const N = class Qt {
+const j = class Qt {
   constructor(t, r) {
     this.playQueue = t, this.dto = r, ae(this), this.id = Qt.nextId++;
   }
@@ -1604,72 +1614,72 @@ const N = class Qt {
 };
 V([
   te
-], N.prototype, "isSelected", 2);
+], j.prototype, "isSelected", 2);
 V([
   f
-], N.prototype, "isCurrent", 1);
+], j.prototype, "isCurrent", 1);
 V([
   f
-], N.prototype, "index", 1);
+], j.prototype, "index", 1);
 V([
   f
-], N.prototype, "isFirst", 1);
+], j.prototype, "isFirst", 1);
 V([
   f
-], N.prototype, "isLast", 1);
+], j.prototype, "isLast", 1);
 V([
   f
-], N.prototype, "canMoveToTop", 1);
+], j.prototype, "canMoveToTop", 1);
 V([
   f
-], N.prototype, "canMoveToBottom", 1);
+], j.prototype, "canMoveToBottom", 1);
 V([
   f
-], N.prototype, "canRemoveToTop", 1);
+], j.prototype, "canRemoveToTop", 1);
 V([
   f
-], N.prototype, "canRemoveOthers", 1);
+], j.prototype, "canRemoveOthers", 1);
 V([
   u.bound
-], N.prototype, "unselect", 1);
+], j.prototype, "unselect", 1);
 V([
   u.bound
-], N.prototype, "select", 1);
+], j.prototype, "select", 1);
 V([
   u.bound
-], N.prototype, "toggleSelected", 1);
+], j.prototype, "toggleSelected", 1);
 V([
   u.bound
-], N.prototype, "play", 1);
+], j.prototype, "play", 1);
 V([
   u.bound
-], N.prototype, "remove", 1);
+], j.prototype, "remove", 1);
 V([
   u.bound
-], N.prototype, "playFirst", 1);
+], j.prototype, "playFirst", 1);
 V([
   u.bound
-], N.prototype, "playNext", 1);
+], j.prototype, "playNext", 1);
 V([
   u.bound
-], N.prototype, "addToPlayQueue", 1);
+], j.prototype, "addToPlayQueue", 1);
 V([
   u.bound
-], N.prototype, "moveToTop", 1);
+], j.prototype, "moveToTop", 1);
 V([
   u.bound
-], N.prototype, "moveToBottom", 1);
+], j.prototype, "moveToBottom", 1);
 V([
   u.bound
-], N.prototype, "removeToTop", 1);
+], j.prototype, "removeToTop", 1);
 V([
   u.bound
-], N.prototype, "removeOthers", 1);
-let Nn = N;
-var jn = Object.defineProperty, Ln = Object.getOwnPropertyDescriptor, b = (e, t, r, a) => {
+], j.prototype, "removeOthers", 1);
+let jn = j;
+var Nn = Object.defineProperty, Ln = Object.getOwnPropertyDescriptor, b = (e, t, r, a) => {
   for (var i = a > 1 ? void 0 : a ? Ln(t, r) : t, s = e.length - 1, l; s >= 0; s--)
     (l = e[s]) && (i = (a ? l(t, r, i) : l(i)) || i);
-  return a && i && jn(t, r, i), i;
+  return a && i && Nn(t, r, i), i;
 };
 class oo {
   constructor(t) {
@@ -1688,7 +1698,7 @@ class oo {
     ) ?? [], this.playQueue.currentIndex = t.currentIndex;
   }
   validateState(t) {
-    return ir(Dn, "PlayQueueDto")(t);
+    return ar(Dn, "PlayQueueDto")(t);
   }
 }
 b([
@@ -1702,7 +1712,7 @@ class S {
     ae(this), this.localStorageState = new oo(this);
   }
   createItemFromDto(t) {
-    return Nn.fromDto(this, {
+    return jn.fromDto(this, {
       url: t.url,
       type: t.type,
       videoId: t.videoId,
@@ -2250,7 +2260,7 @@ const Jn = ({
     {
       title: "Skip back 10 seconds",
       "aria-label": "Skip back 10 seconds",
-      iconType: Nr,
+      iconType: jr,
       size: "s",
       iconSize: "l",
       onClick: e.skipBack10,
@@ -2292,7 +2302,7 @@ const Jn = ({
     {
       title: "Skip forward 30 seconds",
       "aria-label": "Skip forward 30 seconds",
-      iconType: jr,
+      iconType: Nr,
       size: "s",
       iconSize: "l",
       onClick: e.skipForward30,
@@ -2351,15 +2361,7 @@ const Jn = ({
       ]
     }
   );
-}), ar = {
-  Audio: "",
-  Dailymotion: "https://www.dailymotion.com/favicon.ico",
-  Niconico: "https://www.nicovideo.jp/favicon.ico",
-  SoundCloud: "https://soundcloud.com/favicon.ico",
-  Twitch: "https://www.twitch.tv/favicon.ico",
-  Vimeo: "https://vimeo.com/favicon.ico",
-  YouTube: "https://www.youtube.com/favicon.ico"
-}, si = de(
+}), si = de(
   ({ item: e, closePopover: t }) => {
     const r = $(
       ({
@@ -2420,7 +2422,7 @@ const Jn = ({
         button: /* @__PURE__ */ o(
           It,
           {
-            iconType: ar[e.type],
+            iconType: ir.get(e.type),
             size: "s",
             onClick: a,
             children: e.title
@@ -2577,13 +2579,13 @@ const Jn = ({
             },
             {
               name: "Skip back 10 seconds",
-              icon: /* @__PURE__ */ o(z, { type: Nr }),
+              icon: /* @__PURE__ */ o(z, { type: jr }),
               onClick: a,
               disabled: !t.canSkipBack10
             },
             {
               name: "Skip forward 30 seconds",
-              icon: /* @__PURE__ */ o(z, { type: jr }),
+              icon: /* @__PURE__ */ o(z, { type: Nr }),
               onClick: i,
               disabled: !t.canSkipForward30
             },
@@ -2721,7 +2723,7 @@ const Jn = ({
     }
   );
 }), Ia = P(
-  ({ onClickPlayQueueButton: e }) => /* @__PURE__ */ o(jo, { paddingSize: "s", children: /* @__PURE__ */ w(be, { direction: "column", gutterSize: "none", children: [
+  ({ onClickPlayQueueButton: e }) => /* @__PURE__ */ o(No, { paddingSize: "s", children: /* @__PURE__ */ w(be, { direction: "column", gutterSize: "none", children: [
     /* @__PURE__ */ o(K, { children: /* @__PURE__ */ o(gi, {}) }),
     /* @__PURE__ */ o(K, { children: /* @__PURE__ */ w(be, { responsive: !1, children: [
       /* @__PURE__ */ o(K, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(ci, {}) }),
@@ -2789,7 +2791,7 @@ const Si = Se.create(
             g.preventDefault();
             try {
               m(!0);
-              const I = No(a);
+              const I = jo(a);
               if (I === void 0)
                 return;
               const T = I.extractVideoId(a);
@@ -3090,7 +3092,7 @@ const Si = Se.create(
     /* @__PURE__ */ o(xe, { textOnly: !1, children: /* @__PURE__ */ o(
       "img",
       {
-        src: ar[e.type],
+        src: ir.get(e.type),
         width: 16,
         height: 16,
         alt: e.type
@@ -3408,7 +3410,7 @@ const Si = Se.create(
     ),
     /* @__PURE__ */ o(Bi, { item: e })
   ] })
-), Ni = P(
+), ji = P(
   ({ item: e }) => /* @__PURE__ */ w(Zt, { isSelected: e.isCurrent, children: [
     /* @__PURE__ */ o($r, { children: /* @__PURE__ */ o(
       Ct,
@@ -3421,7 +3423,7 @@ const Si = Se.create(
     /* @__PURE__ */ o(xe, { textOnly: !1, children: /* @__PURE__ */ o(
       "img",
       {
-        src: ar[e.type],
+        src: ir.get(e.type),
         width: 16,
         height: 16,
         alt: e.type
@@ -3430,20 +3432,20 @@ const Si = Se.create(
     /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ o(Xt, { href: e.url, target: "_blank", external: !0, children: e.title }) }),
     /* @__PURE__ */ o($i, { item: e })
   ] })
-), ji = P(
+), Ni = P(
   ({ playlist: e }) => /* @__PURE__ */ o(
     or,
     {
       tag: "tbody",
       list: e.items,
       setList: (t) => e.setItems(t),
-      children: e.items.map((t) => /* @__PURE__ */ o(Ni, { item: t }, t.id))
+      children: e.items.map((t) => /* @__PURE__ */ o(ji, { item: t }, t.id))
     }
   )
 ), Li = P(
   ({ playlist: e }) => /* @__PURE__ */ w(er, { children: [
     /* @__PURE__ */ o(Mi, { playlist: e }),
-    /* @__PURE__ */ o(ji, { playlist: e })
+    /* @__PURE__ */ o(Ni, { playlist: e })
   ] })
 ), Qi = P(
   ({ playlist: e }) => {
@@ -3519,7 +3521,7 @@ var Yi = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, U = (e, t,
     (l = e[s]) && (i = (a ? l(t, r, i) : l(i)) || i);
   return a && i && Yi(t, r, i), i;
 };
-const j = class Yt {
+const N = class Yt {
   constructor(t, r, a) {
     this.playQueue = t, this.playlist = r, this.dto = a, ae(this), this.id = Yt.nextId++;
   }
@@ -3612,68 +3614,68 @@ const j = class Yt {
 };
 U([
   te
-], j.prototype, "isSelected", 2);
+], N.prototype, "isSelected", 2);
 U([
   f
-], j.prototype, "isCurrent", 1);
+], N.prototype, "isCurrent", 1);
 U([
   f
-], j.prototype, "index", 1);
+], N.prototype, "index", 1);
 U([
   f
-], j.prototype, "isFirst", 1);
+], N.prototype, "isFirst", 1);
 U([
   f
-], j.prototype, "isLast", 1);
+], N.prototype, "isLast", 1);
 U([
   f
-], j.prototype, "canMoveToTop", 1);
+], N.prototype, "canMoveToTop", 1);
 U([
   f
-], j.prototype, "canMoveToBottom", 1);
+], N.prototype, "canMoveToBottom", 1);
 U([
   f
-], j.prototype, "canRemoveToTop", 1);
+], N.prototype, "canRemoveToTop", 1);
 U([
   f
-], j.prototype, "canRemoveOthers", 1);
+], N.prototype, "canRemoveOthers", 1);
 U([
   u.bound
-], j.prototype, "unselect", 1);
+], N.prototype, "unselect", 1);
 U([
   u.bound
-], j.prototype, "select", 1);
+], N.prototype, "select", 1);
 U([
   u.bound
-], j.prototype, "toggleSelected", 1);
+], N.prototype, "toggleSelected", 1);
 U([
   u.bound
-], j.prototype, "play", 1);
+], N.prototype, "play", 1);
 U([
   u.bound
-], j.prototype, "remove", 1);
+], N.prototype, "remove", 1);
 U([
   u.bound
-], j.prototype, "playFirst", 1);
+], N.prototype, "playFirst", 1);
 U([
   u.bound
-], j.prototype, "playNext", 1);
+], N.prototype, "playNext", 1);
 U([
   u.bound
-], j.prototype, "addToPlayQueue", 1);
+], N.prototype, "addToPlayQueue", 1);
 U([
   u.bound
-], j.prototype, "moveToTop", 1);
+], N.prototype, "moveToTop", 1);
 U([
   u.bound
-], j.prototype, "moveToBottom", 1);
+], N.prototype, "moveToBottom", 1);
 U([
   u.bound
-], j.prototype, "removeToTop", 1);
+], N.prototype, "removeToTop", 1);
 U([
   u.bound
-], j.prototype, "removeOthers", 1);
-let Ui = j;
+], N.prototype, "removeOthers", 1);
+let Ui = N;
 var Wi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, M = (e, t, r, a) => {
   for (var i = a > 1 ? void 0 : a ? qi(t, r) : t, s = e.length - 1, l; s >= 0; s--)
     (l = e[s]) && (i = (a ? l(t, r, i) : l(i)) || i);
@@ -3707,7 +3709,7 @@ class ao {
     this.playlist.items = t.items?.map((r) => this.playlist.createItemFromDto(r)) ?? [];
   }
   validateState(t) {
-    return ir(
+    return ar(
       Hi,
       "PlaylistLocalStorageState"
     )(t);
@@ -4088,6 +4090,7 @@ export {
   B as RepeatMode,
   Vr as bottomBarHeight,
   tt as usePlayQueue,
-  Un as usePlaylistList
+  Un as usePlaylistList,
+  ir as videoServiceIcons
 };
 //# sourceMappingURL=index.es.js.map