first commit

bootstrap/ssr/assets/dash-provider-0e5b2c0e.mjs

@@ -0,0 +1,139 @@
+import { jsx } from "react/jsx-runtime";
+import { useContext, useRef, useState, useCallback, useEffect } from "react";
+import { bJ as PlayerStoreContext, bK as usePlayerStore, bL as useHtmlMediaInternalState, bM as useHtmlMediaEvents, bN as useHtmlMediaApi } from "./user-profile-link-0bca566c.mjs";
+import { supportsMediaSource, MediaPlayer } from "dashjs";
+import "../server-entry.mjs";
+import "react-dom/server";
+import "process";
+import "http";
+import "@tanstack/react-query";
+import "axios";
+import "react-router-dom/server.mjs";
+import "framer-motion";
+import "slugify";
+import "deepmerge";
+import "clsx";
+import "@internationalized/date";
+import "nano-memoize";
+import "zustand";
+import "zustand/middleware/immer";
+import "nanoid";
+import "@react-aria/utils";
+import "@react-aria/focus";
+import "@floating-ui/react-dom";
+import "react-merge-refs";
+import "react-dom";
+import "react-router-dom";
+import "@internationalized/number";
+import "react-hook-form";
+import "dot-object";
+import "@react-stately/utils";
+import "@react-aria/ssr";
+import "immer";
+import "axios-retry";
+import "tus-js-client";
+import "react-use-cookie";
+import "mime-match";
+import "react-use-clipboard";
+import "./OpenInNew-3b47a656.mjs";
+import "fscreen";
+import "zustand/middleware";
+import "zustand/traditional";
+import "@react-aria/interactions";
+function DashProvider() {
+  const store = useContext(PlayerStoreContext);
+  const cuedMedia = usePlayerStore((s) => s.cuedMedia);
+  const videoRef = useRef(null);
+  const htmlMediaState = useHtmlMediaInternalState(videoRef);
+  const htmlMediaEvents = useHtmlMediaEvents(htmlMediaState);
+  const htmlMediaApi = useHtmlMediaApi(htmlMediaState);
+  const dash = useRef();
+  const [dashReady, setDashReady] = useState(false);
+  const destroyDash = useCallback(() => {
+    if (dash.current) {
+      dash.current.destroy();
+      dash.current = void 0;
+      setDashReady(false);
+    }
+  }, []);
+  const setupDash = useCallback(() => {
+    if (!supportsMediaSource()) {
+      store.getState().emit("error", { fatal: true });
+      return;
+    }
+    const dashInstance = MediaPlayer().create();
+    dashInstance.on(MediaPlayer.events.ERROR, (e) => {
+      store.getState().emit("error", { sourceEvent: e });
+    });
+    dashInstance.on(MediaPlayer.events.PLAYBACK_METADATA_LOADED, () => {
+      const levels = dashInstance.getBitrateInfoListFor("video");
+      if (!(levels == null ? void 0 : levels.length))
+        return;
+      store.getState().emit("playbackQualities", {
+        qualities: ["auto", ...levels.map(levelToPlaybackQuality)]
+      });
+      store.getState().emit("playbackQualityChange", { quality: "auto" });
+    });
+    dashInstance.initialize(videoRef.current, void 0, false);
+    dash.current = dashInstance;
+    setDashReady(true);
+  }, [store]);
+  useEffect(() => {
+    setupDash();
+    return () => {
+      destroyDash();
+    };
+  }, [setupDash, destroyDash]);
+  useEffect(() => {
+    if (dash.current && (cuedMedia == null ? void 0 : cuedMedia.src)) {
+      dash.current.attachSource(cuedMedia.src);
+    }
+  }, [cuedMedia == null ? void 0 : cuedMedia.src, dashReady]);
+  useEffect(() => {
+    if (!dashReady)
+      return;
+    store.setState({
+      providerApi: {
+        ...htmlMediaApi,
+        setPlaybackQuality: (quality) => {
+          if (!dash.current)
+            return;
+          const levels = dash.current.getBitrateInfoListFor("video");
+          const index = levels.findIndex(
+            (level) => levelToPlaybackQuality(level) === quality
+          );
+          dash.current.updateSettings({
+            streaming: {
+              abr: {
+                autoSwitchBitrate: {
+                  video: index === -1
+                }
+              }
+            }
+          });
+          if (index >= 0) {
+            dash.current.setQualityFor("video", index);
+          }
+          store.getState().emit("playbackQualityChange", { quality });
+        }
+      }
+    });
+  }, [store, htmlMediaApi, dashReady]);
+  return /* @__PURE__ */ jsx(
+    "video",
+    {
+      className: "h-full w-full",
+      ref: videoRef,
+      playsInline: true,
+      poster: cuedMedia == null ? void 0 : cuedMedia.poster,
+      ...htmlMediaEvents
+    }
+  );
+}
+const levelToPlaybackQuality = (level) => {
+  return level === -1 ? "auto" : `${level.height}p`;
+};
+export {
+  DashProvider as default
+};
+//# sourceMappingURL=dash-provider-0e5b2c0e.mjs.map