@barabel324/react-player 0.0.9 → 0.0.11

package/dist/{index-deKi-pBj.js → index-CLC2KZWC.js}

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { useRef as s, useImperativeHandle as p, useEffect as y } from "react";
-import { u as f } from "./index-Cnbw2ZkR.js";
+import { u as f } from "./index-CbgYp99p.js";
 const m = (t) => {
   const n = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/, o = t.match(n);
   return o && o[7].length === 11 ? o[7] : "";

package/dist/index-CbgYp99p.js

@@ -0,0 +1,179 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { createContext as b, useContext as m, lazy as _, useReducer as g, useMemo as k, useRef as q } from "react";
+function v() {
+  let e, r = "", t = 0;
+  for (; t < arguments.length; ) (e = arguments[t++]) && typeof e == "string" && (r && (r += " "), r += e);
+  return r;
+}
+const E = "_button_1xali_2", R = {
+  button: E
+}, S = ({
+  className: e,
+  onClick: r
+}) => /* @__PURE__ */ a(
+  "button",
+  {
+    className: v(
+      R.button,
+      e
+    ),
+    type: "button",
+    onClick: r
+  }
+), f = {
+  showButton: !1,
+  showPreview: !0,
+  canplay: !1
+}, B = b(f), x = b(() => {
+}), T = () => {
+  const e = m(B);
+  if (e === void 0)
+    throw new Error("usePlayerState нужно использовать внутри PlayerProvider");
+  return e;
+}, C = () => {
+  const e = m(x);
+  if (e === void 0)
+    throw new Error("usePlayerDispatch нужно использовать внутри PlayerProvider");
+  return e;
+}, c = {
+  show: "show",
+  hide: "hide",
+  showButton: "showButton",
+  hideButton: "hideButton",
+  canplay: "canplay"
+}, $ = "_playerPreview_lqhcw_1", D = "_playerPreview__wrapper_lqhcw_7", V = "_playerPreview__wrapper_cursor_lqhcw_11", j = "_playerPreview__button_lqhcw_14", A = "_playerPreview__preview_lqhcw_21", L = "_playerPreview__player_lqhcw_30", o = {
+  playerPreview: $,
+  playerPreview__wrapper: D,
+  playerPreview__wrapper_cursor: V,
+  playerPreview__button: j,
+  playerPreview__preview: A,
+  playerPreview__player: L
+}, O = ({
+  className: e,
+  preview: r,
+  onPlay: t,
+  children: u,
+  buttonComponent: n,
+  previewPictureComponent: l
+}) => {
+  const { showButton: i, showPreview: p, canplay: P } = T(), y = C(), h = () => {
+    P && (y({
+      type: c.hide
+    }), t && t());
+  }, w = !!r || !!l;
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: v(
+        o.playerPreview,
+        e
+      ),
+      children: [
+        (i || w && p) && /* @__PURE__ */ d(
+          "div",
+          {
+            className: v(
+              o.playerPreview__wrapper,
+              i && o.playerPreview__wrapper_cursor
+            ),
+            onClick: h,
+            children: [
+              i && (n ? /* @__PURE__ */ a(n.component, { className: o.playerPreview__button, ...n.props }) : /* @__PURE__ */ a(
+                S,
+                {
+                  className: o.playerPreview__button
+                }
+              )),
+              w && p && (l ? /* @__PURE__ */ a(l.component, { className: o.playerPreview__preview, ...l.props }) : r && /* @__PURE__ */ a("img", { className: o.playerPreview__preview, src: r.src, alt: r.alt ?? "preview" }))
+            ]
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: o.playerPreview__player, children: u })
+      ]
+    }
+  );
+}, s = {
+  youtube: "youtube",
+  rutube: "rutube",
+  video: "video",
+  vk: "vk"
+}, Y = {
+  [s.youtube]: _(async () => await import("./index-CLC2KZWC.js")),
+  [s.rutube]: _(async () => await import("./index-DKL3JxMY.js")),
+  [s.video]: _(async () => await import("./index-hAoMgMeI.js")),
+  [s.vk]: _(async () => await import("./index-DsPXrYFA.js"))
+}, z = (e) => {
+  const r = /^(?:https?:\/\/)?(?:m\.|www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/, t = /^(?:https?:\/\/)?(?:rutu\.be\/|rutube\.ru(\/play\/))/, u = /^(?:https?:\/\/)?(?:www\.|m\.)?(?:vk\.com|vkvideo\.ru)\/.+$/;
+  return t.test(e) ? s.rutube : r.test(e) ? s.youtube : u.test(e) ? s.vk : s.video;
+}, I = "_player_1afml_1", M = {
+  player: I
+}, U = (e, r) => {
+  const { type: t } = r;
+  switch (t) {
+    case c.show:
+      return { ...e, showButton: !0, showPreview: !0 };
+    case c.hide:
+      return { ...e, showButton: !1, showPreview: !1 };
+    case c.showButton:
+      return { ...e, showButton: !0 };
+    case c.hideButton:
+      return { ...e, showButton: !1 };
+    case c.canplay:
+      return { ...e, canplay: !0, showButton: !0 };
+    default:
+      return e;
+  }
+}, F = ({ children: e }) => {
+  const [r, t] = g(U, f);
+  return /* @__PURE__ */ a(B.Provider, { value: r, children: /* @__PURE__ */ a(x.Provider, { value: t, children: e }) });
+}, G = ({
+  children: e,
+  hasPreview: r,
+  ...t
+}) => r ? /* @__PURE__ */ a(
+  O,
+  {
+    ...t,
+    children: e
+  }
+) : e, H = ({
+  className: e,
+  url: r,
+  preview: t,
+  classNames: u,
+  components: n
+}) => {
+  const l = u?.player, i = n?.button, p = n?.previewPicture, P = k(() => {
+    const N = z(r);
+    return Y[N];
+  }, [r]), y = q(null), h = () => {
+    y.current && y.current.play();
+  }, w = !!t || !!p;
+  return /* @__PURE__ */ a(
+    G,
+    {
+      hasPreview: w,
+      className: e,
+      preview: t,
+      onPlay: h,
+      buttonComponent: i,
+      previewPictureComponent: p,
+      children: /* @__PURE__ */ a(
+        P,
+        {
+          className: v(
+            l ?? M.player,
+            !w && e
+          ),
+          ref: y,
+          url: r
+        }
+      )
+    }
+  );
+}, Q = (e) => /* @__PURE__ */ a(F, { children: /* @__PURE__ */ a(H, { ...e }) });
+export {
+  c as P,
+  Q as a,
+  C as u
+};

package/dist/{index-Ce-Fa46G.js → index-DKL3JxMY.js}

@@ -1,35 +1,35 @@
 import { jsx as i } from "react/jsx-runtime";
-import { u as p } from "./index-Cnbw2ZkR.js";
+import { u as p } from "./index-CbgYp99p.js";
 import { useRef as c, useImperativeHandle as f, useEffect as l } from "react";
 const w = ({
-  className: a,
-  ref: s,
-  url: n
+  className: t,
+  ref: a,
+  url: s
 }) => {
-  const e = c(null), r = p(), o = () => {
+  const e = c(null), n = p(), o = () => {
     e.current && e.current.contentWindow?.postMessage(JSON.stringify({
       type: "player:play",
       data: {}
     }), "*");
   };
-  return f(s, () => ({
+  return f(a, () => ({
     play: o
   })), l(() => {
-    const t = (u) => {
+    const r = (u) => {
       if (!e.current) return;
-      JSON.parse(u.data).type === "player:ready" && r({ type: "canplay" });
+      JSON.parse(u.data).type === "player:ready" && n({ type: "canplay" });
     };
-    return window.addEventListener("message", t), () => {
-      window.removeEventListener("message", t);
+    return window.addEventListener("message", r), () => {
+      window.removeEventListener("message", r);
     };
-  }, [r]), /* @__PURE__ */ i(
+  }, []), /* @__PURE__ */ i(
     "iframe",
     {
-      className: a,
+      className: t,
       ref: e,
       width: "100%",
       height: "100%",
-      src: n,
+      src: s,
       allowFullScreen: !0,
       frameBorder: "0"
     }

package/dist/{index-C0CG6pEe.js → index-DsPXrYFA.js}

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as a, useImperativeHandle as l, useEffect as u } from "react";
-import { u as p } from "./index-Cnbw2ZkR.js";
+import { u as p } from "./index-CbgYp99p.js";
 const m = async () => new Promise((t, n) => {
   if (window.VK?.VideoPlayer) {
     t(window.VK);
@@ -54,7 +54,7 @@ const m = async () => new Promise((t, n) => {
       }), () => {
         e.current && e.current.destroy();
       };
-  }, [c]), /* @__PURE__ */ d(
+  }, []), /* @__PURE__ */ d(
     "iframe",
     {
       className: t,

package/dist/{index-Byq3YiGh.js → index-hAoMgMeI.js}

@@ -1,5 +1,5 @@
 import { jsx as y } from "react/jsx-runtime";
-import { u as d, P as t } from "./index-Cnbw2ZkR.js";
+import { u as d, P as t } from "./index-CbgYp99p.js";
 import { useRef as i, useImperativeHandle as P } from "react";
 const v = ({
   className: n,

package/dist/react-player.css

@@ -1 +1 @@
-._button_1xali_2{--idmrp-button-play-size: 3.375rem;--idmrp-button-play-bg: #2D3C31;--idmrp-button-play-triangle-color: #E3DFD7;position:relative;width:var(--idmrp-button-play-size);min-width:var(--idmrp-button-play-size);height:var(--idmrp-button-play-size);background-color:var(--idmrp-button-play-bg);border-radius:50%}._button_1xali_2:before{content:"";position:absolute;top:50%;left:58%;border:.3125rem solid transparent;border-left:.5625rem solid var(--idmrp-button-play-triangle-color);transform:translate(-50%,-50%)}._playerPreview_so1s6_1{position:relative;width:100%;height:100%;object-fit:cover}._playerPreview__wrapper_so1s6_7{position:absolute;inset:0;cursor:pointer}._playerPreview__button_so1s6_12{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}._playerPreview__preview_so1s6_19{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._playerPreview__player_so1s6_28{width:100%;height:100%}._player_1afml_1{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
+._button_1xali_2{--idmrp-button-play-size: 3.375rem;--idmrp-button-play-bg: #2D3C31;--idmrp-button-play-triangle-color: #E3DFD7;position:relative;width:var(--idmrp-button-play-size);min-width:var(--idmrp-button-play-size);height:var(--idmrp-button-play-size);background-color:var(--idmrp-button-play-bg);border-radius:50%}._button_1xali_2:before{content:"";position:absolute;top:50%;left:58%;border:.3125rem solid transparent;border-left:.5625rem solid var(--idmrp-button-play-triangle-color);transform:translate(-50%,-50%)}._playerPreview_lqhcw_1{position:relative;width:100%;height:100%;object-fit:cover}._playerPreview__wrapper_lqhcw_7{position:absolute;inset:0}._playerPreview__wrapper_cursor_lqhcw_11{cursor:pointer}._playerPreview__button_lqhcw_14{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}._playerPreview__preview_lqhcw_21{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._playerPreview__player_lqhcw_30{width:100%;height:100%}._player_1afml_1{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

package/dist/react-player.d.ts

@@ -24,7 +24,7 @@ declare type TClassNames = {
 };
 
 declare type TComp = {
-    component: FCClass;
+    component: any;
     props?: Record<string, any>;
 };
 

package/dist/react-player.js

@@ -1,4 +1,4 @@
-import { a as e } from "./index-Cnbw2ZkR.js";
+import { a as e } from "./index-CbgYp99p.js";
 export {
   e as Player
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barabel324/react-player",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "type": "module",
   "main": "./dist/react-player.js",
   "types": "./dist/react-player.d.ts",

package/dist/index-Cnbw2ZkR.js

@@ -1,175 +0,0 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { createContext as b, useContext as f, useReducer as k, lazy as _, useMemo as N, useRef as E } from "react";
-function h() {
-  let e, t = "", r = 0;
-  for (; r < arguments.length; ) (e = arguments[r++]) && typeof e == "string" && (t && (t += " "), t += e);
-  return t;
-}
-const u = {
-  show: "show",
-  hide: "hide",
-  showButton: "showButton",
-  hideButton: "hideButton",
-  canplay: "canplay"
-}, m = {
-  showButton: !1,
-  showPreview: !0,
-  canplay: !1
-}, R = (e, t) => {
-  const { type: r } = t;
-  switch (r) {
-    case u.show:
-      return { ...e, showButton: !0, showPreview: !0 };
-    case u.hide:
-      return { ...e, showButton: !1, showPreview: !1 };
-    case u.showButton:
-      return { ...e, showButton: !0 };
-    case u.hideButton:
-      return { ...e, showButton: !1 };
-    case u.canplay:
-      return { ...e, canplay: !0, showButton: !0 };
-    default:
-      return e;
-  }
-}, B = b(m), x = b(() => {
-}), S = ({ children: e }) => {
-  const [t, r] = k(R, m);
-  return /* @__PURE__ */ o(B.Provider, { value: t, children: /* @__PURE__ */ o(x.Provider, { value: r, children: e }) });
-}, T = () => {
-  const e = f(B);
-  if (e === void 0)
-    throw new Error("usePlayerState нужно использовать внутри PlayerProvider");
-  return e;
-}, C = () => {
-  const e = f(x);
-  if (e === void 0)
-    throw new Error("usePlayerDispatch нужно использовать внутри PlayerProvider");
-  return e;
-}, $ = "_button_1xali_2", D = {
-  button: $
-}, V = ({
-  className: e,
-  onClick: t
-}) => /* @__PURE__ */ o(
-  "button",
-  {
-    className: h(
-      D.button,
-      e
-    ),
-    type: "button",
-    onClick: t
-  }
-), j = "_playerPreview_so1s6_1", A = "_playerPreview__wrapper_so1s6_7", L = "_playerPreview__button_so1s6_12", O = "_playerPreview__preview_so1s6_19", Y = "_playerPreview__player_so1s6_28", y = {
-  playerPreview: j,
-  playerPreview__wrapper: A,
-  playerPreview__button: L,
-  playerPreview__preview: O,
-  playerPreview__player: Y
-}, z = ({
-  className: e,
-  preview: t,
-  onPlay: r,
-  children: l,
-  buttonComponent: a,
-  previewPictureComponent: n
-}) => {
-  const { showButton: p, showPreview: c, canplay: v } = T(), i = C(), P = () => {
-    v && (i({
-      type: u.hide
-    }), r && r());
-  }, w = !!t || !!n;
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: h(
-        y.playerPreview,
-        e
-      ),
-      children: [
-        (p || t && c) && /* @__PURE__ */ d(
-          "div",
-          {
-            className: y.playerPreview__wrapper,
-            onClick: P,
-            children: [
-              p && (a ? /* @__PURE__ */ o(a.component, { ...a.props }) : /* @__PURE__ */ o(
-                V,
-                {
-                  className: y.playerPreview__button
-                }
-              )),
-              w && c && (n ? /* @__PURE__ */ o(n.component, { ...n.props }) : t && /* @__PURE__ */ o("img", { className: y.playerPreview__preview, src: t.src, alt: t.alt ?? "preview" }))
-            ]
-          }
-        ),
-        /* @__PURE__ */ o("div", { className: y.playerPreview__player, children: l })
-      ]
-    }
-  );
-}, s = {
-  youtube: "youtube",
-  rutube: "rutube",
-  video: "video",
-  vk: "vk"
-}, I = {
-  [s.youtube]: _(async () => await import("./index-deKi-pBj.js")),
-  [s.rutube]: _(async () => await import("./index-Ce-Fa46G.js")),
-  [s.video]: _(async () => await import("./index-Byq3YiGh.js")),
-  [s.vk]: _(async () => await import("./index-C0CG6pEe.js"))
-}, M = (e) => {
-  const t = /^(?:https?:\/\/)?(?:m\.|www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/, r = /^(?:https?:\/\/)?(?:rutu\.be\/|rutube\.ru(\/play\/))/, l = /^(?:https?:\/\/)?(?:www\.|m\.)?(?:vk\.com|vkvideo\.ru)\/.+$/;
-  return r.test(e) ? s.rutube : t.test(e) ? s.youtube : l.test(e) ? s.vk : s.video;
-}, U = "_player_1afml_1", q = {
-  player: U
-}, F = ({
-  children: e,
-  hasPreview: t,
-  ...r
-}) => t ? /* @__PURE__ */ o(
-  z,
-  {
-    ...r,
-    children: e
-  }
-) : e, G = ({
-  className: e,
-  url: t,
-  preview: r,
-  classNames: l,
-  components: a
-}) => {
-  const n = l?.player, p = a?.button, c = a?.previewPicture, v = N(() => {
-    const g = M(t);
-    return I[g];
-  }, [t]), i = E(null), P = () => {
-    i.current && i.current.play();
-  }, w = !!r || !!c;
-  return /* @__PURE__ */ o(
-    F,
-    {
-      hasPreview: w,
-      className: e,
-      preview: r,
-      onPlay: P,
-      buttonComponent: p,
-      previewPictureComponent: c,
-      children: /* @__PURE__ */ o(
-        v,
-        {
-          className: h(
-            n ?? q.player,
-            !w && e
-          ),
-          ref: i,
-          url: t
-        }
-      )
-    }
-  );
-}, K = (e) => /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(G, { ...e }) });
-export {
-  u as P,
-  K as a,
-  C as u
-};