hamrahi-player-library 1.0.0

package/dist/main.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/nonStaticVideoTag-CaUIINW6.js

@@ -0,0 +1,137 @@
+import { jsx as L, Fragment as B, jsxs as Q } from "react/jsx-runtime";
+import { u as g, s as v, c as h, C as m, e as P, y as w, z, a as $, m as a, H as r, A as W, j, B as D, D as S, E as I, F as V, G as J, J as F, K as _, L as q, M as K, N as X, O as C, P as Y, Q as k, R as Z, r as ee, S as H, T as ae, U as ne, V as te, W as se, X as ie, Y as de, Z as re, _ as oe, t as le, w as ue } from "./index-2OVdYUgm.js";
+import { useEffect as E, useState as A, useRef as c, useLayoutEffect as ce } from "react";
+import { c as Ee } from "./videoArea-B8winUaa.js";
+import { a as x } from "./user.actions-ChPfxQsM.js";
+import { u as fe, a as he } from "./useHideSubtitle-xaoPFO2J.js";
+const me = () => {
+  let i = null;
+  const { isEnded: s } = g(({ controller: { isEnded: f } }) => ({ isEnded: f }), v);
+  E(() => (i = setInterval(() => x(), Ee), () => clearInterval(i)), []), E(() => {
+    h(m.isEnded) && clearInterval(i);
+  }, [s]);
+}, pe = (i) => {
+  const [s, f] = A([]), [l, u] = A(0), { qualityLevels: o } = g(({ controller: { qualityLevels: n } }) => ({ qualityLevels: n }), v);
+  E(() => {
+    if (i) {
+      let n = [];
+      switch (s.length) {
+        case 0:
+          n = [i];
+          break;
+        case 1:
+          n = [i, ...s];
+          break;
+        case 2:
+          n = [i, ...s], P(
+            w(
+              `${n[0]}P`,
+              `${n[1]}P`,
+              o.indexOf(n[0]) - o.indexOf(n[1])
+            )
+          );
+          break;
+        default:
+          n = [i, s[0], s[1]], n[1] !== n[2] && P(
+            w(
+              `${n[1]}P`,
+              `${n[2]}P`,
+              o.indexOf(n[1]) - o.indexOf(n[2])
+            )
+          );
+          break;
+      }
+      f(n);
+    }
+  }, [i]), E(() => {
+    s.length === 3 && s[0] === s[2] ? (P(z(l, s)), f([]), u(0)) : u((/* @__PURE__ */ new Date()).getTime());
+  }, [s]);
+}, ge = () => {
+  E(() => {
+    const i = () => {
+      x();
+    };
+    return window.addEventListener("beforeunload", i), () => window.removeEventListener("beforeunload", i);
+  }, []);
+}, Te = () => {
+  const [i, s] = A(void 0), f = $(), { params: l, details: u, videoElementSizeInfo: o } = g(
+    ({ videoData: { params: e, details: t, videoElementSizeInfo: d } }) => ({
+      params: e,
+      details: t,
+      videoElementSizeInfo: d
+    }),
+    v
+  ), { currentTime: n, duration: G } = g(
+    ({ controller: { currentTime: e, duration: t, isEnded: d, firstPlay: U } }) => ({
+      currentTime: e,
+      duration: t,
+      isEnded: d,
+      firstPlay: U
+    }),
+    v
+  ), y = c(null), O = c(0), p = c(0), R = c(0), T = c(0), b = c(0), M = c(1), N = c(a() ? a().currentTime : 0);
+  return me(), ge(), ce(() => {
+    let e = new r(W());
+    return j(b), R.current = Date.now(), r.isSupported() ? (e.attachMedia(a()), e.on(r.Events.MEDIA_ATTACHED, () => D(r, e)), e.on(r.Events.FRAG_BUFFERED, () => S(e)), e.on(r.Events.FRAG_CHANGED, (t, d) => I(e, d, s)), e.on(r.Events.FRAG_PARSED, (t, d) => V(e, d, s)), e.on(r.Events.ERROR, (t, d) => J(F(d))), a().addEventListener("waiting", (t) => _(t, p)), a().addEventListener("seeking", (t) => q(t, p)), a().addEventListener("play", (t) => K(t, y)), a().addEventListener(
+      "playing",
+      () => X(
+        M,
+        b,
+        R,
+        T,
+        y,
+        O,
+        p,
+        N
+      )
+    ), a().addEventListener("pause", C), a().addEventListener("timeupdate", Y), a().addEventListener("canplay", k), a().addEventListener("ended", Z), a().addEventListener("error", ee), document.addEventListener("visibilitychange", H)) : a().canPlayType("application/vnd.apple.mpegurl") && (a().src = u.stream_link, a().addEventListener("waiting", (t) => _(t, p)), a().addEventListener("play", (t) => ae(t, y)), a().addEventListener("playing", ne), a().addEventListener("canplay", k), a().addEventListener("timeupdate", te), a().addEventListener("ended", se), a().addEventListener("pause", C), ie()), () => {
+      de(), e.detachMedia(), e.off(r.Events.MEDIA_ATTACHED, () => D(r, e)), e.off(r.Events.FRAG_BUFFERED, () => S(e)), e.off(r.Events.FRAG_CHANGED, (t, d) => I(e, d, s)), e.off(r.Events.FRAG_PARSED, (t, d) => V(e, d, s)), e.off(r.Events.ERROR, (t, d) => F(d)), e.off(r.Events.MANIFEST_PARSED, () => re(e)), document.removeEventListener("visibilitychange", H);
+    };
+  }, [u.stream_link]), E(() => {
+    n < G && h(m.isEnded) && f(oe(!1));
+  }, [n]), E(() => {
+    h(m.hasPlayStatusParams) && (l.playStatus ? a().play() : a().pause());
+  }, [l.playStatus]), pe(i), fe(), he(), /* @__PURE__ */ L(B, { children: /* @__PURE__ */ Q(
+    "video",
+    {
+      poster: l.banner ? l.banner : u.banner,
+      preload: "metadata",
+      crossOrigin: "anonymous",
+      id: "player-tag",
+      playsInline: !0,
+      className: "pl-h-full pl-flex-1 pl-items-center",
+      style: {
+        width: "100%",
+        height: "100%",
+        maxWidth: o.width ? o.width : "100%",
+        maxHeight: o.width ? o.width < o.height ? o.width * 9 / 16 : o.width * 16 / 9 : "100%"
+      },
+      autoPlay: h(m.hasAutoPlay),
+      children: [
+        /* @__PURE__ */ L(
+          "img",
+          {
+            onLoad: () => T.current = Date.now(),
+            src: l.banner ? l.banner : u.banner,
+            alt: l.bannerAlt ? l.bannerAlt : h(m.isStaticFormat) ? "بنر ویدیو پلیر کافه ویدیو" : u.title,
+            className: "pl-size-full"
+          }
+        ),
+        h(m.hasSubtitlesInDetails) && le(u.subtitles).map((e) => /* @__PURE__ */ L(
+          "track",
+          {
+            id: `player-tracker-${e.lang}`,
+            src: e.url,
+            label: ue(e.lang),
+            kind: "subtitles",
+            srcLang: e.lang
+          },
+          e.id
+        ))
+      ]
+    }
+  ) });
+};
+export {
+  Te as default
+};

package/dist/notActive-DokxPXmF.js

@@ -0,0 +1,10 @@
+import { jsxs as e, jsx as l } from "react/jsx-runtime";
+import { I as t } from "./index-2OVdYUgm.js";
+const c = () => /* @__PURE__ */ e("div", { className: "pl-flex pl-h-full pl-w-full pl-flex-col pl-items-center pl-justify-center pl-rounded-2xl", children: [
+  /* @__PURE__ */ l("div", { className: "pl-flex pl-justify-center", children: /* @__PURE__ */ l("img", { src: t.notFound, alt: "", width: 120, height: 70 }) }),
+  /* @__PURE__ */ l("h1", { className: "pl-mb-2 pl-mt-4 pl-text-[12px] pl-font-medium pl-text-black/[0.87]", children: "ویدیویی برای نمایش وجود نداره" }),
+  /* @__PURE__ */ l("p", { className: "pl-text-[12px] pl-font-medium pl-text-black/[0.50]", children: "می‌تونید ویدیوهای مشابه با اون رو مشاهده کنید." })
+] });
+export {
+  c as default
+};

package/dist/staticPlayer-CqHC_NDw.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as o, C as r } from "./index-2OVdYUgm.js";
+import { V as i } from "./videoArea-B8winUaa.js";
+const a = () => /* @__PURE__ */ e(
+  "div",
+  {
+    className: `pl-h-full pl-w-full desktop:pl-aspect-video ${!o(r.isTouchScreen) && !o(r.isFullScreen) && "!pl-rounded-[12px]"}`,
+    children: /* @__PURE__ */ e(i, {})
+  }
+);
+export {
+  a as default
+};

package/dist/staticVideoTag-Bq3QUZG0.js

@@ -0,0 +1,57 @@
+import { jsxs as h, jsx as u } from "react/jsx-runtime";
+import { useRef as n, useEffect as m } from "react";
+import { a as y, u as p, s as f, j as P, c as t, C as i, k as S, l as V, n as b, o as w, p as L, q as v, r as D, t as E, w as R, m as T, x as C } from "./index-2OVdYUgm.js";
+import { u as x, a as A } from "./useHideSubtitle-xaoPFO2J.js";
+const q = () => {
+  const g = y(), { params: e } = p(({ videoData: { params: a } }) => ({ params: a }), f);
+  p(({ controller: { firstPlay: a } }) => ({ firstPlay: a }), f);
+  const s = n(0), r = n(0), o = n(null), l = n(null);
+  return m(() => {
+    P(s), r.current = Date.now();
+  }, []), m(() => {
+    const a = () => {
+      var c;
+      const d = (c = T()) == null ? void 0 : c.getBoundingClientRect();
+      d && g(C(d));
+    };
+    return t(i.isFirstPlay) && a(), window.addEventListener("resize", a), () => {
+      window.removeEventListener("resize", a), clearInterval(l.current);
+    };
+  }, [e.id]), x(), A(), /* @__PURE__ */ h(
+    "video",
+    {
+      poster: e.banner ? e.banner : void 0,
+      preload: "metadata",
+      autoPlay: t(i.hasAutoPlay),
+      id: "player-tag",
+      crossOrigin: "anonymous",
+      className: "pl-h-full pl-w-full pl-flex-1 pl-items-center",
+      onCanPlay: S,
+      onPause: V,
+      onPlay: (a) => b(a, o),
+      onPlaying: () => w(s, r, o),
+      onTimeUpdate: L,
+      onLoadedData: (a) => v(a, l),
+      onError: D,
+      playsInline: !0,
+      "aria-label": e.bannerAlt ? e.bannerAlt : "بنر ویدیو پلیر کافه ویدیو",
+      children: [
+        /* @__PURE__ */ u("source", { src: e.id }),
+        t(i.hasSubtitlesInParams) && E(e.subtitles).map((a) => /* @__PURE__ */ u(
+          "track",
+          {
+            id: `player-tracker-${a.lang}`,
+            src: a.url,
+            label: R(a.lang),
+            kind: "subtitles",
+            srcLang: a.lang
+          },
+          a.id
+        ))
+      ]
+    }
+  );
+};
+export {
+  q as default
+};

package/dist/touchVolumeBrightness-zJwzVg8P.js

@@ -0,0 +1,131 @@
+import { jsx as l, jsxs as p, Fragment as C } from "react/jsx-runtime";
+import { useState as j, useRef as b, useEffect as x } from "react";
+import { a as H, u as T, s as V, I as P, c as N, C as L, b as E, d as w, e as M, f as B, v as z, h as R, i as m, m as k } from "./index-2OVdYUgm.js";
+const A = ({ className: s, onClick: i }) => /* @__PURE__ */ l(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: s,
+    onClick: i,
+    children: /* @__PURE__ */ p("g", { opacity: "0.7", children: [
+      /* @__PURE__ */ l("path", { d: "M11.6997 10.7997C12.2247 10.2747 13.1247 10.6497 13.1247 11.3914V13.833C13.1247 15.2664 12.6081 16.3414 11.6831 16.858C11.3081 17.0664 10.8914 17.1664 10.4581 17.1664C9.79141 17.1664 9.07474 16.9414 8.34141 16.483L7.80807 16.1497C7.35807 15.8664 7.28307 15.233 7.65807 14.858L11.6997 10.7997Z" }),
+      /* @__PURE__ */ l("path", { d: "M18.141 1.85742C17.891 1.60742 17.4827 1.60742 17.2327 1.85742L13.1077 5.98242C13.0577 4.64909 12.5577 3.64909 11.6743 3.15742C10.741 2.64076 9.54935 2.77409 8.33268 3.53242L5.90768 5.04909C5.74102 5.14909 5.54935 5.20742 5.35768 5.20742H4.58268H4.16602C2.14935 5.20742 1.04102 6.31575 1.04102 8.33242V11.6658C1.04102 13.6824 2.14935 14.7908 4.16602 14.7908H4.29935L1.84935 17.2408C1.59935 17.4908 1.59935 17.8991 1.84935 18.1491C1.98268 18.2658 2.14102 18.3324 2.30768 18.3324C2.47435 18.3324 2.63268 18.2658 2.75768 18.1408L18.141 2.75742C18.3994 2.50742 18.3994 2.10742 18.141 1.85742Z" })
+    ] })
+  }
+), $ = ({ className: s, onClick: i }) => /* @__PURE__ */ l(
+  "svg",
+  {
+    width: "13",
+    height: "16",
+    viewBox: "0 0 13 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: s,
+    onClick: i,
+    children: /* @__PURE__ */ l("path", { d: "M10.6827 1.14944C9.74935 0.632778 8.55768 0.766111 7.34102 1.52444L4.90768 3.04944C4.74102 3.14944 4.54935 3.20778 4.35768 3.20778H3.58268H3.16602C1.14935 3.20778 0.0410156 4.31611 0.0410156 6.33278V9.66611C0.0410156 11.6828 1.14935 12.7911 3.16602 12.7911H3.58268H4.35768C4.54935 12.7911 4.74102 12.8494 4.90768 12.9494L7.34102 14.4744C8.07435 14.9328 8.79102 15.1578 9.45768 15.1578C9.89102 15.1578 10.3077 15.0578 10.6827 14.8494C11.6077 14.3328 12.1243 13.2578 12.1243 11.8244V4.17444C12.1243 2.74111 11.6077 1.66611 10.6827 1.14944Z" })
+  }
+), I = () => {
+  const [s, i] = j(""), a = H(), { settings: t } = T(({ user: { settings: r } }) => ({ settings: r }), V), g = b(t.brightness), d = b(t.volume), f = b(s);
+  x(() => {
+    f.current = s;
+  }, [s]), x(() => {
+    let r = 0;
+    const o = (e) => {
+      N(L.hidePopovers) && !E(e, "progress-area") && (r = e.touches[0].clientY);
+    }, c = (e) => {
+      N(L.hidePopovers) && !E(e, "progress-area") && (e.stopPropagation(), e.touches[0].clientX > window.innerWidth / 2 ? y(e, "volume", r, window.innerHeight) : e.touches[0].clientX < window.innerWidth / 2 && y(e, "brightness", r, window.innerHeight));
+    }, u = () => {
+      const { settings: e } = w.getState().user;
+      f.current === "brightness" && g.current !== e.brightness ? (M(B(g.current, e.brightness)), g.current = e.brightness) : f.current === "volume" && d.current !== e.volume && (M(z(d.current, e.volume)), d.current = e.volume), setTimeout(() => i(""), 500);
+    };
+    return document.addEventListener("touchstart", (e) => o(e)), document.addEventListener("touchmove", (e) => c(e)), document.addEventListener("touchend", () => u()), () => {
+      document.removeEventListener("touchstart", (e) => o(e)), document.removeEventListener("touchmove", (e) => c(e)), document.removeEventListener("touchend", () => u());
+    };
+  }, []), x(() => {
+    t.volume === 0 && !s && (d.current = 0);
+  }, [t.volume]);
+  const y = (r, o, c, u) => {
+    const { settings: e } = w.getState().user, { activePointerProgressBar: S } = w.getState().controller;
+    try {
+      S || a(R(!1)), r.stopPropagation(), i(o);
+      const { height: v } = document.getElementsByClassName("pl-bar")[0].getBoundingClientRect();
+      if (o === "volume") {
+        const n = e.volume + (c - r.touches[0].clientY) / 40 * v / u;
+        let h;
+        n > 100 ? h = 100 : n < 0 ? h = 0 : h = Math.ceil(Math.abs(n)), a(m({ ...e, volume: h })), k().volume = h / 100;
+      } else if (o === "brightness") {
+        const n = e.brightness + (c - r.touches[0].clientY) / 40 * v / u;
+        n > 100 ? a(m({ ...e, brightness: 100 })) : n < 0 ? a(m({ ...e, brightness: 0 })) : a(m({ ...e, brightness: Math.ceil(Math.abs(n)) }));
+      }
+    } catch {
+      return !1;
+    }
+  };
+  return /* @__PURE__ */ p("div", { id: "volume-brightness", children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: "pl-fixed pl-right-0 pl-top-0 pl-h-screen pl-w-screen pl-bg-black",
+        style: { opacity: t.brightness < 10 ? 0.9 : 1 - t.brightness / 100 }
+      }
+    ),
+    /* @__PURE__ */ p("div", { className: "pl-absolute pl-right-0 pl-top-0 pl-flex pl-h-full pl-w-full pl-items-center pl-justify-between", children: [
+      /* @__PURE__ */ l("div", { className: "pl-flex pl-h-full pl-flex-1 pl-items-center pl-pr-6", children: /* @__PURE__ */ l(
+        "div",
+        {
+          id: "volume-progressbar",
+          className: `pl-bar pl-relative pl-h-[200px] pl-w-6 ${s === "volume" && "pl-bg-gray-300"} pl-flex pl-max-h-[80vh] pl-items-end pl-justify-end pl-overflow-hidden pl-rounded-[50px]`,
+          children: s === "volume" && /* @__PURE__ */ p(C, { children: [
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: "pl-absolute pl-w-full pl-rounded-b-[50px] pl-bg-secondary-600",
+                style: { height: `${t.volume}%` }
+              }
+            ),
+            /* @__PURE__ */ p("div", { className: "pl-mb-[7px] pl-ml-0.5 pl-flex pl-items-center pl-gap-1", children: [
+              /* @__PURE__ */ p("div", { className: "pl-relative pl-flex pl-items-center", children: [
+                t.volume > 0 && /* @__PURE__ */ l("div", { className: "pl-absolute pl-right-[2px] pl-flex pl-h-2 pl-w-2 pl-items-center pl-justify-center pl-rounded-full pl-border-2 pl-border-r-2 pl-border-transparent pl-border-r-z-yellow-light" }),
+                t.volume > 33 && /* @__PURE__ */ l("div", { className: "pl-absolute pl-right-[-1px] pl-flex pl-h-3 pl-w-3 pl-items-center pl-justify-center pl-rounded-full pl-border-2 pl-border-r-2 pl-border-transparent pl-border-r-z-yellow-light" }),
+                t.volume > 66 && /* @__PURE__ */ l("div", { className: "pl-absolute pl-right-[-4px] pl-flex pl-h-4 pl-w-4 pl-items-center pl-justify-center pl-rounded-full pl-border-2 pl-border-r-2 pl-border-transparent pl-border-r-z-yellow-light" })
+              ] }),
+              t.volume === 0 ? /* @__PURE__ */ l(A, { className: "pl-z-[1] pl-h-[13px] pl-w-[13px] pl-fill-dark-7" }) : /* @__PURE__ */ l($, { className: "pl-z-[1] pl-h-[13px] pl-w-[13px] pl-fill-dark-7" })
+            ] })
+          ] })
+        }
+      ) }),
+      s && /* @__PURE__ */ l("div", { className: "pl-flex pl-h-[54px] pl-w-[54px] pl-items-center pl-justify-center pl-rounded-full pl-bg-secondary-700/[0.8] pl-text-[32px] pl-font-normal pl-text-white", children: s === "volume" ? t.volume : t.brightness }),
+      /* @__PURE__ */ l("div", { className: "pl-flex pl-h-full pl-flex-1 pl-items-center pl-justify-end pl-pl-6", children: /* @__PURE__ */ l(
+        "div",
+        {
+          id: "brightness-progressbar",
+          className: `pl-bar pl-relative pl-h-[200px] pl-w-6 ${s === "brightness" && "pl-bg-gray-300"} pl-flex pl-max-h-[80vh] pl-items-end pl-justify-end pl-overflow-hidden pl-rounded-[50px]`,
+          children: s === "brightness" && /* @__PURE__ */ p(C, { children: [
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: "pl-absolute pl-w-full pl-rounded-b-[50px] pl-bg-primary-600",
+                style: { height: `${t.brightness}%` }
+              }
+            ),
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: "pl-mb-[7px] pl-ml-0.5 pl-flex pl-items-center pl-gap-1",
+                style: { opacity: t.brightness / 100 },
+                children: /* @__PURE__ */ l("img", { alt: "", src: P.sun, className: "pl-size-5 pl-flex-1" })
+              }
+            )
+          ] })
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  I as default
+};

package/dist/useHideSubtitle-xaoPFO2J.js

@@ -0,0 +1,29 @@
+import { useEffect as r } from "react";
+import { a as l, u as c, s as o, c as d, C as p, m as u, a0 as T } from "./index-2OVdYUgm.js";
+const y = () => {
+  const a = l(), { params: e } = c(({ videoData: { params: t } }) => ({ params: t }), o);
+  r(() => {
+    d(p.hasCurrentTimeParams) && (u().currentTime = e.currentTime, a(T(e.currentTime)));
+  }, [e.currentTime]);
+}, C = () => {
+  const { details: a } = c(({ videoData: { details: e } }) => ({ details: e }), o);
+  r(() => {
+    const e = u().getElementsByTagName("track");
+    for (let t = 0; t < e.length; t++)
+      e[t].addEventListener("cuechange", (m) => {
+        const n = m.target.track;
+        let i;
+        n.activeCues && (i = n.activeCues[0]), i && (setTimeout(() => {
+          const s = document.getElementById("subtitle-id");
+          s && (s.style.display = "block");
+        }, 300), i.onexit = () => {
+          const s = document.getElementById("subtitle-id");
+          s && (s.style.display = "none");
+        });
+      });
+  }, [a.subtitles]);
+};
+export {
+  y as a,
+  C as u
+};

package/dist/user.actions-ChPfxQsM.js

@@ -0,0 +1,29 @@
+import { d as n, $ as l, m as s } from "./index-2OVdYUgm.js";
+const v = () => {
+  const { params: a } = n.getState().videoData, o = s().currentTime;
+  if (o !== 0) {
+    const d = s().duration, i = {
+      video_id: +a.id,
+      video_type: 2,
+      time: o === d ? 0 : Math.floor(s().currentTime)
+    };
+    let t = localStorage.getItem("viewedVideos");
+    if (t) {
+      let e = JSON.parse(t);
+      e = e.filter(
+        (r) => r.video_id !== i.video_id || r.video_type !== i.video_type
+      ), e.length < 10 || e.shift(), e.push(i), localStorage.setItem("viewedVideos", JSON.stringify(e));
+    } else localStorage.setItem("viewedVideos", JSON.stringify([i]));
+  }
+}, m = () => {
+  const a = n.dispatch, { params: o } = n.getState().videoData;
+  let d = localStorage.getItem("viewedVideos");
+  if (d) {
+    const t = JSON.parse(d).find((e) => e.video_id === Number(o.id) && e.video_type === 2);
+    t && a(l({ time: t.time }));
+  }
+};
+export {
+  v as a,
+  m as h
+};