moved proxy to env

4 files changed, 27 insertions, 4 deletions

diff --git a/components/videoPlayer.js b/components/videoPlayer.js
index a515340..f581330 100644
--- a/components/videoPlayer.js
+++ b/components/videoPlayer.js
@@ -28,6 +28,7 @@ export default function VideoPlayer({
   ed,
   title,
   poster,
+  proxy,
 }) {
   const [url, setUrl] = useState();
   const [source, setSource] = useState([]);
@@ -38,6 +39,9 @@ export default function VideoPlayer({
   const [resolution, setResolution] = useState("auto");
   const [subSize, setSubSize] = useState({ size: "16px", html: "Small" });
   const [defSize, setDefSize] = useState();
+  // const [thumbnails, setThumbnails] = useState();
+
+  // console.log(thumbnails);
 
   useEffect(() => {
     const resol = localStorage.getItem("quality");
@@ -83,7 +87,7 @@ export default function VideoPlayer({
           return {
             ...(isDefault && { default: true }),
             html: items.quality === "default" ? "adaptive" : items.quality,
-            url: `https://lerioproxy.herokuapp.com/${items.url}`,
+            url: `${proxy}${items.url}`,
           };
           // url: `https://cors.moopa.my.id/?url=${encodeURIComponent(items.url)}${
           //   referer ? `&referer=${encodeURIComponent(referer)}` : ""
@@ -109,6 +113,9 @@ export default function VideoPlayer({
           });
 
         const defSub = data?.subtitles.find((i) => i.lang === "English");
+        // const thumb = data?.subtitles.find((i) => i.lang === "Thumbnails");
+
+        // setThumbnails(thumb?.url);
         setDefSub(defSub?.url);
 
         // console.log(subtitle);
diff --git a/package-lock.json b/package-lock.json
index 5547b28..4ed9731 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
         "artplayer": "latest",
         "axios": "^1.2.2",
         "closest-match": "^1.3.3",
+        "dotenv": "^16.0.3",
         "framer-motion": "^8.5.0",
         "gql": "^1.1.2",
         "graphql": "^15.8.0",
@@ -4766,6 +4767,14 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dotenv": {
+      "version": "16.0.3",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz",
+      "integrity": "sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/ejs": {
       "version": "3.1.9",
       "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz",
diff --git a/package.json b/package.json
index 0062330..fa7462d 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "artplayer": "latest",
     "axios": "^1.2.2",
     "closest-match": "^1.3.3",
+    "dotenv": "^16.0.3",
     "framer-motion": "^8.5.0",
     "gql": "^1.1.2",
     "graphql": "^15.8.0",
diff --git a/pages/anime/watch/[...info].js b/pages/anime/watch/[...info].js
index 999dd0e..5c2e460 100644
--- a/pages/anime/watch/[...info].js
+++ b/pages/anime/watch/[...info].js
@@ -15,11 +15,13 @@ import { Navigasi } from "../..";
 import { ChevronDownIcon, ForwardIcon } from "@heroicons/react/24/solid";
 import { useRouter } from "next/router";
 
+import dotenv from "dotenv";
+
 const VideoPlayer = dynamic(() =>
   import("../../../components/videoPlayer", { ssr: false })
 );
 
-export default function Info({ sessions, id, aniId, provider }) {
+export default function Info({ sessions, id, aniId, provider, proxy }) {
   const [epiData, setEpiData] = useState(null);
   const [data, setAniData] = useState(null);
   const [fallback, setEpiFallback] = useState(null);
@@ -32,8 +34,6 @@ export default function Info({ sessions, id, aniId, provider }) {
 
   const router = useRouter();
 
-  // console.log(epiData);
-
   useEffect(() => {
     const defaultState = {
       epiData: null,
@@ -303,6 +303,7 @@ export default function Info({ sessions, id, aniId, provider }) {
                     ed={skip.ed}
                     title={playingTitle}
                     poster={poster[0]?.image}
+                    proxy={proxy}
                   />
                 </div>
               ) : (
@@ -698,8 +699,12 @@ export default function Info({ sessions, id, aniId, provider }) {
 }
 
 export async function getServerSideProps(context) {
+  dotenv.config();
+
   const session = await getServerSession(context.req, context.res, authOptions);
 
+  const proxy = process.env.PROXY_URI;
+
   const { info } = context.query;
   if (!info) {
     return {
@@ -717,6 +722,7 @@ export async function getServerSideProps(context) {
       id,
       aniId,
       provider,
+      proxy,
     },
   };
 }