Unhandled Runtime Error
TypeError: Cannot read properties of undefined (reading '0')

Source
src\pages\watch[id].tsx (108:17) @ eval

106 | if (isLoading) return;
107 |

108 | if (!sources[0].file.match(proxyFreeUrls)) {
| ^
109 | setProxy(true);
110 | }
111 | }, [isLoading, setProxy, sources]);

Hello,

I saw your post on reddit a few hours ago and was wondering if you're open to contributions / pull requests. I have some experience with Zeit (Vercel), NextJS, and TailwindCSS.

If yes, do you have any code guidelines, a roadmap, or any todos for this project?

Thanks

any idea how to fix this

npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path D:\streams/package.json
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, open 'D:\streams\package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\badus\AppData\Local\npm-cache\_logs\2022-01-12T08_23_29_866Z-debug.log
PS D:\streams> npm run build
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path D:\streams/package.json
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, open 'D:\streams\package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\badus\AppData\Local\npm-cache\_logs\2022-01-12T08_23_45_145Z-debug.log
PS D:\streams> npm run start
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path D:\streams/package.json
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, open 'D:\streams\package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\badus\AppData\Local\npm-cache\_logs\2022-01-12T08_23_47_765Z-debug.log```

There is no option for showing list of episodes for anime. Please add that feature.

Thanks

Certain anime are playing the wrong videos
For example, Code geass:Hangyaku no Lelouch (TV) is playing Code Geass: Hangyaku no Lelouch I - Koudou (MOVIE), same with Code geass:Hangyaku no Lelouch R2 (TV) playing the omake flash version (SPECIAL)
Most probably happening because both have very similar names so its fetching the other one's data.
The episode list works fine but only the player plays the wrong video
For now, i only noticed this for code geass, there might be other anime series facing the same issue

Steps to reproduce the behavior:
Go to Code geass:Hangyaku no Lelouch / Code geass:Hangyaku no Lelouch R2
Click on watch now or an episode
See that its not playing the correct one

Expected: The player plays the tv series , not the movie

Desktop

• OS: Windows 10
• Chrome
• Version Dev 103

It would be great if anime that shows on top of the homepage, get randomly change from Trending Now list or maybe change itself to 1st anime on trending's

Is your feature request related to a problem? Please describe.
I recently deployed the code and am liking it so far, however everytime I try and watch something the proxy switch turns on after around 3 seconds then it never loads. I have to manually switch it back off then it starts working

Describe the solution you'd like
I would love a way to turn proxies off as they are not helping

Describe the bug
I cannot scroll through the lists of anime it gives on the front page on my desktop, yet I can still do it on my phone

To Reproduce
Steps to reproduce the behavior:

1. Go to the site
2. Scroll down till you see the anime lists on the home page
3. Cannot scroll through the lists on pc

Expected behavior
I am able to scroll, and see the anime's that are hidden in the list

Desktop (please complete the following information):

• OS: [Win 11]
• Browser [Opera GX, Chrome]

Smartphone (please complete the following information):

• Device: [Google Pixel 6]
• OS: [Android 12]
• Browser [Chrome]

Im not a developer. I was looking for something like index, app, server and cannot seem to find it.
how would i start this application in a process manager? either with PM2 or systemd?

Hey bro can you add auto complete search in search box which show search result in search box like this

1. https://tarekraafat.github.io/autoComplete.js/demo/
2. https://animeworldz.herokuapp.com/

You can get help from this to use it

http://clusteramaryllisblog.blogspot.com/2015/03/experiment-searching-with-autocomplete.html?m=1

It would be nice to add a Logo / Favicon to this project.

I came up with some Logos that are heavily inspired by the Netflix logo.

I am not exactly satisfied with them and it might be problematic to use the Netflix color palette. Maybe you guys have a completely different idea for a Logo aswell. I just wanted to start a discussion 😄

Thin	Bold

PS: The inkscape .svg files are attached below
They might seem buggy in the preview but work fine when imported into inkscape.
animeflix_fat
animeflix

Is vercel is free to deploy? Also can you give support to deploy on heroku.com

Hello,

Can you give me your contact like email or discord

I used git clone command and downloaded the files then when I enter "npm i" command it says this, I really don't know what to do.

C:\Users\MyComputer>npm i
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path C:\Users\MyComputer/package.json
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\MyComputer\package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\MyComputer\AppData\Local\npm-cache\_logs\2021-12-02T17_25_19_276Z-debug.log

Many anime videos are not playing after clicking on anime it shows Sorry, the anime video couldn't be found . Please fix this soon.

any way to change port? trying to run off my local server rather than normal PC but cant use port 3000. cant find any config file to change local host or port settings

a genres page would be very good

please! help me method for setup in vps use hestiacp or shared hosting ( cpanel ). thank you so much for great script!!!

Kitsu only returns episodes that are hosted on a legal source such as Crunchyroll. GogoEpisodes returns all episodes.
If the length of those two arrays differ, the function getKitsuEpisodes() will trigger an error

TypeError: Cannot read property 'title' of undefined

src/utility/gogoanime.js (147:26) @ eval

  145 | gogoEpisodes.forEach((gogoEp, i) => {
  146 |   const j = (i + 1).toString();
> 147 |   newEpisodeList.push({
      |                      ^
  148 |     episodeId: gogoEp.episodeId,
  149 |     episodeTitle: episodesList.get(j).title,
  150 |     episodeThumbnail: episodesList.get(j).thumbnail,

Some examples include:
anime/137281 (Aharensan wa Hakarenai)
anime/11887 (Kokoro Connect)
anime/127911 (Kawaii dake ja Nai Shikimori-san)

Gogoanime recently added AWS Cloudfront mp4 URL. It should be accessible in the same way how it's being proxied just like m3u8 stream links.

New Feature: Countdown date/time when anime episode drops

Let's just say I am watching a new anime series that is airing.

I am currently watching example episode 6 out of 12 whereas the other 6 never air yet. I would like a countdown timer suggesting when the next episode of the anime is coming out when viewing anime like that.

For example

When episode 7 is coming out

If you could add a grey block for episodes 6-12 using my example above suggesting the date the episodes are coming out that would be cool.

All the best!
Hope you understand what I mean.

Keep up the good work guys!

Watching anime with friends cuz why not?

So currently, you can't watch any animes, bcs GogoAnime changed their site structure. Will implement a fix afterwards, I am bit busy

What title said, hosted using docker, port forwarded

Kamyroll api?
https://github.com/hyugogirubato/Kamyroll-Developers

Tried test on codesandbox. Doesn't work. Getting errors.
Directly forked in codesandbox, no changes made.

@animeflix/frontend:dev: wait - compiling... @animeflix/frontend:dev: error - ./pages/index.tsx:5:0 @animeflix/frontend:dev: Module not found: Can't resolve '@animeflix/api' @animeflix/frontend:dev: 3 | import { InferGetServerSidePropsType } from 'next'; @animeflix/frontend:dev: 4 | @animeflix/frontend:dev: > 5 | import { getAnimeByIds, indexPage } from '@animeflix/api'; @animeflix/frontend:dev: 6 | import { AnimeInfoFragment } from '@animeflix/api/aniList'; @animeflix/frontend:dev: 7 | @animeflix/frontend:dev: 8 | import Banner from '@components/anime/Banner'; @animeflix/frontend:dev: @animeflix/frontend:dev: https://nextjs.org/docs/messages/module-not-found @animeflix/frontend:dev: wait - compiling /_error (client and server)... @animeflix/frontend:dev: wait - compiling... @animeflix/frontend:dev: error - ./pages/index.tsx:5:0 @animeflix/frontend:dev: Module not found: Can't resolve '@animeflix/api' @animeflix/frontend:dev: 3 | import { InferGetServerSidePropsType } from 'next'; @animeflix/frontend:dev: 4 | @animeflix/frontend:dev: > 5 | import { getAnimeByIds, indexPage } from '@animeflix/api'; @animeflix/frontend:dev: 6 | import { AnimeInfoFragment } from '@animeflix/api/aniList'; @animeflix/frontend:dev: 7 | @animeflix/frontend:dev: 8 | import Banner from '@components/anime/Banner'; @animeflix/frontend:dev: @animeflix/frontend:dev: https://nextjs.org/docs/messages/module-not-found @animeflix/frontend:dev: error - Error: Cannot find module '/project/animeflix/frontend/.next/server/pages/index.js' @animeflix/frontend:dev: Require stack: @animeflix/frontend:dev: - /project/animeflix/node_modules/next/dist/server/require.js @animeflix/frontend:dev: - /project/animeflix/node_modules/next/dist/server/next-server.js @animeflix/frontend:dev: - /project/animeflix/node_modules/next/dist/server/next.js @animeflix/frontend:dev: - /project/animeflix/node_modules/next/dist/server/lib/start-server.js @animeflix/frontend:dev: - /project/animeflix/node_modules/next/dist/cli/next-dev.js @animeflix/frontend:dev: - /project/animeflix/node_modules/next/dist/bin/next @animeflix/frontend:dev: error - Error: Cannot find module '/project/animeflix/frontend/.next/server/pages/index.js' @animeflix/frontend:dev: Require stack: @animeflix/frontend:dev: - /project/animeflix/node_modules/next/dist/server/require.js @animeflix/frontend:dev: - /project/animeflix/node_modules/next/dist/server/next-server.js @animeflix/frontend:dev: - /project/animeflix/node_modules/next/dist/server/next.js @animeflix/frontend:dev: - /project/animeflix/node_modules/next/dist/server/lib/start-server.js @animeflix/frontend:dev: - /project/animeflix/node_modules/next/dist/cli/next-dev.js @animeflix/frontend:dev: - /project/animeflix/node_modules/next/dist/bin/next @animeflix/frontend:dev: <w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: ENOENT: no such file or directory, rename '/project/animeflix/frontend/.next/cache/webpack/client-development-fallback/0.pack_' -> '/project/animeflix/frontend/.next/cache/webpack/client-development-fallback/0.pack

Describe the bug
Anilist does limit the API for 90 requests per minute, I notice that you're using getServerSideProps, have you ever facing the problem that the server can't fetch the data due to ratelimit?

To Reproduce
Steps to reproduce the behavior:
Just go to some anime page over and over until the server reaches anilist's ratelimit. (I guess)?

Expected behavior
Some workarounds to avoid the anilist's ratelimit

Additional context
We could use CSR for this, but we can't SEO if using CSR and that's the huge pay-off.

http://animikantan.ml/

Hi, I tried to build the website on Ubuntu 20.04.3 LTS, with Node 10.19.0 and npm 6.14.4.

Upon running npm run build, the following error occurs:

> @ build /home/mattia/4thEra/animeflix
> next build

error - Failed to load next.config.js, see more info here https://nextjs.org/docs/messages/next-config-error

> Build error occurred
Error: Not supported
    at Object.loadConfig [as default] (/home/mattia/4thEra/animeflix/node_modules/next/dist/server/config.js:399:74)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ build: `next build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/mattia/.npm/_logs/2021-12-01T13_03_09_766Z-debug.log

These are the warnings upon npm install:

npm WARN @babel/[email protected] requires a peer of @babel/core@^7.0.0-0 but none is installed. You must install peer dependencies yourself.
npm WARN @vime/[email protected] requires a peer of @vime/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] || 15.x but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: @next/[email protected] (node_modules/@next/swc-android-arm64):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for @next/[email protected]: wanted {"os":"android","arch":"arm64"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: @next/[email protected] (node_modules/@next/swc-darwin-x64):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for @next/[email protected]: wanted {"os":"darwin","arch":"x64"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: @next/[email protected] (node_modules/@next/swc-linux-arm-gnueabihf):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for @next/[email protected]: wanted {"os":"linux","arch":"arm"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: @next/[email protected] (node_modules/@next/swc-linux-arm64-gnu):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for @next/[email protected]: wanted {"os":"linux","arch":"arm64"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: @next/[email protected] (node_modules/@next/swc-win32-ia32-msvc):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for @next/[email protected]: wanted {"os":"win32","arch":"ia32"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: @next/[email protected] (node_modules/@next/swc-linux-arm64-musl):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for @next/[email protected]: wanted {"os":"linux","arch":"arm64"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: @next/[email protected] (node_modules/@next/swc-win32-x64-msvc):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for @next/[email protected]: wanted {"os":"win32","arch":"x64"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: @next/[email protected] (node_modules/@next/swc-darwin-arm64):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for @next/[email protected]: wanted {"os":"darwin","arch":"arm64"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: @next/[email protected] (node_modules/@next/swc-win32-arm64-msvc):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for @next/[email protected]: wanted {"os":"win32","arch":"arm64"} (current: {"os":"linux","arch":"x64"})

audited 534 packages in 5.344s

95 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
~~~

What the heck is happening? I found no support online 😵‍💫

The server response that is sent is too large and also experience performance issue on mobile

What I did :

• forked
• cloned
• minor ui changes
• deploy on vercel

I don't think the error is due to my mistake. Must be something about the code or vercel itself...

The videos sometimes fail to work without proxying requests. The issue however doesn't occur when hosted on Vercel tho.

Application error: a client-side exception has occurred (see the browser console for more information).

DevTools failed to load source map: Could not load content for https://cdn.replit.com/_next/static/css/77b7f3004e062aed.css.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Hiya, is it possible for simple keyboard shortcuts for video playback to be added? Such as spacebar to pause/play, right/left arrow to skip forward/backward, up/down arrow for volume and so on.

It would also be nice if we can choose how many seconds it skips forward/backward to, like between 5 seconds to 15 seconds.

Thanks!

it's difficult to find out which episode I'm watching right now because it not showing the episode numbers and can you not add some more features like bookmarks, gerners, footer, autocomplete search, footer menu, upcoming anime, Next episode Release time and date, schedule releases, Meta tag site description, public index.html and sidebar to look more user and mobile friendly.

Describe the bug
Client Side error on

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Jujustu kaisen 0
2. Click on 'click on watch now
3. See error

Hello. I decided to self-host your project on my server as I plan on making an easy to use electron app out of it however when I run the server, I don't get any playable links or any video player to view it in, here are some screenshots:

I also couldn't find any logs about this, both in the server and browser console, or maybe I just don't know where to look for it

Describe the bug
Error: No Output Directory named "public" found after the Build completed. You can configure the Output Directory in your Project Settings. Learn More: https://vercel.link/missing-public-directory

To Reproduce
Steps to reproduce the behavior:

1. Deploy the repo using the vercel deploy button given in Readme.md
2. See error

Expected behavior
Of course, I wish to deploy the site.

Screenshots

Desktop:

• OS: Windows 10
• Browser: chrome

Additional context
Currently, not able to deploy it on Vercel.

I know this is already obvious, as it is seen on almost every page, Please address this issue

And on the other databases, Can you utilize the use of MAL, or other databases, as it is the cause of some anime to be returning 404 on some anime with multiple title variations,

Is there any way to run AnimeFlix on Github Pages?

JUST ASKING FOR A FRIEND

Hi,

Could you add in the readme some explanation to get Anime from another site than GogoAnime? Because for users coming from another country, here from France, the anime proposed by GogoAnime are not adapted.

Thank you!

Describe the bug
Some of the player resource loaded is from cdn.jsdelivr.net, which is blocked in China. I find it difficult to switch it to unpkg.com.

To Reproduce
Steps to reproduce the behavior:

1. Go to any anime
2. Click on 'Play'
3. Player won't load because https://cdn.jsdelivr.net/npm/hls.js@latest/dist/hls.min.js etc. is blocked.

Expected behavior
Change the CDN through source code.

Desktop (please complete the following information):

• OS: Windows
• Browser Microsoft Edge
• Version 8346dd9

As you can see in this picture the last anime shows just half

After using 7 it looks normal

add A dub option

C:\Users\Pixel\Documents\anime.web\animeflix>npm i
[#########.........] | idealTree:tsconfig: timing idealTree:node_modules/wrap-ansi/node_modules/ansi-regex Completed in [#########.........] | idealTree:tsconfig: timin[#########.........] - idealTree:tsconfig: timing idealTree:node_modulesnpm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: @animeflix/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^18.2.0" from @animeflix/[email protected]
npm ERR! frontend
npm ERR! @animeflix/[email protected]
npm ERR! node_modules/@animeflix/frontend
npm ERR! workspace frontend from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.0" from @vime/[email protected]
npm ERR! node_modules/@vime/react
npm ERR! @vime/react@"^5.3.0" from @animeflix/[email protected]
npm ERR! frontend
npm ERR! @animeflix/[email protected]
npm ERR! node_modules/@animeflix/frontend
npm ERR! workspace frontend from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Pixel\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Pixel\AppData\Local\npm-cache_logs\2022-08-02T19_09_07_896Z-debug-0.log

To Reproduce
Steps to reproduce the behavior:

1. run "npm i"

Configuration error
10:54:25 AM: ────────────────────────────────────────────────────────────────
10:54:25 AM: ​
10:54:25 AM: Error message
10:54:25 AM: Deploy did not succeed: Deploy directory 'dist' does not exist
10:54:25 AM: ​
10:54:25 AM: Resolved config
10:54:25 AM: build:
10:54:25 AM: command: yarn build
10:54:25 AM: commandOrigin: ui
10:54:25 AM: publish: /opt/build/repo/dist
10:54:25 AM: publishOrigin: ui

I searched daily life of immortal king and gor client side error

there are no video