@depup/react-player 3.4.0-depup.0

package/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright © Pete Cook http://cookpete.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,40 @@
+# @depup/react-player
+
+> Dependency-bumped version of [react-player](https://www.npmjs.com/package/react-player)
+
+Generated by [DepUp](https://github.com/depup/npm) -- all production
+dependencies bumped to latest versions.
+
+## Installation
+
+```bash
+npm install @depup/react-player
+```
+
+| Field | Value |
+|-------|-------|
+| Original | [react-player](https://www.npmjs.com/package/react-player) @ 3.4.0 |
+| Processed | 2026-03-17 |
+| Smoke test | passed |
+| Deps updated | 10 |
+
+## Dependency Changes
+
+| Dependency | From | To |
+|------------|------|-----|
+| @mux/mux-player-react | ^3.8.0 | ^3.11.5 |
+| cloudflare-video-element | ^1.3.4 | ^1.3.5 |
+| dash-video-element | ^0.3.0 | ^0.3.1 |
+| hls-video-element | ^1.5.9 | ^1.5.10 |
+| spotify-audio-element | ^1.0.3 | ^1.0.4 |
+| tiktok-video-element | ^0.1.1 | ^0.1.2 |
+| twitch-video-element | ^0.1.5 | ^0.1.6 |
+| vimeo-video-element | ^1.6.1 | ^1.7.0 |
+| wistia-video-element | ^1.3.5 | ^1.3.6 |
+| youtube-video-element | ^1.8.0 | ^1.9.0 |
+
+---
+
+Source: https://github.com/depup/npm | Original: https://www.npmjs.com/package/react-player
+
+License inherited from the original package.

package/changes.json

@@ -0,0 +1,46 @@
+{
+  "bumped": {
+    "@mux/mux-player-react": {
+      "from": "^3.8.0",
+      "to": "^3.11.5"
+    },
+    "cloudflare-video-element": {
+      "from": "^1.3.4",
+      "to": "^1.3.5"
+    },
+    "dash-video-element": {
+      "from": "^0.3.0",
+      "to": "^0.3.1"
+    },
+    "hls-video-element": {
+      "from": "^1.5.9",
+      "to": "^1.5.10"
+    },
+    "spotify-audio-element": {
+      "from": "^1.0.3",
+      "to": "^1.0.4"
+    },
+    "tiktok-video-element": {
+      "from": "^0.1.1",
+      "to": "^0.1.2"
+    },
+    "twitch-video-element": {
+      "from": "^0.1.5",
+      "to": "^0.1.6"
+    },
+    "vimeo-video-element": {
+      "from": "^1.6.1",
+      "to": "^1.7.0"
+    },
+    "wistia-video-element": {
+      "from": "^1.3.5",
+      "to": "^1.3.6"
+    },
+    "youtube-video-element": {
+      "from": "^1.8.0",
+      "to": "^1.9.0"
+    }
+  },
+  "timestamp": "2026-03-17T18:41:46.110Z",
+  "totalUpdated": 10
+}

package/dist/HtmlPlayer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { VideoElementProps } from './types.js';
+declare const HtmlPlayer: React.ForwardRefExoticComponent<Omit<VideoElementProps, "ref"> & React.RefAttributes<HTMLVideoElement>>;
+export default HtmlPlayer;

package/dist/HtmlPlayer.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { AUDIO_EXTENSIONS } from "./patterns.js";
+const HtmlPlayer = React.forwardRef((props, ref) => {
+  const Media = AUDIO_EXTENSIONS.test(`${props.src}`) ? "audio" : "video";
+  return /* @__PURE__ */ React.createElement(Media, { ...props, ref }, props.children);
+});
+var HtmlPlayer_default = HtmlPlayer;
+export {
+  HtmlPlayer_default as default
+};

package/dist/Player.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { PlayerEntry } from './players.js';
+import type { ReactPlayerProps } from './types.js';
+type Player = React.ForwardRefExoticComponent<ReactPlayerProps & {
+    activePlayer: PlayerEntry['player'];
+}>;
+declare const Player: Player;
+export default Player;

package/dist/Player.js

@@ -0,0 +1,98 @@
+import React, { useCallback, useEffect, useRef } from "react";
+const Player = React.forwardRef((props, ref) => {
+  const { playing, pip } = props;
+  const Player2 = props.activePlayer;
+  const playerRef = useRef(null);
+  const startOnPlayRef = useRef(true);
+  useEffect(() => {
+    var _a, _b;
+    if (!playerRef.current) return;
+    if (playerRef.current.paused && playing === true) {
+      playerRef.current.play();
+    }
+    if (!playerRef.current.paused && playing === false) {
+      playerRef.current.pause();
+    }
+    playerRef.current.playbackRate = (_a = props.playbackRate) != null ? _a : 1;
+    playerRef.current.volume = (_b = props.volume) != null ? _b : 1;
+  });
+  useEffect(() => {
+    var _a, _b, _c, _d, _e;
+    if (!playerRef.current || !globalThis.document) return;
+    if (pip && !document.pictureInPictureElement) {
+      try {
+        (_b = (_a = playerRef.current).requestPictureInPicture) == null ? void 0 : _b.call(_a);
+      } catch (err) {
+      }
+    }
+    if (!pip && document.pictureInPictureElement) {
+      try {
+        (_d = (_c = playerRef.current).exitPictureInPicture) == null ? void 0 : _d.call(_c);
+        (_e = document.exitPictureInPicture) == null ? void 0 : _e.call(document);
+      } catch (err) {
+      }
+    }
+  }, [pip]);
+  const handleLoadStart = (event) => {
+    var _a, _b;
+    startOnPlayRef.current = true;
+    (_a = props.onReady) == null ? void 0 : _a.call(props);
+    (_b = props.onLoadStart) == null ? void 0 : _b.call(props, event);
+  };
+  const handlePlay = (event) => {
+    var _a, _b;
+    if (startOnPlayRef.current) {
+      startOnPlayRef.current = false;
+      (_a = props.onStart) == null ? void 0 : _a.call(props, event);
+    }
+    (_b = props.onPlay) == null ? void 0 : _b.call(props, event);
+  };
+  if (!Player2) {
+    return null;
+  }
+  const eventProps = {};
+  const reactPlayerEventHandlers = ["onReady", "onStart"];
+  for (const key in props) {
+    if (key.startsWith("on") && !reactPlayerEventHandlers.includes(key)) {
+      eventProps[key] = props[key];
+    }
+  }
+  return /* @__PURE__ */ React.createElement(
+    Player2,
+    {
+      ...eventProps,
+      style: props.style,
+      className: props.className,
+      slot: props.slot,
+      ref: useCallback(
+        (node) => {
+          playerRef.current = node;
+          if (typeof ref === "function") {
+            ref(node);
+          } else if (ref !== null) {
+            ref.current = node;
+          }
+        },
+        [ref]
+      ),
+      src: props.src,
+      crossOrigin: props.crossOrigin,
+      preload: props.preload,
+      controls: props.controls,
+      muted: props.muted,
+      autoPlay: props.autoPlay,
+      loop: props.loop,
+      playsInline: props.playsInline,
+      disableRemotePlayback: props.disableRemotePlayback,
+      config: props.config,
+      onLoadStart: handleLoadStart,
+      onPlay: handlePlay
+    },
+    props.children
+  );
+});
+Player.displayName = "Player";
+var Player_default = Player;
+export {
+  Player_default as default
+};

package/dist/Preview.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { PreviewProps } from './types';
+declare const Preview: ({ src, light, oEmbedUrl, onClickPreview, playIcon, previewTabIndex, previewAriaLabel, }: PreviewProps) => React.JSX.Element;
+export default Preview;

package/dist/Preview.js

@@ -0,0 +1,100 @@
+import React, { useState, useEffect } from "react";
+const ICON_SIZE = "64px";
+const cache = {};
+const Preview = ({
+  src,
+  light,
+  oEmbedUrl,
+  onClickPreview,
+  playIcon,
+  previewTabIndex,
+  previewAriaLabel
+}) => {
+  const [image, setImage] = useState(null);
+  useEffect(() => {
+    if (!src || !light || !oEmbedUrl) return;
+    fetchImage({ src, light, oEmbedUrl });
+  }, [src, light, oEmbedUrl]);
+  const fetchImage = async ({
+    src: src2,
+    light: light2,
+    oEmbedUrl: oEmbedUrl2
+  }) => {
+    if (React.isValidElement(light2)) {
+      return;
+    }
+    if (typeof light2 === "string") {
+      setImage(light2);
+      return;
+    }
+    if (cache[src2]) {
+      setImage(cache[src2]);
+      return;
+    }
+    setImage(null);
+    const response = await fetch(oEmbedUrl2.replace("{url}", src2));
+    const data = await response.json();
+    if (data.thumbnail_url) {
+      const fetchedImage = data.thumbnail_url.replace("height=100", "height=480").replace("-d_295x166", "-d_640");
+      setImage(fetchedImage);
+      cache[src2] = fetchedImage;
+    }
+  };
+  const handleKeyPress = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      onClickPreview == null ? void 0 : onClickPreview(e);
+    }
+  };
+  const handleClick = (e) => {
+    onClickPreview == null ? void 0 : onClickPreview(e);
+  };
+  const isElement = React.isValidElement(light);
+  const flexCenter = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  };
+  const styles = {
+    preview: {
+      width: "100%",
+      height: "100%",
+      backgroundImage: image && !isElement ? `url(${image})` : void 0,
+      backgroundSize: "cover",
+      backgroundPosition: "center",
+      cursor: "pointer",
+      ...flexCenter
+    },
+    shadow: {
+      background: "radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",
+      borderRadius: ICON_SIZE,
+      width: ICON_SIZE,
+      height: ICON_SIZE,
+      position: isElement ? "absolute" : void 0,
+      ...flexCenter
+    },
+    playIcon: {
+      borderStyle: "solid",
+      borderWidth: "16px 0 16px 26px",
+      borderColor: "transparent transparent transparent white",
+      marginLeft: "7px"
+    }
+  };
+  const defaultPlayIcon = /* @__PURE__ */ React.createElement("div", { style: styles.shadow, className: "react-player__shadow" }, /* @__PURE__ */ React.createElement("div", { style: styles.playIcon, className: "react-player__play-icon" }));
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: styles.preview,
+      className: "react-player__preview",
+      tabIndex: previewTabIndex,
+      onClick: handleClick,
+      onKeyDown: handleKeyPress,
+      ...previewAriaLabel ? { "aria-label": previewAriaLabel } : {}
+    },
+    isElement ? light : null,
+    playIcon || defaultPlayIcon
+  );
+};
+var Preview_default = Preview;
+export {
+  Preview_default as default
+};

package/dist/ReactPlayer.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { ReactPlayerProps } from './types.js';
+import type { PlayerEntry } from './players.js';
+type ReactPlayer = React.ForwardRefExoticComponent<Omit<ReactPlayerProps, 'ref'> & React.RefAttributes<HTMLVideoElement>> & Partial<{
+    addCustomPlayer: (player: PlayerEntry) => void;
+    removeCustomPlayers: () => void;
+    canPlay: (src: string) => boolean;
+    canEnablePIP: (src: string) => boolean;
+}>;
+export declare const createReactPlayer: (players: PlayerEntry[], playerFallback: PlayerEntry) => ReactPlayer;
+export {};

package/dist/ReactPlayer.js

@@ -0,0 +1,109 @@
+import React, { lazy, Suspense, useEffect, useState } from "react";
+import { defaultProps } from "./props.js";
+import Player from "./Player.js";
+const Preview = lazy(() => import(
+  /* webpackChunkName: 'reactPlayerPreview' */
+  "./Preview.js"
+));
+const customPlayers = [];
+const createReactPlayer = (players, playerFallback) => {
+  const getActivePlayer = (src) => {
+    for (const player of [...customPlayers, ...players]) {
+      if (src && player.canPlay(src)) {
+        return player;
+      }
+    }
+    if (playerFallback) {
+      return playerFallback;
+    }
+    return null;
+  };
+  const ReactPlayer = React.forwardRef((_props, ref) => {
+    const props = { ...defaultProps, ..._props };
+    const { src, slot, className, style, width, height, fallback, wrapper } = props;
+    const [showPreview, setShowPreview] = useState(!!props.light);
+    useEffect(() => {
+      if (props.light) {
+        setShowPreview(true);
+      } else {
+        setShowPreview(false);
+      }
+    }, [props.light]);
+    const handleClickPreview = (e) => {
+      var _a;
+      setShowPreview(false);
+      (_a = props.onClickPreview) == null ? void 0 : _a.call(props, e);
+    };
+    const renderPreview = (src2) => {
+      if (!src2) return null;
+      const { light, playIcon, previewTabIndex, oEmbedUrl, previewAriaLabel } = props;
+      return /* @__PURE__ */ React.createElement(
+        Preview,
+        {
+          src: src2,
+          light,
+          playIcon,
+          previewTabIndex,
+          previewAriaLabel,
+          oEmbedUrl,
+          onClickPreview: handleClickPreview
+        }
+      );
+    };
+    const renderActivePlayer = (src2) => {
+      var _a, _b;
+      const player = getActivePlayer(src2);
+      if (!player) return null;
+      const { style: style2, width: width2, height: height2, wrapper: wrapper2 } = props;
+      const config = (_a = props.config) == null ? void 0 : _a[player.key];
+      return /* @__PURE__ */ React.createElement(
+        Player,
+        {
+          ...props,
+          ref,
+          activePlayer: (_b = player.player) != null ? _b : player,
+          slot: wrapper2 ? void 0 : slot,
+          className: wrapper2 ? void 0 : className,
+          style: wrapper2 ? { display: "block", width: "100%", height: "100%" } : { display: "block", width: width2, height: height2, ...style2 },
+          config
+        }
+      );
+    };
+    const Wrapper = wrapper == null ? ForwardChildren : wrapper;
+    const UniversalSuspense = fallback === false ? ForwardChildren : Suspense;
+    return /* @__PURE__ */ React.createElement(Wrapper, { slot, className, style: { width, height, ...style } }, /* @__PURE__ */ React.createElement(UniversalSuspense, { fallback }, showPreview ? renderPreview(src) : renderActivePlayer(src)));
+  });
+  ReactPlayer.displayName = "ReactPlayer";
+  ReactPlayer.addCustomPlayer = (player) => {
+    customPlayers.push(player);
+  };
+  ReactPlayer.removeCustomPlayers = () => {
+    customPlayers.length = 0;
+  };
+  ReactPlayer.canPlay = (src) => {
+    if (src) {
+      for (const Player2 of [...customPlayers, ...players]) {
+        if (Player2.canPlay(src)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+  ReactPlayer.canEnablePIP = (src) => {
+    var _a;
+    if (src) {
+      for (const Player2 of [...customPlayers, ...players]) {
+        if (Player2.canPlay(src) && ((_a = Player2.canEnablePIP) == null ? void 0 : _a.call(Player2))) {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+  return ReactPlayer;
+};
+const ForwardChildren = ({ children }) => children;
+export {
+  createReactPlayer
+};

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<Omit<import("./types.js").ReactPlayerProps, "ref"> & import("react").RefAttributes<HTMLVideoElement>> & Partial<{
+    addCustomPlayer: (player: import("./players.js").PlayerEntry) => void;
+    removeCustomPlayers: () => void;
+    canPlay: (src: string) => boolean;
+    canEnablePIP: (src: string) => boolean;
+}>;
+export default _default;

package/dist/index.js

@@ -0,0 +1,8 @@
+"use client";
+import players from "./players.js";
+import { createReactPlayer } from "./ReactPlayer.js";
+const fallback = players[players.length - 1];
+var src_default = createReactPlayer(players, fallback);
+export {
+  src_default as default
+};

package/dist/patterns.d.ts

@@ -0,0 +1,23 @@
+export declare const AUDIO_EXTENSIONS: RegExp;
+export declare const VIDEO_EXTENSIONS: RegExp;
+export declare const HLS_EXTENSIONS: RegExp;
+export declare const DASH_EXTENSIONS: RegExp;
+export declare const MATCH_URL_MUX: RegExp;
+export declare const MATCH_URL_YOUTUBE: RegExp;
+export declare const MATCH_URL_VIMEO: RegExp;
+export declare const MATCH_URL_WISTIA: RegExp;
+export declare const MATCH_URL_SPOTIFY: RegExp;
+export declare const MATCH_URL_TWITCH: RegExp;
+export declare const MATCH_URL_TIKTOK: RegExp;
+export declare const canPlay: {
+    html: (url: string) => boolean;
+    hls: (url: string) => boolean;
+    dash: (url: string) => boolean;
+    mux: (url: string) => boolean;
+    youtube: (url: string) => boolean;
+    vimeo: (url: string) => boolean;
+    wistia: (url: string) => boolean;
+    spotify: (url: string) => boolean;
+    twitch: (url: string) => boolean;
+    tiktok: (url: string) => boolean;
+};

package/dist/patterns.js

@@ -0,0 +1,51 @@
+const AUDIO_EXTENSIONS = /\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;
+const VIDEO_EXTENSIONS = /\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i;
+const HLS_EXTENSIONS = /\.(m3u8)($|\?)/i;
+const DASH_EXTENSIONS = /\.(mpd)($|\?)/i;
+const MATCH_URL_MUX = /stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/;
+const MATCH_URL_YOUTUBE = /(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//;
+const MATCH_URL_VIMEO = /vimeo\.com\/(?!progressive_redirect).+/;
+const MATCH_URL_WISTIA = /(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/;
+const MATCH_URL_SPOTIFY = /open\.spotify\.com\/(\w+)\/(\w+)/i;
+const MATCH_URL_TWITCH = /(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+|(videos?\/|\?video=)\d+)($|\?)/;
+const MATCH_URL_TIKTOK = /tiktok\.com\/(?:player\/v1\/|share\/video\/|@[^/]+\/video\/)([0-9]+)/;
+const canPlayFile = (url, test) => {
+  if (Array.isArray(url)) {
+    for (const item of url) {
+      if (typeof item === "string" && canPlayFile(item, test)) {
+        return true;
+      }
+      if (canPlayFile(item.src, test)) {
+        return true;
+      }
+    }
+    return false;
+  }
+  return test(url);
+};
+const canPlay = {
+  html: (url) => canPlayFile(url, (u) => AUDIO_EXTENSIONS.test(u) || VIDEO_EXTENSIONS.test(u)),
+  hls: (url) => canPlayFile(url, (u) => HLS_EXTENSIONS.test(u)),
+  dash: (url) => canPlayFile(url, (u) => DASH_EXTENSIONS.test(u)),
+  mux: (url) => MATCH_URL_MUX.test(url),
+  youtube: (url) => MATCH_URL_YOUTUBE.test(url),
+  vimeo: (url) => MATCH_URL_VIMEO.test(url) && !VIDEO_EXTENSIONS.test(url) && !HLS_EXTENSIONS.test(url),
+  wistia: (url) => MATCH_URL_WISTIA.test(url),
+  spotify: (url) => MATCH_URL_SPOTIFY.test(url),
+  twitch: (url) => MATCH_URL_TWITCH.test(url),
+  tiktok: (url) => MATCH_URL_TIKTOK.test(url)
+};
+export {
+  AUDIO_EXTENSIONS,
+  DASH_EXTENSIONS,
+  HLS_EXTENSIONS,
+  MATCH_URL_MUX,
+  MATCH_URL_SPOTIFY,
+  MATCH_URL_TIKTOK,
+  MATCH_URL_TWITCH,
+  MATCH_URL_VIMEO,
+  MATCH_URL_WISTIA,
+  MATCH_URL_YOUTUBE,
+  VIDEO_EXTENSIONS,
+  canPlay
+};

package/dist/players.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { VideoElementProps } from './types.js';
+export type PlayerEntry = {
+    key: string;
+    name: string;
+    canPlay: (src: string) => boolean;
+    canEnablePIP?: () => boolean;
+    player?: React.ComponentType<VideoElementProps> | React.LazyExoticComponent<React.ComponentType<VideoElementProps>>;
+};
+declare const Players: PlayerEntry[];
+export default Players;

package/dist/players.js

@@ -0,0 +1,122 @@
+import { lazy } from "react";
+import { canPlay } from "./patterns.js";
+import HtmlPlayer from "./HtmlPlayer.js";
+const Players = [
+  {
+    key: "hls",
+    name: "hls.js",
+    canPlay: canPlay.hls,
+    canEnablePIP: () => true,
+    player: lazy(
+      () => import(
+        /* webpackChunkName: 'reactPlayerHls' */
+        "hls-video-element/react"
+      )
+    )
+  },
+  {
+    key: "dash",
+    name: "dash.js",
+    canPlay: canPlay.dash,
+    canEnablePIP: () => true,
+    player: lazy(
+      () => import(
+        /* webpackChunkName: 'reactPlayerDash' */
+        "dash-video-element/react"
+      )
+    )
+  },
+  {
+    key: "mux",
+    name: "Mux",
+    canPlay: canPlay.mux,
+    canEnablePIP: () => true,
+    player: lazy(
+      () => import(
+        /* webpackChunkName: 'reactPlayerMux' */
+        "@mux/mux-player-react"
+      )
+    )
+  },
+  {
+    key: "youtube",
+    name: "YouTube",
+    canPlay: canPlay.youtube,
+    player: lazy(
+      () => import(
+        /* webpackChunkName: 'reactPlayerYouTube' */
+        "youtube-video-element/react"
+      )
+    )
+  },
+  {
+    key: "vimeo",
+    name: "Vimeo",
+    canPlay: canPlay.vimeo,
+    player: lazy(
+      () => import(
+        /* webpackChunkName: 'reactPlayerVimeo' */
+        "vimeo-video-element/react"
+      )
+    )
+  },
+  {
+    key: "wistia",
+    name: "Wistia",
+    canPlay: canPlay.wistia,
+    canEnablePIP: () => true,
+    player: lazy(
+      () => import(
+        /* webpackChunkName: 'reactPlayerWistia' */
+        "wistia-video-element/react"
+      )
+    )
+  },
+  {
+    key: "spotify",
+    name: "Spotify",
+    canPlay: canPlay.spotify,
+    canEnablePIP: () => false,
+    player: lazy(
+      () => import(
+        /* webpackChunkName: 'reactPlayerSpotify' */
+        "spotify-audio-element/react"
+      )
+    )
+  },
+  {
+    key: "twitch",
+    name: "Twitch",
+    canPlay: canPlay.twitch,
+    canEnablePIP: () => false,
+    player: lazy(
+      () => import(
+        /* webpackChunkName: 'reactPlayerTwitch' */
+        "twitch-video-element/react"
+      )
+    )
+  },
+  {
+    key: "tiktok",
+    name: "TikTok",
+    canPlay: canPlay.tiktok,
+    canEnablePIP: () => false,
+    player: lazy(
+      () => import(
+        /* webpackChunkName: 'reactPlayerTiktok' */
+        "tiktok-video-element/react"
+      )
+    )
+  },
+  {
+    key: "html",
+    name: "html",
+    canPlay: canPlay.html,
+    canEnablePIP: () => true,
+    player: HtmlPlayer
+  }
+];
+var players_default = Players;
+export {
+  players_default as default
+};

package/dist/props.d.ts

@@ -0,0 +1,2 @@
+import type { ReactPlayerProps } from './types.js';
+export declare const defaultProps: ReactPlayerProps;

package/dist/props.js

@@ -0,0 +1,30 @@
+const defaultProps = {
+  // Falsy values don't need to be defined
+  //
+  // native video attrs
+  // src: undefined,
+  // preload: undefined,
+  // crossOrigin: undefined,
+  // autoPlay: false,
+  // muted: false,
+  // loop: false,
+  // controls: false,
+  // playsInline: false,
+  // disableRemotePlayback: false,
+  width: "320px",
+  height: "180px",
+  // native video props
+  volume: 1,
+  playbackRate: 1,
+  // custom props
+  // playing: undefined,
+  // pip: false,
+  // light: false,
+  // fallback: null,
+  previewTabIndex: 0,
+  previewAriaLabel: "",
+  oEmbedUrl: "https://noembed.com/embed?url={url}"
+};
+export {
+  defaultProps
+};

package/dist/types.d.ts

@@ -0,0 +1,53 @@
+import type { MediaHTMLAttributes, SyntheticEvent } from 'react';
+import type HlsVideoElement from 'hls-video-element';
+import type SpotifyAudioElement from 'spotify-audio-element';
+import type YouTubeVideoElement from 'youtube-video-element';
+import type VimeoVideoElement from 'vimeo-video-element';
+import type TwitchVideoElement from 'twitch-video-element';
+import type TikTokVideoElement from 'tiktok-video-element';
+interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+    height?: number | string | undefined;
+    playsInline?: boolean | undefined;
+    poster?: string | undefined;
+    width?: number | string | undefined;
+    disablePictureInPicture?: boolean | undefined;
+    disableRemotePlayback?: boolean | undefined;
+    onEnterPictureInPicture?: ((this: HTMLVideoElement, ev: Event) => void) | undefined;
+    onLeavePictureInPicture?: ((this: HTMLVideoElement, ev: Event) => void) | undefined;
+}
+export interface VideoElementProps extends React.DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> {
+    playbackRate?: number;
+    volume?: number;
+    config?: Config;
+}
+export interface ReactPlayerProps extends PreviewProps, VideoElementProps {
+    config?: Config;
+    fallback?: React.ReactNode;
+    onReady?: () => void;
+    onStart?: (event: SyntheticEvent<HTMLVideoElement>) => void;
+    pip?: boolean;
+    playing?: boolean;
+    wrapper?: string | React.ComponentType<React.HTMLAttributes<HTMLDivElement>>;
+}
+export interface PreviewProps {
+    src?: string;
+    light?: boolean | string | React.ReactElement;
+    oEmbedUrl?: string;
+    onClickPreview?: (event: React.SyntheticEvent) => void;
+    playIcon?: React.ReactNode;
+    previewAriaLabel?: string;
+    previewTabIndex?: number;
+}
+export interface Config {
+    dash?: Record<string, unknown>;
+    hls?: HlsVideoElement['config'];
+    html?: Record<string, unknown>;
+    mux?: Record<string, unknown>;
+    spotify?: SpotifyAudioElement['config'];
+    tiktok?: TikTokVideoElement['config'];
+    twitch?: TwitchVideoElement['config'];
+    vimeo?: VimeoVideoElement['config'];
+    wistia?: Record<string, unknown>;
+    youtube?: YouTubeVideoElement['config'];
+}
+export {};

package/package.json

@@ -0,0 +1,160 @@
+{
+  "name": "@depup/react-player",
+  "version": "3.4.0-depup.0",
+  "description": "[DepUp] A React component for playing a variety of URLs, including file paths, Mux, YouTube, Vimeo, and Wistia",
+  "author": "Pete Cook (https://github.com/cookpete)",
+  "license": "MIT",
+  "homepage": "https://github.com/cookpete/react-player",
+  "bugs": {
+    "url": "https://github.com/cookpete/react-player/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cookpete/react-player.git"
+  },
+  "files": [
+    "dist",
+    "changes.json",
+    "README.md"
+  ],
+  "main": "dist/index.js",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "default": "./dist/*.js"
+    }
+  },
+  "scripts": {
+    "clean": "rimraf dist demo coverage",
+    "start": "run-p 'types -- -w' 'build:esm -- --watch=forever' 'build:demo -- --watch=forever --servedir=demo'",
+    "lint": "biome lint src/*",
+    "test": "tester test/*.tsx test/*/*.tsx test/*.js test/*/*.js --outdir=disttest --platform=node --format=esm --bundle --external:sinon --external:zora --target=esnext --sourcemap=inline",
+    "test:coverage": "c8 --src src --exclude 'test/**' --exclude 'node_modules/**' --exclude 'scripts/**' --exclude-after-remap npm test",
+    "test:codecov": "npm run test:coverage && c8 report --reporter json && codecov -f coverage/coverage-final.json",
+    "types": "tsc",
+    "build": "run-s types build:*",
+    "build:esm": "builder \"src/**/*.*s*\" --outdir=dist --format=esm",
+    "prebuild:demo": "rimraf demo && cp -r examples/react/public demo",
+    "build:demo": "builder ./examples/react/src/index.js --format=esm --splitting --bundle --outdir=demo --minify",
+    "preversion": "run-s lint test",
+    "version": "auto-changelog -p && git add CHANGELOG.md",
+    "postpublish": "npm run clean"
+  },
+  "peerDependencies": {
+    "@types/react": "^17.0.0 || ^18 || ^19",
+    "react": "^17.0.2 || ^18 || ^19",
+    "react-dom": "^17.0.2 || ^18 || ^19"
+  },
+  "dependencies": {
+    "@mux/mux-player-react": "^3.11.5",
+    "cloudflare-video-element": "^1.3.5",
+    "dash-video-element": "^0.3.1",
+    "hls-video-element": "^1.5.10",
+    "spotify-audio-element": "^1.0.4",
+    "tiktok-video-element": "^0.1.2",
+    "twitch-video-element": "^0.1.6",
+    "vimeo-video-element": "^1.7.0",
+    "wistia-video-element": "^1.3.6",
+    "youtube-video-element": "^1.9.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "1.8.2",
+    "@types/node": "^20.14.6",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-test-renderer": "^18.3.0",
+    "auto-changelog": "^2.0.0",
+    "builder": "file:./scripts/builder",
+    "c8": "^8.0.1",
+    "codecov": "^3.6.5",
+    "cross-env": "^7.0.2",
+    "esbuild": "^0.21.5",
+    "npm-run-all": "^4.1.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-test-renderer": "^18.3.1",
+    "rimraf": "^3.0.2",
+    "screenfull": "^5.0.2",
+    "sinon": "^16.0.0",
+    "tester": "file:./scripts/tester",
+    "typescript": "^5.4.5",
+    "zora": "^5.2.0"
+  },
+  "auto-changelog": {
+    "breakingPattern": "Breaking changes:"
+  },
+  "sideEffects": [
+    "./test/**/*"
+  ],
+  "keywords": [
+    "depup",
+    "dependency-bumped",
+    "updated-deps",
+    "react-player",
+    "react",
+    "media",
+    "player",
+    "video",
+    "audio",
+    "youtube",
+    "vimeo",
+    "wistia",
+    "hls",
+    "dash",
+    "react-component"
+  ],
+  "depup": {
+    "changes": {
+      "@mux/mux-player-react": {
+        "from": "^3.8.0",
+        "to": "^3.11.5"
+      },
+      "cloudflare-video-element": {
+        "from": "^1.3.4",
+        "to": "^1.3.5"
+      },
+      "dash-video-element": {
+        "from": "^0.3.0",
+        "to": "^0.3.1"
+      },
+      "hls-video-element": {
+        "from": "^1.5.9",
+        "to": "^1.5.10"
+      },
+      "spotify-audio-element": {
+        "from": "^1.0.3",
+        "to": "^1.0.4"
+      },
+      "tiktok-video-element": {
+        "from": "^0.1.1",
+        "to": "^0.1.2"
+      },
+      "twitch-video-element": {
+        "from": "^0.1.5",
+        "to": "^0.1.6"
+      },
+      "vimeo-video-element": {
+        "from": "^1.6.1",
+        "to": "^1.7.0"
+      },
+      "wistia-video-element": {
+        "from": "^1.3.5",
+        "to": "^1.3.6"
+      },
+      "youtube-video-element": {
+        "from": "^1.8.0",
+        "to": "^1.9.0"
+      }
+    },
+    "depsUpdated": 10,
+    "originalPackage": "react-player",
+    "originalVersion": "3.4.0",
+    "processedAt": "2026-03-17T18:41:59.597Z",
+    "smokeTest": "passed"
+  }
+}