| 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 |
| (...skipping 147 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 158 function checkCollapse(element) | 158 function checkCollapse(element) |
| 159 { | 159 { |
| 160 let mediatype = typeMap.get(element.localName); | 160 let mediatype = typeMap.get(element.localName); |
| 161 if (!mediatype) | 161 if (!mediatype) |
| 162 return; | 162 return; |
| 163 | 163 |
| 164 let urls = getURLsFromElement(element); | 164 let urls = getURLsFromElement(element); |
| 165 if (urls.length == 0) | 165 if (urls.length == 0) |
| 166 return; | 166 return; |
| 167 | 167 |
| 168 chrome.runtime.sendMessage( | 168 browser.runtime.sendMessage( |
| 169 { | 169 { |
| 170 type: "filters.collapse", | 170 type: "filters.collapse", |
| 171 urls, | 171 urls, |
| 172 mediatype, | 172 mediatype, |
| 173 baseURL: document.location.href | 173 baseURL: document.location.href |
| 174 }, | 174 }, |
| 175 | 175 |
| 176 collapse => | 176 collapse => |
| 177 { | 177 { |
| 178 if (collapse) | 178 if (collapse) |
| 179 { | 179 { |
| 180 hideElement(element); | 180 hideElement(element); |
| 181 } | 181 } |
| 182 } | 182 } |
| 183 ); | 183 ); |
| 184 } | 184 } |
| 185 | 185 |
| 186 function checkSitekey() | 186 function checkSitekey() |
| 187 { | 187 { |
| 188 let attr = document.documentElement.getAttribute("data-adblockkey"); | 188 let attr = document.documentElement.getAttribute("data-adblockkey"); |
| 189 if (attr) | 189 if (attr) |
| 190 chrome.runtime.sendMessage({type: "filters.addKey", token: attr}); | 190 browser.runtime.sendMessage({type: "filters.addKey", token: attr}); |
| 191 } | 191 } |
| 192 | 192 |
| 193 function ElementHidingTracer() | 193 function ElementHidingTracer() |
| 194 { | 194 { |
| 195 this.selectors = []; | 195 this.selectors = []; |
| 196 this.changedNodes = []; | 196 this.changedNodes = []; |
| 197 this.timeout = null; | 197 this.timeout = null; |
| 198 this.observer = new MutationObserver(this.observe.bind(this)); | 198 this.observer = new MutationObserver(this.observe.bind(this)); |
| 199 this.trace = this.trace.bind(this); | 199 this.trace = this.trace.bind(this); |
| 200 | 200 |
| (...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 241 selectors.push(selector); | 241 selectors.push(selector); |
| 242 | 242 |
| 243 break nodes; | 243 break nodes; |
| 244 } | 244 } |
| 245 } | 245 } |
| 246 } | 246 } |
| 247 } | 247 } |
| 248 | 248 |
| 249 if (selectors.length > 0 || filters.length > 0) | 249 if (selectors.length > 0 || filters.length > 0) |
| 250 { | 250 { |
| 251 chrome.runtime.sendMessage({ | 251 browser.runtime.sendMessage({ |
| 252 type: "devtools.traceElemHide", | 252 type: "devtools.traceElemHide", |
| 253 selectors, filters | 253 selectors, filters |
| 254 }); | 254 }); |
| 255 } | 255 } |
| 256 }, | 256 }, |
| 257 | 257 |
| 258 onTimeout() | 258 onTimeout() |
| 259 { | 259 { |
| 260 this.checkNodes(this.changedNodes, this.selectors); | 260 this.checkNodes(this.changedNodes, this.selectors); |
| 261 this.changedNodes = []; | 261 this.changedNodes = []; |
| (...skipping 110 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 372 // Finally since some users have both AdBlock and Adblock Plus installed we | 372 // Finally since some users have both AdBlock and Adblock Plus installed we |
| 373 // have to consider how the two extensions interact. For example we want to | 373 // have to consider how the two extensions interact. For example we want to |
| 374 // avoid creating the shadowRoot twice. | 374 // avoid creating the shadowRoot twice. |
| 375 let shadow = document.documentElement.shadowRoot || | 375 let shadow = document.documentElement.shadowRoot || |
| 376 document.documentElement.createShadowRoot(); | 376 document.documentElement.createShadowRoot(); |
| 377 shadow.appendChild(document.createElement("shadow")); | 377 shadow.appendChild(document.createElement("shadow")); |
| 378 | 378 |
| 379 return shadow; | 379 return shadow; |
| 380 }, | 380 }, |
| 381 | 381 |
| 382 addSelectorsInline(selectors, filters, groupName) | 382 addSelectorsInline(selectors, groupName) |
| 383 { | 383 { |
| 384 let style = this.styles.get(groupName); | 384 let style = this.styles.get(groupName); |
| 385 | 385 |
| 386 if (style) | 386 if (style) |
| 387 { | 387 { |
| 388 while (style.sheet.cssRules.length > 0) | 388 while (style.sheet.cssRules.length > 0) |
| 389 style.sheet.deleteRule(0); | 389 style.sheet.deleteRule(0); |
| 390 } | 390 } |
| 391 | 391 |
| 392 if (selectors.length == 0) | 392 if (selectors.length == 0) |
| (...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 430 preparedSelectors = selectors; | 430 preparedSelectors = selectors; |
| 431 } | 431 } |
| 432 | 432 |
| 433 // Safari only allows 8192 primitive selectors to be injected at once[1], we | 433 // Safari only allows 8192 primitive selectors to be injected at once[1], we |
| 434 // therefore chunk the inserted selectors into groups of 200 to be safe. | 434 // therefore chunk the inserted selectors into groups of 200 to be safe. |
| 435 // (Chrome also has a limit, larger... but we're not certain exactly what it | 435 // (Chrome also has a limit, larger... but we're not certain exactly what it |
| 436 // is! Edge apparently has no such limit.) | 436 // is! Edge apparently has no such limit.) |
| 437 // [1] - https://github.com/WebKit/webkit/blob/1cb2227f6b2a1035f7bdc46e5ab69
debb75fc1de/Source/WebCore/css/RuleSet.h#L68 | 437 // [1] - https://github.com/WebKit/webkit/blob/1cb2227f6b2a1035f7bdc46e5ab69
debb75fc1de/Source/WebCore/css/RuleSet.h#L68 |
| 438 for (let i = 0; i < preparedSelectors.length; i += this.selectorGroupSize) | 438 for (let i = 0; i < preparedSelectors.length; i += this.selectorGroupSize) |
| 439 { | 439 { |
| 440 let selector = preparedSelectors.slice( | 440 let selector = preparedSelectors.slice( |
| 441 i, i + this.selectorGroupSize | 441 i, i + this.selectorGroupSize |
| 442 ).join(", "); | 442 ).join(", "); |
| 443 this.style.sheet.insertRule(selector + "{display: none !important;}", | 443 this.style.sheet.insertRule(selector + "{display: none !important;}", |
| 444 this.style.sheet.cssRules.length); | 444 this.style.sheet.cssRules.length); |
| 445 } | 445 } |
| 446 }, | 446 }, |
| 447 | 447 |
| 448 addSelectors(selectors, filters) | 448 addSelectors(selectors, filters) |
| 449 { | 449 { |
| 450 if (this.inline) | 450 if (this.inline) |
| 451 { | 451 { |
| 452 // Insert the style rules inline if we have been instructed by the | 452 // Insert the style rules inline if we have been instructed by the |
| 453 // background page to do so. This is usually the case, except on platforms | 453 // background page to do so. This is usually the case, except on platforms |
| 454 // that do support user stylesheets via the chrome.tabs.insertCSS API | 454 // that do support user stylesheets via the browser.tabs.insertCSS API |
| 455 // (Firefox 53 onwards for now and possibly Chrome in the near future). | 455 // (Firefox 53 onwards for now and possibly Chrome in the near future). |
| 456 // Once all supported platforms have implemented this API, we can remove | 456 // Once all supported platforms have implemented this API, we can remove |
| 457 // the code below. See issue #5090. | 457 // the code below. See issue #5090. |
| 458 // Related Chrome and Firefox issues: | 458 // Related Chrome and Firefox issues: |
| 459 // https://bugs.chromium.org/p/chromium/issues/detail?id=632009 | 459 // https://bugs.chromium.org/p/chromium/issues/detail?id=632009 |
| 460 // https://bugzilla.mozilla.org/show_bug.cgi?id=1310026 | 460 // https://bugzilla.mozilla.org/show_bug.cgi?id=1310026 |
| 461 this.addSelectorsInline(selectors, filters, "emulated"); | 461 this.addSelectorsInline(selectors, "emulated"); |
| 462 } | 462 } |
| 463 else | 463 else |
| 464 { | 464 { |
| 465 chrome.runtime.sendMessage({ | 465 browser.runtime.sendMessage({ |
| 466 type: "elemhide.injectSelectors", | 466 type: "elemhide.injectSelectors", |
| 467 selectors, | 467 selectors, |
| 468 groupName: "emulated" | 468 groupName: "emulated" |
| 469 }); | 469 }); |
| 470 } | 470 } |
| 471 | 471 |
| 472 if (this.tracer) | 472 if (this.tracer) |
| 473 this.tracer.addSelectors(selectors, filters); | 473 this.tracer.addSelectors(selectors, filters); |
| 474 }, | 474 }, |
| 475 | 475 |
| 476 hideElements(elements, filters) | 476 hideElements(elements, filters) |
| 477 { | 477 { |
| 478 for (let element of elements) | 478 for (let element of elements) |
| 479 hideElement(element); | 479 hideElement(element); |
| 480 | 480 |
| 481 if (this.tracer) | 481 if (this.tracer) |
| 482 { | 482 { |
| 483 chrome.runtime.sendMessage({ | 483 browser.runtime.sendMessage({ |
| 484 type: "devtools.traceElemHide", | 484 type: "devtools.traceElemHide", |
| 485 selectors: [], | 485 selectors: [], |
| 486 filters | 486 filters |
| 487 }); | 487 }); |
| 488 } | 488 } |
| 489 }, | 489 }, |
| 490 | 490 |
| 491 apply() | 491 apply() |
| 492 { | 492 { |
| 493 chrome.runtime.sendMessage({type: "elemhide.getSelectors"}, response => | 493 browser.runtime.sendMessage({type: "elemhide.getSelectors"}, response => |
| 494 { | 494 { |
| 495 if (this.tracer) | 495 if (this.tracer) |
| 496 this.tracer.disconnect(); | 496 this.tracer.disconnect(); |
| 497 this.tracer = null; | 497 this.tracer = null; |
| 498 | 498 |
| 499 if (response.trace) | 499 if (response.trace) |
| 500 this.tracer = new ElementHidingTracer(); | 500 this.tracer = new ElementHidingTracer(); |
| 501 | 501 |
| 502 this.inline = response.inline; | 502 this.inline = response.inline; |
| 503 | 503 |
| 504 if (this.inline) | 504 if (this.inline) |
| 505 this.addSelectorsInline(response.selectors); | 505 this.addSelectorsInline(response.selectors, "standard"); |
| 506 | 506 |
| 507 if (this.tracer) | 507 if (this.tracer) |
| 508 this.tracer.addSelectors(response.selectors); | 508 this.tracer.addSelectors(response.selectors); |
| 509 | 509 |
| 510 this.elemHideEmulation.apply(response.emulatedPatterns); | 510 this.elemHideEmulation.apply(response.emulatedPatterns); |
| 511 }); | 511 }); |
| 512 } | 512 } |
| 513 }; | 513 }; |
| 514 | 514 |
| 515 if (document instanceof HTMLDocument) | 515 if (document instanceof HTMLDocument) |
| 516 { | 516 { |
| 517 checkSitekey(); | 517 checkSitekey(); |
| 518 | 518 |
| 519 elemhide = new ElemHide(); | 519 elemhide = new ElemHide(); |
| 520 elemhide.apply(); | 520 elemhide.apply(); |
| 521 | 521 |
| 522 document.addEventListener("error", event => | 522 document.addEventListener("error", event => |
| 523 { | 523 { |
| 524 checkCollapse(event.target); | 524 checkCollapse(event.target); |
| 525 }, true); | 525 }, true); |
| 526 | 526 |
| 527 document.addEventListener("load", event => | 527 document.addEventListener("load", event => |
| 528 { | 528 { |
| 529 let element = event.target; | 529 let element = event.target; |
| 530 if (/^i?frame$/.test(element.localName)) | 530 if (/^i?frame$/.test(element.localName)) |
| 531 checkCollapse(element); | 531 checkCollapse(element); |
| 532 }, true); | 532 }, true); |
| 533 } | 533 } |
| 534 |
| 535 window.checkCollapse = checkCollapse; |
| 536 window.elemhide = elemhide; |
| 537 window.typeMap = typeMap; |
| 538 window.getURLsFromElement = getURLsFromElement; |
| LEFT | RIGHT |