update

src/components/category/trending.astro

@@ -0,0 +1,46 @@
+---
+// Properties
+const {
+    FetchData,
+    CategoryName,
+    CategoryDescription,
+    GradientHero
+} = Astro.props
+
+// Configuration
+import {
+    DEFAULT_MEDIA_DATA_PROXY,
+    DEFAULT_IMAGE_PROXY
+} from '@utils/GetConfig'
+
+
+// Fetch
+const fetchFrom = DEFAULT_MEDIA_DATA_PROXY + '/api/v1/trending' + FetchData
+const response = await fetch(fetchFrom)
+const data = await response.json()
+---
+
+
+<div class="Td-row">
+    {data.map((data) =>
+        <img src={DEFAULT_IMAGE_PROXY + '/https://i.ytimg.com/vi/' + data.videoId + '/maxresdefault.jpg'}/>
+    )}
+</div>
+
+<style lang="scss">
+.Td-row {
+  display: grid;
+  grid-template-columns: repeat(auto-fit,minmax(60px,1fr));
+  grid-gap: 12px;
+  transform: rotate3d(3,-3,0,45deg);
+  position: fixed;
+  box-sizing: border-box;
+  box-decoration-break: revert;
+  overflow: clip;
+  width: 230px;
+  height: 330px;
+  img {
+    width: 100%;
+  }
+}
+</style>

src/components/information/Invidious.astro

@@ -0,0 +1,14 @@
+---
+import {
+    DEFAULT_MEDIA_PROXY,
+    DEFAULT_MEDIA_DATA_PROXY,
+} from '@utils/GetConfig'
+
+const InvidiousDataInfomation = await fetch(DEFAULT_MEDIA_DATA_PROXY + '/api/v1/stats').then((response) => response.json());
+console.log(InvidiousDataInfomation)
+---
+
+
+{InvidiousDataInfomation.map((server) =>
+    <p>Version:</p>
+)}

src/pages/iframe/category/trending.astro

@@ -0,0 +1,5 @@
+---
+// Components
+import Trending from "@components/category/trending.astro";
+---
+<Trending FetchData=""/>

src/pages/index.astro

@@ -9,6 +9,9 @@ import {
 } from '@utils/GetConfig'
 import { FireFlame, Frame, Gamepad, GraphUp, Movie, MusicDoubleNote } from "@iconoir/vue";
 
+// Components
+import Trending from "@components/category/trending.astro";
+
 // Fetch
 const TrendingFetch = DEFAULT_MEDIA_DATA_PROXY + '/api/v1/trending'
 const TrendingResponse = await fetch(TrendingFetch)

src/pages/instance.mdx

@@ -15,7 +15,8 @@ import {
     ANALYTICS,
 } from '@utils/GetConfig'
 
-import InstanceList from '@components/InstanceList.astro'
+import Invidous from '@components/information/Invidious.astro'
+import InstanceList from '@components/information/InstanceList.astro'
 
 MinPluto Instance Information
 -----------------------------

src/pages/watch.astro

@@ -3,7 +3,7 @@ import { t, changeLanguage } from "i18next";
 import Base from "@layouts/Default.astro";
 import "@styles/video.scss";
 // Configuration
-import { DEFAULT_MEDIA_DATA_PROXY, DEFAULT_MEDIA_DATA_PROXY, DEFAULT_IMAGE_PROXY, SERVER_DOMAIN } from '@utils/GetConfig'
+import { DEFAULT_MEDIA_PROXY, DEFAULT_MEDIA_DATA_PROXY, DEFAULT_IMAGE_PROXY, SERVER_DOMAIN } from '@utils/GetConfig'
 import { Donate, Download, ShareIos, ThumbsUp, MediaVideo } from "@iconoir/vue";
 
 // Components
@@ -80,7 +80,7 @@ if (EightK === true) { // 571
     >
     </video>
     <audio class="main-audio">
-        <source src={DEFAULT_MEDIA_DATA_PROXY + '/latest_version?id=' + video.videoId} type="audio/mp3">
+        <source src={DEFAULT_MEDIA_PROXY + '/latest_version?id=' + video.videoId} type="audio/mp3">
     </audio>
   </div>
   <div class="video-rea">

src/utilities/GetConfig.js

@@ -3,8 +3,10 @@ export var SERVER_LOCATION = import.meta.env.SERVER_LOCATION
 export var SERVER_PROTOCOL = import.meta.env.SERVER_PROTOCOL
 export var SERVER_DOMAIN = import.meta.env.SERVER_DOMAIN
 export var SERVER_BASE = import.meta.env.SERVER_BASE
+export var DEFAULT_MEDIA_PROXY = import.meta.env.DEFAULT_MEDIA_PROXY
 export var DEFAULT_MEDIA_DATA_PROXY = import.meta.env.DEFAULT_MEDIA_DATA_PROXY
-export var DEFAULT_MEDIA_MEDIA_PROXY = import.meta.env.DEFAULT_MEDIA_MEDIA_PROXY
+export var DEFAULT_STREAM_PROXY = import.meta.env.DEFAULT_STREAM_PROXY
+export var DEFAULT_STREAM_DATA_PROXY = import.meta.env.DEFAULT_STREAM_DATA_PROXY
 export var DEFAULT_IMAGE_PROXY = import.meta.env.DEFAULT_IMAGE_PROXY
 export var DEFAULT_PLAYER = import.meta.env.DEFAULT_PLAYER
 export var SIDEBAR_CATEGORIES = import.meta.env.SIDEBAR_CATEGORIES