diff --git a/.gitignore b/.gitignore index 567609b..7c4f701 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +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/LICENSE b/LICENSE index ce19ae9..9e0c471 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2021 ByteDream +Copyright (c) 2022 ByteDream Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index 0fcc003..3d57aa0 100644 --- a/README.md +++ b/README.md @@ -2,65 +2,52 @@ A multi-browser addon / extension for multiple streaming providers which redirects directly to the source video. -This addon replaces the video player from this sides with the native player build-in into the browser or redirects directly to the source video. -This has the advantage, that no advertising or popups are shown when trying to interact with the video (playing, skipping, ...) or some sites are showing them even if you do nothing. -Additionally this enables you to download the video by right-clicking it and just choose the download option. -

+ + Version + - Firefox Addon Store + Firefox Addon Store + + + Firefox Addon Stars GitHub Downloads - Discord + Discord

-Supported streaming providers (for a complete list of all supported websites, see [here](SUPPORTED) or in [show all](#all-supported-websites) below): -- [streamtape.com](https://streamtape.com) -- [vivo.sx](https://vivo.sx) -- [voe.sx](https://voe.sx) +

+ Introduction 📝 + • + Installation 📥 + • + Supported Sites 📜 + • + Compiling ⚙️ + • + License ⚖ +

-
- Show all - -
+## 📝 Introduction ---- +This addon replaces the video player from this sides with the native player build-in into the browser or redirects directly to the source video. +This has the advantage, that no advertising or popups are shown when trying to interact with the video (playing, skipping, ...) or some sites are showing them even if you do nothing. +Additionally, this enables you to download the video by right-clicking it and just choose the download option.
- How it's working + How it's working:
-The addon was tested on -- Firefox (96.0.3) -- Ungoogled Chromium (97.0) -- Vivaldi (5.0) -- Opera (83.0) - -## Installing +## 📥 Installation ### Firefox -Install the addon directly from the [firefox addon store](https://addons.mozilla.org/de/firefox/addon/stream-bypass/) or from the [latest release](https://smartrelease.bytedream.org/github/ByteDream/stream-bypass/stream_bypass-{tag}_firefox.xpi) (if anything newer is available since firefox disables the plugin sometimes because of a setting which is necessary to run the addon properly). +Install the addon directly from the [firefox addon store](https://addons.mozilla.org/de/firefox/addon/stream-bypass/). ### Chromium / Google Chrome @@ -78,54 +65,60 @@ Install the addon directly from the [firefox addon store](https://addons.mozilla 4. Click Load unpacked. 5. Choose the cloned / unzipped directory. -## Compiling +## 📜 Supported sites -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). +| Site | Supported | Note | +|-----------------------------------------------------------------------|-----------|--------------------------------------------------| +| [doodstream.com](doodstream.com) / [dood.pm](https://dood.pm) | ❌ | Reverse engineering the site costs too much time | +| [evoload.io](https://evoload.io) | ✔️ | | +| [mixdrop.co](https://mixdrop.co) | ✔ ️ | | +| [mp4upload.com](https://mp4upload.com) | ❌ | URL can be extracted but not played | +| [newgrounds.com](https://newgrounds.com) | ✔ | | +| [streamtape.com](https://streamtape.com) | ✔ | | +| [streamzz.to](https://streamzz.to) / [streamz.ws](https://streamz.ws) | ✔ | | +| [upstream.to](https://upstream.to) | ✔ | | +| [videovard.sx](https://videovard.sx) | ❌ | Reverse engineering the site costs too much time | +| [vidlox.me](https://vidlox.me) | ⚠ | Website down / Timeout | +| [vidoza.net](https://vidoza.net) | ✔ | | +| [vivo.sx](https://vivo.sx) | ⚠️ | Website down / Timeout | +| [voe.sx](https://voe.sx) / [voeunblk.com](https://voeunblk.com) | ✔ | | +| [vupload.com](https://vupload.com) | ✔ | | -### Manual +- ✔️: Everything ok. +- ⚠: 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. -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 `` with every `.sass` file in the `src` directory) - ``` - $ sass --no-source-map - ``` -The compiled output will be in the `src` directory. +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. -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. +## ⚙️ Compiling -### Docker +If you want to compile the addon from source and not using the [installation](#installation) way, follow the instructions. -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. +Requirements: +- `npm` installed. +- A copy of this repository and a shell / console open in the copied directory. + +If the requirements are satisfied, you can continue with the following commands: +```shell +# install all dependencies +$ npm install + +# build the extension source to a build/ directory +$ npm run build + +# same as build + create a bundle zipfile at dist/ +$ npm run bundle +``` ##### Install -If you want to use the addon in Chromium or any browser which is based on it (almost every other, Google Chrome, Opera, ...), follow the steps in [installing](#installing). -When using firefox, use the following +If you want to use the addon in Chromium or any browser which is based on it (almost every other, Google Chrome, Opera, ...), follow the steps in [installation](#-installation). +When using firefox, use the following: 1. Type `about:debugging` in the browser's address bar. 2. Select 'This Firefox' tab (maybe named different, depending on your language). 3. Under `Temporary Extensions`, click `Load Temporary Add-on`. 4. Choose any file in the directory where the compiled sources are. -## License +## ⚖ License This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for more details. 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'(?<=
    \n)(.+?)(?=
)' - domains = filter(lambda domain: domain != '', open('SUPPORTED', 'r').read().split('\n')) - all_providers = '\n'.join(f'\t\t
  • {supported}
    • ' for supported in domains) + '\n' - readme = re.sub(all_providers_regex, all_providers, readme, flags=re.DOTALL) - - # adds all installed browsers to the tested browser section. i'm just to lazy to seek out all browser versions manually - tested_browsers_regex = r'(?<=The addon was tested on\n)(.+?)(?=\n*## Installing)' - tested_browsers = '\n'.join(f'- {name} ({version})' for name, version in tested.items()) - readme = re.sub(tested_browsers_regex, tested_browsers, readme, flags=re.DOTALL) - - # rewrite the readme - with open('README.md', 'w') as write_file: - write_file.write(readme) - write_file.close() - read_file.close() - - -def copy_built(): - if not shutil.which('tsc'): - sys.stderr.write('The typescript compiler `tsc` could not be found') - sys.exit(1) - elif not shutil.which('sass'): - sys.stderr.write('The sass compiler `sass` could not be found') - sys.exit(1) - - write_manifest() - - subprocess.call(['tsc', '-p', 'src']) - - build_path = Path('build') - if not build_path.is_dir(): - build_path.mkdir() - for file in Path('src').rglob('*'): - build_file = build_path.joinpath(str(file)[4:]) - if file.is_dir(): - if not build_file.exists(): - build_file.mkdir(parents=True) - elif file.suffix == '.sass': - css_file = str(file)[:-4] + 'css' - subprocess.call(['sass', '--no-source-map', file, css_file]) - shutil.copy(css_file, str(build_path.joinpath(css_file[4:]))) - elif file.name == 'tsconfig.json': - continue - elif file.suffix != '.ts': - shutil.copy(str(file), str(build_file)) - - ext_path = Path('build', 'ext') - if not ext_path.is_dir(): - ext_path.mkdir() - - # download hls.js (version 1.1.1) - with zipfile.ZipFile(io.BytesIO(urllib.request.urlopen('https://github.com/video-dev/hls.js/releases/download/v1.1.1/release.zip').read())) as z: - open(ext_path.joinpath('hls.light.min.js'), 'wb').write(z.read('dist/hls.light.min.js')) - z.close() - - # download popperjs core (version 2.10.2) - open(ext_path.joinpath('popper.min.js'), 'wb').write(urllib.request.urlopen('https://unpkg.com/@popperjs/core@2.10.2/dist/umd/popper.min.js').read()) - - # download tippy.js (version 6.3.7) - open(ext_path.joinpath('tippy-bundle.umd.min.js'), 'wb').write(urllib.request.urlopen('https://unpkg.com/tippy.js@6.3.7/dist/tippy-bundle.umd.min.js').read()) - - -def clean_build(): - for file in Path('src').rglob('*'): - if file.suffix in ['.js', '.css', '.map']: - file.unlink() - - -if __name__ == '__main__': - parser = argparse.ArgumentParser() - parser.add_argument('-m', '--manifest', action='store_true', help='Builds the manifest.json file for addon information in ./src') - parser.add_argument('-r', '--readme', action='store_true', help='Updates the README.md with the currently installed ') - parser.add_argument('-s', '--supported', action='store_true', help='Builds the SUPPORTED file with all supported domains in the current directory') - parser.add_argument('-b', '--build', action='store_true', help='Creates a ./build folder and builds all typescript / sass files') - parser.add_argument('-c', '--clean', action='store_true', help='Cleans the ./src folder from .js, .css and .map files') - - parsed = parser.parse_args() - - if parsed.manifest: - write_manifest() - if parsed.readme: - write_readme() - if parsed.supported: - write_supported() - if parsed.build: - copy_built() - if parsed.clean: - clean_build() - - if not parsed.manifest and not parsed.supported and not parsed.build and not parsed.clean: - print('\n'.join(load_matches())) diff --git a/package.json b/package.json new file mode 100644 index 0000000..7dd8143 --- /dev/null +++ b/package.json @@ -0,0 +1,41 @@ +{ + "name": "stream-bypass", + "version": "2.0.0", + "description": "Multi-browser addon for multiple streaming providers which redirects directly to the source video", + "main": "src/index.ts", + "scripts": { + "build": "node tasks/build.ts", + "bundle": "node tasks/build.ts && web-ext build -s build -a dist -o", + "bundle:all": "node tasks/build.ts && web-ext build -s build -a dist -o && web-ext sign -s build -a dist", + "check": "web-ext lint -s build" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/ByteDream/stream-bypass.git" + }, + "author": "ByteDream", + "license": "MIT", + "bugs": { + "url": "https://github.com/ByteDream/stream-bypass/issues" + }, + "homepage": "https://github.com/ByteDream/stream-bypass#readme", + "devDependencies": { + "@rollup/plugin-commonjs": "^22.0.0", + "@rollup/plugin-node-resolve": "^13.3.0", + "@rollup/plugin-replace": "^4.0.0", + "@rollup/plugin-typescript": "^8.3.3", + "@typescript-eslint/eslint-plugin": "^5.27.1", + "@typescript-eslint/parser": "^5.27.1", + "@types/chrome": "^0.0.190", + "@types/node-sass": "^4.11.2", + "@types/yazl": "^2.4.2", + "eslint": "^8.17.0", + "hls.js": "^1.1.5", + "node-sass": "^7.0.1", + "node-sass-package-importer": "^5.3.2", + "rollup": "^2.75.6", + "tippy.js": "^6.3.7", + "typescript": "^4.7.3", + "web-ext": "^7.0.0" + } +} diff --git a/src/icons/disabled.svg b/src/icons/disabled.svg new file mode 100644 index 0000000..52b377a --- /dev/null +++ b/src/icons/disabled.svg @@ -0,0 +1,77 @@ + + + + + + + + + + + + + + diff --git a/src/icons/disabled_128.png b/src/icons/disabled_128.png new file mode 100644 index 0000000..95e6a9c Binary files /dev/null and b/src/icons/disabled_128.png differ diff --git a/src/icons/disabled_48.png b/src/icons/disabled_48.png new file mode 100644 index 0000000..81f6743 Binary files /dev/null and b/src/icons/disabled_48.png differ diff --git a/src/icons/logo.svg b/src/icons/logo.svg new file mode 100644 index 0000000..6697518 --- /dev/null +++ b/src/icons/logo.svg @@ -0,0 +1,77 @@ + + + + + + + + + + + + + + diff --git a/src/icons/logo_128.png b/src/icons/logo_128.png new file mode 100644 index 0000000..59cd45d Binary files /dev/null and b/src/icons/logo_128.png differ diff --git a/src/icons/logo_48.png b/src/icons/logo_48.png new file mode 100644 index 0000000..e3ce7ce Binary files /dev/null and b/src/icons/logo_48.png differ diff --git a/src/icons/stream-bypass.png b/src/icons/stream-bypass.png deleted file mode 100644 index 0e0adae..0000000 Binary files a/src/icons/stream-bypass.png and /dev/null differ diff --git a/src/index.ts b/src/index.ts index c244c16..be14a37 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,46 +1,24 @@ -function hasSuffix(content: string, suffix: string) { - return content.indexOf(suffix, content.length - suffix.length) !== -1 -} +import {matches} from "./match/match"; +import {getAllDisabled, getDisabled} from "./store/store"; -// @ts-ignore -chrome.storage.local.get(['all', 'disabled'], function (result) { - let keys = Object.keys(result) - if (keys.indexOf('all') !== -1 && !result['all']) { +async function main() { + if (await getAllDisabled()) { return } - // @ts-ignore - for (let match of matches) { - let domain = match[0] as string - if (window.location.href.indexOf(domain) !== -1) { - if (keys.indexOf('disabled') === -1 || result['disabled'].indexOf(domain) === -1) { - let regex = match[1] as RegExp - let matchClass = match[2] as Match - let reliability = match[3] as Reliability - let re - if (regex !== null) { - if ((re = document.body.innerHTML.match(regex)) === null) { - continue - } - } else { - re = document.body.innerHTML.match(regex) - } - - if (matchClass === null) { - if (regex === null) { - location.assign(document.body.innerHTML) - } else { - // @ts-ignore - location.assign(hasSuffix(re[0], 'm3u8') ? chrome.runtime.getURL(`res/hls.html?domain=${domain}&reliability=${reliability}#${re[0]}`) : re[0]) - } - } else { - matchClass.match(re).then(function (path) { - // @ts-ignore - location.assign(hasSuffix(path, 'm3u8') ? chrome.runtime.getURL(`res/hls.html?domain=${domain}&reliability=${reliability}#${path}`) : path) - }) - } - } - return + for (const match of matches) { + if (!match.domains.some((v) => window.location.host.indexOf(v) !== -1) || ((await getDisabled()).some((v) => v === match))) { + continue } + + const re = document.body.innerHTML.match(match.regex) + if (re === null) { + continue + } + + const url = await match.match(re) + location.assign(chrome.runtime.getURL(`ui/player/player.html?id=${match.id}&url=${encodeURIComponent(url)}`)) } -}) \ No newline at end of file +} + +main() diff --git a/src/manifest.json b/src/manifest.json index 261116f..f7f1775 100644 --- a/src/manifest.json +++ b/src/manifest.json @@ -3,7 +3,7 @@ "name": "Stream Bypass", "author": "ByteDream", "description": "A multi-browser addon / extension for multiple streaming providers which redirects directly to the source video.", - "version": "1.6.0", + "version": "2.0.0", "homepage_url": "https://github.com/ByteDream/stream-bypass", "browser_specific_settings": { "gecko": { @@ -15,22 +15,20 @@ "all_frames": true, "matches": [ "*://*.evoload.io/*", - "*://*.mcloud.to/*", "*://*.mixdrop.co/*", "*://*.newgrounds.com/*", "*://*.streamtape.com/*", "*://*.streamzz.to/*", - "*://*.thevideome.com/*", + "*://*.streamz.ws/*", + "*://*.upstream.to/*", "*://*.vidlox.me/*", - "*://*.vidstream.pro/*", "*://*.vidoza.net/*", - "*://*.vivo.st/*", "*://*.vivo.sx/*", "*://*.voe.sx/*", + "*://*.voeunblk.com/*", "*://*.vupload.com/*" ], "js": [ - "match.js", "index.js" ], "run_at": "document_end" @@ -39,13 +37,16 @@ "permissions": [ "storage" ], - "content_security_policy": "script-src 'self' blob:; object-src 'self'", "browser_action": { - "default_icon": "icons/stream-bypass.png", + "default_icon": { + "48": "icons/logo_48.png", + "128": "icons/logo_128.png" + }, "default_title": "Stream Bypass", - "default_popup": "popup/popup.html" + "default_popup": "ui/popup/popup.html" }, "icons": { - "128": "icons/stream-bypass.png" + "48": "icons/logo_48.png", + "128": "icons/logo_128.png" } } \ No newline at end of file diff --git a/src/match.ts b/src/match.ts deleted file mode 100644 index 7a376b2..0000000 --- a/src/match.ts +++ /dev/null @@ -1,139 +0,0 @@ -enum Reliability { - LOW = 1, - NORMAL, - HIGH -} - -interface Match { - match(match: RegExpMatchArray): Promise -} - -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..724c155 --- /dev/null +++ b/src/match/match.ts @@ -0,0 +1,231 @@ +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 + + 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 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 Mp4Upload implements Match { + name = 'Mp4Upload' + id = 'mp4upload' + reliability = Reliability.LOW + domains = [ + 'mp4upload.com' + ] + regex = new RegExp(/(?<=\|)\w{2,}/gm) + + async match(match: RegExpMatchArray): Promise { + return `https://${match[34]}.mp4upload.com:${match[89]}/d/${match[88]}/video.mp4` + } +}*/ + +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', + 'streamz.ws' + ] + regex = new RegExp(/(?<=\|)\w{2,}/gm) + + async match(match: RegExpMatchArray): Promise { + return `https://get.${document.domain.split('.')[0]}.tw/getlink-${match.sort((a, b) => b.length - a.length)[0]}.dll` + } +} + +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.LOW + domains = [ + 'vidlox.me' + ] + regex = new RegExp(/(?<=\[")\S+?(?=")/gm) + + async match(match: RegExpMatchArray): Promise { + return match[0] + } +} + +class Vidoza implements Match { + name = 'Vidoza' + id = 'vidoza' + reliability = Reliability.HIGH + domains = [ + 'vidoza.net' + ] + regex = new RegExp(/(?<=src:\s?").+?(?=")/gm) + + async match(match: RegExpMatchArray): Promise { + return match[0] + } +} + +class Vivo implements Match { + name = 'Vivo' + id = 'vivo' + reliability = Reliability.LOW + domains = [ + 'vivo.sx' + ] + regex = new RegExp(/(?<=source:\s')(\S+)(?=')/gms) + + 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 Mixdrop(), + new Newgrounds(), + new Streamtape(), + new Streamzz(), + 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 - - - - - - - - - - diff --git a/src/popup/popup.ts b/src/popup/popup.ts deleted file mode 100644 index e9dc161..0000000 --- a/src/popup/popup.ts +++ /dev/null @@ -1,163 +0,0 @@ -function enableAll(enable: boolean) { - // @ts-ignore - chrome.storage.local.set({'all': enable}) - - // @ts-ignore - for (let button of document.getElementById('sub-container').getElementsByTagName('a')) { - enable ? button.classList.remove('disabled') : button.classList.add('disabled') - } -} - -function enableOne(website: string, enable: boolean) { - // @ts-ignore - chrome.storage.local.get(['disabled'], function (result) { - let disabled: string[] = Object.keys(result).length === 0 ? [] : result['disabled'] - if (enable && disabled.indexOf(website) !== -1) { - disabled.splice(disabled.indexOf(website), 1) - } else if (!enable && disabled.indexOf(website) === -1) { - disabled.push(website) - } else { - return - } - - // @ts-ignore - chrome.storage.local.set({'disabled': disabled}) - }) -} - -// @ts-ignore -chrome.storage.local.get(['all', 'disabled'], function (result) { - let allDisabled = result['all'] !== undefined && !result['all'] - let disabled = new Map() - - if (allDisabled) { - // @ts-ignore - for (let match of matches) { - disabled.set(match[0], false) - } - } else { - if (Object.keys(result).indexOf('disabled') !== -1) { - for (let disable of result['disabled']) { - disabled.set(disable, false) - } - } - } - - let subContainer = document.getElementById('sub-container') - // @ts-ignore - for (let match of matches) { - let row = document.createElement('tr') - - let name = document.createElement('td') - let nameValue = document.createElement('p') - nameValue.innerText = match[0] - switch (match[3]) { - case 1: // low - nameValue.classList.add('low-reliability') - // @ts-ignore - tippy(nameValue, { - content: 'Low reliability: Errors may occur often' - }) - break - case 2: // normal - nameValue.classList.add('normal-reliability') - // @ts-ignore - tippy(nameValue, { - content: 'Normal reliability: Save to use but errors may occur' - }) - break - case 3: //high - nameValue.classList.add('high-reliability') - // @ts-ignore - tippy(nameValue, { - content: 'High reliability: Errors are very unlikely to happen' - }) - break - } - let buttons = document.createElement('td') - buttons.classList.add('buttons') - let on = document.createElement('a') - on.innerText = 'On' - // @ts-ignore - let onTippy = tippy(on, { - content: `Enable ${match[0]}`, - onMount: () => { - if (on.classList.contains('active') || off.classList.contains('disabled')) { - onTippy.hide() - } - } - }) - let off = document.createElement('a') - off.innerText = 'Off' - // @ts-ignore - let offTippy = tippy(off, { - content: `Disable ${match[0]}`, - onMount: () => { - if (off.classList.contains('active') || off.classList.contains('disabled')) { - offTippy.hide() - } - } - }) - disabled.has(match[0]) ? off.classList.add('active') : on.classList.add('active') - if (allDisabled) { - on.classList.add('disabled') - off.classList.add('disabled') - } - - on.onclick = function () { - if (!on.classList.contains('disabled')) { - enableOne(match[0], true) - on.classList.add('active') - off.classList.remove('active') - } - } - off.onclick = function () { - if (!off.classList.contains('disabled')) { - enableOne(match[0], false) - on.classList.remove('active') - off.classList.add('active') - } - } - - name.append(nameValue) - buttons.append(on, off) - row.append(name, buttons) - subContainer.append(row) - } - - let allButtons = document.getElementById('all').getElementsByTagName('a') - let allOn = allButtons[0] - allButtons[0].onclick = function () { - if (!allButtons[0].classList.contains('disabled')) { - enableAll(true) - allButtons[0].classList.add('active') - allButtons[1].classList.remove('active') - } - } - // @ts-ignore - let allOnTippy = tippy(allOn, { - content: 'Enable all websites', - onMount: () => { - if (allButtons[0].classList.contains('active')) { - allOnTippy.hide() - } - } - }) - allButtons[1].onclick = function () { - if (!allButtons[1].classList.contains('disabled')) { - enableAll(false) - allButtons[0].classList.remove('active') - allButtons[1].classList.add('active') - } - } - // @ts-ignore - let allOffTippy = tippy(allButtons[1], { - content: 'Disable all websites', - onMount: () => { - if (allButtons[1].classList.contains('active')) { - allOffTippy.hide() - } - } - }) - allDisabled ? allButtons[1].classList.add('active') : allButtons[0].classList.add('active') -}) diff --git a/src/res/hls.html b/src/res/hls.html deleted file mode 100644 index dee155c..0000000 --- a/src/res/hls.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - m3u8 - - - - - - - - - diff --git a/src/res/hls.sass b/src/res/hls.sass deleted file mode 100644 index 4e4ad28..0000000 --- a/src/res/hls.sass +++ /dev/null @@ -1,16 +0,0 @@ -body - background-color: #131313 - -html, body, video - width: 100% - height: 100% - margin: 0 - -video - position: absolute - top: 0 - left: 0 - -#message - color: white - text-align: center 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..60de76f --- /dev/null +++ b/src/store/store.ts @@ -0,0 +1,64 @@ +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) + await chrome.browserAction.setIcon({ + path: null + }) +} + +export async function disableAll() { + await storageSet('all', true) + await chrome.browserAction.setIcon({ + path: { + 48: chrome.runtime.getURL('icons/disabled_48.png'), + 128: chrome.runtime.getURL('icons/disabled_128.png') + } + }) +} + +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..f28cb2b 100644 --- a/src/tsconfig.json +++ b/src/tsconfig.json @@ -1,17 +1,18 @@ { "compilerOptions": { - "module": "commonjs", - "target": "es2015", + "module": "esnext", + "target": "es2019", "removeComments": true, + "esModuleInterop": true, "lib": [ "dom", "es5", "scripthost", "es2015.collection", "es2015.promise" - ] + ], }, "exclude": [ - "node_modules" - ], -} \ No newline at end of file + "../node_modules" + ] +} diff --git a/src/ui/player/player.html b/src/ui/player/player.html new file mode 100644 index 0000000..8bcf77d --- /dev/null +++ b/src/ui/player/player.html @@ -0,0 +1,15 @@ + + + + + HLS + + + + + +
    + +
    + + diff --git a/src/ui/player/player.sass b/src/ui/player/player.sass new file mode 100644 index 0000000..152f77a --- /dev/null +++ b/src/ui/player/player.sass @@ -0,0 +1,22 @@ +body + background-color: #131313 + +html, body, video + width: 100% + height: 100% + margin: 0 + +video + position: absolute + top: 0 + left: 0 + +#message-container + display: flex + justify-content: center + align-items: center + height: 100% + + #message + color: white + text-align: center diff --git a/src/ui/player/player.ts b/src/ui/player/player.ts new file mode 100644 index 0000000..0f3cd18 --- /dev/null +++ b/src/ui/player/player.ts @@ -0,0 +1,79 @@ +import {Match, matches, Reliability} from "../../match/match"; +// @ts-ignore +import Hls from "hls.js"; + +function show_message(message: string) { + document.getElementById('message').innerText = message + document.getElementById('message-container').hidden = false + document.getElementById('video').hidden = true +} + +async function play_native(url: string, match: Match) { + const video = document.getElementById('video') as HTMLVideoElement + video.controls = true + video.src = url +} + +async function play_hls(url: string, match: Match) { + 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') + } +} + +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 + + url.endsWith('.m3u8') ? await play_hls(url, match) : await play_native(url, match) +} + +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 + + + + +
    +
    +
    + On + Off +
    +
    +
    + +
    + Something does not work +
    + + diff --git a/src/popup/popup.sass b/src/ui/popup/popup.sass similarity index 97% rename from src/popup/popup.sass rename to src/ui/popup/popup.sass index 7066390..91641f2 100644 --- a/src/popup/popup.sass +++ b/src/ui/popup/popup.sass @@ -9,6 +9,7 @@ a, p color: white font-size: 16px margin: 5px 0 + cursor: default a border: 1px solid #281515 diff --git a/src/ui/popup/popup.ts b/src/ui/popup/popup.ts new file mode 100644 index 0000000..eca6e38 --- /dev/null +++ b/src/ui/popup/popup.ts @@ -0,0 +1,96 @@ +import {getDisabled, disable, enable, getAllDisabled, enableAll, disableAll} from "../../store/store"; +import {matches, Reliability} from "../../match/match"; + +async function main() { + const disabled = await getDisabled() + + const subContainer = document.getElementById('sub-container') + for (const m of matches) { + const row = document.createElement('tr') + + const name = document.createElement('td') + const nameValue = document.createElement('p') + nameValue.innerText = m.name + switch (m.reliability) { + case Reliability.LOW: + nameValue.classList.add('low-reliability') + break + case Reliability.NORMAL: + nameValue.classList.add('normal-reliability') + break + case Reliability.HIGH: + nameValue.classList.add('high-reliability') + break + } + + const buttons = document.createElement('td') + buttons.classList.add('buttons') + const on = document.createElement('a') + on.innerText = 'On' + const off = document.createElement('a') + off.innerText = 'Off' + disabled.find((v) => v.id === m.id) === undefined ? on.classList.add('active') : off.classList.add('active') + + on.onclick = async function () { + if (!on.classList.contains('disabled')) { + await enable(m) + on.classList.add('active') + off.classList.remove('active') + } + } + off.onclick = async function () { + if (!off.classList.contains('disabled')) { + await disable(m) + on.classList.remove('active') + off.classList.add('active') + } + } + + name.append(nameValue) + buttons.append(on, off) + row.append(name, buttons) + subContainer.append(row) + } + + const allOnButton = document.getElementById('all').getElementsByTagName('a')[0] + const allOffButton = document.getElementById('all').getElementsByTagName('a')[1] + + if (await getAllDisabled()) { + const allBtns = document.getElementById('sub-container').getElementsByTagName('a') + for (let i = 0; i < allBtns.length; i++) { + allBtns[i].classList.add('disabled') + } + allOffButton.classList.add('active') + } else { + allOnButton.classList.add('active') + } + + allOnButton.onclick = async () => { + if (!allOnButton.classList.contains('active')) { + allOnButton.classList.add('active') + allOffButton.classList.remove('active') + + const allBtns = document.getElementById('sub-container').getElementsByTagName('a') + for (let i = 0; i < allBtns.length; i++) { + allBtns[i].classList.remove('disabled') + } + + await enableAll() + } + } + allOffButton.onclick = async () => { + if (!allOffButton.classList.contains('active')) { + allOffButton.classList.add('active') + allOnButton.classList.remove('active') + + const allBtns = document.getElementById('sub-container').getElementsByTagName('a') + for (let i = 0; i < allBtns.length; i++) { + allBtns[i].classList.add('disabled') + } + + await disableAll() + } + } +} + +main() diff --git a/tasks/build.ts b/tasks/build.ts new file mode 100644 index 0000000..ae9be56 --- /dev/null +++ b/tasks/build.ts @@ -0,0 +1,154 @@ +const fs = require('fs') +const path = require('path') +const rollup = require('rollup') +const rollupPluginCommonJs = require('@rollup/plugin-commonjs') +const rollupPluginNodeResolve = require('@rollup/plugin-node-resolve').default +const rollupPluginReplace = require('@rollup/plugin-replace') +const rollupPluginTypescript = require('@rollup/plugin-typescript') +const sass = require('node-sass') +const sassPluginNodeImport = require('node-sass-package-importer') +const typescript = require('typescript') + +function getDomains() { + // because nodejs is nodejs, the simple commented out code below cannot be used. + // thus, the following bloated regexes must be used + /*const manifestMatches = [] + for (const m of matches) { + for (const domain of m.domains) { + manifestMatches.push(`*://*.${domain}/*`) + } + } + manifest['content_scripts']['matches'] = manifestMatches*/ + + let domains = [] + + const matchesRegex = new RegExp(/export\s+const\s+matches\s+=\s+(?\[.*?])/gms) + const matchesClassesRegex = new RegExp(/(?\w+)\(\)/gms) + + const matchTs = fs.readFileSync('src/match/match.ts') + const jsMatches = matchesRegex.exec(matchTs).groups.matches + let m + while ((m = matchesClassesRegex.exec(jsMatches))) { + if (m.index === matchesClassesRegex.lastIndex) { + matchesClassesRegex.lastIndex++ + } + + if (m.groups.class !== undefined) { + const classDomainsRegex = new RegExp('class\\s+' + m.groups.class + '.*?domains\\s*=\\s*(?\\[.*?])', 'gms') + let mm + while ((mm = classDomainsRegex.exec(matchTs))) { + if (mm.index === classDomainsRegex.lastIndex) { + classDomainsRegex.lastIndex++ + } + + if (mm.groups.domains !== undefined) { + const matches = [] + for (const domain of JSON.parse(mm.groups.domains.replace(/'/g, '"', -1))) { + matches.push(domain) + } + domains = domains.concat(matches) + } + } + } + } + + return domains +} + +async function buildManifest() { + const manifest = JSON.parse(fs.readFileSync('src/manifest.json')) + + manifest['version'] = process.env.npm_package_version + + manifest['content_scripts'][0]['matches'] = getDomains().map((domain) => {return `*://*.${domain}/*`}) + + fs.writeFileSync('src/manifest.json', JSON.stringify(manifest, null, 2)) +} + +async function buildMisc() { + const files = { + 'src/manifest.json': 'build/manifest.json', + + 'src/icons/logo_48.png': 'build/icons/logo_48.png', + 'src/icons/logo_128.png': 'build/icons/logo_128.png', + 'src/icons/disabled_48.png': 'build/icons/disabled_48.png', + 'src/icons/disabled_128.png': 'build/icons/disabled_128.png', + } + + for (const [src, dst] of Object.entries(files)) { + fs.mkdirSync(path.dirname(dst), {recursive: true}) + fs.copyFileSync(src, dst) + } +} + +async function buildHtml() { + const files = { + 'src/ui/popup/popup.html': 'build/ui/popup/popup.html', + 'src/ui/player/player.html': 'build/ui/player/player.html' + } + + for (const [src, dst] of Object.entries(files)) { + fs.mkdirSync(path.dirname(dst), {recursive: true}) + fs.copyFileSync(src, dst) + } +} + +async function buildCss() { + const files = { + 'src/ui/popup/popup.sass': 'build/ui/popup/popup.css', + 'src/ui/player/player.sass': 'build/ui/player/player.css' + } + + for (const [src, dst] of Object.entries(files)) { + const compiled = sass.renderSync({ + file: src, + importer: sassPluginNodeImport() + }) + fs.mkdirSync(path.dirname(dst), {recursive: true}) + fs.writeFileSync(dst, compiled.css) + } +} + +async function buildJs() { + const files = { + 'src/ui/popup/popup.ts': 'build/ui/popup/popup.js', + 'src/ui/player/player.ts': 'build/ui/player/player.js', + + 'src/index.ts': 'build/index.js', + } + + for (const [src, dst] of Object.entries(files)) { + const bundle = await rollup.rollup({ + input: src, + plugins: [ + rollupPluginNodeResolve({ + browser: true + }), + rollupPluginReplace({ + 'process.env.NODE_ENV': JSON.stringify('production') + }), + rollupPluginTypescript({ + typescript, + tsconfig: 'src/tsconfig.json' + }), + rollupPluginCommonJs({ + extensions: ['.js', '.ts'] + }) + ] + }) + await bundle.write({ + file: dst, + strict: true + }) + } +} + +async function build() { + await buildManifest() + await buildMisc() + await buildHtml() + await buildCss() + await buildJs() +} + +build()