| 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 /** @module cssInjection */ | 18 /** @module cssInjection */ |
| 19 | 19 |
| 20 "use strict"; | 20 "use strict"; |
| 21 | 21 |
| 22 const {RegExpFilter} = require("../adblockpluscore/lib/filterClasses"); | 22 const {RegExpFilter} = require("../adblockpluscore/lib/filterClasses"); |
| 23 const {ElemHide} = require("../adblockpluscore/lib/elemHide"); | 23 const {ElemHide} = require("../adblockpluscore/lib/elemHide"); |
| 24 const {ElemHideEmulation} = require("../adblockpluscore/lib/elemHideEmulation"); | 24 const {ElemHideEmulation} = require("../adblockpluscore/lib/elemHideEmulation"); |
| 25 const {checkWhitelisted} = require("./whitelisting"); | 25 const {checkWhitelisted} = require("./whitelisting"); |
| 26 const {extractHostFromFrame} = require("./url"); | 26 const {extractHostFromFrame} = require("./url"); |
| 27 const {port} = require("./messaging"); | 27 const {port} = require("./messaging"); |
| 28 const {hasListener} = require("./hitLogger"); | 28 const {HitLogger} = require("./hitLogger"); |
| 29 const info = require("../buildtools/info"); | 29 const info = require("../buildtools/info"); |
| 30 | 30 |
| 31 // Chromium's support for tabs.removeCSS is still a work in progress and the | 31 // Chromium's support for tabs.removeCSS is still a work in progress and the |
| 32 // API is likely to be different from Firefox's; for now we just don't use it | 32 // API is likely to be different from Firefox's; for now we just don't use it |
| 33 // at all, even if it's available. | 33 // at all, even if it's available. |
| 34 // See https://crbug.com/608854 | 34 // See https://crbug.com/608854 |
| 35 const styleSheetRemovalSupported = info.platform == "gecko"; | 35 const styleSheetRemovalSupported = info.platform == "gecko"; |
| 36 | 36 |
| 37 const selectorGroupSize = 1024; | 37 const selectorGroupSize = 1024; |
| 38 | 38 |
| (...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 115 return; | 115 return; |
| 116 | 116 |
| 117 browser.tabs.removeCSS(tabId, { | 117 browser.tabs.removeCSS(tabId, { |
| 118 code: styleSheet, | 118 code: styleSheet, |
| 119 cssOrigin: "user", | 119 cssOrigin: "user", |
| 120 frameId, | 120 frameId, |
| 121 matchAboutBlank: true | 121 matchAboutBlank: true |
| 122 }); | 122 }); |
| 123 } | 123 } |
| 124 | 124 |
| 125 function updateFrameStyles(tabId, frameId, selectors, groupName) | 125 function updateFrameStyles(tabId, frameId, selectors, groupName, appendOnly) |
| 126 { | 126 { |
| 127 let styleSheet = null; | 127 let styleSheet = ""; |
| 128 if (selectors.length > 0) | 128 if (selectors.length > 0) |
| 129 styleSheet = createStyleSheet(selectors); | 129 styleSheet = createStyleSheet(selectors); |
| 130 | 130 |
| 131 let frame = ext.getFrame(tabId, frameId); | 131 let frame = ext.getFrame(tabId, frameId); |
| 132 if (!frame) | 132 if (!frame) |
| 133 return false; | 133 return false; |
| 134 | 134 |
| 135 if (!frame.injectedStyleSheets) | 135 if (!frame.injectedStyleSheets) |
| 136 frame.injectedStyleSheets = new Map(); | 136 frame.injectedStyleSheets = new Map(); |
| 137 | 137 |
| 138 let oldStyleSheet = frame.injectedStyleSheets.get(groupName); | 138 let oldStyleSheet = frame.injectedStyleSheets.get(groupName); |
| 139 |
| 140 if (appendOnly && oldStyleSheet) |
| 141 styleSheet = oldStyleSheet + styleSheet; |
| 139 | 142 |
| 140 // Ideally we would compare the old and new style sheets and skip this code | 143 // Ideally we would compare the old and new style sheets and skip this code |
| 141 // if they're the same, but the old style sheet can be a leftover from a | 144 // if they're the same, but the old style sheet can be a leftover from a |
| 142 // previous instance of the frame. We must add the new style sheet | 145 // previous instance of the frame. We must add the new style sheet |
| 143 // regardless. | 146 // regardless. |
| 144 | 147 |
| 145 // Add the new style sheet first to keep previously hidden elements from | 148 // Add the new style sheet first to keep previously hidden elements from |
| 146 // reappearing momentarily. | 149 // reappearing momentarily. |
| 147 if (styleSheet && !addStyleSheet(tabId, frameId, styleSheet)) | 150 if (styleSheet && !addStyleSheet(tabId, frameId, styleSheet)) |
| 148 return false; | 151 return false; |
| 149 | 152 |
| 150 // Sometimes the old and new style sheets can be exactly the same. In such a | 153 // Sometimes the old and new style sheets can be exactly the same. In such a |
| 151 // case, do not remove the "old" style sheet, because it is in fact the new | 154 // case, do not remove the "old" style sheet, because it is in fact the new |
| 152 // style sheet now. | 155 // style sheet now. |
| 153 if (oldStyleSheet && oldStyleSheet != styleSheet) | 156 if (oldStyleSheet && oldStyleSheet != styleSheet) |
| 154 removeStyleSheet(tabId, frameId, oldStyleSheet); | 157 removeStyleSheet(tabId, frameId, oldStyleSheet); |
| 155 | 158 |
| 156 frame.injectedStyleSheets.set(groupName, styleSheet); | 159 frame.injectedStyleSheets.set(groupName, styleSheet); |
| 157 return true; | 160 return true; |
| 158 } | 161 } |
| 159 | 162 |
| 160 port.on("elemhide.getSelectors", (message, sender) => | 163 port.on("elemhide.getSelectors", (message, sender) => |
| 161 { | 164 { |
| 162 let selectors = []; | 165 let selectors = []; |
| 163 let emulatedPatterns = []; | 166 let emulatedPatterns = []; |
| 164 let trace = hasListener(sender.page.id); | 167 let trace = HitLogger.hasListener(sender.page.id); |
| 165 let inline = !userStyleSheetsSupported; | 168 let inline = !userStyleSheetsSupported; |
| 166 | 169 |
| 167 if (!checkWhitelisted(sender.page, sender.frame, null, | 170 if (!checkWhitelisted(sender.page, sender.frame, null, |
| 168 RegExpFilter.typeMap.DOCUMENT | | 171 RegExpFilter.typeMap.DOCUMENT | |
| 169 RegExpFilter.typeMap.ELEMHIDE)) | 172 RegExpFilter.typeMap.ELEMHIDE)) |
| 170 { | 173 { |
| 171 let hostname = extractHostFromFrame(sender.frame); | 174 let hostname = extractHostFromFrame(sender.frame); |
| 172 let specificOnly = checkWhitelisted(sender.page, sender.frame, null, | 175 let specificOnly = checkWhitelisted(sender.page, sender.frame, null, |
| 173 RegExpFilter.typeMap.GENERICHIDE); | 176 RegExpFilter.typeMap.GENERICHIDE); |
| 174 | 177 |
| (...skipping 22 matching lines...) Expand all Loading... |
| 197 // add styles for emulation filters inline. | 200 // add styles for emulation filters inline. |
| 198 if (!styleSheetRemovalSupported) | 201 if (!styleSheetRemovalSupported) |
| 199 response.inlineEmulated = true; | 202 response.inlineEmulated = true; |
| 200 | 203 |
| 201 return response; | 204 return response; |
| 202 }); | 205 }); |
| 203 | 206 |
| 204 port.on("elemhide.injectSelectors", (message, sender) => | 207 port.on("elemhide.injectSelectors", (message, sender) => |
| 205 { | 208 { |
| 206 updateFrameStyles(sender.page.id, sender.frame.id, message.selectors, | 209 updateFrameStyles(sender.page.id, sender.frame.id, message.selectors, |
| 207 message.groupName); | 210 message.groupName, message.appendOnly); |
| 208 }); | 211 }); |
| LEFT | RIGHT |