Update dependencies. (#321)

* Update dependencies. * Check hls.js versions. --------- Co-authored-by: Igor Zolotarenko <[email protected]>
Novage · Dec 26, 2023 · a1b80ae · a1b80ae
1 parent ba0976e
commit a1b80ae
Show file tree

Hide file tree

Showing 18 changed files with 957 additions and 1,107 deletions.
diff --git a/.prettierrc.common.cjs b/.prettierrc.common.cjs
@@ -1,4 +1,5 @@
 module.exports = {
   editorconfig: true,
   singleQuote: false,
+  trailingComma: "es5"
 };
diff --git a/p2p-media-loader-demo/.eslintrc.cjs b/p2p-media-loader-demo/.eslintrc.cjs
@@ -1,18 +1,18 @@
 module.exports = {
-    env: {es2020: true},
-    extends: ["../.eslintrc.common.cjs", "plugin:react-hooks/recommended"],
-    parser: "@typescript-eslint/parser",
-    parserOptions: {
-        ecmaVersion: "latest",
-        sourceType: "module",
-        project: "tsconfig.json",
-        tsconfigRootDir: __dirname,
-    },
-    plugins: ["react-refresh"],
-    rules: {
-        "react-refresh/only-export-components": "warn",
-        "@typescript-eslint/ban-ts-comment": 0,
-        "react-hooks/exhaustive-deps": 0,
-        "@typescript-eslint/no-explicit-any": 0
-    },
+  env: { es2020: true },
+  extends: ["../.eslintrc.common.cjs", "plugin:react-hooks/recommended"],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module",
+    project: "tsconfig.json",
+    tsconfigRootDir: __dirname,
+  },
+  plugins: ["react-refresh"],
+  rules: {
+    "react-refresh/only-export-components": "warn",
+    "@typescript-eslint/ban-ts-comment": 0,
+    "react-hooks/exhaustive-deps": 0,
+    "@typescript-eslint/no-explicit-any": 0,
+  },
 };
diff --git a/p2p-media-loader-demo/index.html b/p2p-media-loader-demo/index.html
@@ -1,16 +1,29 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + React + TS</title>
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clappr@latest"></script>
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/clappr/clappr-level-selector-plugin@latest/dist/level-selector.min.js"></script>
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/shaka-player@~4.4.0/dist/shaka-player.compiled.min.js"></script>
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/clappr/dash-shaka-playback@latest/dist/dash-shaka-playback.external.js"></script>
-</head>
-<body>
-<div id="root"></div>
-<script type="module" src="/src/main.tsx"></script>
-</body>
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/hls.js@latest/dist/hls.min.js"></script>
+    <script
+      type="text/javascript"
+      src="https://cdn.jsdelivr.net/npm/clappr@latest"
+    ></script>
+    <script
+      type="text/javascript"
+      src="https://cdn.jsdelivr.net/gh/clappr/clappr-level-selector-plugin@latest/dist/level-selector.min.js"
+    ></script>
+    <script
+      type="text/javascript"
+      src="https://cdn.jsdelivr.net/npm/shaka-player@latest/dist/shaka-player.compiled.min.js"
+    ></script>
+    <script
+      type="text/javascript"
+      src="https://cdn.jsdelivr.net/gh/clappr/dash-shaka-playback@latest/dist/dash-shaka-playback.external.js"
+    ></script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
 </html>
diff --git a/p2p-media-loader-demo/package.json b/p2p-media-loader-demo/package.json
@@ -13,20 +13,19 @@
   },
   "dependencies": {
     "dplayer": "^1.27.1",
-    "hls.js": "^1.4.5",
     "mux.js": "^6.3.0",
     "p2p-media-loader-hlsjs": "workspace:*",
     "p2p-media-loader-shaka": "workspace:*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@types/dplayer": "^1.25.2",
-    "@types/react": "^18.2.9",
-    "@types/react-dom": "^18.2.4",
-    "@vitejs/plugin-react": "^4.0.0",
+    "@types/dplayer": "^1.25.5",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "@vitejs/plugin-react": "^4.2.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.1",
-    "vite-plugin-node-polyfills": "^0.14.1"
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "vite-plugin-node-polyfills": "^0.18.0"
   }
 }
diff --git a/p2p-media-loader-demo/src/App.tsx b/p2p-media-loader-demo/src/App.tsx
@@ -1,7 +1,6 @@
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { Engine as HlsJsEngine } from "p2p-media-loader-hlsjs";
 import { Engine as ShakaEngine } from "p2p-media-loader-shaka";
-import Hls from "hls.js";
 import DPlayer from "dplayer";
 import muxjs from "mux.js";
 import debug from "debug";
@@ -50,11 +49,11 @@ const streamUrls = {
 
 function App() {
   const [playerType, setPlayerType] = useState<Player | undefined>(
-    localStorage.player
+    localStorage.player,
   );
   const [streamUrl, setStreamUrl] = useState<string>(localStorage.streamUrl);
   const shakaInstance = useRef<shaka.Player>();
-  const hlsInstance = useRef<Hls>();
+  const hlsInstance = useRef<any>();
   const containerRef = useRef<HTMLDivElement>(null);
   const videoRef = useRef<HTMLVideoElement>(null);
   const [httpLoaded, setHttpLoaded] = useState<number>(0);
@@ -63,13 +62,13 @@ function App() {
     "httpLoaded",
     0,
     (v) => v.toString(),
-    (v) => (v !== null ? +v : 0)
+    (v) => (v !== null ? +v : 0),
   );
   const [p2pLoadedGlob, setP2PLoadedGlob] = useLocalStorageItem<number>(
     "p2pLoaded",
     0,
     (v) => v.toString(),
-    (v) => (v !== null ? +v : 0)
+    (v) => (v !== null ? +v : 0),
   );
 
   const hlsEngine = useRef<HlsJsEngine>();
@@ -97,7 +96,7 @@ function App() {
 
   useEffect(() => {
     if (
-      !Hls.isSupported() ||
+      !window.Hls.isSupported() ||
       (window as unknown as ExtendedWindow).videoPlayer
     ) {
       return;
@@ -113,15 +112,16 @@ function App() {
     createNewPlayer();
   }, [playerType]);
 
-  const setPlayerToWindow = (player: DPlayer | ShakaPlayer | Hls) => {
+  const setPlayerToWindow = (
+    player: DPlayer | ShakaPlayer | typeof window.Hls,
+  ) => {
     (window as unknown as ExtendedWindow).videoPlayer = player;
   };
 
   const initHlsJsPlayer = (url: string) => {
-    if (!videoRef.current) return;
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    const engine = hlsEngine.current!;
-    const hls = new Hls({
+    if (!videoRef.current || !hlsEngine.current) return;
+    const engine = hlsEngine.current;
+    const hls = new window.Hls({
       ...engine.getConfig(),
     });
     engine.setHls(hls);
@@ -132,7 +132,7 @@ function App() {
   };
 
   const initHlsDPlayer = (url: string) => {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    if (!hlsEngine.current) return;
     const engine = hlsEngine.current!;
     const player = new DPlayer({
       container: containerRef.current,
@@ -141,7 +141,7 @@ function App() {
         type: "customHls",
         customType: {
           customHls: (video: HTMLVideoElement) => {
-            const hls = new Hls({
+            const hls = new window.Hls({
               ...engine.getConfig(),
               liveSyncDurationCount: 7,
             });
@@ -406,12 +406,12 @@ function LoggersSelect() {
       setTimeout(() => debug.enable(localStorage.debug), 0);
       if (!storageItem) return [];
       return storageItem.split(",");
-    }
+    },
   );
 
   const onChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
     setActiveLoggers(
-      Array.from(event.target.selectedOptions, (option) => option.value)
+      Array.from(event.target.selectedOptions, (option) => option.value),
     );
   };
 
@@ -452,10 +452,10 @@ function useLocalStorageItem<T>(
   prop: string,
   initValue: T,
   valueToStorageItem: (value: T) => string | null,
-  storageItemToValue: (storageItem: string | null) => T
+  storageItemToValue: (storageItem: string | null) => T,
 ): [T, React.Dispatch<React.SetStateAction<T>>] {
   const [value, setValue] = useState<T>(
-    storageItemToValue(localStorage[prop]) ?? initValue
+    storageItemToValue(localStorage[prop]) ?? initValue,
   );
   const setValueExternal = useCallback((value: T | ((prev: T) => T)) => {
     setValue(value);

diff --git a/p2p-media-loader-demo/src/global.d.ts b/p2p-media-loader-demo/src/global.d.ts
@@ -4,6 +4,8 @@ declare global {
     LevelSelector: any;
     DashShakaPlayback: any;
     shaka: any;
+    muxjs: any;
+    Hls: any;
   }
 }
 

diff --git a/p2p-media-loader-demo/src/main.tsx b/p2p-media-loader-demo/src/main.tsx
@@ -5,5 +5,5 @@ import App from "./App";
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 );
diff --git a/package.json b/package.json
@@ -14,22 +14,17 @@
     "type-check": "pnpm --recursive run type-check"
   },
   "devDependencies": {
-    "@types/debug": "^4.1.8",
-    "@typescript-eslint/eslint-plugin": "^5.59.2",
-    "@typescript-eslint/parser": "^5.59.2",
-    "eslint": "^8.39.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "prettier": "^2.8.8",
-    "rimraf": "^5.0.0",
-    "typescript": "^5.0.2",
-    "vite": "^4.3.2"
+    "@types/debug": "^4.1.12",
+    "@typescript-eslint/eslint-plugin": "^6.15.0",
+    "@typescript-eslint/parser": "^6.15.0",
+    "eslint": "^8.56.0",
+    "eslint-plugin-prettier": "^5.1.2",
+    "prettier": "^3.1.1",
+    "rimraf": "^5.0.5",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.10"
   },
   "dependencies": {
     "debug": "^4.3.4"
-  },
-  "pnpm": {
-    "patchedDependencies": {
-      "[email protected]": "patches/[email protected]"
-    }
   }
 }
diff --git a/packages/p2p-media-loader-core/package.json b/packages/p2p-media-loader-core/package.json
@@ -27,9 +27,7 @@
     "type-check": "npx tsc --noEmit"
   },
   "dependencies": {
-    "bittorrent-tracker": "10.0.12",
+    "bittorrent-tracker": "^11.0.0",
     "nano-md5": "^1.0.5"
-  },
-  "devDependencies": {
   }
 }
diff --git a/packages/p2p-media-loader-core/src/event-dispatcher.ts b/packages/p2p-media-loader-core/src/event-dispatcher.ts
@@ -1,7 +1,7 @@
 export class EventDispatcher<
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   T extends { [key: string]: (...args: any[]) => void | Promise<void> },
-  K extends keyof T = keyof T
+  K extends keyof T = keyof T,
 > {
   private readonly listeners = new Map<keyof T, Set<T[K]>>();
 

diff --git a/packages/p2p-media-loader-core/src/request.ts b/packages/p2p-media-loader-core/src/request.ts
@@ -292,9 +292,12 @@ type RequestErrorType =
   | HttpRequestErrorType;
 
 export class RequestError<
-  T extends RequestErrorType = RequestErrorType
+  T extends RequestErrorType = RequestErrorType,
 > extends Error {
-  constructor(readonly type: T, message?: string) {
+  constructor(
+    readonly type: T,
+    message?: string
+  ) {
     super(message);
   }
 

diff --git a/packages/p2p-media-loader-core/src/types.d.ts b/packages/p2p-media-loader-core/src/types.d.ts
@@ -34,7 +34,7 @@ export type StreamWithSegments<
   TMap extends ReadonlyLinkedMap<string, SegmentBase> = LinkedMap<
     string,
     Segment
-  >
+  >,
 > = TStream & {
   readonly segments: TMap;
 };

diff --git a/packages/p2p-media-loader-core/tsconfig.json b/packages/p2p-media-loader-core/tsconfig.json
@@ -3,7 +3,7 @@
   "compilerOptions": {
     "outDir": "lib",
     "rootDir": "src",
-    "tsBuildInfoFile": "./build/.tsbuildinfo",
+    "tsBuildInfoFile": "./build/.tsbuildinfo"
   },
   "include": ["src/**/*"]
 }
diff --git a/packages/p2p-media-loader-hlsjs/package.json b/packages/p2p-media-loader-hlsjs/package.json
@@ -28,7 +28,7 @@
     "type-check": "npx tsc --noEmit"
   },
   "dependencies": {
-    "hls.js": "^1.4.5",
+    "hls.js": "^1.4.14",
     "p2p-media-loader-core": "workspace:*"
   }
 }
diff --git a/packages/p2p-media-loader-shaka/package.json b/packages/p2p-media-loader-shaka/package.json
@@ -29,6 +29,6 @@
   },
   "dependencies": {
     "p2p-media-loader-core": "workspace:*",
-    "shaka-player": "^4.3.7"
+    "shaka-player": "^4.7.1"
   }
 }
diff --git a/packages/p2p-media-loader-shaka/src/manifest-parser-decorator.ts b/packages/p2p-media-loader-shaka/src/manifest-parser-decorator.ts
@@ -24,6 +24,14 @@ export class ManifestParserDecorator implements shaka.extern.ManifestParser {
     return this.originalManifestParser.configure(config);
   }
 
+  banLocation(uri: string): unknown {
+    return this.originalManifestParser.banLocation(uri);
+  }
+
+  onInitialVariantChosen(variant: shaka.extern.Variant): unknown {
+    return this.originalManifestParser.onInitialVariantChosen(variant);
+  }
+
   private setP2PMediaLoaderData(p2pml?: P2PMLShakaData) {
     if (!p2pml) return;
     this.segmentManager = p2pml.segmentManager;
-Original file line number
+Diff line change
@@ Expand Up / @@ -34,7 +34,7 @@ export type StreamWithSegments< @@
       TMap extends ReadonlyLinkedMap<string, SegmentBase> = LinkedMap<
         string,
         Segment
-      >
+      >,
     > = TStream & {
       readonly segments: TMap;
     };
@@ Expand Down @@