darkreader 4.9.67 → 4.9.71

package/README.md

@@ -41,7 +41,7 @@ You can build Dark Reader with alternative runtime called [Deno](https://deno.la
 
 Please note that if you encounter error `Too many open files (os error 24)`, then you should use the newer version of Deno (preferably built from source or canary).
 
-### Bundling with official Firefox store signatures (Experimental)
+### Bundling with official Firefox store signatures (experimental)
 
 Prior to publication, extension stores provide digital signatures for extensions. These digital signatures certify the integrity of the archive (that extension bundle did not get corrupted or bit-rotted) and that extension store preformed very basic extension validation.
 
@@ -122,15 +122,42 @@ Automatically syncing the site fixes to every Dark Reader user was disabled beca
 However, this can be enabled using the following steps:
 
 - Click on the Dark Reader icon.
-- Click on the Dev tools button (in the bottom-right corner).
-- Click on the Preview new design button.
-- Enable the `Synchronize site fixes` setting under `Settings -> Manage Settings`.
+- Click on the `Dev tools` button (in the bottom-right corner).
+- Click on the `Preview new design` button.
+- Enable the `Synchronize site fixes` setting under `Settings` -> `Manage settings`.
 
 To force a synchronization of the sites fixes (when the corresponding setting is enabled), perform the following steps:
 
 - Click on the Dark Reader icon.
-- Click on the Dev tools button (in the bottom-right corner).
-- Click on the Reset button. This will remove any custom site fixes you may have.
+- Click on the `Dev tools` button (in the bottom-right corner).
+- Click on the `Reset` button. This will remove any custom site fixes you may have.
+
+## Enable Dark Reader for restricted websites on Firefox
+
+By default, Dark Reader does not work on some websites due to **security restrictions** enforced by Mozilla.
+
+The following instructions will guide you on how to bypass those restrictions.
+
+**Proceed with caution. This exposes you to a security risk if you do not know what you are doing.**
+
+**These settings will apply to all extensions, and not just Dark Reader.**
+
+Step 1: change Dark Reader's settings.
+
+- Click on the Dark Reader icon.
+- Click on the `Dev tools` button (in the bottom-right corner).
+- Click on the `Preview new design button`.
+- Enable the `Enable on restricted pages` setting under `Settings` -> `Site list`.
+
+Step 2: change Firefox's settings.
+
+- Type `about:config` in the address bar and press Enter.
+A warning page may appear. Click `Accept the Risk and Continue` to go to the `about:config` page. 
+- Search for and set `extensions.webextensions.restrictedDomains` to an empty value.
+- Create `extensions.webextensions.addons-restricted-domains@mozilla.com.disabled` with `boolean` as type and set its value to `true`.
+- Set `extensions.quarantinedDomains.enabled` to `false`.
+- Set `privacy.resistFingerprinting.block_mozAddonManager` with `boolean` as type and set its value to `true`.
+- Restart Firefox.
 
 <h2 align="center">Contributors</h2>
 <br/>

package/darkreader.js

@@ -1,5 +1,5 @@
 /**
- * Dark Reader v4.9.67
+ * Dark Reader v4.9.71
  * https://darkreader.org/
  */
 
@@ -7,10 +7,12 @@
     typeof exports === "object" && typeof module !== "undefined"
         ? factory(exports)
         : typeof define === "function" && define.amd
-        ? define(["exports"], factory)
-        : ((global =
-              typeof globalThis !== "undefined" ? globalThis : global || self),
-          factory((global.DarkReader = {})));
+          ? define(["exports"], factory)
+          : ((global =
+                typeof globalThis !== "undefined"
+                    ? globalThis
+                    : global || self),
+            factory((global.DarkReader = {})));
 })(this, function (exports) {
     "use strict";
 
@@ -117,9 +119,9 @@
                                 op[0] & 2
                                     ? y["return"]
                                     : op[0]
-                                    ? y["throw"] ||
-                                      ((t = y["return"]) && t.call(y), 0)
-                                    : y.next) &&
+                                      ? y["throw"] ||
+                                        ((t = y["return"]) && t.call(y), 0)
+                                      : y.next) &&
                             !(t = t.call(y, op[1])).done)
                     )
                         return t;
@@ -678,8 +680,8 @@
         fontFamily: isMacOS
             ? "Helvetica Neue"
             : isWindows
-            ? "Segoe UI"
-            : "Open Sans",
+              ? "Segoe UI"
+              : "Open Sans",
         textStroke: 0,
         engine: ThemeEngine.dynamicTheme,
         stylesheet: "",
@@ -695,14 +697,15 @@
         immediateModify: false
     };
     ({
+        schemeVersion: 0,
         enabled: true,
         fetchNews: true,
         theme: DEFAULT_THEME,
         presets: [],
         customThemes: [],
-        siteList: [],
-        siteListEnabled: [],
-        applyToListedOnly: false,
+        enabledByDefault: true,
+        enabledFor: [],
+        disabledFor: [],
         changeBrowserTheme: false,
         syncSettings: true,
         syncSitesFixes: false,
@@ -1553,14 +1556,14 @@
                 (h < 60
                     ? [c, x, 0]
                     : h < 120
-                    ? [x, c, 0]
-                    : h < 180
-                    ? [0, c, x]
-                    : h < 240
-                    ? [0, x, c]
-                    : h < 300
-                    ? [x, 0, c]
-                    : [c, 0, x]
+                      ? [x, c, 0]
+                      : h < 180
+                        ? [0, c, x]
+                        : h < 240
+                          ? [0, x, c]
+                          : h < 300
+                            ? [x, 0, c]
+                            : [c, 0, x]
                 ).map(function (n) {
                     return Math.round((n + m) * 255);
                 }),
@@ -1591,8 +1594,8 @@
             (max === r
                 ? ((g - b) / c) % 6
                 : max === g
-                ? (b - r) / c + 2
-                : (r - g) / c + 4) * 60;
+                  ? (b - r) / c + 2
+                  : (r - g) / c + 4) * 60;
         if (h < 0) {
             h += 360;
         }
@@ -2658,15 +2661,20 @@
                                     case 5:
                                         image_1 = _a.sent();
                                         imageManager.addToQueue(function () {
+                                            var analysis =
+                                                analyzeImage(image_1);
                                             resolve(
                                                 __assign(
                                                     {
                                                         src: url,
-                                                        dataURL: dataURL,
+                                                        dataURL:
+                                                            analysis.isLarge
+                                                                ? ""
+                                                                : dataURL,
                                                         width: image_1.naturalWidth,
                                                         height: image_1.naturalHeight
                                                     },
-                                                    analyzeImage(image_1)
+                                                    analysis
                                                 )
                                             );
                                         });
@@ -2727,12 +2735,12 @@
             });
         });
     }
-    var MAX_ANALIZE_PIXELS_COUNT = 32 * 32;
+    var MAX_ANALYSIS_PIXELS_COUNT = 32 * 32;
     var canvas;
     var context;
     function createCanvas() {
-        var maxWidth = MAX_ANALIZE_PIXELS_COUNT;
-        var maxHeight = MAX_ANALIZE_PIXELS_COUNT;
+        var maxWidth = MAX_ANALYSIS_PIXELS_COUNT;
+        var maxHeight = MAX_ANALYSIS_PIXELS_COUNT;
         canvas = document.createElement("canvas");
         canvas.width = maxWidth;
         canvas.height = maxHeight;
@@ -2743,7 +2751,7 @@
         canvas = null;
         context = null;
     }
-    var MAX_IMAGE_SIZE = 5 * 1024 * 1024;
+    var LARGE_IMAGE_PIXELS_COUNT = 512 * 512;
     function analyzeImage(image) {
         if (!canvas) {
             createCanvas();
@@ -2760,20 +2768,18 @@
                 isTooLarge: false
             };
         }
-        var size = naturalWidth * naturalHeight * 4;
-        if (size > MAX_IMAGE_SIZE) {
+        if (naturalWidth * naturalHeight > LARGE_IMAGE_PIXELS_COUNT) {
             return {
                 isDark: false,
                 isLight: false,
                 isTransparent: false,
-                isLarge: false,
-                isTooLarge: true
+                isLarge: true
             };
         }
         var naturalPixelsCount = naturalWidth * naturalHeight;
         var k = Math.min(
             1,
-            Math.sqrt(MAX_ANALIZE_PIXELS_COUNT / naturalPixelsCount)
+            Math.sqrt(MAX_ANALYSIS_PIXELS_COUNT / naturalPixelsCount)
         );
         var width = Math.ceil(naturalWidth * k);
         var height = Math.ceil(naturalHeight * k);
@@ -2825,7 +2831,6 @@
         var DARK_IMAGE_THRESHOLD = 0.7;
         var LIGHT_IMAGE_THRESHOLD = 0.7;
         var TRANSPARENT_IMAGE_THRESHOLD = 0.1;
-        var LARGE_IMAGE_PIXELS_COUNT = 800 * 600;
         return {
             isDark: darkPixelsCount / opaquePixelsCount >= DARK_IMAGE_THRESHOLD,
             isLight:
@@ -2833,8 +2838,7 @@
             isTransparent:
                 transparentPixelsCount / totalPixelsCount >=
                 TRANSPARENT_IMAGE_THRESHOLD,
-            isLarge: naturalPixelsCount >= LARGE_IMAGE_PIXELS_COUNT,
-            isTooLarge: false
+            isLarge: false
         };
     }
     function getFilteredImageDataURL(_a, theme) {
@@ -3268,6 +3272,11 @@
         return lines.join("\n");
     }
     function getModifiedFallbackStyle(filter, _a) {
+        var strict = _a.strict;
+        var factory = defaultFallbackFactory;
+        return factory(filter, {strict: strict});
+    }
+    function defaultFallbackFactory(filter, _a) {
         var strict = _a.strict;
         var lines = [];
         var isMicrosoft = ["microsoft.com", "docs.microsoft.com"].includes(
@@ -3579,10 +3588,9 @@
                     isLight = imageDetails.isLight,
                     isTransparent = imageDetails.isTransparent,
                     isLarge = imageDetails.isLarge,
-                    isTooLarge = imageDetails.isTooLarge,
                     width = imageDetails.width;
                 var result;
-                if (isTooLarge) {
+                if (isLarge) {
                     logInfo(
                         "Not modifying too large image ".concat(
                             imageDetails.src
@@ -3593,7 +3601,6 @@
                     isDark &&
                     isTransparent &&
                     filter.mode === 1 &&
-                    !isLarge &&
                     width > 2
                 ) {
                     logInfo("Inverting dark image ".concat(imageDetails.src));
@@ -3605,24 +3612,10 @@
                     );
                     result = 'url("'.concat(inverted, '")');
                 } else if (isLight && !isTransparent && filter.mode === 1) {
-                    if (isLarge) {
-                        logInfo(
-                            "Not modifying light non-transparent large image ".concat(
-                                imageDetails.src
-                            )
-                        );
-                        result = "none";
-                    } else {
-                        logInfo(
-                            "Dimming light image ".concat(imageDetails.src)
-                        );
-                        var dimmed = getFilteredImageDataURL(
-                            imageDetails,
-                            filter
-                        );
-                        result = 'url("'.concat(dimmed, '")');
-                    }
-                } else if (filter.mode === 0 && isLight && !isLarge) {
+                    logInfo("Dimming light image ".concat(imageDetails.src));
+                    var dimmed = getFilteredImageDataURL(imageDetails, filter);
+                    result = 'url("'.concat(dimmed, '")');
+                } else if (filter.mode === 0 && isLight) {
                     logInfo(
                         "Applying filter to image ".concat(imageDetails.src)
                     );
@@ -3844,14 +3837,14 @@
         VariablesStore.prototype.addRulesForMatching = function (rules) {
             this.rulesQueue.push(rules);
         };
-        VariablesStore.prototype.matchVariablesAndDependants = function () {
+        VariablesStore.prototype.matchVariablesAndDependents = function () {
             var _this = this;
             this.changedTypeVars.clear();
             this.initialVarTypes = new Map(this.varTypes);
             this.collectRootVariables();
             this.collectVariablesAndVarDep(this.rulesQueue);
             this.rulesQueue.splice(0);
-            this.collectRootVarDependants();
+            this.collectRootVarDependents();
             this.varRefs.forEach(function (refs, v) {
                 refs.forEach(function (r) {
                     if (_this.varTypes.has(v)) {
@@ -3889,7 +3882,7 @@
                         );
                     }) != null;
                 if (hasColor) {
-                    _this.itarateVarRefs(v, function (ref) {
+                    _this.iterateVarRefs(v, function (ref) {
                         _this.resolveVariableType(ref, VAR_TYPE_BGCOLOR);
                     });
                 } else if (
@@ -4054,8 +4047,8 @@
                     var modifier = isBg_1
                         ? tryModifyBgColor
                         : isText_1
-                        ? tryModifyTextColor
-                        : tryModifyBorderColor;
+                          ? tryModifyTextColor
+                          : tryModifyBorderColor;
                     return modifier(value, theme);
                 };
             }
@@ -4252,7 +4245,7 @@
             this.unknownColorVars.delete(varName);
             this.unknownBgVars.delete(varName);
         };
-        VariablesStore.prototype.collectRootVarDependants = function () {
+        VariablesStore.prototype.collectRootVarDependents = function () {
             var _this = this;
             iterateCSSDeclarations(
                 document.documentElement.style,
@@ -4311,7 +4304,7 @@
                                 )
                             );
                         }) != null;
-                    _this.itarateVarRefs(v, function (ref) {
+                    _this.iterateVarRefs(v, function (ref) {
                         if (isBgColor) {
                             _this.resolveVariableType(ref, VAR_TYPE_BGCOLOR);
                         } else {
@@ -4375,7 +4368,7 @@
             }
             return null;
         };
-        VariablesStore.prototype.itarateVarRefs = function (varName, iterator) {
+        VariablesStore.prototype.iterateVarRefs = function (varName, iterator) {
             this.findVarRef(varName, function (ref) {
                 iterator(ref);
                 return false;
@@ -5280,8 +5273,19 @@
                         " "
                     );
                 });
+                var selectorText = selector;
+                if (
+                    isChromium &&
+                    selector.startsWith(":is(") &&
+                    (selector.includes(":is()") ||
+                        selector.includes(":where()") ||
+                        (selector.includes(":where(") &&
+                            selector.includes(":-moz")))
+                ) {
+                    selectorText = ".darkreader-unsupported-selector";
+                }
                 var ruleText = ""
-                    .concat(selector, " { ")
+                    .concat(selectorText, " { ")
                     .concat(cssRulesText, " }");
                 target.insertRule(ruleText, index);
             }
@@ -5660,10 +5664,14 @@
             characterData: true
         };
         function containsCSSImport() {
-            return (
-                element instanceof HTMLStyleElement &&
-                element.textContent.trim().match(cssImportRegex)
-            );
+            var _a;
+            if (!(element instanceof HTMLStyleElement)) {
+                return false;
+            }
+            var cssText = removeCSSComments(
+                (_a = element.textContent) !== null && _a !== void 0 ? _a : ""
+            ).trim();
+            return cssText.match(cssImportRegex);
         }
         function hasImports(cssRules, checkCrossOrigin) {
             var result = false;
@@ -7366,7 +7374,7 @@
             .forEach(function (detail) {
                 variablesStore.addRulesForMatching(detail.rules);
             });
-        variablesStore.matchVariablesAndDependants();
+        variablesStore.matchVariablesAndDependents();
         variablesStore.setOnRootVariableChange(function () {
             var rootVarsStyle = createOrUpdateStyle("darkreader--root-vars");
             variablesStore.putRootVars(rootVarsStyle, filter);
@@ -7444,7 +7452,7 @@
                 return;
             }
             variablesStore.addRulesForMatching(details.rules);
-            variablesStore.matchVariablesAndDependants();
+            variablesStore.matchVariablesAndDependents();
             manager.render(filter, ignoredImageAnalysisSelectors);
         }
         var manager = manageStyle(element, {
@@ -7539,7 +7547,7 @@
                     .forEach(function (detail) {
                         variablesStore.addRulesForMatching(detail.rules);
                     });
-                variablesStore.matchVariablesAndDependants();
+                variablesStore.matchVariablesAndDependents();
                 newManagers.forEach(function (manager) {
                     return manager.render(
                         filter,
@@ -7569,7 +7577,7 @@
                 if (element === document.documentElement) {
                     var styleAttr = element.getAttribute("style") || "";
                     if (styleAttr.includes("--")) {
-                        variablesStore.matchVariablesAndDependants();
+                        variablesStore.matchVariablesAndDependents();
                         var rootVarsStyle = createOrUpdateStyle(
                             "darkreader--root-vars"
                         );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "darkreader",
-  "version": "4.9.67",
+  "version": "4.9.71",
   "description": "Dark mode for every website",
   "scripts": {
     "api": "node --max-old-space-size=3072 tasks/cli.js build --api",
@@ -57,31 +57,31 @@
     "url": "https://opencollective.com/darkreader/donate"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "15.2.1",
-    "@rollup/plugin-replace": "5.0.2",
-    "@rollup/plugin-typescript": "11.1.4",
-    "@rollup/pluginutils": "5.0.4",
-    "@types/chrome": "0.0.246",
-    "@types/eslint": "8.44.3",
-    "@types/jasmine": "4.3.6",
-    "@types/jest": "29.5.5",
-    "@types/karma": "6.3.5",
-    "@types/karma-coverage": "2.0.1",
-    "@types/node": "20.7.2",
-    "@types/offscreencanvas": "2019.7.1",
-    "@types/ws": "8.5.6",
-    "@typescript-eslint/eslint-plugin": "6.7.3",
-    "@typescript-eslint/parser": "6.7.3",
+    "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-replace": "5.0.5",
+    "@rollup/plugin-typescript": "11.1.5",
+    "@rollup/pluginutils": "5.1.0",
+    "@types/chrome": "0.0.253",
+    "@types/eslint": "8.44.8",
+    "@types/jasmine": "5.1.4",
+    "@types/jest": "29.5.10",
+    "@types/karma": "6.3.8",
+    "@types/karma-coverage": "2.0.3",
+    "@types/node": "20.10.2",
+    "@types/offscreencanvas": "2019.7.3",
+    "@types/ws": "8.5.10",
+    "@typescript-eslint/eslint-plugin": "6.13.1",
+    "@typescript-eslint/parser": "6.13.1",
     "chokidar": "3.5.3",
-    "eslint": "8.50.0",
+    "eslint": "8.55.0",
     "eslint-plugin-compat": "4.2.0",
-    "eslint-plugin-import": "2.28.1",
+    "eslint-plugin-import": "2.29.0",
     "eslint-plugin-local": "1.0.0",
     "get-stream": "7.0.1",
-    "globby": "13.2.2",
+    "globby": "14.0.0",
     "jasmine-core": "5.1.1",
     "jest": "29.7.0",
-    "jest-extended": "4.0.1",
+    "jest-extended": "4.0.2",
     "karma": "6.4.2",
     "karma-chrome-launcher": "3.2.0",
     "karma-coverage": "2.2.1",
@@ -92,13 +92,13 @@
     "karma-spec-reporter": "0.0.36",
     "less": "4.2.0",
     "malevic": "0.19.1",
-    "prettier": "3.0.3",
-    "puppeteer-core": "21.3.6",
-    "rollup": "3.29.4",
-    "rollup-plugin-istanbul": "4.0.0",
+    "prettier": "3.1.0",
+    "puppeteer-core": "21.5.2",
+    "rollup": "4.6.1",
+    "rollup-plugin-istanbul": "5.0.0",
     "ts-jest": "29.1.1",
     "tslib": "2.6.2",
-    "typescript": "5.2.2",
+    "typescript": "5.3.2",
     "web-ext": "7.8.0",
     "ws": "8.14.2",
     "yazl": "2.5.1"