2025-05-13 14:10:58 +02:00
24 changed files with 3259 additions and 4538 deletions
--- a/.eslintignore
+++ b/.eslintignore
@ -0,0 +1,9 @@
+.DS_Store
+node_modules
+/dist
+/release
+.env
+.env.*
+!.env.example
+
+package-lock.json
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@ -0,0 +1,34 @@
+module.exports = {
+	root: true,
+	extends: [
+		'eslint:recommended',
+		'plugin:@typescript-eslint/recommended',
+		'plugin:svelte/recommended',
+		'prettier'
+	],
+	parser: '@typescript-eslint/parser',
+	plugins: ['@typescript-eslint'],
+	parserOptions: {
+		sourceType: 'module',
+		ecmaVersion: 2020,
+		extraFileExtensions: ['.svelte']
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true
+	},
+	overrides: [
+		{
+			files: ['*.svelte'],
+			parser: 'svelte-eslint-parser',
+			parserOptions: {
+				parser: '@typescript-eslint/parser'
+			}
+		}
+	],
+	rules: {
+		'@typescript-eslint/no-explicit-any': 'off',
+		'no-undef': 'off'
+	}
+};
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@ -9,12 +9,12 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v3

      - name: Install nodejs
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v3
        with:
-          node-version: 22
+          node-version: 18
          cache: 'npm'

      - name: Install dependencies
@ -32,12 +32,12 @@ jobs:
          - manifest_version: 3
    steps:
      - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v3

      - name: Install nodejs
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v3
        with:
-          node-version: 22
+          node-version: 18
          cache: 'npm'

      - name: Install dependencies
@ -49,7 +49,7 @@ jobs:
        run: npm run build

      - name: Upload
-        uses: actions/upload-artifact@v4
+        uses: actions/upload-artifact@v3
        with:
          name: stream-bypass-mv${{ matrix.manifest_version }}
          path: ./dist
--- a/.prettierrc
+++ b/.prettierrc
@ -0,0 +1,8 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}
--- a/.prettierrc.cjs
+++ b/.prettierrc.cjs
@ -1,17 +0,0 @@
-// @ts-check
-
-/** @type {import("prettier").Config} */
-module.exports = {
-	useTabs: true,
-	singleQuote: true,
-	trailingComma: 'none',
-	printWidth: 100,
-	plugins: ['prettier-plugin-svelte', '@ianvs/prettier-plugin-sort-imports'],
-	/* prettier-plugin-svelte */
-	overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }],
-	/* @ianvs/prettier-plugin-sort-imports */
-	importOrder: ['^~/(.*)$', '^./(.*)$', ''],
-	importOrderParserPlugins: ['typescript'],
-	importOrderTypeScriptVersion: '5.0.0',
-	importOrderCaseSensitive: false
-};
--- a/README.md
+++ b/README.md
@ -12,6 +12,9 @@ A multi-browser addon / extension for multiple streaming providers which redirec
  <a href="https://chromewebstore.google.com/detail/ddfpfjomnakfckhmilacnbokdaknamdb">
    <img src="https://img.shields.io/chrome-web-store/users/ddfpfjomnakfckhmilacnbokdaknamdb?style=flat-square&label=Chrome%20Users" alt="Chrome Store">
  </a>
+  <a href="https://addons.mozilla.org/de/firefox/addon/stream-bypass/">
+    <img src="https://img.shields.io/amo/stars/stream-bypass?label=Firefox%20Store%20Stars&style=flat-square" alt="Firefox Addon Stars">
+  </a>
  <a href="https://github.com/bytedream/stream-bypass/releases/latest">
    <img src="https://img.shields.io/github/downloads/ByteDream/stream-bypass/total?label=GitHub%20Downloads&style=flat-square" alt="GitHub Downloads">
  </a>
@ -22,9 +25,7 @@ A multi-browser addon / extension for multiple streaming providers which redirec
  •
  <a href="#-installation">Installation 📥</a>
  •
-  <a href="#-features">Features ✨</a>
-  •
-  <a href="#-supported-websites">Supported Websites 📜</a>
+  <a href="#-supported-sites">Supported Sites 📜</a>
  •
  <a href="#%EF%B8%8F-building">Building 🛠️</a>
  •
@ -50,7 +51,7 @@ Additionally, this enables you to download the video by right-clicking it and ju

 The best way to install the extension are the official browser extension stores:

- [Firefox Addon Store](https://addons.mozilla.org/de/firefox/addon/stream-bypass/) (Firefox for Android is supported too!)
+- [Firefox Addon Store](https://addons.mozilla.org/de/firefox/addon/stream-bypass/)
 - [Chrome Web Store](https://chromewebstore.google.com/detail/ddfpfjomnakfckhmilacnbokdaknamdb)

 ### Manual installation
@ -66,49 +67,46 @@ The best way to install the extension are the official browser extension stores:
  - Turn on the developer mode by checking the switch in the top right corner
  - Click `Load unpacked` and choose the unzipped directory

-## ✨ Features
+## 📜 Supported sites

-| Feature                                                                                                                           | Firefox | Chrome | Firefox for Android |
-| --------------------------------------------------------------------------------------------------------------------------------- | ------- | ------ | ------------------- |
-| Replace site-speicifc video player with browser native video player                                                               | ✔      | ✔     | ✔                  |
-| Support websites that are accessed via a redirect                                                                                 | ✔      | ❌     | ✔                  |
-| Open video in mpv (with [ff2mpv](https://github.com/ByteDream/stream-bypass/tree/master#ff2mpv-use-mpv-to-directly-play-streams)) | ✔      | ✔     | ❌                  |
-
- ✔️: Supported.
- ❌: Not supported.
-
-## 📜 Supported websites
-
-| Site                                                                  | Firefox & Firefox for Android                                                            | Chrome & Chromium based                                                                  |
-| --------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- |
-| [dropload.io](https://dropload.io)                                    | ✔                                                                                       | ✔                                                                                       |
-| [doodstream.com](doodstream.com) / [dood.pm](https://dood.pm)         | ✔                                                                                       | ⚠ (redirect probably required)                                                          |
-| [filemoon.to](https://filemoon.to)                                    | ✔                                                                                       | ✔                                                                                       |
-| [goodstream.uno](https://goodstream.uno)                              | ✔                                                                                       | ✔                                                                                       |
-| [kwik.cx](https://kwik.cx)                                            | ✔                                                                                       | ✔                                                                                       |
-| [loadx.ws](https://loadx.ws)                                          | ✔                                                                                       | ❌ (background request always required)                                                  |
-| [luluvdo.com](https://luluvdo.com)                                    | ✔                                                                                       | ❌ (background request always required)                                                  |
-| [mixdrop.co](https://mixdrop.co)                                      | ✔ ️                                                                                     | ✔                                                                                       |
-| [mp4upload.com](https://mp4upload.com)                                | ✔                                                                                       | ✔                                                                                       |
-| [newgrounds.com](https://newgrounds.com)                              | ✔                                                                                       | ✔                                                                                       |
-| [streama2z.com](https://streama2z.com)                                | ✔                                                                                       | ❌ (redirect always required)                                                            |
-| [streamtape.com](https://streamtape.com)                              | ⚠ (correct video url can't always be extract, retrying/reloading the page might fix it) | ⚠ (correct video url can't always be extract, retrying/reloading the page might fix it) |
-| [streamzz.to](https://streamzz.to) / [streamz.ws](https://streamz.ws) | ✔                                                                                       | ✔                                                                                       |
-| [supervideo.tv](https://supervideo.tv)                                | ✔                                                                                       | ✔                                                                                       |
-| [upstream.to](https://upstream.to)                                    | ✔                                                                                       | ✔                                                                                       |
-| [vidmoly.to](https://vidmoly.me)                                      | ✔                                                                                       | ✔                                                                                       |
-| [vidoza.net](https://vidoza.net)                                      | ✔                                                                                       | ✔                                                                                       |
-| [voe.sx](https://voe.sx)                                              | ✔                                                                                       | ❌ (redirect always required)                                                            |
-| [vupload.com](https://vupload.com)                                    | ✔                                                                                       | ✔                                                                                       |
+| Site                                                                  | Supported | Note                                                                                                         |
+| --------------------------------------------------------------------- | --------- | ------------------------------------------------------------------------------------------------------------ |
+| [dropload.io](https://dropload.io)                                    | ✔        |                                                                                                              |
+| [doodstream.com](doodstream.com) / [dood.pm](https://dood.pm)         | ✔️        |                                                                                                              |
+| [filemoon.sx](https://filemoon.sx)                                    | ✔        |                                                                                                              |
+| [goodstream.uno](https://goodstream.uno)                              | ✔        |                                                                                                              |
+| [mcloud.to](https://mcloud.to/)                                       | ❌        | Reverse engineering the site costs too much time ([#5](https://github.com/ByteDream/stream-bypass/issues/5)) |
+| [mixdrop.co](https://mixdrop.co)                                      | ✔ ️      |                                                                                                              |
+| [mp4upload.com](https://mp4upload.com)                                | ✔        |                                                                                                              |
+| [newgrounds.com](https://newgrounds.com)                              | ✔        |                                                                                                              |
+| [streama2s.com](https://streama2z.com)                                | ✔        |
+| [streamtape.com](https://streamtape.com)                              | ✔        |                                                                                                              |
+| [streamzz.to](https://streamzz.to) / [streamz.ws](https://streamz.ws) | ✔        |                                                                                                              |
+| [supervideo.tv](https://supervideo.tv)                                | ✔        |                                                                                                              |
+| [upstream.to](https://upstream.to)                                    | ✔        |                                                                                                              |
+| [videovard.sx](https://videovard.sx)                                  | ❌        | Reverse engineering the site costs too much time                                                             |
+| [vidmoly.me](https://vidmoly.me)                                      | ✔        |                                                                                                              |
+| [vidoza.net](https://vidoza.net)                                      | ✔        |                                                                                                              |
+| [vidstream.pro](https://vidstream.pro)                                | ❌        | Reverse engineering the site costs too much time ([#5](https://github.com/ByteDream/stream-bypass/issues/5)) |
+| [voe.sx](https://voe.sx)                                              | ✔        |                                                                                                              |
+| [vupload.com](https://vupload.com)                                    | ✔        |                                                                                                              |
+| [kwik.cx](https://kwik.cx)                                            | ✔        |                                                                                                              |

 - ✔️: Everything ok.
- ⚠: Works with limitations.
- ❌: Not supported.
-
-_This table might not be 100% accurate, it isn't actively monitored if the addon works for every website!_
+- ⚠: Included in the addon but will probably not work. See `Note` in this case, an explanation why will stand there in the most cases.
+- ❌: Not included / supported by the addon. This can have various reasons. See `Note` for an explanation.

 Some sites put much effort in obfuscating their code / how they receive the video stream so that it simply cost too much time for me to reverse engineer it and find out how to bypass the native video player of the site.

+<details>
+    <summary>Hall of dead sites</summary>
+    <ul>
+        <li><a href="https://evoload.io">evoload.io</a> - Down</li>
+        <li><a href="https://vidlox.me">vidlox.me</a> - Reachable but empty</li>
+        <li><a href="https://vivo.sx">vivo.sx</a> - Down</li>
+    </ul>
+</details>
+
 ## 🛠️ Building

 If you want to build the addon from source and not using the [installation](#installation) way, follow the instructions.
@ -163,11 +161,11 @@ Steps to get it set up:
  - Chrome/Chromium:
    - Go To: Settings -> Extensions
    - Click on `Details` of the Stream Bypass extension and copy the ID
-    - Add `chrome-extension://ddfpfjomnakfckhmilacnbokdaknamdb/` to `allowed_origins` ->
+    - Add `chrome-extension://your-id-here/` to `allowed_origins` ->
      ```
      "allowed_origins": [
        "chrome-extension://ephjcajbkgplkjmelpglennepbpmdpjg/",
-        "chrome-extension://ddfpfjomnakfckhmilacnbokdaknamdb/"
+        "chrome-extension://your-id-her/"
      ]
      ```

--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@ -1,40 +0,0 @@
-import js from '@eslint/js';
-import prettier from 'eslint-config-prettier';
-import svelte from 'eslint-plugin-svelte';
-import ts from 'typescript-eslint';
-
-export default ts.config(
-	js.configs.recommended,
-	...ts.configs.recommended,
-	...svelte.configs['flat/recommended'],
-	prettier,
-	...svelte.configs['flat/prettier'],
-	{
-		files: ['**/*.svelte'],
-
-		languageOptions: {
-			parserOptions: {
-				parser: ts.parser
-			}
-		}
-	},
-	{
-		rules: {
-			'@typescript-eslint/no-explicit-any': 'off',
-			'no-undef': 'off'
-		}
-	},
-	{
-		ignores: [
-			'.DS_Store',
-			'node_modules',
-			'dist',
-			'release',
-			'.idea',
-			'.env',
-			'.env.*',
-			'!.env.example',
-			'package-lock.json'
-		]
-	}
-);
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
 	"name": "stream-bypass",
-	"version": "3.1.6",
+	"version": "3.1.0",
 	"displayName": "Stream Bypass",
 	"author": "bytedream",
 	"description": "Multi-browser addon for multiple streaming providers which redirects directly to the source video",
@ -11,8 +11,8 @@
 		"serve:firefox": "web-ext run --start-url \"about:debugging#/runtime/this-firefox\" --source-dir ./dist/",
 		"serve:chrome": "web-ext run -t chromium --start-url \"https://example.com\" --source-dir ./dist/",
 		"check": "svelte-check --tsconfig ./tsconfig.json",
-		"lint": "prettier --check . && eslint .",
-		"format": "prettier --write .",
+		"lint": "prettier --check --plugin prettier-plugin-svelte . && eslint .",
+		"format": "prettier --write --plugin prettier-plugin-svelte .",
 		"release:firefox": "MANIFEST_VERSION=2 vite build --outDir release/firefox",
 		"release:chrome": "MANIFEST_VERSION=3 vite build --outDir release/chrome"
 	},
@ -25,27 +25,27 @@
 		"url": "https://github.com/bytedream/stream-bypass/issues"
 	},
 	"devDependencies": {
-		"@ianvs/prettier-plugin-sort-imports": "^4.4.1",
-		"@samrum/vite-plugin-web-extension": "^5.1.1",
-		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"@samrum/vite-plugin-web-extension": "^5.1.0",
+		"@sveltejs/vite-plugin-svelte": "^2.5.3",
 		"@tsconfig/svelte": "^5.0.4",
-		"@types/chrome": "^0.0.320",
+		"@types/chrome": "^0.0.269",
 		"@types/firefox-webext-browser": "^120.0.4",
-		"eslint": "^9.26.0",
-		"eslint-config-prettier": "^10.1.3",
-		"eslint-plugin-svelte": "^3.5.1",
-		"hls.js": "^1.6.2",
-		"prettier": "^3.5.3",
-		"prettier-plugin-svelte": "^3.3.3",
-		"sass": "^1.87.0",
-		"svelte": "^5.28.2",
-		"svelte-check": "^4.1.7",
-		"svelte-preprocess": "^6.0.3",
-		"tslib": "^2.8.1",
-		"typescript": "^5.8.3",
-		"typescript-eslint": "^8.32.0",
-		"vite": "^6.3.5",
-		"web-ext": "^8.6.0"
+		"@typescript-eslint/eslint-plugin": "^7.17.0",
+		"@typescript-eslint/parser": "^7.17.0",
+		"eslint": "^8.57.0",
+		"eslint-config-prettier": "^9.1.0",
+		"eslint-plugin-svelte": "^2.43.0",
+		"hls.js": "^1.5.13",
+		"prettier": "^3.3.3",
+		"prettier-plugin-svelte": "^3.2.6",
+		"sass": "^1.77.8",
+		"svelte": "^4.2.18",
+		"svelte-check": "^3.8.4",
+		"svelte-preprocess": "^6.0.2",
+		"tslib": "^2.6.3",
+		"typescript": "^5.5.4",
+		"vite": "^4.5.3",
+		"web-ext": "^8.2.0"
 	},
 	"type": "module"
 }
--- a/src/entries/background/mv2.ts
+++ b/src/entries/background/mv2.ts
@ -1,22 +1,23 @@
 import './shared';

-import { getMatch, type Match } from '~/lib/match';
-import { Redirect, UrlReferer } from '~/lib/settings';
+import type { Match } from '~/lib/match';
+import { Redirect, storageDelete, storageGet } from '~/lib/settings';
+import { getMatch } from '~/lib/match';

 chrome.webRequest.onBeforeSendHeaders.addListener(
 	// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 	// @ts-ignore
 	async (details) => {
-		const referer = await UrlReferer.get(new URL(details.url).hostname);
-		if (!referer) return;
-
-		await UrlReferer.delete(new URL(details.url).hostname);
+		const referer: { domain: string } | undefined = await storageGet('referer');
+		if (referer === undefined) return;

 		details.requestHeaders!.push({
 			name: 'Referer',
-			value: `https://${referer}/`
+			value: `https://${referer.domain}/`
 		});

+		await storageDelete('referer');
+
 		return { requestHeaders: details.requestHeaders };
 	},
 	{ urls: ['<all_urls>'], types: ['xmlhttprequest'] },
--- a/src/entries/contentScript/main.ts
+++ b/src/entries/contentScript/main.ts
@ -1,4 +1,5 @@
-import { getMatch, MatchMediaType, type Match } from '~/lib/match';
+import type { Match } from '~/lib/match';
+import { getMatch } from '~/lib/match';
 import { Other, Redirect } from '~/lib/settings';

 async function main() {
@ -19,43 +20,22 @@ async function main() {
 		return;
 	}

-	let re = null;
-	for (const regex of match.regex) {
-		if ((re = document.body.innerHTML.match(regex)) !== null) {
-			break;
-		}
-	}
+	const re = document.body.innerHTML.match(match.regex);
 	if (re === null) {
 		return;
 	}
-
 	if (redirect) {
 		await Redirect.delete();
 	}

 	let url: string | null;
-	let urlType: MatchMediaType | null;
 	try {
-		const matchResult = await match.match(re);
-		if (matchResult && typeof matchResult === 'string') {
-			url = matchResult;
-			urlType = url.includes('.m3u8') ? MatchMediaType.Hls : MatchMediaType.Native;
-		} else if (matchResult && typeof matchResult === 'object') {
-			if (MatchMediaType.Hls in matchResult) {
-				url = matchResult[MatchMediaType.Hls];
-				urlType = MatchMediaType.Hls;
-			} else if (MatchMediaType.Native in matchResult) {
-				url = matchResult[MatchMediaType.Native];
-				urlType = MatchMediaType.Native;
-			}
-		}
-	} catch {
+		url = await match.match(re);
+	} catch (e) {
 		return;
 	}

-	// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-	// @ts-ignore
-	if (!url || !urlType) {
+	if (!url) {
 		return;
 	}

@ -64,7 +44,7 @@ async function main() {
 		await chrome.runtime.sendMessage({ action: 'ff2mpv', url: url });
 	}

-	if (match.replace && urlType != MatchMediaType.Hls) {
+	if (match.replace && !url.includes('.m3u8')) {
 		// this destroys all intervals that may spawn popups or events
 		let intervalId = window.setInterval(() => {}, 0);
 		while (intervalId--) {
@ -78,8 +58,6 @@ async function main() {
 		// clear completed document
 		document.documentElement.innerHTML = '';

-		document.body.style.backgroundColor = '#131313';
-
 		// video player
 		const player = document.createElement('video');
 		player.style.width = '100%';
@ -95,7 +73,7 @@ async function main() {
 			chrome.runtime.getURL(
 				`src/entries/player/player.html?id=${match.id}&url=${encodeURIComponent(url)}&domain=${
 					window.location.hostname
-				}&type=${urlType}`
+				}`
 			)
 		);
 	}
--- a/src/entries/player/Player.svelte
+++ b/src/entries/player/Player.svelte
@ -1,9 +1,8 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
 	import { play } from '~/entries/player/player';
+	import { onMount } from 'svelte';

-	let errorMessage: string | null = $state(null);
-
+	let errorMessage: string | null = null;
 	let videoElem: HTMLVideoElement;

 	onMount(async () => {
@ -11,13 +10,13 @@
 			await play(videoElem);
 			videoElem.controls = true;
 		} catch (e) {
-			errorMessage = e as string;
+			errorMessage = e;
 		}
 	});
 </script>

-<!-- svelte-ignore a11y_media_has_caption -->
-<video id="video" bind:this={videoElem}></video>
+<!-- svelte-ignore a11y-media-has-caption -->
+<video id="video" bind:this={videoElem} />
 {#if errorMessage}
 	<div id="message-container">
 		<p>
--- a/src/entries/player/player.html
+++ b/src/entries/player/player.html
@ -6,10 +6,9 @@
 	</head>
 	<body>
 		<script type="module">
-			import { mount } from 'svelte';
 			import Player from '~/entries/player/Player.svelte';

-			mount(Player, {
+			new Player({
 				target: document.body
 			});
 		</script>
--- a/src/entries/player/player.ts
+++ b/src/entries/player/player.ts
@ -1,23 +1,17 @@
+import { matches } from '~/lib/match';
 import Hls from 'hls.js';
-import { matches, MatchMediaType } from '~/lib/match';
-import { UrlReferer } from '~/lib/settings';
-
-async function playNative(url: string, domain: string, videoElem: HTMLVideoElement) {
-	await UrlReferer.set(new URL(url).hostname, domain);
+import { storageSet } from '~/lib/settings';

+async function playNative(url: string, videoElem: HTMLVideoElement) {
 	videoElem.src = url;
 }

-async function playHls(url: string, domain: string, videoElem: HTMLVideoElement) {
+async function playHls(url: string, videoElem: HTMLVideoElement) {
 	if (videoElem.canPlayType('application/vnd.apple.mpegurl')) {
 		videoElem.src = url;
 	} else if (Hls.isSupported()) {
 		const hls = new Hls({
-			enableWorker: false,
-			xhrSetup: async (xhr: XMLHttpRequest, url: string) => {
-				await UrlReferer.set(new URL(url).hostname, domain);
-				xhr.open('GET', url);
-			}
+			enableWorker: false
 		});
 		hls.loadSource(url);
 		hls.attachMedia(videoElem);
@ -31,7 +25,6 @@ export async function play(videoElem: HTMLVideoElement) {
 	const id = urlQuery.get('id') as string;
 	const url = decodeURIComponent(urlQuery.get('url') as string);
 	const domain = urlQuery.get('domain') as string;
-	const type = urlQuery.get('type') as MatchMediaType;

 	const match = matches[id];
 	if (match === undefined) {
@ -39,9 +32,11 @@ export async function play(videoElem: HTMLVideoElement) {
 	}
 	document.title = `Stream Bypass (${domain})`;

-	if (type === MatchMediaType.Hls) {
-		await playHls(url, domain, videoElem);
-	} else if (type === MatchMediaType.Native) {
-		await playNative(url, domain, videoElem);
+	await storageSet('referer', { domain: domain });
+
+	if (new URL(url).pathname.endsWith('.m3u8')) {
+		await playHls(url, videoElem);
+	} else {
+		await playNative(url, videoElem);
 	}
 }
--- a/src/entries/popup/Popup.svelte
+++ b/src/entries/popup/Popup.svelte
@ -1,5 +1,5 @@
 <script lang="ts">
-	import { matches, type Match } from '~/lib/match';
+	import { type Match, matches } from '~/lib/match';
 	import { Hosters, Other } from '~/lib/settings';
 	import Toggle from './toggle.svelte';

@ -39,11 +39,11 @@
 				<Toggle
 					bind:checked={hostersEnabled}
 					id="hosters-enabled"
-					onChange={() => Hosters.setAll(hostersEnabled)}
+					on:change={() => Hosters.setAll(hostersEnabled)}
 				/>
 			</div>
 			<hr />
-			{#each hosters as hoster, i (hoster.id)}
+			{#each hosters as hoster, i}
 				<label for="hoster-{i}" style="cursor: {hostersEnabled ? 'pointer' : 'default'}"
 					>{hoster.name}</label
 				>
@ -52,7 +52,7 @@
 						bind:checked={hoster.active}
 						disabled={!hostersEnabled}
 						id="hoster-{i}"
-						onChange={async () => {
+						on:change={async () => {
 							if (hoster.active) {
 								await Hosters.enable(hoster);
 							} else {
@ -73,7 +73,7 @@
 					<Toggle
 						bind:checked={ff2mpvEnabled}
 						id="ff2mpv"
-						onChange={async () => {
+						on:change={async () => {
 							ff2mpvEnabled = !ff2mpvEnabled;
 							if (await browser.permissions.request({ permissions: ['nativeMessaging'] })) {
 								await Other.setFf2mpv(ff2mpvEnabled);
--- a/src/entries/popup/index.html
+++ b/src/entries/popup/index.html
@ -7,10 +7,9 @@
 	</head>
 	<body style="overflow-y: scroll">
 		<script type="module">
-			import { mount } from 'svelte';
 			import Popup from '~/entries/popup/Popup.svelte';

-			mount(Popup, {
+			new Popup({
 				target: document.body
 			});
 		</script>
--- a/src/entries/popup/main.ts
+++ b/src/entries/popup/main.ts
@ -0,0 +1,5 @@
+import App from './Popup.svelte';
+
+new App({
+	target: document.getElementById('app') as Element
+});
--- a/src/entries/popup/toggle.svelte
+++ b/src/entries/popup/toggle.svelte
@ -1,21 +1,18 @@
 <!-- https://flowbite.com/docs/forms/toggle/ -->
 <script lang="ts">
-	import type { Snippet } from 'svelte';
+	import { createEventDispatcher } from 'svelte';

-	type Props = {
-		checked?: boolean;
-		disabled?: boolean;
-		id?: string | null;
-		onChange?: () => void;
-		children?: Snippet;
-	};
-	let { checked = $bindable(), disabled, id = null, onChange, children }: Props = $props();
+	export let checked = false;
+	export let disabled = false;
+	export let id: string | null = null;
+
+	const dispatch = createEventDispatcher();
 </script>

 <label class="toggle">
-	{@render children?.()}
-	<input type="checkbox" {id} bind:checked {disabled} onchange={onChange} />
-	<span></span>
+	<slot />
+	<input type="checkbox" {id} bind:checked {disabled} on:change={(e) => dispatch('change', e)} />
+	<span />
 </label>

 <style lang="scss" global>
--- a/src/lib/match.ts
+++ b/src/lib/match.ts
@ -1,28 +1,15 @@
-import { Hosters, Redirect, TmpHost } from './settings';
-import { lastPathSegment } from './util/extract';
-import { unpack } from './util/userspace';
+import { unpack } from './utils';
+import { Hosters, Redirect } from './settings';

 export interface Match {
 	name: string;
 	id: string;
 	domains: string[];
 	replace?: boolean;
-	regex: RegExp[];
+	regex: RegExp;
 	notice?: string;

-	match(
-		match: RegExpMatchArray
-	): Promise<
-		string | { [MatchMediaType.Hls]: string } | { [MatchMediaType.Native]: string } | null
-	>;
-
-	// allow other properties that may be implemented by the objects that use this interface declaration
-	[other: string]: any;
-}
-
-export enum MatchMediaType {
-	Hls = 'hls',
-	Native = 'native'
+	match(match: RegExpMatchArray): Promise<string | null>;
 }

 export const Doodstream: Match = {
@ -36,7 +23,6 @@ export const Doodstream: Match = {
 		'dood.cx',
 		'dood.sh',
 		'dood.watch',
-		'dood.work',
 		'dood.to',
 		'dood.so',
 		'dood.la',
@ -49,9 +35,9 @@ export const Doodstream: Match = {
 		'd000d.com'
 	],
 	replace: true,
-	regex: [/(\/pass_md5\/.*?)'.*(\?token=.*?expiry=)/s],
+	regex: /(\/pass_md5\/.*?)'.*(\?token=.*?expiry=)/s,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
 		const response = await fetch(`https://${window.location.host}${match[1]}`, {
 			headers: {
 				Range: 'bytes=0-'
@ -67,10 +53,10 @@ export const Doodstream: Match = {
 export const DropLoad: Match = {
 	name: 'Dropload',
 	id: 'dropload',
-	domains: ['dropload.io'],
-	regex: [/eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms],
+	domains: ['dropload.ui'],
+	regex: /eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
 		const unpacked = await unpack(match[0]);
 		return unpacked.match(/(?<=file:").*(?=")/)![0];
 	}
@ -79,20 +65,12 @@ export const DropLoad: Match = {
 export const Filemoon: Match = {
 	name: 'Filemoon',
 	id: 'filemoon',
-	domains: ['filemoon.sx', 'filemoon.to', 'filemoon.in'],
-	regex: [/(?<=<iframe\s*src=")\S*(?=")/s, /eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms],
-	replace: true,
-
-	match: async function (match: RegExpMatchArray) {
-		if (window.location.host.startsWith('filemoon')) {
-			await TmpHost.set(new URL(match[0]).host, Filemoon);
-			return null;
-		}
-
-		await TmpHost.delete();
+	domains: ['filemoon.sx', 'filemoon.in'],
+	regex: /eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms,

+	match: async (match: RegExpMatchArray) => {
 		const unpacked = await unpack(match[0]);
-		return unpacked.match(/(?<=file:")\S*(?=")/)![0];
+		return unpacked.match(/(?<=file:").*(?=")/)![0];
 	}
 };

@ -100,9 +78,9 @@ export const GoodStream: Match = {
 	name: 'Goodstream',
 	id: 'goodstream',
 	domains: ['goodstream.uno'],
-	regex: [/(?<=file:\s+").*(?=")/g],
+	regex: /(?<=file:\s+").*(?=")/g,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
 		return match[0];
 	}
 };
@ -111,80 +89,21 @@ export const Kwik: Match = {
 	name: 'Kwik',
 	id: 'kwik',
 	domains: ['kwik.cx'],
-	regex: [/eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms],
+	regex: /eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
 		const unpacked = await unpack(match[0]);
 		return unpacked.match(/(?<=source=').*(?=')/)![0];
 	}
 };

-export const LoadX: Match = {
-	name: 'LoadX',
-	id: 'loadx',
-	domains: ['loadx.ws'],
-	regex: [/./gm],
-
-	match: async () => {
-		const hash = encodeURIComponent(lastPathSegment(window.location.href));
-		const response = await fetch(
-			`https://${window.location.host}/player/index.php?data=${hash}&do=getVideo`,
-			{
-				method: 'POST',
-				headers: {
-					'X-Requested-With': 'XMLHttpRequest'
-				}
-			}
-		);
-
-		const responseJson = await response.json();
-		const videoSource: string = responseJson['videoSource'];
-
-		// extension of extracted url is '.txt', so we have to manually specify that it's a hls
-		return { [MatchMediaType.Hls]: videoSource.replace('\\/', '/') };
-	}
-};
-
-export const Luluvdo: Match = {
-	name: 'Luluvdo',
-	id: 'luluvdo',
-	domains: ['luluvdo.com'],
-	regex: [/./gm],
-
-	match: async () => {
-		const requestBody = new FormData();
-		requestBody.set('op', 'embed');
-		requestBody.set('file_code', lastPathSegment(window.location.href));
-		const response = await fetch(`https://${window.location.host}/dl`, {
-			method: 'POST',
-			body: requestBody,
-			referrer: window.location.href
-		});
-
-		let unpacked;
-
-		const responseText = await response.text();
-		const evalMatch = responseText.match(/eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms)!;
-		// sometimes is packed, sometimes it's not. looks like someone forgets to obfuscate the code when pushing to
-		// production
-		if (evalMatch) {
-			unpacked = await unpack(evalMatch[0]);
-			return unpacked.match(/(?<=file:").*(?=")/)![0];
-		} else {
-			unpacked = responseText;
-		}
-
-		return unpacked.match(/(?<=file:").*(?=")/)![0];
-	}
-};
-
 export const Mixdrop: Match = {
 	name: 'Mixdrop',
 	id: 'mixdrop',
-	domains: ['mixdrop.bz', 'mixdrop.ch', 'mixdrop.co', 'mixdrop.gl', 'mixdrop.my', 'mixdrop.to'],
-	regex: [/eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms],
+	domains: ['mixdrop.co', 'mixdrop.to', 'mixdrop.ch', 'mixdrop.bz', 'mixdrop.gl'],
+	regex: /eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
 		const unpacked = await unpack(match[0]);
 		const url = unpacked.match(/(?<=MDCore.wurl=").*(?=")/)![0];
 		return `https:${url}`;
@ -196,9 +115,9 @@ export const Mp4Upload: Match = {
 	id: 'mp4upload',
 	domains: ['mp4upload.com'],
 	replace: true,
-	regex: [/eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms],
+	regex: /eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
 		const unpacked = await unpack(match[0]);
 		return unpacked.match(/(?<=player.src\(").*(?=")/)![0];
 	}
@ -208,7 +127,7 @@ export const Newgrounds: Match = {
 	name: 'Newgrounds',
 	id: 'newgrounds',
 	domains: ['newgrounds.com'],
-	regex: [/.*/gm],
+	regex: /.*/gm,

 	match: async () => {
 		const id = window.location.pathname.split('/').slice(-1)[0];
@ -226,9 +145,9 @@ export const StreamA2z: Match = {
 	name: 'Stream2Az',
 	id: 'stream2az',
 	domains: ['streama2z.com', 'streama2z.xyz'],
-	regex: [/https?:\/\/\S*m3u8.+(?=['"])/gm],
+	regex: /https?:\/\/\S*m3u8.+(?=['"])/gm,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
 		if (StreamA2z.domains.indexOf(window.location.hostname) !== -1) {
 			await Redirect.set(StreamA2z);
 			return null;
@ -241,9 +160,9 @@ export const Streamtape: Match = {
 	name: 'Streamtape',
 	id: 'streamtape',
 	domains: ['streamtape.com', 'streamtape.net', 'shavetape.cash'],
-	regex: [/id=.*(?=')/gm],
+	regex: /id=.*(?=')/gm,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
 		let i = 0;
 		while (i < match.length) {
 			if (match[++i - 1] == match[i]) {
@ -260,9 +179,9 @@ export const Streamzz: Match = {
 	name: 'Streamzz',
 	id: 'streamzz',
 	domains: ['streamzz.to', 'streamz.ws'],
-	regex: [/(?<=\|)\w{2,}/gm],
+	regex: /(?<=\|)\w{2,}/gm,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
 		return `https://get.${location.hostname.split('.')[0]}.tw/getlink-${
 			match.sort((a, b) => b.length - a.length)[0]
 		}.dll`;
@ -272,10 +191,10 @@ export const Streamzz: Match = {
 export const SuperVideo: Match = {
 	name: 'Supervideo',
 	id: 'supervideo',
-	domains: ['supervideo.cc', 'supervideo.tv'],
-	regex: [/eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms],
+	domains: ['supervideo.tv'],
+	regex: /eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
 		const unpacked = await unpack(match[0]);
 		return unpacked.match(/(?<=file:").*(?=")/)![0];
 	}
@ -285,9 +204,9 @@ export const Upstream: Match = {
 	name: 'Upstream',
 	id: 'upstream',
 	domains: ['upstream.to'],
-	regex: [/eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms],
+	regex: /eval\(function\(p,a,c,k,e,d\).*?(?=<\/script>)/gms,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
 		const unpacked = await unpack(match[0]);
 		return unpacked.match(/(?<=file:").*(?=")/)![0];
 	}
@ -297,10 +216,10 @@ export const Vidmoly: Match = {
 	name: 'Vidmoly',
 	id: 'vidmoly',
 	domains: ['vidmoly.me', 'vidmoly.to'],
-	regex: [/(?<=file:").+\.m3u8/gm],
-	replace: true,
+	regex: /(?<=file:").+\.m3u8/gm,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
+		alert('a');
 		return match[0];
 	}
 };
@ -308,11 +227,11 @@ export const Vidmoly: Match = {
 export const Vidoza: Match = {
 	name: 'Vidoza',
 	id: 'vidoza',
-	domains: ['vidoza.net', 'videzz.net'],
-	regex: [/(?<=src:\s?").+?(?=")/gm],
+	domains: ['vidoza.net'],
+	regex: /(?<=src:\s?").+?(?=")/gm,
 	replace: true,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
 		return match[0];
 	}
 };
@ -321,67 +240,10 @@ export const Voe: Match = {
 	name: 'Voe',
 	id: 'voe',
 	domains: ['voe.sx'],
-	regex: [
-		// voe.sx
-		/(?<=window\.location\.href\s=\s')\S*(?=')/gm,
-		// whatever site voe.sx redirects to
-		/(?<=<script type="application\/json">).*(?=<\/script>)/m
-	],
+	regex: /https?:\/\/\S*m3u8.+(?=['"])/gm,

-	match: async function (match: RegExpMatchArray) {
-		if (window.location.host === 'voe.sx') {
-			const redirectUrl = new URL(match[0]);
-			await TmpHost.set(redirectUrl.host, Voe);
-			return null;
-		} else {
-			let json = match[0];
-			json = JSON.parse(json);
-
-			let deobfuscated = json[0];
-			deobfuscated = this.rot13(deobfuscated);
-			deobfuscated = this.removeSpecialSequences(deobfuscated);
-			deobfuscated = atob(deobfuscated);
-			deobfuscated = this.shiftString(deobfuscated);
-			deobfuscated = deobfuscated.split('').reverse().join('');
-			deobfuscated = atob(deobfuscated);
-
-			const payload = JSON.parse(deobfuscated);
-
-			return payload['source'];
-		}
-	},
-
-	rot13: function (encrypted: string) {
-		let decrypted = '';
-		for (let i = 0; i < encrypted.length; i++) {
-			let char = encrypted.charCodeAt(i);
-			if (char >= 65 && char <= 90) {
-				char = ((char - 65 + 13) % 26) + 65;
-			} else if (char >= 97 && char <= 122) {
-				char = ((char - 97 + 13) % 26) + 97;
-			}
-			decrypted += String.fromCharCode(char);
-		}
-		return decrypted;
-	},
-	removeSpecialSequences: function (input: string) {
-		return input
-			.replaceAll(/@\$/g, '')
-			.replaceAll(/\^\^/g, '')
-			.replaceAll(/~@/g, '')
-			.replaceAll(/%\?/g, '')
-			.replaceAll(/\*~/g, '')
-			.replaceAll(/!!/g, '')
-			.replaceAll(/#&/g, '');
-	},
-	shiftString: function (input: string) {
-		let shifted = '';
-		for (let i = 0; i < input.length; i++) {
-			const char = input.charCodeAt(i);
-			const shiftedChar = char - 3;
-			shifted += String.fromCharCode(shiftedChar);
-		}
-		return shifted;
+	match: async (match: RegExpMatchArray) => {
+		return match[0];
 	}
 };

@ -389,9 +251,9 @@ export const Vupload: Match = {
 	name: 'Vupload',
 	id: 'vupload',
 	domains: ['vupload.com'],
-	regex: [/(?<=src:\s?").+?(?=")/gm],
+	regex: /(?<=src:\s?").+?(?=")/gm,

-	match: async function (match: RegExpMatchArray) {
+	match: async (match: RegExpMatchArray) => {
 		return match[0];
 	}
 };
@ -402,8 +264,6 @@ export const matches = {
 	[Filemoon.id]: Filemoon,
 	[GoodStream.id]: GoodStream,
 	[Kwik.id]: Kwik,
-	[LoadX.id]: LoadX,
-	[Luluvdo.id]: Luluvdo,
 	[Mixdrop.id]: Mixdrop,
 	[Mp4Upload.id]: Mp4Upload,
 	[Newgrounds.id]: Newgrounds,
@ -432,10 +292,5 @@ export async function getMatch(domain: string): Promise<Match | null> {
 		}
 	}

-	const tmpHost = await TmpHost.get();
-	if (tmpHost && tmpHost[0] === domain) {
-		return tmpHost[1];
-	}
-
 	return null;
 }
--- a/src/lib/settings.ts
+++ b/src/lib/settings.ts
@ -1,4 +1,5 @@
-import { matches, type Match } from './match';
+import type { Match } from './match';
+import { matches } from './match';

 export const Hosters = {
 	getDisabled: async () => {
@ -41,34 +42,6 @@ export const Redirect = {
 	}
 };

-export const TmpHost = {
-	get: async (): Promise<[string, Match] | null> => {
-		const tmphost = await storageGet<[string, number]>('tmphost');
-		if (tmphost === undefined) {
-			return null;
-		}
-		return [tmphost[0], matches[tmphost[1]]];
-	},
-	set: async (domain: string, match: Match) => {
-		await storageSet('tmphost', [domain, match.id]);
-	},
-	delete: async () => {
-		await storageDelete('tmphost');
-	}
-};
-
-export const UrlReferer = {
-	get: async (url: string): Promise<string | null> => {
-		return (await storageGet(`urlReferer.${url}`)) || null;
-	},
-	set: async (url: string, referer: string) => {
-		await storageSet(`urlReferer.${url}`, referer);
-	},
-	delete: async (url: string) => {
-		await storageDelete(`urlReferer.${url}`);
-	}
-};
-
 export const Other = {
 	getFf2mpv: async () => {
 		return await storageGet('other.ff2mpv', false);
@ -78,7 +51,7 @@ export const Other = {
 	}
 };

-async function storageGet<T>(key: string, defaultValue?: T): Promise<T | undefined> {
+export async function storageGet<T>(key: string, defaultValue?: T): Promise<T | undefined> {
 	let resolve: (value: T | undefined) => void;
 	const promise = new Promise<T | undefined>((r) => (resolve = r));

@ -90,7 +63,7 @@ async function storageGet<T>(key: string, defaultValue?: T): Promise<T | undefin
 	return promise;
 }

-async function storageSet<T>(key: string, value: T) {
+export async function storageSet<T>(key: string, value: T) {
 	let resolve: () => void;
 	const promise = new Promise<void>((r) => (resolve = r));

@ -102,7 +75,7 @@ async function storageSet<T>(key: string, value: T) {
 	return promise;
 }

-async function storageDelete(key: string) {
+export async function storageDelete(key: string) {
 	let resolve: () => void;
 	const promise = new Promise<void>((r) => (resolve = r));

--- a/src/lib/util/extract.ts
+++ b/src/lib/util/extract.ts
@ -1,6 +0,0 @@
-export function lastPathSegment(path: string): string {
-	while (path.endsWith('/')) {
-		path = path.slice(0, -1);
-	}
-	return path.substring(path.lastIndexOf('/') + 1);
-}
--- a/src/lib/util/userspace.ts
+++ b/src/lib/util/userspace.ts
@ -16,7 +16,7 @@ export async function unpack(packed: string): Promise<string> {
                ${packed}
            };
            return packed;
-        }
+        }'
    `;

 	const res = (await runInPageContext(toExecute)) as string;
@ -32,9 +32,8 @@ export async function unpack(packed: string): Promise<string> {
 async function runInPageContext<T>(toExecute: string): Promise<T | null> {
 	// test that we are running with the allow-scripts permission
 	try {
-		// eslint-disable-next-line @typescript-eslint/no-unused-expressions
 		window.sessionStorage;
-	} catch {
+	} catch (ignore) {
 		return null;
 	}

@ -49,8 +48,9 @@ async function runInPageContext<T>(toExecute: string): Promise<T | null> {
 	scriptElm.textContent = `
        (
            async function () {
+
                    const response = {
-					id: '${resultMessageId}'
+                        id: ${resultMessageId}
                    };

                    try {
--- a/tsconfig.json
+++ b/tsconfig.json
@ -2,7 +2,7 @@
 	"extends": "@tsconfig/svelte/tsconfig.json",
 	"compilerOptions": {
 		"allowSyntheticDefaultImports": true,
-		"target": "es2021",
+		"target": "es2019",
 		"module": "esnext",
 		"useDefineForClassFields": true,
 		"resolveJsonModule": true,
--- a/vite.config.ts
+++ b/vite.config.ts
@ -1,9 +1,9 @@
-import { fileURLToPath } from 'url';
-import webExtension from '@samrum/vite-plugin-web-extension';
+import { defineConfig, loadEnv } from 'vite';
 import { svelte } from '@sveltejs/vite-plugin-svelte';
-import { defineConfig, loadEnv, type PluginOption } from 'vite';
-import { matches } from './src/lib/match';
+import webExtension from '@samrum/vite-plugin-web-extension';
+import path from 'path';
 import { getManifest } from './src/manifest';
+import { matches } from './src/lib/match';

 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
@ -11,7 +11,7 @@ export default defineConfig(({ mode }) => {

 	return {
 		plugins: [
-			svelte() as PluginOption,
+			svelte(),
 			webExtension({
 				manifest: getManifest(Number(env.MANIFEST_VERSION)),
 				additionalInputs: {
@ -27,10 +27,12 @@ export default defineConfig(({ mode }) => {
 						}
 					]
 				}
-			}) as unknown as PluginOption
+			})
 		],
 		resolve: {
-			alias: [{ find: '~', replacement: fileURLToPath(new URL('./src', import.meta.url)) }]
+			alias: {
+				'~': path.resolve(__dirname, './src')
+			}
 		}
 	};
 });