[pull] master from darkreader:master

.eslintrc.js

@@ -1,4 +1,10 @@
-module.exports = {
+/** @type {import('eslint').Linter.Config} */
+const config = {overrides: []};
+
+// Source code (TS, JSX, JS)
+config.overrides.push({
+    files: ['{src,tasks,tests}/**/*.{ts,tsx,js,jsx}', '.*.js', 'index.d.ts'],
+    excludedFiles: ['darkreader.js'],
     parser: '@typescript-eslint/parser',
     plugins: ['@typescript-eslint', 'local'],
     extends: ['plugin:@typescript-eslint/recommended', 'plugin:import/recommended', 'plugin:import/typescript'],
@@ -163,4 +169,62 @@ module.exports = {
             }
         },
     ],
-};
+});
+
+// Bundled JS
+
+config.overrides.push({
+    files: ['darkreader.js', 'build/debug/chrome/**/*.js'],
+    env: {browser: true},
+    extends: ['plugin:compat/recommended'],
+    parserOptions: {
+        ecmaVersion: 2019,
+        sourceType: 'module'
+    },
+    settings: {
+        polyfills: [
+            'navigator.deviceMemory',
+            'navigator.userAgentData',
+        ],
+    },
+    overrides: [
+
+        // API (modern clients)
+        {
+            files: ['darkreader.js'],
+            rules: {
+
+                // Compatibility check
+                'compat/compat': ['error', [
+                    '>0.5% and supports es5 and supports promises and supports url',
+                    'not Explorer > 0',
+                ].join(', ')]
+            },
+        },
+
+        // Extension (non-mobile browsers based on Firefox or Chromium)
+        {
+            files: ['build/debug/chrome/**/*.js'],
+            rules: {
+
+                // Compatibility check
+                'compat/compat': ['error', [
+                    '> 0.5% and supports es5',
+                    'Firefox ESR',
+                    'last 2 FirefoxAndroid versions',
+                    'not Explorer > 0',
+                    'not Safari > 0',
+                    'not iOS > 0',
+                    'not ChromeAndroid > 0',
+                    'not OperaMini all',
+                ].join(', ')]
+            },
+        },
+    ],
+});
+
+// Ignore temporarily since it's taking forever.
+// It seems to be importing typescript or something.
+config.ignorePatterns = ['tests/project/tsconf.tests.ts'];
+
+module.exports = config;

.github/ISSUE_TEMPLATE/broken-website.md

@@ -7,21 +7,15 @@ assignees: ''
 ---
 
 <!--
-  ⚠⚠ Do not delete this issue template! ⚠⚠
-  Reported issues must use this template and have all the necessary information provided.
-  Incomplete reports are likely to be ignored and closed.
--->
-
-<!--
-  Thank you for taking the time to create a report about a website issue.
-  Ensure that there are no other existing reports for this website issue.
-  Please check if the issue is resolved after a restart of the browser.
-  Additionally, you should check if the issue persists in a new browser profile.
-  Remember to fill out every section on this report and remove any that are not needed.
+  ⚠⚠ Do not delete this issue template or your issue will be ignored! ⚠⚠
+  Thank you for taking the time to report a bug.
+  First, please check:
+  - Can the issue be reproduced in a fresh browser profile?
+  - Is there an existing issue about this?
+  Please fill out every section of this report, removing any that are not needed.
   Finally, place a brief description in the title of this report.
 -->
 
-
 # Broken Website Report
 
 ## Website Address
@@ -33,14 +27,10 @@ assignees: ''
 Here is an example:
 - Go to example.com.
 - Hover over the example button.
-- Notice that when hovering over the example button, it does not change color.
 -->
 
-## Expected Behavior
-<!-- Provide a clear and concise description of what you expected to happen. -->
-
-## Actual Behavior
-<!-- Provide a clear and concise description of what happened. -->
+## Problematic Observation
+<!-- Provide a clear and concise description of the malfunction. -->
 
 ## Screenshots
 <!-- If applicable, add screenshots to help explain this website issue. -->
@@ -56,4 +46,4 @@ Here is an example:
 - Dark Reader Version: <!-- e.g. 4.9.34 -->
 
 ## Additional Context
-<!-- Provide any additional information about this website issue. -->
+<!-- Provide any additional information about this website issue. -->

.github/ISSUE_TEMPLATE/bug-report.md

@@ -7,39 +7,29 @@ assignees: ''
 ---
 
 <!--
-  ⚠⚠ Do not delete this issue template! ⚠⚠
-  Reported issues must use this template and have all the necessary information provided.
-  Incomplete reports are likely to be ignored and closed.
--->
-
-<!--
-  Thank you for taking the time to create a report about a bug.
-  Ensure that there are no other existing reports for this bug.
-  Please check if the issue is resolved after a restart of the browser.
-  Additionally, you should check if the issue persists in a new browser profile.
-  Remember to fill out every section on this report and remove any that are not needed.
+  ⚠⚠ Do not delete this issue template or your issue will be ignored! ⚠⚠
+  Thank you for taking the time to report a bug.
+  First, please check:
+  - Can the issue be reproduced in a fresh browser profile?
+  - Is there an existing issue about this?
+  Please fill out every section of this report, removing any that are not needed.
   Finally, place a brief description in the title of this report.
 -->
 
 
 # Bug Report
 
+## Website Address
+<!-- Please use the "Broken Website" template to report bugs confined to a specific website. -->
+
 ## Bug Description
 <!-- Provide a clear and concise description, which will allow us to troubleshoot this bug. -->
 
-## Website Address
-<!-- 
-  If you can provide a website address, you probably have a bug with a specific website.
-  Please use the broken website template for this.
--->
-
 ## Steps To Reproduce
-<!-- Provide steps to reproduce the problem. -->
-<!--
-Here is an example:
+<!-- Provide steps to reproduce the problem:
 - Go to example.com.
-- Hover over the example button.
-- Notice that when hovering over the example button, it does not change color.
+- Hover over the third button in the bottom right.
+- Observe its color.
 -->
 
 ## Expected Behavior
@@ -62,4 +52,4 @@ Here is an example:
 - Dark Reader Version: <!-- e.g. 4.9.34 -->
 
 ## Additional Context
-<!-- Provide any additional information about this bug. -->
+<!-- Provide any additional information about this bug. -->

.github/workflows/test-browser.yml

@@ -0,0 +1,85 @@
+name: Run browser tests in Karma
+on:
+
+  # Runs for pushes and pull requests,
+  #  but don't run these when only some config is changed.
+  push:
+    branches:
+      - master
+    paths-ignore:
+      - 'src/config/*'
+  pull_request:
+    branches:
+      - master
+    types:
+      - opened
+      - synchronize
+      - reopened
+      - ready_for_review
+    paths-ignore:
+      - 'src/config/**'
+
+  workflow_dispatch:
+jobs:
+  test-browser:
+    name: Run browser tests
+    strategy:
+      matrix:
+        include:
+
+          # Extended support releases
+          - channel: esr
+            firefox: latest-esr
+
+          # Stable releases
+          - channel: stable
+            chrome: stable
+            firefox: latest
+            coverage: true
+
+          # Beta releases
+          - channel: beta
+            chrome: beta
+            firefox: latest-beta
+
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v2
+
+      - name: Install Chrome
+        if: ${{ matrix.chrome }}
+        uses: browser-actions/setup-chrome@latest
+        with:
+          chrome-version: ${{ matrix.chrome }}
+      - name: Configure Karma with path to Chrome executable
+        if: ${{ matrix.chrome }}
+        run: |
+          chrome --version
+          { echo CHROME_BIN="$(which chrome)"; echo CHROME_TEST=1; } | tee -a "$GITHUB_ENV"
+
+      - name: Install Firefox
+        if: ${{ matrix.firefox }}
+        uses: browser-actions/setup-firefox@latest
+        with:
+          firefox-version: ${{ matrix.firefox }}
+      - name: Configure Karma with path to Firefox executable
+        if: ${{ matrix.firefox }}
+        run: |
+          firefox --version
+          { echo FIREFOX_BIN="$(which firefox)"; echo FIREFOX_TEST=1; } | tee -a "$GITHUB_ENV"
+
+      - name: Node.js setup
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node }}
+          cache: npm
+      - name: Track Node and NPM version
+        run: node --version && npm --version
+
+      - name: Install application dependencies
+        run: npm ci
+
+      - name: Run tests
+        run: npm run test:inject -- --ci

.github/workflows/test-code.yml

@@ -0,0 +1,55 @@
+name: Run code tests on Pull Request or Push
+on:
+
+  # Runs for pushes and pull requests,
+  #  but don't run these when only some config is changed.
+  push:
+    branches:
+      - master
+    paths-ignore:
+      - 'src/config/*'
+  pull_request:
+    branches:
+      - master
+    types:
+      - opened
+      - synchronize
+      - reopened
+      - ready_for_review
+    paths-ignore:
+      - 'src/config/**'
+
+  workflow_dispatch:
+jobs:
+  test:
+    name: Run tests
+    runs-on: ubuntu-latest
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: 15.x
+
+      - name: Verify NPM version
+        run: npm --version
+
+      - name: Set up npm cache
+        uses: actions/cache@v2
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-${{ hashFiles('package-lock.json') }}
+          restore-keys: |
+            ${{ runner.OS }}-${{ hashFiles('package-lock.json') }}
+            ${{ runner.OS }}
+
+      - name: Install npm dependencies
+        run: npm ci
+
+      - name: Lint code for code-style errors
+        run: npm run lint
+
+      - name: Check for compatibility issues
+        run: npm run lint:bundle

.github/workflows/test.yml

@@ -1,4 +1,4 @@
-name: Run tests on Pull Request or Push
+name: Run config tests on Pull Request or Push
 on:
   push:
     branches:
@@ -23,8 +23,11 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: 14.x
-
+          node-version: 15.x
+
+      - name: Verify NPM version
+        run: npm --version
+
       - name: Set up npm cache
         uses: actions/cache@v2
         with:
@@ -39,6 +42,3 @@ jobs:
 
       - name: Run test against code
         run: npm run test:ci
-
-      - name: Lint code for code-style errors
-        run: npm run lint

.gitignore

@@ -18,8 +18,13 @@ tests/inject/coverage/
 #-----------------------------------
 .idea/
 .vscode/
+.log/
 *.code-workspace
 
 # Cache files
 #-----------------------------------
 .eslintcache
+
+# V8 Profiler logs
+#-----------------------------------
+isolate-*-v8.log