Mirrors/uBlock
1
0
Fork 0
mirror of https://github.com/gorhill/uBlock.git synced 2024-11-07 11:22:38 +01:00
Code Issues Releases Wiki Activity
2a91ecd6e1
uBlock/src/web_accessible_resources/epicker-ui.html

73 lines
2.5 KiB
HTML
Raw Normal View History

Isolate element picker dialog from page content world Related issues: - https://github.com/gorhill/uBlock/issues/3497 - https://github.com/uBlockOrigin/uBlock-issues/issues/1215 To solve above issues, the element picker's dialog is now isolated from the page content in which it is embedded. The highly interactive, mouse-driven part of the element picker is still visible by the page content.
2020-09-01 18:32:12 +02:00
<!DOCTYPE html>
<html id="ublock0-epicker">
<head>
<meta charset="utf-8">
<title>uBlock Origin Element Picker</title>
Use a CodeMirror editor instance in element picker This allows to bring in all the benefits of syntax highlighting and enhanced editing features in the element picker, like auto- completion, etc. This is also a necessary step to possibly solve the following issue: - https://github.com/gorhill/uBlock/issues/2035 Additionally, incrementally improved the behavior of uBO's custom CodeMirror static filtering syntax mode when double-clicking somewhere in a static extended filter: - on a class/id string will cause the whole class/id string to be selected, including the prepending `.`/`#`. - somewhere in a hostname/entity will cause all the labels from the cursor position to the right-most label to be selected (subject to change/fine-tune as per feedback of filter list maintainers). Related feedback: - https://github.com/uBlockOrigin/uBlock-issues/issues/1134#issuecomment-679421316
2020-10-14 16:21:30 +02:00
<link rel="stylesheet" href="../lib/codemirror/lib/codemirror.css">
<link rel="stylesheet" href="../lib/codemirror/addon/hint/show-hint.css">
Add element picker widget to control specificity Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/851 The ctrl key is no longer used to adjust specificity of a candidate filter. A new widget has been added to adjust the specificity of a candidate filter to various level. The widget will be visible as long as the candidate filter matches one entry in the list of suggested candidate cosmetic filters.
2020-09-09 15:27:53 +02:00
<link rel="stylesheet" href="../css/themes/default.css">
Isolate element picker's svg layers from page content Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/1226 Related commit: - https://github.com/gorhill/uBlock/commit/9eb455ab5eb2d5640f4188e71011b7aa22ab8b43 In the previous commit, the element picker dialog was isolated from the page content. This commit is to also isolate the svg layers from the page content. With this commit, there is no longer a need for an anonymous iframe and the isolated world iframe is now directly embedded in the page. As a result, pages are now unable to interfere with any of the element picker user interface. Pages can now only see an iframe, but are unable to see the content of that iframe. The styles applied to the iframe are from a user stylesheet, so as to ensure pages can't override the iframe's style properties set by uBO.
2020-09-03 16:27:35 +02:00
<link rel="stylesheet" href="../css/epicker-ui.css">
Use a CodeMirror editor instance in element picker This allows to bring in all the benefits of syntax highlighting and enhanced editing features in the element picker, like auto- completion, etc. This is also a necessary step to possibly solve the following issue: - https://github.com/gorhill/uBlock/issues/2035 Additionally, incrementally improved the behavior of uBO's custom CodeMirror static filtering syntax mode when double-clicking somewhere in a static extended filter: - on a class/id string will cause the whole class/id string to be selected, including the prepending `.`/`#`. - somewhere in a hostname/entity will cause all the labels from the cursor position to the right-most label to be selected (subject to change/fine-tune as per feedback of filter list maintainers). Related feedback: - https://github.com/uBlockOrigin/uBlock-issues/issues/1134#issuecomment-679421316
2020-10-14 16:21:30 +02:00
<link rel="stylesheet" href="../css/codemirror.css">
Isolate element picker dialog from page content world Related issues: - https://github.com/gorhill/uBlock/issues/3497 - https://github.com/uBlockOrigin/uBlock-issues/issues/1215 To solve above issues, the element picker's dialog is now isolated from the page content in which it is embedded. The highly interactive, mouse-driven part of the element picker is still visible by the page content.
2020-09-01 18:32:12 +02:00
</head>
<body>
<aside>
<section>
<div>
Use a CodeMirror editor instance in element picker This allows to bring in all the benefits of syntax highlighting and enhanced editing features in the element picker, like auto- completion, etc. This is also a necessary step to possibly solve the following issue: - https://github.com/gorhill/uBlock/issues/2035 Additionally, incrementally improved the behavior of uBO's custom CodeMirror static filtering syntax mode when double-clicking somewhere in a static extended filter: - on a class/id string will cause the whole class/id string to be selected, including the prepending `.`/`#`. - somewhere in a hostname/entity will cause all the labels from the cursor position to the right-most label to be selected (subject to change/fine-tune as per feedback of filter list maintainers). Related feedback: - https://github.com/uBlockOrigin/uBlock-issues/issues/1134#issuecomment-679421316
2020-10-14 16:21:30 +02:00
<div class="codeMirrorContainer codeMirrorBreakAll"></div>
<div class="resultsetWidgets">
Add element picker widget to control specificity Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/851 The ctrl key is no longer used to adjust specificity of a candidate filter. A new widget has been added to adjust the specificity of a candidate filter to various level. The widget will be visible as long as the candidate filter matches one entry in the list of suggested candidate cosmetic filters.
2020-09-09 15:27:53 +02:00
<span id="resultsetModifiers">
Add widget to control selector depth to element picker Further iterating on the work done in following commit: - https://github.com/gorhill/uBlock/commit/1268f0ae436b039b9f7f6bc5e61568c4f841179e This commit adds a new widget to the element picker to control the depth of a cosmetic filter selector. The new widget is essentially just another way of selecting the depth, which is still controllable through picking one of the cosmetic filters in the list of candidates.
2020-09-10 16:32:53 +02:00
<span id="resultsetDepth" class="resultsetModifier">
Rework visuals of element picker sliders Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/851
2020-09-12 13:28:46 +02:00
<span><span></span><span></span><span></span></span>
Add widget to control selector depth to element picker Further iterating on the work done in following commit: - https://github.com/gorhill/uBlock/commit/1268f0ae436b039b9f7f6bc5e61568c4f841179e This commit adds a new widget to the element picker to control the depth of a cosmetic filter selector. The new widget is essentially just another way of selecting the depth, which is still controllable through picking one of the cosmetic filters in the list of candidates.
2020-09-10 16:32:53 +02:00
<input type="range" min="0" max="7" value="7">
Add element picker widget to control specificity Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/851 The ctrl key is no longer used to adjust specificity of a candidate filter. A new widget has been added to adjust the specificity of a candidate filter to various level. The widget will be visible as long as the candidate filter matches one entry in the list of suggested candidate cosmetic filters.
2020-09-09 15:27:53 +02:00
</span>
Add widget to control selector depth to element picker Further iterating on the work done in following commit: - https://github.com/gorhill/uBlock/commit/1268f0ae436b039b9f7f6bc5e61568c4f841179e This commit adds a new widget to the element picker to control the depth of a cosmetic filter selector. The new widget is essentially just another way of selecting the depth, which is still controllable through picking one of the cosmetic filters in the list of candidates.
2020-09-10 16:32:53 +02:00
<span id="resultsetSpecificity" class="resultsetModifier">
Rework visuals of element picker sliders Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/851
2020-09-12 13:28:46 +02:00
<span><span></span><span></span><span></span></span>
Add widget to control selector depth to element picker Further iterating on the work done in following commit: - https://github.com/gorhill/uBlock/commit/1268f0ae436b039b9f7f6bc5e61568c4f841179e This commit adds a new widget to the element picker to control the depth of a cosmetic filter selector. The new widget is essentially just another way of selecting the depth, which is still controllable through picking one of the cosmetic filters in the list of candidates.
2020-09-10 16:32:53 +02:00
<input type="range" min="0" max="7" value="6">
</span>
</span>
<span id="resultsetCount"></span>
</div>
Isolate element picker dialog from page content world Related issues: - https://github.com/gorhill/uBlock/issues/3497 - https://github.com/uBlockOrigin/uBlock-issues/issues/1215 To solve above issues, the element picker's dialog is now isolated from the page content in which it is embedded. The highly interactive, mouse-driven part of the element picker is still visible by the page content.
2020-09-01 18:32:12 +02:00
</div>
<div id="toolbar">
<div>
<button id="preview" type="button" data-i18n="pickerPreview"></button>
</div>
Cache element picker's optimized candidates for reuse Optimized candidates computed for each depth are now cached for reuse. This reduces the amount of work done when moving the depth slider.
2020-10-20 11:37:07 +02:00
<div id="move"></div>
Isolate element picker dialog from page content world Related issues: - https://github.com/gorhill/uBlock/issues/3497 - https://github.com/uBlockOrigin/uBlock-issues/issues/1215 To solve above issues, the element picker's dialog is now isolated from the page content in which it is embedded. The highly interactive, mouse-driven part of the element picker is still visible by the page content.
2020-09-01 18:32:12 +02:00
<div>
<button id="create" type="button" disabled data-i18n="pickerCreate"></button>
<button id="pick" type="button" data-i18n="pickerPick"></button>
<button id="quit" type="button" data-i18n="pickerQuit"></button>
</div>
</div>
</section>
<ul id="candidateFilters">
<li id="netFilters">
Add element picker widget to control specificity Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/851 The ctrl key is no longer used to adjust specificity of a candidate filter. A new widget has been added to adjust the specificity of a candidate filter to various level. The widget will be visible as long as the candidate filter matches one entry in the list of suggested candidate cosmetic filters.
2020-09-09 15:27:53 +02:00
<span data-i18n="pickerNetFilters"></span>
<ul lang="en" class="changeFilter"></ul>
Isolate element picker dialog from page content world Related issues: - https://github.com/gorhill/uBlock/issues/3497 - https://github.com/uBlockOrigin/uBlock-issues/issues/1215 To solve above issues, the element picker's dialog is now isolated from the page content in which it is embedded. The highly interactive, mouse-driven part of the element picker is still visible by the page content.
2020-09-01 18:32:12 +02:00
</li>
Add element picker widget to control specificity Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/851 The ctrl key is no longer used to adjust specificity of a candidate filter. A new widget has been added to adjust the specificity of a candidate filter to various level. The widget will be visible as long as the candidate filter matches one entry in the list of suggested candidate cosmetic filters.
2020-09-09 15:27:53 +02:00
<li id="cosmeticFilters" data-specificity="3">
<span data-i18n="pickerCosmeticFilters"></span>
Isolate element picker dialog from page content world Related issues: - https://github.com/gorhill/uBlock/issues/3497 - https://github.com/uBlockOrigin/uBlock-issues/issues/1215 To solve above issues, the element picker's dialog is now isolated from the page content in which it is embedded. The highly interactive, mouse-driven part of the element picker is still visible by the page content.
2020-09-01 18:32:12 +02:00
<ul lang="en" class="changeFilter"></ul>
</li>
</ul>
</aside>
Isolate element picker's svg layers from page content Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/1226 Related commit: - https://github.com/gorhill/uBlock/commit/9eb455ab5eb2d5640f4188e71011b7aa22ab8b43 In the previous commit, the element picker dialog was isolated from the page content. This commit is to also isolate the svg layers from the page content. With this commit, there is no longer a need for an anonymous iframe and the isolated world iframe is now directly embedded in the page. As a result, pages are now unable to interfere with any of the element picker user interface. Pages can now only see an iframe, but are unable to see the content of that iframe. The styles applied to the iframe are from a user stylesheet, so as to ensure pages can't override the iframe's style properties set by uBO.
2020-09-03 16:27:35 +02:00
<svg><path d></path><path d></path></svg>
Isolate element picker dialog from page content world Related issues: - https://github.com/gorhill/uBlock/issues/3497 - https://github.com/uBlockOrigin/uBlock-issues/issues/1215 To solve above issues, the element picker's dialog is now isolated from the page content in which it is embedded. The highly interactive, mouse-driven part of the element picker is still visible by the page content.
2020-09-01 18:32:12 +02:00
Use a CodeMirror editor instance in element picker This allows to bring in all the benefits of syntax highlighting and enhanced editing features in the element picker, like auto- completion, etc. This is also a necessary step to possibly solve the following issue: - https://github.com/gorhill/uBlock/issues/2035 Additionally, incrementally improved the behavior of uBO's custom CodeMirror static filtering syntax mode when double-clicking somewhere in a static extended filter: - on a class/id string will cause the whole class/id string to be selected, including the prepending `.`/`#`. - somewhere in a hostname/entity will cause all the labels from the cursor position to the right-most label to be selected (subject to change/fine-tune as per feedback of filter list maintainers). Related feedback: - https://github.com/uBlockOrigin/uBlock-issues/issues/1134#issuecomment-679421316
2020-10-14 16:21:30 +02:00
<script src="../lib/codemirror/lib/codemirror.js"></script>
<script src="../lib/codemirror/addon/edit/closebrackets.js"></script>
<script src="../lib/codemirror/addon/edit/matchbrackets.js"></script>
<script src="../lib/codemirror/addon/hint/show-hint.js"></script>
Isolate element picker dialog from page content world Related issues: - https://github.com/gorhill/uBlock/issues/3497 - https://github.com/uBlockOrigin/uBlock-issues/issues/1215 To solve above issues, the element picker's dialog is now isolated from the page content in which it is embedded. The highly interactive, mouse-driven part of the element picker is still visible by the page content.
2020-09-01 18:32:12 +02:00
<script src="../js/vapi.js"></script>
<script src="../js/vapi-common.js"></script>
<script src="../js/vapi-client.js"></script>
<script src="../js/vapi-client-extra.js"></script>
<script src="../js/i18n.js"></script>
Modularize codebase with export/import Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/1664 The changes are enough to fulfill the related issue. A new platform has been added in order to allow for building a NodeJS package. From the root of the project: ./tools/make-nodejs This will create new uBlock0.nodejs directory in the ./dist/build directory, which is a valid NodeJS package. From the root of the package, you can try: node test This will instantiate a static network filtering engine, populated by easylist and easyprivacy, which can be used to match network requests by filling the appropriate filtering context object. The test.js file contains code which is typical example of usage of the package. Limitations: the NodeJS package can't execute the WASM versions of the code since the WASM module requires the use of fetch(), which is not available in NodeJS. This is a first pass at modularizing the codebase, and while at it a number of opportunistic small rewrites have also been made. This commit requires the minimum supported version for Chromium and Firefox be raised to 61 and 60 respectively.
2021-07-25 16:55:35 +02:00
<script src="../js/epicker-ui.js" type="module"></script>
Isolate element picker dialog from page content world Related issues: - https://github.com/gorhill/uBlock/issues/3497 - https://github.com/uBlockOrigin/uBlock-issues/issues/1215 To solve above issues, the element picker's dialog is now isolated from the page content in which it is embedded. The highly interactive, mouse-driven part of the element picker is still visible by the page content.
2020-09-01 18:32:12 +02:00
</body>
</html>
Reference in New Issue Copy Permalink