Remove youtube.js from web app

CHANGELOG.md

@@ -7,7 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-- Nothing worth mentioning yet.
+### Removed
+
+- [YouTube.js](https://github.com/LuanRT/YouTube.js) from web app. It is no longer needed, so this reduces app size.
 
 ## [0.35.0] - 2024-12-24
 

playlet-lib/src/components/Web/PlayletWebServer/PlayletWebServer.bs

@@ -11,7 +11,6 @@ import "pkg:/components/Web/PlayletWebServer/Middleware/PlayletInvidiousBackendR
 import "pkg:/components/Web/PlayletWebServer/Middleware/PlayletLibUrlsRouter.bs"
 import "pkg:/components/Web/PlayletWebServer/Middleware/PreferencesRouter.bs"
 import "pkg:/components/Web/PlayletWebServer/Middleware/ProfilesRouter.bs"
-import "pkg:/components/Web/PlayletWebServer/Middleware/ProxyRouter.bs"
 import "pkg:/components/Web/PlayletWebServer/Middleware/RegistryRouter.bs"
 import "pkg:/components/Web/PlayletWebServer/Middleware/SearchHistoryRouter.bs"
 import "pkg:/components/Web/PlayletWebServer/Middleware/StateApiRouter.bs"
@@ -56,7 +55,6 @@ function SetupRoutes(server as object)
     server.UseRouter(new Http.PlayletLibUrlsRouter(server))
     server.UseRouter(new Http.DialRouter(server))
     server.UseRouter(new Http.CacheRouter())
-    server.UseRouter(new Http.ProxyRouter(server))
     server.UseRouter(new Http.RegistryRouter(server))
     server.UseRouter(new Http.PlayletInvidiousBackendRouter())
 

playlet-web/package.json

@@ -28,8 +28,5 @@
     "vite": "^5.4.11",
     "vite-plugin-compression": "^0.5.1",
     "vite-tsconfig-paths": "^5.1.4"
-  },
-  "dependencies": {
-    "youtubei.js": "^12.2.0"
   }
 }

playlet-web/src/lib/Api/PlayletApi.ts

@@ -3,6 +3,11 @@ import { getHost } from "lib/Api/Host";
 export class PlayletApi {
     static host = () => `http://${getHost()}`
 
+    static async getVideoInfo(videoId) {
+        const response = await fetch(`${PlayletApi.host()}/playlet-invidious-backend/api/v1/videos/${videoId}`);
+        return await response.json();
+    }
+
     static async getState() {
         const response = await fetch(`${PlayletApi.host()}/api/state`);
         return await response.json();

playlet-web/src/lib/LinkDragDrop.svelte

@@ -2,7 +2,7 @@
   import { onDestroy, onMount } from "svelte";
   import { playletStateStore, tr } from "lib/Stores";
   import { InvidiousApi } from "lib/Api/InvidiousApi";
-  import { YoutubeJs } from "./Api/YoutubeJs";
+  import { PlayletApi } from "./Api/PlayletApi";
   import VideoCastDialog from "./VideoFeed/VideoCastDialog.svelte";
   import ChannelCastDialog from "./VideoFeed/ChannelCastDialog.svelte";
   import PlaylistCastDialog from "./VideoFeed/PlaylistCastDialog.svelte";
@@ -109,7 +109,7 @@
   async function searchForVideoById(videoId, timestamp) {
     try {
       isLoading = true;
-      videoMetadata = await YoutubeJs.getVideoInfo(videoId);
+      videoMetadata = await PlayletApi.getVideoInfo(videoId);
       videoStartAtChecked = timestamp !== undefined;
       if (videoStartAtChecked) {
         videoStartAtTimestamp = timestamp;

playlet-web/src/lib/VideoFeed/PlaylistCastDialog.svelte

@@ -77,7 +77,7 @@
       }
     }
     if (url === "") {
-      url = `${invidiousInstance}/vi/-----------/mqdefault.jpg`;
+      url = `https://i.ytimg.com/vi/-----------/mqdefault.jpg`;
     }
     return url;
   }

playlet-web/src/lib/VideoFeed/PlaylistThumbnail.svelte

@@ -32,7 +32,7 @@
       }
     }
     if (url === "") {
-      url = `${invidiousInstance}/vi/-----------/mqdefault.jpg`;
+      url = `https://i.ytimg.com/vi/-----------/mqdefault.jpg`;
     }
     thumbnailUrl = url;
   }