Merge pull request #77 from mrjvs/update-guider-again

Update Guider to v1.0.1

.eslintrc.cjs

@@ -1,8 +1,6 @@
 module.exports = {
-  root: true,
+  extends: ['next', 'plugin:prettier/recommended'],
-  extends: ['plugin:@next/next/recommended', 'plugin:prettier/recommended'],
+  rules: {
-  parserOptions: {
+    '@next/next/no-img-element': 'off',
-    sourceType: 'module',
-    ecmaVersion: 2020,
   },
 };

.github/workflows/linting.yml

@@ -0,0 +1,32 @@
+name: Linting and Testing
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+
+jobs:
+  linting:
+    name: Run Linters
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+            
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 8
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'pnpm'
+  
+      - name: Install pnpm packages
+        run: pnpm install
+      
+      - name: Run ESLint
+        run: pnpm run lint

components/Logo.tsx

@@ -1,13 +1,10 @@
-import Link from "next/link";
+import Link from 'next/link';
-import classes from "./Logo.module.css";
+import classes from './Logo.module.css';
-import logoUrl from "../public/icon-light.png"
+import logoUrl from '../public/icon-light.png';
 
 export function Logo() {
   return (
-    <Link
+    <Link href="/" className={classes.logo}>
-      href="/"
-      className={classes.logo}
-    >
       <img src={logoUrl.src} alt="Logo of movie-web" />
     </Link>
   );

package.json

@@ -10,16 +10,16 @@
     "lint:fix": "next lint --fix"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "^14.1.4",
     "@types/react": "18.2.73",
     "eslint": "^8.56.0",
+    "eslint-config-next": "^14.1.4",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.2",
     "prettier": "^3.1.1",
     "typescript": "5.4.3"
   },
   "dependencies": {
-    "@neato/guider": "^0.1.3",
+    "@neato/guider": "^1.0.1",
     "next": "^14.1.4",
     "next-seo": "^6.5.0",
     "react": "^18.2.0",

pages/backend/index.tsx

@@ -1,3 +1,3 @@
-import { createRedirect } from "@neato/guider/client";
+import { createRedirect } from '@neato/guider/client';
 
 export default createRedirect({ to: '/backend/introduction' });

pages/client/changelog.mdx

@@ -2,6 +2,30 @@
 title: 'Changelog'
 ---
 
+# Version 4.7.0
+- Updated providers to 2.3.0
+- Keyboard shortcuts now also work with uppercase keys
+- Audio language now defaults to your language preference 
+- The "Back to home" button in the video player can now be opened in a new tab using middle click
+- The "Next episode" button now turns into a "Next season" button if you are on the last episode
+- Added a fallback TMDB API if the first one cannot be reached. This should fix an issue for some users that are not able to search.
+- Added autoplay. This can be turned on for extension users, users with a custom proxy, or can be turned on for all users for self-hosters using a environment variable.
+- Improved translations: Persion (Mehdi), French (Erwann)
+
+# Version 4.6.6
+- Updated providers to 2.2.9
+- Fixes for VidSrcTo and RidoMovies
+- Improved translations: German, Persian, Hindi, Korean, Nepali (macrolanguage), Dutch, Chinese (Han (Simplified variant))
+
+# Version 4.6.5
+- Updated providers to 2.2.7
+
+# Version 4.6.4
+- Updated providers to 2.2.6
+- Fixed Ridomovies not playing for extension users
+- Added a default workflow for syncing forks
+- Improved translations: Persian, Indonesian, Portuguese (Brazil), Russian
+
 # Version 4.6.3
 - Updated providers to 2.2.5
 - Fixed vercel routing

pages/client/configuration.mdx

@@ -39,7 +39,7 @@ window.__CONFIG__ = {
 This is the **read** API key from TMDB to allow movie-web to search for media. [Get one by following our guide](./tmdb.mdx).
 
 <Caution>
-**Required. The client will not work properly if this is not configured.**
+  **Required. The client will not work properly if this is not configured.**
 </Caution>
 
 ### `VITE_CORS_PROXY_URL`
@@ -56,7 +56,7 @@ You can add multiple Workers by separating them with a comma, they will be load
 **Worker URL entries must not end with a slash.**
 
 <Caution>
-**Required. The client will not work properly if this is not configured.**
+  **Required. The client will not work properly if this is not configured.**
 </Caution>
 
 ### `VITE_DMCA_EMAIL`
@@ -128,6 +128,13 @@ When onboarding is enabled using `VITE_HAS_ONBOARDING`. This link will be used t
 
 If omitted, this will still show the proxy onboarding screen, just without an documentation link for the proxy.
 
+### `VITE_ALLOW_AUTOPLAY`
+
+- Type: `boolean`
+- Default: `false`
+
+Whether to allow autoplay for users that use the host provided proxies.
+
 ### `VITE_DISALLOWED_IDS`
 
 - Type: `string`
@@ -162,7 +169,8 @@ The [Turnstile key](https://dash.cloudflare.com/sign-up?to=/:account/turnstile)
 ## Config reference - Environment Variables Only
 
 <Caution>
-These configuration keys are specific to environment variables, they **only** work as environment variables **set at build time**.
+  These configuration keys are specific to environment variables, they **only**
+  work as environment variables **set at build time**.
 </Caution>
 
 ### `VITE_PWA_ENABLED`
@@ -174,7 +182,8 @@ Set to `true` if you want to output a PWA application. Set to `false` or omit to
 A PWA web application can be installed as an application to your phone or desktop computer, but can be tricky to manage and comes with a few footguns.
 
 <Warning>
-Make sure you know what you're doing before enabling this, it **cannot be disabled** after you've set it up once.
+  Make sure you know what you're doing before enabling this, it **cannot be
+  disabled** after you've set it up once.
 </Warning>
 
 ### `VITE_GA_ID`
@@ -203,5 +212,5 @@ The value must include the protocol (HTTP/HTTPS) but must **not** end with a sla
 Whether to enable [OpenSearch](https://developer.mozilla.org/en-US/docs/Web/OpenSearch), this allows a user to add a search engine to their browser. When enabling you **must** also set [`VITE_APP_DOMAIN`](#vite-app-domain).
 
 <Warning>
-This field is case sensitive, make sure you use the correct casing.
+  This field is case sensitive, make sure you use the correct casing.
 </Warning>

pages/client/deploy.mdx

@@ -6,11 +6,13 @@ title: 'Deploy'
 
 ## Method 1 - Vercel - Recommended
 
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fmovie-web%2Fmovie-web%2Ftree%2Fmaster&env=VITE_CORS_PROXY_URL,VITE_TMDB_READ_API_KEY)
+1. Click [here](https://github.com/movie-web/movie-web/fork) to fork the movie-web Github repository
-
+1. Click [here](https://vercel.com/) to go to Vercel
-1. Click the Deploy button.
 1. Sign in using either a GitHub, GitLab, or Bitbucket.
-1. Follow the instructions to create a repository for movie-web.
+1. Clicking the "New Project" button on the top right of your dashboard and following the steps to create a new project for your self hosted version of movie web.
+1. After clicking it, you'll be presented with a list of Git repositories that the Git account you've signed up with has write access to. 
+![image](https://github.com/movie-web/docs/assets/115524074/f0186018-4499-4c29-9d04-f6c421811704)
+1. Select your own fork of the movie-web Github repository.
 1. Configure the environment variables:
 
    - `VITE_CORS_PROXY_URL`: Enter your proxy URL here. Make sure to not have a slash at the end of your URL.
@@ -20,7 +22,7 @@ title: 'Deploy'
    - `VITE_TMDB_READ_API_KEY`: Enter your TMDB Read Access Token here. Please read [the TMDB page](./tmdb.mdx) on how to get an API key.
 
    - `VITE_BACKEND_URL`: Only set if you have a self-hosted backend. Put in your backend URL. Check out [configuration reference](../client/configuration.mdx) for details. Make sure to not have a slash at the end of the URL.
-
+![Screenshot 2024-04-07 at 14-55-24 New Project – Vercel](https://github.com/movie-web/docs/assets/115524074/a584ac1d-6e15-4618-8bb2-988985def3e0)
 1. Click "Deploy"
 1. Congrats! You have your own version of movie-web hosted.
 1. You may wish to configure a custom domain - Please consult [the Vercel docs for how to do this](https://vercel.com/docs/getting-started-with-vercel/domains).

pages/client/index.tsx

@@ -1,3 +1,3 @@
-import { createRedirect } from "@neato/guider/client";
+import { createRedirect } from '@neato/guider/client';
 
 export default createRedirect({ to: '/client/introduction' });

pages/client/upgrade.mdx

@@ -11,34 +11,50 @@ Keeping your instance up-to-date with the latest features and bug fixes can enha
 You can also setup a scheduled workflow to automatically update your instance. This will allow you to keep your instance up to date without manual intervention.
 
 To do this, you will need to follow the guide below...
-1. If you have not already, click [here](https://github.com/movie-web/movie-web/fork) to fork the movie-web Github repository.
-2. Paste the below file into your repository's root `/.github/workflows` directory
 
-```yaml
+<Warning>This upgrade method will only work if your repository is a fork!</Warning>
-# File: .github/workflows/sync.yml
-name: Sync fork
 
-on:
+<Steps>
+  <Steps.Step>
+    If you have not already, click [here](https://github.com/movie-web/movie-web/fork) to fork the movie-web Github repository.
+  </Steps.Step>
+  <Steps.Step>
+    Paste the below file into your repository's root `/.github/workflows` directory
+
+    ```yaml
+    # File: .github/workflows/sync.yml
+    name: Sync fork
+
+    permissions:
+      contents: write
+
+    on:
       schedule:
-  - cron: "0 * * * *" # Run the job every hour
+        - cron: "0 0 * * *"
-  push:
+      workflow_dispatch:
-    branches:
-    - "*"
-    paths:
-    - .github/workflows/sync.yml
 
-jobs:
+    jobs:
       sync:
+        name: Sync fork
         runs-on: ubuntu-latest
-    steps:
+        if: ${{ github.event.repository.fork }}
-    - uses: actions/checkout@v3
-    - run: gh repo sync <OWNER>/<FORK> # Replace the placeholders within the < >
-    - uses: gautamkrishnar/keepalive-workflow@v1
-```
 
-3. Replace the `<OWNER>` placeholder with the GitHub username of the account that owns the fork.
+        steps:
-4. Replace the `<FORK>` placeholder with the repository name of your fork.
+          - name: Checkout code
-5. Commit and push the changes to your repository.
+            uses: actions/checkout@v4
+
+          - name: Sync fork
+            run: gh repo sync ${{ github.repository }}
+            env:
+              GH_TOKEN: ${{ github.token }}
+
+          - uses: gautamkrishnar/keepalive-workflow@v1
+    ```
+  </Steps.Step>
+  <Steps.Step>
+    Commit and push the changes to your repository.
+  </Steps.Step>
+</Steps>
 
 Your instance should now be automatically updated to the latest version.
 

pages/extra/index.tsx

@@ -1,3 +1,3 @@
-import { createRedirect } from "@neato/guider/client";
+import { createRedirect } from '@neato/guider/client';
 
 export default createRedirect({ to: '/extra/streaming' });

pages/extra/streaming.mdx

@@ -24,7 +24,7 @@ This method is recommended if you want to host a proxy for your friends and or f
 {/* This method is recommended if you want to host a proxy for your friends and family to use, or if you want to use movie-web on a device that doesn't support the [browser extension](#method-1---browser-extension), such as a smart TV or mobile device.*/}
 
 1. Set up a proxy using one of our [guides](../proxy/deploy.mdx), [though we recommend Netlify](../proxy/deploy.mdx#method-1-netlify-easy).  
-2. Once that's done, go to the **Connections** section of the **Settings page** on your movie-web instance of chocie. 
+2. Once that's done, go to the **Connections** section of the **Settings page** on your movie-web instance of choice. 
 3. Enable `Use custom proxy workers` if it's not already enabled.  
 4. Add a new custom proxy by clicking `Add new worker`.
 5. Copy the URL of the proxy you deployed before, and paste it into the empty text box.

pages/index.tsx

@@ -8,11 +8,12 @@ import {
 
 export default function LandingPage() {
   return (
-    <GuiderLayout meta={{ layout: 'page' }} >
+    <GuiderLayout meta={{ layout: 'page' }}>
       <Hero>
         <Hero.Title>movie-web</Hero.Title>
         <Hero.Subtitle>
-        A simple and no-BS app for watching movies and TV shows. Totally free and open source, forever.
+          A simple and no-BS app for watching movies and TV shows. Totally free
+          and open source, forever.
         </Hero.Subtitle>
         <Hero.Actions>
           <Button to="/self-hosting/hosting-intro">Get Started</Button>
@@ -29,28 +30,36 @@ export default function LandingPage() {
           movie-web will never show ads, enjoy watching without interruptions.
         </Card>
         <Card icon="ic:baseline-ondemand-video" title="Custom Player">
-          Enjoy a fully custom video player including streaming integration, subtitle customization and easy TV season navigation.
+          Enjoy a fully custom video player including streaming integration,
+          subtitle customization and easy TV season navigation.
         </Card>
         <Card icon="mdi:content-save" title="Saves your progress">
-          Will remember your progress in movies and TV shows, so you can easily continue where you left off.
+          Will remember your progress in movies and TV shows, so you can easily
+          continue where you left off.
         </Card>
         <Card icon="mdi:bookmark" title="Bookmarking">
-          Allows you to bookmark your favorite movies and TV shows, so you can easily find them again.
+          Allows you to bookmark your favorite movies and TV shows, so you can
+          easily find them again.
         </Card>
         <Card icon="mdi:cloud-refresh" title="Syncing across devices">
-          Enjoy uninterrupted streaming as your progress, proxies, and bookmarks sync effortlessly across all your devices.
+          Enjoy uninterrupted streaming as your progress, proxies, and bookmarks
+          sync effortlessly across all your devices.
         </Card>
         <Card icon="mdi:power-plug-outline" title="Modular by design">
-          Mix and match different parts of the movie-web service, [host your backend](4.backend/1.deploy.md) or use ours, it'll work either way.
+          Mix and match different parts of the movie-web service, host your
+          backend or use ours, it&apos;ll work either way.
         </Card>
         <Card icon="mdi:flag" title="Multiple Languages">
-          Supports over 25 languages, including English, German, French, Spanish, Italian, Czech, Hindi, Arabic, Hebrew and more.
+          Supports over 25 languages, including English, German, French,
+          Spanish, Italian, Czech, Hindi, Arabic, Hebrew and more.
         </Card>
         <Card icon="mdi:brush-variant" title="Customizable">
-          Supports various themes, subtitle colors and subtitle sizes so you can make it look however you want.
+          Supports various themes, subtitle colors and subtitle sizes so you can
+          make it look however you want.
         </Card>
         <Card icon="mdi:cellphone" title="Progressive Web App Support">
-          Supports PWA, so you can install it on your phone and use it just like a native app.
+          Supports PWA, so you can install it on your phone and use it just like
+          a native app.
         </Card>
       </CardGrid>
     </GuiderLayout>

pages/instances.mdx

@@ -4,11 +4,11 @@ title: 'Instances'
 
 # Instances
 
-This page showcases movie-web instances hosted by the community and other alternative sites. If you want to add your instance to this list, please open a pull request on [GitHub](https://github.com/movie-web/docs).
+This page showcases movie-web instances hosted by the community and other alternative sites. 
 
 ## Community Instances
 
-The community maintains these trusted instances, meaning they are likely to be up-to-date. Remember that since these are volunteer instances, they might be down or stop working at any time. If you want to be sure you have access to movie-web, consider [hosting your own instance](../self-hosting/hosting-intro.mdx).
+The community maintains these trusted instances, which are likely to be up-to-date. Remember that since these are volunteer instances, they might be down or stop working anytime. If you want to be sure you have access to movie-web, consider [hosting your own instance](../self-hosting/hosting-intro.mdx).
 
 **Instances marked with a 💾 have set up a backend, making it possible to sync your data across multiple devices.**
 
@@ -18,13 +18,13 @@ The community maintains these trusted instances, meaning they are likely to be u
 
 |                    Instance                       |                                        Host                                         |  Status  |
 | :------------------------------------------------ | :---------------------------------------------------------------------------------- | :------- |
-| [mw.lonelil.com](https://mw.lonelil.com)          | [lonelil - Partner](https://github.com/lonelil)                                     | 💾🌐📱     |
+| [mw.lonelil.ru](https://mw.lonelil.ru)            | [lonelil - Partner](https://github.com/lonelil)                                     | 💾🌐📱     |
 | [watch.qtchaos.de](https://watch.qtchaos.de)      | [chaos - Project Lead](https://github.com/qtchaos)                                  | 💾📱       |
-| [bmov](https://bmov.vercel.app)                   | [TheScreechingBagel - Mod](https://github.com/TheScreechingBagel)                   | 💾🌐      |
+| [bmov.app](https://bmov.app)                   | [TheScreechingBagel - Mod](https://github.com/TheScreechingBagel)                   | 💾🌐      |
 | [stream.thehairy.me](https://stream.thehairy.me)  | [thehairy - Mod](https://github.com/thehairy)                                       | 💾🌐📱     |
 | [movie-web-me](https://movie-web-me.vercel.app)   | [Isra - Contributor](https://github.com/zisra)                                      | 💾🌐      |
 | [scootydooter](https://scootydooter.vercel.app)   | [Toon - Contributor](https://github.com/Toon-arch)                                  | 💾🌐📱     |
-| [sudo-flix.lol](https://sudo-flix.lol)            | [itzCozi - Community Self Hoster](https://github.com/sudo-flix)                     | 💾📱      |
+| [sudo-flix.lol](https://sudo-flix.lol)            | [itzCozi - Contributor](https://github.com/sussy-code)                              | 💾📱      |
 | [movie-web.x](https://movie-web.x)                | [Unstoppable Domains](https://unstoppabledomains.com) and [IPFS](https://ipfs.tech) | 💾       |
 
 <Note>
@@ -34,7 +34,7 @@ If you cannot access [movie-web.x](https://movie-web.x) try using a gateway: [Cl
 
 ## Community Backend
 
-Our partner, Lonelil, has kindly offered to host a movie-web backend with a copy of the original data from the movie-web.app. You can access this backend at: `https://mw-backend.lonelil.com` or `https://mw-backend.lonelil.ru`
+Our partner, Lonelil, has kindly offered to host a movie-web backend with a copy of the original data from the movie-web.app. You can access this backend at: `https://mw-backend.lonelil.ru`
 
 You **do not** have to set up a new account; you can use your previous passphrase from movie-web, and all of your data will be there!
 
@@ -42,7 +42,7 @@ You **do not** have to set up a new account; you can use your previous passphras
 
 These sites are not related to movie-web but are good enough to switch to if the official instances are down. You can also use [FMHY](https://fmhy.pages.dev/videopiracyguide) to find even more options.
 
-- [watch.lonelil.com](https://watch.lonelil.com)
+- [watch.lonelil.ru](https://watch.lonelil.ru)
 - [themoviearchive.site](https://themoviearchive.site)
 - [braflix.video](https://braflix.video)
 - [watch.streamflix.one](https://watch.streamflix.one)

pages/proxy/index.tsx

@@ -1,3 +1,3 @@
-import { createRedirect } from "@neato/guider/client";
+import { createRedirect } from '@neato/guider/client';
 
 export default createRedirect({ to: '/proxy/introduction' });

pages/self-hosting/index.tsx

@@ -1,3 +1,3 @@
-import { createRedirect } from "@neato/guider/client";
+import { createRedirect } from '@neato/guider/client';
 
 export default createRedirect({ to: '/self-hosting/hosting-intro' });