New Color on Website; Add New Video Source; Add Error Message to Watch Page; more...

New Color on Website; Add New Video Source; Add Error Message to Watch Page; more...

Author: ErickLimaS

README.md

@@ -62,7 +62,7 @@ npm install
 
 3. Now you need to create a `.env.local` file inside the `directory` with the url to where your Consumet API server is setted and configs for your Firebase.
    - Check the <a href='https://github.com/consumet/api.consumet.org'>repository of Consumet API</a> and host your own server.
-   - Do the same with <a href='https://github.com/ghoshRitesh12/aniwatch-api'>Aniwatch API</a>.
+   - Do the same with <a href='https://github.com/ghoshRitesh12/aniwatch-api'>Aniwatch API</a> and <a href='https://github.com/cool-dev-guy/vidsrc-api'>VidSrc API</a>.
    - Go to <a href='https://github.com/manami-project/anime-offline-database'>this repository</a> and get a JSON file filled with Animes info to use.
    - This repository already has this json file, but it might be outdated. So get a new file there and put it under the `/app/api/anime-info` directory.
    - On Firebase, get your configs to use the Authentication and Firestore Database.
@@ -71,6 +71,7 @@ npm install
 ```javascript
 NEXT_PUBLIC_CONSUMET_API_URL=https://your-hosted-consumet-api-url.com
 NEXT_PUBLIC_ANIWATCH_API_URL=https://your-hosted-aniwatch-api-url.com
+NEXT_PUBLIC_VIDSRC_API_URL=https://your-hosted-vidsrc-api-url.com
 NEXT_PUBLIC_INSIDE_API_URL=https://url-to-where-your-website-is-hosted.com/api/anime-info
 NEXT_PUBLIC_FIREBASE_API_KEY=[YOUR-FIREBASE-SETTINGS]
 NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=[YOUR-FIREBASE-SETTINGS]
@@ -94,42 +95,39 @@ npm run dev
 
 ### Home
 
-![Home page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/a5afa4c6-4414-40ac-948a-bf09fd9057cf)
-![Home page 2](https://github.com/ErickLimaS/anime-website/assets/69987890/82def7e4-41b7-4d3d-a12e-e9b19c947385)
-![Home page 3](https://github.com/ErickLimaS/anime-website/assets/69987890/942a3868-e618-4e78-bc6f-b1e27dc93e3d)
-![Home page 4](https://github.com/ErickLimaS/anime-website/assets/69987890/c3547111-ef51-4289-aca8-f12cf7639a1a)
-![Home page 5](https://github.com/ErickLimaS/anime-website/assets/69987890/b997120e-7006-4912-bbb2-212f31532d5a)
-![Home page 6](https://github.com/ErickLimaS/anime-website/assets/69987890/c2f63bc5-1d56-495f-a262-3f638f7cc8f8)
-![Home page 7](https://github.com/ErickLimaS/anime-website/assets/69987890/8e5be52c-5bcd-4149-afc9-794a534f6b66)
+![Home page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/b32813e8-db04-4b02-a2b0-088f7348f0db)
+![Home page 2](https://github.com/ErickLimaS/anime-website/assets/69987890/a6a1c6f2-f3a3-4d1b-b027-9a053df69c6f)
+![Home page 3](https://github.com/ErickLimaS/anime-website/assets/69987890/59f12a6b-1822-4497-a922-904953931d5c)
+![Home page 4](https://github.com/ErickLimaS/anime-website/assets/69987890/044fd678-4231-438c-b8c7-2f977fdfbf5b)
+![Home page 5](https://github.com/ErickLimaS/anime-website/assets/69987890/22c83fa5-f2bf-45eb-a58b-5e28948519c0)
+![Home page 6](https://github.com/ErickLimaS/anime-website/assets/69987890/a06e5474-e966-4ecf-9cee-88e2f794905f)
 
 ### Anime/Manga Page
 
-![Anime/Manga Page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/516197d1-b1d3-48da-bac0-415f0e18c232)
-![Anime/Manga Page 2](https://github.com/ErickLimaS/anime-website/assets/69987890/f18100b7-29bb-4e4e-9177-02c0fdd49c5e)
-![Anime/Manga Page 3](https://github.com/ErickLimaS/anime-website/assets/69987890/e57ef335-b093-43bd-bd0e-2a97840eb002)
-![Anime/Manga Page 4](https://github.com/ErickLimaS/anime-website/assets/69987890/e971891e-7dd3-4079-89be-e0e34489389d)
-![Anime/Manga Page 5](https://github.com/ErickLimaS/anime-website/assets/69987890/3c4f78fe-e36e-4534-bec0-f5aa8959b7cb)
+![Anime/Manga Page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/9f5e1eeb-4cd3-4c0d-8b8e-de5c72c6e44d)
+![Anime/Manga Page 2](https://github.com/ErickLimaS/anime-website/assets/69987890/c3ac37db-6e90-4116-a829-8089af20f6d1)
+![Anime/Manga Page 3](https://github.com/ErickLimaS/anime-website/assets/69987890/4ebc757e-091e-4c21-9621-5cf04262183a)
+![Anime/Manga Page 4](https://github.com/ErickLimaS/anime-website/assets/69987890/61383f33-4acb-45d4-a801-ae87926501aa)
 
 ### Watch Episode Page
 
-![Watch Episode Page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/1a8bf99a-3d68-4b11-b5d6-17a0e9099300)
-![Watch Episode Page 2](https://github.com/ErickLimaS/anime-website/assets/69987890/1f174cfb-e153-467e-aab0-a6193feab584)
+![Watch Episode Page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/491db36e-e655-4c91-970c-59983c546cb3)
+![Watch Episode Page 2](https://github.com/ErickLimaS/anime-website/assets/69987890/62c3d7d0-809b-4e09-871e-6c9d2e809f71)
 
 ### Search/Filter Page
 
-![Search/Filter Page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/73e09258-c927-43cf-9a02-6ddfb4af5b14)
-![Search/Filter Page 2](https://github.com/ErickLimaS/anime-website/assets/69987890/497b35fe-4c6e-464a-9cc4-3a338db9d4cf)
+![Search/Filter Page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/32af6c21-ca79-4cb9-9cb9-7b9f30e80302)
 
 ### Watchlist Page
 
-![Watchlist page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/395214ba-ed17-4732-899c-0f7347186d76)
+![Watchlist Page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/92a95f4b-c0cc-412d-8ad4-4bc89562d6fd)
 
 ### News Home Page
 
-![News Home Page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/4dd2c9d4-9c96-4c20-904b-b1abdf71aa37)
-![News Home Page 2](https://github.com/ErickLimaS/anime-website/assets/69987890/78a5889e-4fe9-4ebf-bae0-e8c014772196)
-![News Home Page 3](https://github.com/ErickLimaS/anime-website/assets/69987890/f6852a01-b012-43f0-a69b-d4c2113988e3)
+![News Home Page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/c9567461-a0b3-42dd-bd82-c8ab861145b2)
+![News Home Page 2](https://github.com/ErickLimaS/anime-website/assets/69987890/ffcc986f-7aa7-4a77-b5ca-7f3628ff86a3)
+![News Home Page 3](https://github.com/ErickLimaS/anime-website/assets/69987890/25738777-ebc0-484d-b387-fd4443bf6cd3)
 
 ### News Article Page
 
-![News Article Page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/216eca9e-4e9f-4c9f-9b0d-3ae40cb53772)
+![News Article Page 1](https://github.com/ErickLimaS/anime-website/assets/69987890/de58a15a-eed4-4cdc-9249-900a90c21c50)

api/anilist.ts

@@ -47,7 +47,9 @@ export default {
         format?: string,
         sort?: string,
         showAdultContent?: boolean,
-        status?: "FINISHED" | "RELEASING" | "NOT_YET_RELEASED" | "CANCELLED" | "HIATUS"
+        status?: "FINISHED" | "RELEASING" | "NOT_YET_RELEASED" | "CANCELLED" | "HIATUS",
+        page?: number,
+        perPage?: number
     ) => {
 
         const season: string = getCurrentSeason()
@@ -59,11 +61,11 @@ export default {
                 "variables": {
                     'type': `${type}`,
                     'format': `${(format === 'MOVIE' && 'MOVIE') || (type === 'MANGA' && 'MANGA') || (type === 'ANIME' && 'TV')}`,
-                    'page': 1,
+                    'page': page || 1,
                     'sort': sort || 'POPULARITY_DESC',
-                    'perPage': 20,
-                    'season': `${season}`,
-                    'status': status,
+                    'perPage': perPage || 20,
+                    'season': status ? undefined : `${season}`,
+                    'status': status ? status : undefined,
                     'seasonYear': `${new Date().getFullYear()}`,
                     'showAdultContent': showAdultContent || false
                 }

api/imdb.ts

@@ -51,6 +51,9 @@ export async function getMediaInfo(search: boolean, mediaId?: string, type?: "TV
             method: "GET"
         })
 
+        // adds ID to be used by Vidsrc API
+        data.vidsrcId = mediaSearchedId
+
         return data as ImdbMediaInfo
 
     }

api/vidsrc.ts

@@ -0,0 +1,22 @@
+import axios from "axios"
+
+const BASE_URL = process.env.NEXT_PUBLIC_VIDSRC_API_URL
+
+export async function getVideoSrcLink(query: string) {
+
+    try {
+
+        const { data } = await axios.get(`${BASE_URL}/${query}`)
+
+        return data
+
+    }
+    catch (error) {
+
+        console.log(error)
+
+        return null
+
+    }
+
+}