| LEFT | RIGHT |
| 1 /* | 1 /* |
| 2 * This file is part of Adblock Plus <https://adblockplus.org/>, | 2 * This file is part of Adblock Plus <https://adblockplus.org/>, |
| 3 * Copyright (C) 2006-present eyeo GmbH | 3 * Copyright (C) 2006-present eyeo GmbH |
| 4 * | 4 * |
| 5 * Adblock Plus is free software: you can redistribute it and/or modify | 5 * Adblock Plus is free software: you can redistribute it and/or modify |
| 6 * it under the terms of the GNU General Public License version 3 as | 6 * it under the terms of the GNU General Public License version 3 as |
| 7 * published by the Free Software Foundation. | 7 * published by the Free Software Foundation. |
| 8 * | 8 * |
| 9 * Adblock Plus is distributed in the hope that it will be useful, | 9 * Adblock Plus is distributed in the hope that it will be useful, |
| 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of | 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of |
| 11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | 11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
| 12 * GNU General Public License for more details. | 12 * GNU General Public License for more details. |
| 13 * | 13 * |
| 14 * You should have received a copy of the GNU General Public License | 14 * You should have received a copy of the GNU General Public License |
| 15 * along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. | 15 * along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. |
| 16 */ | 16 */ |
| 17 | 17 |
| 18 "use strict"; | 18 "use strict"; |
| 19 | 19 |
| 20 const {textToRegExp, filterToRegExp, splitSelector} = require("../common"); | 20 const {textToRegExp, filterToRegExp, splitSelector} = require("../common"); |
| 21 const {indexOf} = require("../coreUtils"); |
| 21 | 22 |
| 22 let MIN_INVOCATION_INTERVAL = 3000; | 23 let MIN_INVOCATION_INTERVAL = 3000; |
| 23 const MAX_SYNCHRONOUS_PROCESSING_TIME = 50; | 24 const MAX_SYNCHRONOUS_PROCESSING_TIME = 50; |
| 24 const abpSelectorRegexp = /:-abp-([\w-]+)\(/i; | 25 const abpSelectorRegexp = /:-abp-([\w-]+)\(/i; |
| 25 | 26 |
| 26 function getCachedPropertyValue(object, name, defaultValueFunc = () => {}) | 27 function getCachedPropertyValue(object, name, defaultValueFunc = () => {}) |
| 27 { | 28 { |
| 28 let value = object[name]; | 29 let value = object[name]; |
| 29 if (typeof value == "undefined") | 30 if (typeof value == "undefined") |
| 30 Object.defineProperty(object, name, {value: value = defaultValueFunc()}); | 31 Object.defineProperty(object, name, {value: value = defaultValueFunc()}); |
| 31 return value; | 32 return value; |
| 32 } | 33 } |
| 33 | 34 |
| 34 /** Return position of node from parent. | 35 /** Return position of node from parent. |
| 35 * @param {Node} node the node to find the position of. | 36 * @param {Node} node the node to find the position of. |
| 36 * @return {number} One-based index like for :nth-child(), or 0 on error. | 37 * @return {number} One-based index like for :nth-child(), or 0 on error. |
| 37 */ | 38 */ |
| 38 function positionInParent(node) | 39 function positionInParent(node) |
| 39 { | 40 { |
| 40 let {children} = node.parentNode; | 41 return indexOf(node.parentNode.children, node) + 1; |
| 41 for (let i = 0; i < children.length; i++) | 42 } |
| 42 if (children[i] == node) | 43 |
| 43 return i + 1; | 44 function makeSelector(node, selector = "") |
| 44 return 0; | |
| 45 } | |
| 46 | |
| 47 function makeSelector(node, selector) | |
| 48 { | 45 { |
| 49 if (node == null) | 46 if (node == null) |
| 50 return null; | 47 return null; |
| 51 if (!node.parentElement) | 48 if (!node.parentElement) |
| 52 { | 49 { |
| 53 let newSelector = ":root"; | 50 let newSelector = ":root"; |
| 54 if (selector) | 51 if (selector) |
| 55 newSelector += " > " + selector; | 52 newSelector += " > " + selector; |
| 56 return newSelector; | 53 return newSelector; |
| 57 } | 54 } |
| (...skipping 211 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 269 get maybeDependsOnAttributes() | 266 get maybeDependsOnAttributes() |
| 270 { | 267 { |
| 271 return this._innerSelectors.some( | 268 return this._innerSelectors.some( |
| 272 selector => selector.maybeDependsOnAttributes | 269 selector => selector.maybeDependsOnAttributes |
| 273 ); | 270 ); |
| 274 }, | 271 }, |
| 275 | 272 |
| 276 *getSelectors(prefix, subtree, styles) | 273 *getSelectors(prefix, subtree, styles) |
| 277 { | 274 { |
| 278 for (let element of this.getElements(prefix, subtree, styles)) | 275 for (let element of this.getElements(prefix, subtree, styles)) |
| 279 yield [makeSelector(element, ""), element]; | 276 yield [makeSelector(element), element]; |
| 280 }, | 277 }, |
| 281 | 278 |
| 282 /** | 279 /** |
| 283 * Generator function returning selected elements. | 280 * Generator function returning selected elements. |
| 284 * @param {string} prefix the prefix for the selector. | 281 * @param {string} prefix the prefix for the selector. |
| 285 * @param {Node} subtree the subtree we work on. | 282 * @param {Node} subtree the subtree we work on. |
| 286 * @param {StringifiedStyle[]} styles the stringified style objects. | 283 * @param {StringifiedStyle[]} styles the stringified style objects. |
| 287 */ | 284 */ |
| 288 *getElements(prefix, subtree, styles) | 285 *getElements(prefix, subtree, styles) |
| 289 { | 286 { |
| (...skipping 24 matching lines...) Expand all Loading... |
| 314 } | 311 } |
| 315 | 312 |
| 316 ContainsSelector.prototype = { | 313 ContainsSelector.prototype = { |
| 317 requiresHiding: true, | 314 requiresHiding: true, |
| 318 dependsOnDOM: true, | 315 dependsOnDOM: true, |
| 319 dependsOnCharacterData: true, | 316 dependsOnCharacterData: true, |
| 320 | 317 |
| 321 *getSelectors(prefix, subtree, styles) | 318 *getSelectors(prefix, subtree, styles) |
| 322 { | 319 { |
| 323 for (let element of this.getElements(prefix, subtree, styles)) | 320 for (let element of this.getElements(prefix, subtree, styles)) |
| 324 yield [makeSelector(element, ""), subtree]; | 321 yield [makeSelector(element), subtree]; |
| 325 }, | 322 }, |
| 326 | 323 |
| 327 *getElements(prefix, subtree, styles) | 324 *getElements(prefix, subtree, styles) |
| 328 { | 325 { |
| 329 let actualPrefix = (!prefix || incompletePrefixRegexp.test(prefix)) ? | 326 let actualPrefix = (!prefix || incompletePrefixRegexp.test(prefix)) ? |
| 330 prefix + "*" : prefix; | 327 prefix + "*" : prefix; |
| 331 | 328 |
| 332 let elements = scopedQuerySelectorAll(subtree, actualPrefix); | 329 let elements = scopedQuerySelectorAll(subtree, actualPrefix); |
| 333 | 330 |
| 334 if (elements) | 331 if (elements) |
| (...skipping 154 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 489 { | 486 { |
| 490 return patterns.some(pattern => pattern.dependsOnCharacterData); | 487 return patterns.some(pattern => pattern.dependsOnCharacterData); |
| 491 } | 488 } |
| 492 | 489 |
| 493 function ElemHideEmulation(addSelectorsFunc, hideElemsFunc) | 490 function ElemHideEmulation(addSelectorsFunc, hideElemsFunc) |
| 494 { | 491 { |
| 495 this.document = document; | 492 this.document = document; |
| 496 this.addSelectorsFunc = addSelectorsFunc; | 493 this.addSelectorsFunc = addSelectorsFunc; |
| 497 this.hideElemsFunc = hideElemsFunc; | 494 this.hideElemsFunc = hideElemsFunc; |
| 498 this.observer = new MutationObserver(this.observe.bind(this)); | 495 this.observer = new MutationObserver(this.observe.bind(this)); |
| 496 this.useInlineStyles = true; |
| 499 } | 497 } |
| 500 | 498 |
| 501 ElemHideEmulation.prototype = { | 499 ElemHideEmulation.prototype = { |
| 502 isSameOrigin(stylesheet) | 500 isSameOrigin(stylesheet) |
| 503 { | 501 { |
| 504 try | 502 try |
| 505 { | 503 { |
| 506 return new URL(stylesheet.href).origin == this.document.location.origin; | 504 return new URL(stylesheet.href).origin == this.document.location.origin; |
| 507 } | 505 } |
| 508 catch (e) | 506 catch (e) |
| (...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 616 if (mutations && patterns.some(pattern => pattern.dependsOnStylesAndDOM)) | 614 if (mutations && patterns.some(pattern => pattern.dependsOnStylesAndDOM)) |
| 617 stylesheets = this.document.styleSheets; | 615 stylesheets = this.document.styleSheets; |
| 618 | 616 |
| 619 for (let stylesheet of stylesheets || []) | 617 for (let stylesheet of stylesheets || []) |
| 620 { | 618 { |
| 621 // Explicitly ignore third-party stylesheets to ensure consistent behavior | 619 // Explicitly ignore third-party stylesheets to ensure consistent behavior |
| 622 // between Firefox and Chrome. | 620 // between Firefox and Chrome. |
| 623 if (!this.isSameOrigin(stylesheet)) | 621 if (!this.isSameOrigin(stylesheet)) |
| 624 continue; | 622 continue; |
| 625 | 623 |
| 626 let rules = stylesheet.cssRules; | 624 let rules; |
| 625 try |
| 626 { |
| 627 rules = stylesheet.cssRules; |
| 628 } |
| 629 catch (e) |
| 630 { |
| 631 // On Firefox, there is a chance that an InvalidAccessError |
| 632 // get thrown when accessing cssRules. Just skip the stylesheet |
| 633 // in that case. |
| 634 // See https://searchfox.org/mozilla-central/rev/f65d7528e34ef1a7665b4a1
a7b7cdb1388fcd3aa/layout/style/StyleSheet.cpp#699 |
| 635 continue; |
| 636 } |
| 637 |
| 627 if (!rules) | 638 if (!rules) |
| 628 continue; | 639 continue; |
| 629 | 640 |
| 630 for (let rule of rules) | 641 for (let rule of rules) |
| 631 { | 642 { |
| 632 if (rule.type != rule.STYLE_RULE) | 643 if (rule.type != rule.STYLE_RULE) |
| 633 continue; | 644 continue; |
| 634 | 645 |
| 635 cssStyles.push(stringifyStyle(rule)); | 646 cssStyles.push(stringifyStyle(rule)); |
| 636 } | 647 } |
| (...skipping 21 matching lines...) Expand all Loading... |
| 658 | 669 |
| 659 pattern = patterns.shift(); | 670 pattern = patterns.shift(); |
| 660 | 671 |
| 661 generator = evaluate(pattern.selectors, 0, "", | 672 generator = evaluate(pattern.selectors, 0, "", |
| 662 this.document, cssStyles); | 673 this.document, cssStyles); |
| 663 } | 674 } |
| 664 for (let selector of generator) | 675 for (let selector of generator) |
| 665 { | 676 { |
| 666 if (selector != null) | 677 if (selector != null) |
| 667 { | 678 { |
| 668 if (pattern.isSelectorHidingOnlyPattern()) | 679 if (!this.useInlineStyles || |
| 680 pattern.isSelectorHidingOnlyPattern()) |
| 669 { | 681 { |
| 670 selectors.push(selector); | 682 selectors.push(selector); |
| 671 selectorFilters.push(pattern.text); | 683 selectorFilters.push(pattern.text); |
| 672 } | 684 } |
| 673 else | 685 else |
| 674 { | 686 { |
| 675 for (let element of this.document.querySelectorAll(selector)) | 687 for (let element of this.document.querySelectorAll(selector)) |
| 676 { | 688 { |
| 677 elements.push(element); | 689 elements.push(element); |
| 678 elementFilters.push(pattern.text); | 690 elementFilters.push(pattern.text); |
| (...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 730 this.queueFiltering(params.stylesheets, params.mutations); | 742 this.queueFiltering(params.stylesheets, params.mutations); |
| 731 } | 743 } |
| 732 }; | 744 }; |
| 733 | 745 |
| 734 if (this._scheduledProcessing) | 746 if (this._scheduledProcessing) |
| 735 { | 747 { |
| 736 if (!stylesheets && !mutations) | 748 if (!stylesheets && !mutations) |
| 737 { | 749 { |
| 738 this._scheduledProcessing = {}; | 750 this._scheduledProcessing = {}; |
| 739 } | 751 } |
| 740 else | 752 else if (this._scheduledProcessing.stylesheets || |
| 753 this._scheduledProcessing.mutations) |
| 741 { | 754 { |
| 742 if (stylesheets) | 755 if (stylesheets) |
| 743 { | 756 { |
| 744 if (!this._scheduledProcessing.stylesheets) | 757 if (!this._scheduledProcessing.stylesheets) |
| 745 this._scheduledProcessing.stylesheets = []; | 758 this._scheduledProcessing.stylesheets = []; |
| 746 this._scheduledProcessing.stylesheets.push(...stylesheets); | 759 this._scheduledProcessing.stylesheets.push(...stylesheets); |
| 747 } | 760 } |
| 748 if (mutations) | 761 if (mutations) |
| 749 { | 762 { |
| 750 if (!this._scheduledProcessing.mutations) | 763 if (!this._scheduledProcessing.mutations) |
| (...skipping 16 matching lines...) Expand all Loading... |
| 767 this._scheduledProcessing = null; | 780 this._scheduledProcessing = null; |
| 768 this._addSelectors(params.stylesheets, params.mutations, completion); | 781 this._addSelectors(params.stylesheets, params.mutations, completion); |
| 769 }, | 782 }, |
| 770 MIN_INVOCATION_INTERVAL - (performance.now() - this._lastInvocation)); | 783 MIN_INVOCATION_INTERVAL - (performance.now() - this._lastInvocation)); |
| 771 } | 784 } |
| 772 else if (this.document.readyState == "loading") | 785 else if (this.document.readyState == "loading") |
| 773 { | 786 { |
| 774 this._scheduledProcessing = {stylesheets, mutations}; | 787 this._scheduledProcessing = {stylesheets, mutations}; |
| 775 let handler = () => | 788 let handler = () => |
| 776 { | 789 { |
| 777 document.removeEventListener("DOMContentLoaded", handler); | 790 this.document.removeEventListener("DOMContentLoaded", handler); |
| 778 let params = Object.assign({}, this._scheduledProcessing); | 791 let params = Object.assign({}, this._scheduledProcessing); |
| 779 this._filteringInProgress = true; | 792 this._filteringInProgress = true; |
| 780 this._scheduledProcessing = null; | 793 this._scheduledProcessing = null; |
| 781 this._addSelectors(params.stylesheets, params.mutations, completion); | 794 this._addSelectors(params.stylesheets, params.mutations, completion); |
| 782 }; | 795 }; |
| 783 document.addEventListener("DOMContentLoaded", handler); | 796 this.document.addEventListener("DOMContentLoaded", handler); |
| 784 } | 797 } |
| 785 else | 798 else |
| 786 { | 799 { |
| 787 this._filteringInProgress = true; | 800 this._filteringInProgress = true; |
| 788 this._addSelectors(stylesheets, mutations, completion); | 801 this._addSelectors(stylesheets, mutations, completion); |
| 789 } | 802 } |
| 790 }, | 803 }, |
| 791 | 804 |
| 792 onLoad(event) | 805 onLoad(event) |
| 793 { | 806 { |
| (...skipping 28 matching lines...) Expand all Loading... |
| 822 characterData: shouldObserveCharacterData(this.patterns), | 835 characterData: shouldObserveCharacterData(this.patterns), |
| 823 subtree: true | 836 subtree: true |
| 824 } | 837 } |
| 825 ); | 838 ); |
| 826 this.document.addEventListener("load", this.onLoad.bind(this), true); | 839 this.document.addEventListener("load", this.onLoad.bind(this), true); |
| 827 } | 840 } |
| 828 } | 841 } |
| 829 }; | 842 }; |
| 830 | 843 |
| 831 exports.ElemHideEmulation = ElemHideEmulation; | 844 exports.ElemHideEmulation = ElemHideEmulation; |
| LEFT | RIGHT |