diff --git a/.gitignore b/.gitignore
index 3e2e84b..7c4f701 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,4 @@
+.idea/
build/
+dist/
node_modules/
diff --git a/Dockerfile b/Dockerfile
deleted file mode 100644
index bc4df72..0000000
--- a/Dockerfile
+++ /dev/null
@@ -1,9 +0,0 @@
-FROM alpine:latest
-
-RUN apk --no-cache add python3 nodejs npm
-
-RUN npm install -g typescript sass
-
-COPY [".", "."]
-
-CMD ["python3", "build.py", "-b", "-c"]
diff --git a/README.md b/README.md
index 0fcc003..59ff026 100644
--- a/README.md
+++ b/README.md
@@ -18,7 +18,7 @@ Additionally this enables you to download the video by right-clicking it and jus
-Supported streaming providers (for a complete list of all supported websites, see [here](SUPPORTED) or in [show all](#all-supported-websites) below):
+Supported streaming providers (for a complete list of all supported websites, click [show all](#all-supported-websites) down below):
- [streamtape.com](https://streamtape.com)
- [vivo.sx](https://vivo.sx)
- [voe.sx](https://voe.sx)
@@ -40,7 +40,7 @@ Supported streaming providers (for a complete list of all supported websites, se
vivo.sx voe.sx vupload.com ` with every `.sass` file in the `src` directory)
- ```
- $ sass --no-source-map
- ```
-The compiled output will be in the `src` directory.
-
-If you want to keep it a little cleaner, you additionally need [python3](https://www.python.org).
-- Compile everything with one line
- ```
- $ python3 build.py -b -c
- ```
-The compiled output will remain in a (new created if not existing) `build` directory.
-
-### Docker
-
-For this, you need [docker](https://www.docker.com/) to be installed.
-- Build the docker image
- ```
- $ docker build -t stream-bypass .
- ```
-- Compile
- ```
- $ docker run --rm -v build:/build stream-bypass
- ```
-The compiled output will remain in a (new created if not existing) `build` directory.
+# build the extension source to a build/ directory
+$ npm run build
+```
##### Install
diff --git a/SUPPORTED b/SUPPORTED
deleted file mode 100644
index 43d4d99..0000000
--- a/SUPPORTED
+++ /dev/null
@@ -1,14 +0,0 @@
-evoload.io
-mcloud.to
-mixdrop.co
-newgrounds.com
-streamtape.com
-streamzz.to
-thevideome.com
-vidlox.me
-vidstream.pro
-vidoza.net
-vivo.st
-vivo.sx
-voe.sx
-vupload.com
diff --git a/build.py b/build.py
deleted file mode 100644
index c316cf2..0000000
--- a/build.py
+++ /dev/null
@@ -1,158 +0,0 @@
-#!/usr/bin/python3
-
-import argparse
-import io
-import json
-import sys
-import urllib.request
-import zipfile
-from pathlib import Path
-import re
-import shutil
-import subprocess
-
-
-def load_matches():
- matched = []
-
- indexed = False
- pattern = re.compile(r"(?<=\[')\S*(?=',)")
- for line in open('src/match.ts', 'r'):
- if not indexed:
- if 'constmatches=[' in line.replace(' ', ''):
- indexed = True
- else:
- match = pattern.findall(line)
- if match:
- if not line.strip().startswith('//'):
- matched.append(match[0])
- else:
- break
-
- return matched
-
-
-def write_manifest():
- matches = load_matches()
- manifest = json.load(open('src/manifest.json', 'r'))
-
- for content_script in manifest['content_scripts']:
- content_script['matches'] = [f'*://*.{match}/*' for match in matches]
-
- json.dump(manifest, open('src/manifest.json', 'w'), indent=2)
-
-
-def write_supported():
- open('SUPPORTED', 'w').writelines([f'{match}\n' for match in load_matches()])
-
-
-def write_readme():
- firefox_pattern = re.compile(r'Mozilla Firefox (?P.+)')
- chromium_pattern = re.compile(r'(?P\d+\.\d+)')
- tested = {}
-
- stdout, stderr = subprocess.Popen(['firefox', '--version'], stdout=subprocess.PIPE, stderr=subprocess.PIPE).communicate()
- if stderr == b'':
- tested['Firefox'] = re.search(firefox_pattern, stdout.decode('utf-8').replace('\n', '')).group('version')
-
- for command, name in {'chromium': 'Ungoogled Chromium', 'vivaldi-stable': 'Vivaldi', 'opera': 'Opera'}.items():
- stdout, stderr = subprocess.Popen([command, '--version'], stdout=subprocess.PIPE, stderr=subprocess.PIPE).communicate()
- if stderr == b'':
- tested[name] = re.search(chromium_pattern, stdout.decode('utf-8').replace('\n', '')).group('version')
-
- # it this the right syntax if i want to read and write to a file? * dreams in python3.10 *
- with open('README.md', 'r') as read_file:
- readme = read_file.read()
-
- # adds all available websites
- all_providers_regex = r'(?<=)'
- domains = filter(lambda domain: domain != '', open('SUPPORTED', 'r').read().split('\n'))
- all_providers = '\n'.join(f'\t\t{supported}
-}
-
-class Evoload implements Match {
- async match(match: RegExpMatchArray): Promise {
- const code = window.location.pathname.split('/').slice(-1)[0]
- const response = await fetch('https://evoload.io/SecurePlayer', {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({code: code})
- })
-
- const json = await response.json()
- return json['stream']['src']
- }
-}
-
-class MCloud implements Match {
- async match(match: RegExpMatchArray): Promise {
- const code = window.location.pathname.split('/').slice(-1)[0]
- const response = await fetch(`https://mcloud.to/info/${code}?skey=${match[0]}`, {
- headers: {
- 'Content-Type': 'application/json'
- },
- referrer: `https://mcloud.to/embed/${code}`
- })
- const json = await response.json()
- return json['media']['sources'][0]['file']
- }
-}
-
-class Mixdrop implements Match {
- async match(match: RegExpMatchArray): Promise {
- return `https://a-${match[1]}.${match[4]}.${match[5]}/v/${match[2]}.${match[6]}?s=${match[12]}&e=${match[13]}`
- }
-}
-
-class Newgrounds implements Match {
- async match(match: RegExpMatchArray): Promise {
- let id = window.location.pathname.split('/').slice(-1)[0]
- let response = await fetch(`https://www.newgrounds.com/portal/video/${id}`, {
- headers: {
- 'X-Requested-With': 'XMLHttpRequest'
- }
- })
- let json = await response.json()
- return decodeURI(json['sources'][Object.keys(json['sources'])[0]][0]['src'])
- }
-}
-
-class Streamtape implements Match {
- async match(match: RegExpMatchArray): Promise {
- return `https://streamtape.com/get_video?${match[0]}`
- }
-}
-
-class TheVideoMe implements Match {
- async match(match: RegExpMatchArray): Promise {
- return `https://thevideome.com/${match[5]}.mp4`
- }
-}
-
-class Upstream implements Match {
- async match(match: RegExpMatchArray): Promise {
- return `https://${match[47]}.upstreamcdn.co/hls/${match.sort((a, b) => {return b.length - a.length})[0]}/master.m3u8`
- }
-}
-
-class Vidstream implements Match {
- async match(match: RegExpMatchArray): Promise {
- const code = window.location.pathname.split('/').slice(-1)[0]
- const response = await fetch(`https://vidstream.pro/info/${code}?skey=${match[0]}`, {
- headers: {
- 'Content-Type': 'application/json'
- },
- referrer: `https://vidstream.pro/embed/${code}`
- })
- const json = await response.json()
- return json['media']['sources'][0]['file']
- }
-}
-
-class Vivo implements Match {
- async match(match: RegExpMatchArray): Promise {
- return this.rot47(decodeURIComponent(match[0]))
- }
-
- // decrypts a string with the rot47 algorithm (https://en.wikipedia.org/wiki/ROT13#Variants)
- rot47(encoded: string): string {
- const s = []
- for(let i = 0; i < encoded.length; i++) {
- const j = encoded.charCodeAt(i)
- if((j >= 33) && (j <= 126)) {
- s[i] = String.fromCharCode(33+((j+ 14)%94))
- } else {
- s[i] = String.fromCharCode(j)
- }
- }
- return s.join('')
- }
-}
-
-// all domains to match. the matches must be structured like this:
-// [domain, regex match (can be null), class to call after match (can be null), reliability]
-// => the domain which should be redirected
-// => the regex gets called if the user visits a site with the given domain and matches the websites document body.
-// if the regex is null, the complete document body gets handled as one big regex match
-// => the class to call when the regex was parsed successfully. the class has to implement the `Match` interface.
-// if the class is null, the user gets redirected to the first regex match element
-// => the reliability shows how reliable a stream redirect is. for example, vivo.sx works nearly every time whereas
-// upstream.to works only sometimes because of a security mechanism they're using (CORS) which currently can't be bypassed
-//
-// every match HAS to be on an separate line (for automatically manifest generation)
-const matches = [
- ['evoload.io', null, new Evoload(), Reliability.NORMAL],
- ['mcloud.to', new RegExp(/(?<=')\w+(?=';)/gm), new MCloud(), Reliability.NORMAL],
- ['mixdrop.co', new RegExp(/(?<=\|)\w{2,}/gm), new Mixdrop(), Reliability.HIGH],
- ['newgrounds.com', null, new Newgrounds(), Reliability.HIGH],
- ['streamtape.com', new RegExp(/id=\S*(?=')/gm), new Streamtape(), Reliability.NORMAL],
- ['streamzz.to', new RegExp(/https?:\/\/get.streamz.tw\/getlink-\w+\.dll/gm), null, Reliability.NORMAL],
- ['thevideome.com', new RegExp(/(?<=\|)\w{2,}/gm), new TheVideoMe(), Reliability.NORMAL],
- //['upstream.to', new RegExp(/(?<=\|)\w{2,}/gm), new Upstream(), Reliability.LOW],
- ['vidlox.me', new RegExp(/(?<=\[")\S+?(?=")/gm), null, Reliability.NORMAL],
- ['vidstream.pro', new RegExp(/(?<=')\w+(?=';)/gm), new Vidstream(), Reliability.LOW],
- ['vidoza.net', new RegExp(/(?<=src:(\s*)?")\S*(?=")/gm), null, Reliability.NORMAL],
- ['vivo.st', new RegExp(/(?<=source:\s')(\S+)(?=')/gm), new Vivo(), Reliability.HIGH],
- ['vivo.sx', new RegExp(/(?<=source:\s')(\S+)(?=')/gm), new Vivo(), Reliability.HIGH],
- ['voe.sx', new RegExp(/https?:\/\/\S*m3u8(?=")/gm), null, Reliability.HIGH],
- ['vupload.com', new RegExp(/(?<=src:\s?").+?(?=")/gm), null, Reliability.NORMAL]
-]
diff --git a/src/match/match.ts b/src/match/match.ts
new file mode 100644
index 0000000..99bf4d5
--- /dev/null
+++ b/src/match/match.ts
@@ -0,0 +1,278 @@
+export enum Reliability {
+ HIGH = 1,
+ NORMAL,
+ LOW,
+}
+
+export abstract class Match {
+ name: string
+ id: string
+ reliability: Reliability
+ domains: string[]
+ regex: RegExp
+ abstract match(match: RegExpMatchArray): Promise
+
+ locked?: boolean
+ notice?: string
+}
+
+class Evoload implements Match {
+ name = 'Evoload'
+ id = 'evoload'
+ reliability = Reliability.NORMAL
+ domains = [
+ 'evoload.io'
+ ]
+ regex = new RegExp(/.*/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ const code = window.location.pathname.split('/').slice(-1)[0]
+ const response = await fetch('https://evoload.io/SecurePlayer', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({code: code})
+ })
+
+ const json = await response.json()
+ return json['stream']['src']
+ }
+}
+
+class MCloud implements Match {
+ name = 'MCloud'
+ id = 'mcloud'
+ reliability = Reliability.HIGH
+ domains = [
+ 'mcloud.to'
+ ]
+ regex = new RegExp(/(?<=')\w+(?=';)/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ const code = window.location.pathname.split('/').slice(-1)[0]
+ const response = await fetch(`https://mcloud.to/info/${code}?skey=${match[0]}`, {
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ referrer: `https://mcloud.to/embed/${code}`
+ })
+ const json = await response.json()
+ return json['media']['sources'][0]['file']
+ }
+}
+
+class Mixdrop implements Match {
+ name = 'Mixdrop'
+ id = 'mixdrop'
+ reliability = Reliability.HIGH
+ domains = [
+ 'mixdrop.co'
+ ]
+ regex = new RegExp(/(?<=\|)\w{2,}/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ return `https://a-${match[1]}.${match[4]}.${match[5]}/v/${match[2]}.${match[6]}?s=${match[12]}&e=${match[13]}`
+ }
+}
+
+class Newgrounds implements Match {
+ name = 'Newgrounds'
+ id = 'newgrounds'
+ reliability = Reliability.HIGH
+ domains = [
+ 'newgrounds.com'
+ ]
+ regex = new RegExp(/.*/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ let id = window.location.pathname.split('/').slice(-1)[0]
+ let response = await fetch(`https://www.newgrounds.com/portal/video/${id}`, {
+ headers: {
+ 'X-Requested-With': 'XMLHttpRequest'
+ }
+ })
+ let json = await response.json()
+ return decodeURI(json['sources'][Object.keys(json['sources'])[0]][0]['src'])
+ }
+}
+
+class Streamtape implements Match {
+ name = 'Streamtape'
+ id = 'streamtape'
+ reliability = Reliability.NORMAL
+ domains = [
+ 'streamtape.com'
+ ]
+ regex = new RegExp(/id=\S*(?=')/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ return `https://streamtape.com/get_video?${match[0]}`
+ }
+}
+
+class Streamzz implements Match {
+ name = 'Streamzz'
+ id = 'streamzz'
+ reliability = Reliability.NORMAL
+ domains = [
+ 'streamzz.to'
+ ]
+ regex = new RegExp(/https?:\/\/get.streamz.tw\/getlink-\w+\.dll/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ return match[0]
+ }
+}
+
+class TheVideoMe implements Match {
+ name = 'TheVideoMe'
+ id = 'thevideome'
+ reliability = Reliability.NORMAL
+ domains = [
+ 'thevideome.com'
+ ]
+ regex = new RegExp(/(?<=\|)\w{2,}/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ return `https://thevideome.com/${match[5]}.mp4`
+ }
+}
+
+class Upstream implements Match {
+ name = 'Upstream'
+ id = 'upstream'
+ reliability = Reliability.NORMAL
+ domains = [
+ 'upstream.to'
+ ]
+ regex = new RegExp(/(?<=\|)\w{2,}/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ return `https://${match[49]}.upstreamcdn.co/hls/${match[148]}/master.m3u8`
+ }
+}
+
+class Vidlox implements Match {
+ name = 'Vidlox'
+ id = 'vidlox'
+ reliability = Reliability.NORMAL
+ domains = [
+ 'vidlox.me'
+ ]
+ regex = new RegExp(/(?<=\[")\S+?(?=")/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ return match[0]
+ }
+}
+
+class Vidstream implements Match {
+ name = 'Vidstream'
+ id = 'vidstream'
+ reliability = Reliability.LOW
+ domains = [
+ 'vidstream.pro'
+ ]
+ regex = new RegExp(/(?<=')\w+(?=';)/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ const code = window.location.pathname.split('/').slice(-1)[0]
+ const response = await fetch(`https://vidstream.pro/info/${code}?skey=${match[0]}`, {
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ referrer: `https://vidstream.pro/embed/${code}`
+ })
+ const json = await response.json()
+ return json['media']['sources'][0]['file']
+ }
+}
+
+class Vidoza implements Match {
+ name = 'Vidoza'
+ id = 'vidoza'
+ reliability = Reliability.NORMAL
+ domains = [
+ 'vidoza.net'
+ ]
+ regex = new RegExp(/(?<=src:(\s*)?")\S*(?=")/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ return match[0]
+ }
+}
+
+class Vivo implements Match {
+ name = 'Vivo'
+ id = 'vivo'
+ reliability = Reliability.HIGH
+ domains = [
+ 'vivo.st',
+ 'vivo.sx'
+ ]
+ regex = new RegExp(/(?<=source:\s')(\S+)(?=')/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ return this.rot47(decodeURIComponent(match[0]))
+ }
+
+ // decrypts a string with the rot47 algorithm (https://en.wikipedia.org/wiki/ROT13#Variants)
+ rot47(encoded: string): string {
+ const s = []
+ for(let i = 0; i < encoded.length; i++) {
+ const j = encoded.charCodeAt(i)
+ if((j >= 33) && (j <= 126)) {
+ s[i] = String.fromCharCode(33+((j+ 14)%94))
+ } else {
+ s[i] = String.fromCharCode(j)
+ }
+ }
+ return s.join('')
+ }
+}
+
+class Voe implements Match {
+ name = 'Voe'
+ id = 'voe'
+ reliability = Reliability.HIGH
+ domains = [
+ 'voe.sx',
+ 'voeunblk.com'
+ ]
+ regex = new RegExp(/https?:\/\/\S*m3u8(?=")/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ return match[0]
+ }
+}
+
+class Vupload implements Match {
+ name = 'Vupload'
+ id = 'vupload'
+ reliability = Reliability.HIGH
+ domains = [
+ 'vupload.com'
+ ]
+ regex = new RegExp(/(?<=src:\s?").+?(?=")/gm)
+
+ async match(match: RegExpMatchArray): Promise {
+ return match[0]
+ }
+}
+
+export const matches = [
+ new Evoload(),
+ new MCloud(),
+ new Mixdrop(),
+ new Newgrounds(),
+ new Streamtape(),
+ new Streamzz(),
+ new TheVideoMe(),
+ new Upstream(),
+ new Vidlox(),
+ new Vidoza(),
+ new Vivo(),
+ new Voe(),
+ new Vupload()
+]
diff --git a/src/popup/popup.html b/src/popup/popup.html
deleted file mode 100644
index ebc259d..0000000
--- a/src/popup/popup.html
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
-
- Title
- m3u8
-
-
-
-
diff --git a/src/res/hls.ts b/src/res/hls.ts
deleted file mode 100644
index bcc23dd..0000000
--- a/src/res/hls.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-function showMessage(message: string) {
- let messageElement = document.getElementById('message') as HTMLParagraphElement
- messageElement.innerHTML = message
- messageElement.hidden = false
- document.getElementById('video').hidden = true
-}
-
-function loadHls() {
- let url = window.location.hash.substring(1)
- let video = document.getElementById('video') as HTMLVideoElement;
-
- video.controls = true
- if (video.canPlayType('application/vnd.apple.mpegurl')) {
- video.src = url
- // @ts-ignore
- } else if (Hls.isSupported()) {
- // @ts-ignore
- let hls = new Hls()
- hls.loadSource(url)
- hls.attachMedia(video)
-
- let searchParams = new URLSearchParams(window.location.search)
- let rawReliability = parseInt(searchParams.get('reliability'))
-
- let thirdPartyFallback = setTimeout(() => {
- let message: string
-
- switch (rawReliability) {
- case 1: // low
- message = `The reliability for this domain is low, errors like this are common.
- Try to choose another streaming provider (if existent) or deactivate the addon for this domain (${searchParams.get('domain')}) and try again`
- break
- case 2: // normal
- message = `The reliability for this domain is normal, errors like this can occur but are not very common. Try to refresh the page`
- break
- case 3: // high
- message = `The reliability for this domains is high, errors like this are very unlikely to happen.
- Try to refresh the page and if the error still exists you might want to open a new issue here .
- When you're using Tor such errors have a slight chance to occur more often,
- so if this is the case just try to reload the page and see if you it's working then`
- break
- }
-
- // shows a message if hls could not be loaded
- showMessage(`Could not load hls video. ${message}`)
- }, rawReliability * 3000)
-
- document.title = searchParams.get('domain')
-
- // @ts-ignore
- hls.on(Hls.Events.MANIFEST_PARSED, () => {
- clearTimeout(thirdPartyFallback)
- document.getElementById('video').hidden = false
- document.getElementById('message').hidden = true
- })
- } else {
- // shows a message if hls is not supported
- showMessage(`Failed to play m3u8 video (hls is not supported). Try again or create a new issue here `)
- }
-}
-
-loadHls()
diff --git a/src/store/store.ts b/src/store/store.ts
new file mode 100644
index 0000000..af1957b
--- /dev/null
+++ b/src/store/store.ts
@@ -0,0 +1,55 @@
+import {Match, matches} from "../match/match";
+
+async function storageGet(key: string): Promise {
+ return new Promise((resolve) => {
+ chrome.storage.local.get(key, (value) => {
+ resolve(value[key])
+ })
+ })
+}
+
+async function storageSet(key: string, value: any) {
+ const obj = {}
+ obj[key] = value
+ await chrome.storage.local.set(obj)
+}
+
+export async function getDisabled(): Promise {
+ const localMatches = []
+
+ for (const disabled of (await storageGet('disabled') as string[]) || []) {
+ let m: Match
+ if ((m = matches.find((v) => v.id === disabled)) !== undefined) {
+ localMatches.push(m)
+ }
+ }
+
+ return localMatches
+}
+
+export async function getAllDisabled(): Promise {
+ const value = await storageGet('all')
+ return value !== undefined ? value as unknown as boolean : false
+}
+
+export async function enableAll() {
+ await storageSet('all', false)
+}
+
+export async function disableAll() {
+ await storageSet('all', true)
+}
+
+export async function enable(match: Match) {
+ const disabled = await storageGet('disabled') || []
+ disabled.splice(disabled.indexOf(match.id))
+ await storageSet('disabled', disabled)
+}
+
+export async function disable(match: Match) {
+ const disabled = await storageGet('disabled') as string[] || []
+ if (disabled.indexOf(match.id) !== undefined) {
+ disabled.push(match.id)
+ await storageSet('disabled', disabled)
+ }
+}
diff --git a/src/tsconfig.json b/src/tsconfig.json
index 17aecd3..0e88f44 100644
--- a/src/tsconfig.json
+++ b/src/tsconfig.json
@@ -1,7 +1,7 @@
{
"compilerOptions": {
- "module": "commonjs",
- "target": "es2015",
+ "module": "esnext",
+ "target": "es2019",
"removeComments": true,
"lib": [
"dom",
@@ -12,6 +12,6 @@
]
},
"exclude": [
- "node_modules"
- ],
-}
\ No newline at end of file
+ "../node_modules"
+ ]
+}
diff --git a/src/ui/hls/hls.html b/src/ui/hls/hls.html
new file mode 100644
index 0000000..e960421
--- /dev/null
+++ b/src/ui/hls/hls.html
@@ -0,0 +1,13 @@
+
+
+
+ HLS
+
+
+
diff --git a/src/res/hls.sass b/src/ui/hls/hls.sass
similarity index 100%
rename from src/res/hls.sass
rename to src/ui/hls/hls.sass
diff --git a/src/ui/hls/hls.ts b/src/ui/hls/hls.ts
new file mode 100644
index 0000000..a1b7c61
--- /dev/null
+++ b/src/ui/hls/hls.ts
@@ -0,0 +1,70 @@
+import {matches, Reliability} from "../../match/match";
+// @ts-ignore
+import Hls from "hls.js";
+
+function show_message(message: string) {
+ const messageElement = document.getElementById('message') as HTMLParagraphElement
+ messageElement.innerText = message
+ messageElement.hidden = false
+ document.getElementById('video').hidden = true
+}
+
+async function main() {
+ const urlQuery = new URLSearchParams(window.location.search)
+ const id = urlQuery.get('id')
+ const url = urlQuery.get('url')
+
+ const match = matches.find((m) => m.id === id)
+ if (match === undefined) {
+ show_message(`Invalid id: ${id}. Please report this here `)
+ return
+ }
+ document.title = match.name
+
+ const video = document.getElementById('video') as HTMLVideoElement
+ video.controls = true
+
+ if (video.canPlayType('application/vnd.apple.mpegurl')) {
+ video.src = url
+ } else if (Hls.isSupported()) {
+ const hls = new Hls({
+ enableWorker: false
+ })
+ hls.loadSource(url)
+ hls.attachMedia(video)
+
+ const loaded = await new Promise((resolve, reject) => {
+ setTimeout(() => {
+ resolve(false)
+ }, match.reliability * 3000)
+
+ hls.on(Hls.Events.MANIFEST_PARSED, () => {
+ resolve(true)
+ })
+ })
+
+ if (!loaded) {
+ let message: string
+ switch (match.reliability) {
+ case Reliability.LOW:
+ message = `The reliability for this domain is low, errors like this are common.
+ Try to choose another streaming provider (if existent) or deactivate the addon for this provider (${match.name}) and try again`
+ break
+ case Reliability.NORMAL:
+ message = `The reliability for this domain is normal, errors like this can occur but are not very common. Try to refresh the page`
+ break
+ case Reliability.HIGH:
+ message = `The reliability for this domains is high, errors like this are very unlikely to happen.
+ Try to refresh the page and if the error still exists you might want to open a new issue here .
+ When you're using Tor such errors have a slight chance to occur more often,
+ so if this is the case just try to reload the page and see if it's working then`
+ break
+ }
+ show_message(`Could not load HLS video. ${message}`)
+ }
+ } else {
+ show_message('Failed to play m3u8 video (hls is not supported). Try again or create a new issue here ')
+ }
+}
+
+main()
diff --git a/src/ui/popup/popup.html b/src/ui/popup/popup.html
new file mode 100644
index 0000000..8d1516b
--- /dev/null
+++ b/src/ui/popup/popup.html
@@ -0,0 +1,23 @@
+
+
+
+ Stream-Bypass
+ 
-The addon was tested on
-- Firefox (96.0.3)
-- Ungoogled Chromium (97.0)
-- Vivaldi (5.0)
-- Opera (83.0)
-
## Installing
### Firefox
@@ -80,42 +74,18 @@ Install the addon directly from the [firefox addon store](https://addons.mozilla
## Compiling
-If you want to use / install the addon from source, you have to compile the `typescript` and `sass` files yourself.
-- Compile it [manual](#manual).
-- Compile it using [docker](#docker).
+Requirements:
+- `npm` installed.
+- A copy of this repository and a shell / console open in the copied directory.
-### Manual
+If the requirements are satisfied, you can continue with the following commands:
+```shell
+# install all dependencies
+$ npm install
-For compiling everything bare bones, you need [typescript](https://www.typescriptlang.org/) and [sass](https://sass-lang.com/) installed.
-- Compile typescript
- ```
- $ tsc -p src
- ```
-- Compile sass (replace `