@browserless.io/browserless 2.32.1-beta-1 → 2.33.0

package/extensions/ublocklite/_locales/zh_CN/messages.json

@@ -35,6 +35,10 @@
     "message": "过滤模式",
     "description": "Label in the popup panel for the current filtering mode"
   },
+  "popupLocalToolsLabel": {
+    "message": "在本网站上",
+    "description": "Label in the popup panel for the local tools section"
+  },
   "popupTipReport": {
     "message": "报告此网站上的问题",
     "description": "Tooltip used for the 'chat' icon in the panel"
@@ -295,28 +299,36 @@
     "message": "退出临时元素移除模式",
     "description": "Tooltip for the button used to exit zapper mode"
   },
+  "pickerTipEnter": {
+    "message": "创建自定义过滤器",
+    "description": "Label for the menu entry to create cosmetic filters"
+  },
+  "unpickerTipEnter": {
+    "message": "移除自定义过滤器",
+    "description": "Label for the menu entry to delete cosmetic filters"
+  },
   "developDropdownLabel": {
-    "message": "View:",
+    "message": "视图:",
     "description": "A label of a dropdown list"
   },
   "developOptionFilteringModeDetails": {
-    "message": "Filtering mode details",
+    "message": "过滤模式详情",
     "description": "An option in a dropdown list"
   },
   "developOptionCustomDnrRules": {
-    "message": "Custom DNR rules",
+    "message": "自定义DNR规则",
     "description": "An option in a dropdown list"
   },
   "developOptionDnrRulesOf": {
-    "message": "DNR rules of …",
+    "message": "DNR规则来源：",
     "description": "A section header in a dropdown list"
   },
   "developOptionDynamicRuleset": {
-    "message": "Dynamic ruleset",
+    "message": "动态规则集",
     "description": "An option in a dropdown list"
   },
   "developOptionSessionRuleset": {
-    "message": "Session ruleset",
+    "message": "会话规则集",
     "description": "An option in a dropdown list"
   },
   "saveButton": {
@@ -336,11 +348,31 @@
     "description": "Text for buttons used to export content"
   },
   "dnrRulesWarning": {
-    "message": "Do not add content from untrusted sources",
+    "message": "请勿添加来自不可信来源的内容",
     "description": "Short description of the DNR rules editor pane"
   },
   "dnrRulesCountInfo": {
     "message": "已注册规则的数量：",
     "description": "Short sentence to report the number of currently registered DNR rules"
+  },
+  "pickerSliderLabel": {
+    "message": "移动滑块以选择最佳搭配",
+    "description": "Label to describe the purpose of the slider"
+  },
+  "pickerPick": {
+    "message": "选择",
+    "description": "Text for the button to re-enter element-picking mode"
+  },
+  "pickerPreview": {
+    "message": "预览",
+    "description": "Text for the button to activate preview mode"
+  },
+  "pickerCreate": {
+    "message": "创建",
+    "description": "Text for the button to create the filter"
+  },
+  "unpickerUsage": {
+    "message": "选择下面的过滤器以突出显示网页中匹配的元素。点击垃圾桶可移除过滤器。",
+    "description": "Summary description on how to use the tool to remove custom filters"
   }
 }

package/extensions/ublocklite/_locales/zh_TW/messages.json

@@ -35,6 +35,10 @@
     "message": "過濾模式",
     "description": "Label in the popup panel for the current filtering mode"
   },
+  "popupLocalToolsLabel": {
+    "message": "在此網站上",
+    "description": "Label in the popup panel for the local tools section"
+  },
   "popupTipReport": {
     "message": "回報此網站的問題",
     "description": "Tooltip used for the 'chat' icon in the panel"
@@ -295,6 +299,14 @@
     "message": "離開元素臨時移除模式",
     "description": "Tooltip for the button used to exit zapper mode"
   },
+  "pickerTipEnter": {
+    "message": "建立自訂過濾器",
+    "description": "Label for the menu entry to create cosmetic filters"
+  },
+  "unpickerTipEnter": {
+    "message": "移除自訂過濾器",
+    "description": "Label for the menu entry to delete cosmetic filters"
+  },
   "developDropdownLabel": {
     "message": "檢視：",
     "description": "A label of a dropdown list"
@@ -342,5 +354,25 @@
   "dnrRulesCountInfo": {
     "message": "已登錄規則數：{count}",
     "description": "Short sentence to report the number of currently registered DNR rules"
+  },
+  "pickerSliderLabel": {
+    "message": "移動滑桿以選取最佳符合",
+    "description": "Label to describe the purpose of the slider"
+  },
+  "pickerPick": {
+    "message": "挑選",
+    "description": "Text for the button to re-enter element-picking mode"
+  },
+  "pickerPreview": {
+    "message": "預覽",
+    "description": "Text for the button to activate preview mode"
+  },
+  "pickerCreate": {
+    "message": "建立",
+    "description": "Text for the button to create the filter"
+  },
+  "unpickerUsage": {
+    "message": "選取下方的過濾器，突顯網頁中符合條件的元素。按一下回收桶可移除過濾器",
+    "description": "Summary description on how to use the tool to remove custom filters"
   }
 }

package/extensions/ublocklite/css/dashboard.css

@@ -58,7 +58,6 @@ body[data-pane="about"] > section[data-pane="about"] {
 
 /* high dpi devices */
 :root.hidpi .tabButton {
-    font-family: Metropolis, sans-serif;
     font-weight: 600;
     letter-spacing: 0.5px;
     }

package/extensions/ublocklite/css/default.css

@@ -453,7 +453,7 @@
     --popup-cell-block-surface: rgb(var(--popup-cell-block-surface-rgb));
     --popup-power-ink: rgb(var(--popup-power-ink-rgb));
     --popup-toolbar-surface: rgb(var(--primary-80) / 15%);
-    --popup-toolbar-surface-hover: rgb(var(--primary-80) / 20%);
+    --popup-toolbar-surface-hover: rgb(var(--primary-80) / 30%);
     --popup-ruleset-tool-ink: var(--ink-1);
     --popup-ruleset-tool-surface: rgb(var(--primary-80) / 15%);
     --popup-ruleset-tool-surface-hover: rgb(var(--primary-80) / 20%);

package/extensions/ublocklite/css/develop.css

@@ -31,12 +31,35 @@ section[data-pane="develop"] > div > * {
     height: 100%;
     }
 
-#cm-container .cm-editor .cm-line:has(.yamlboundary) {
+#cm-container .cm-editor .cm-line:has(.ubol-boundary) {
     background-image: url('line-hor-dashed.png'), url('line-hor-dashed.png');
     background-position: left 3px, left calc(100% - 3px);
     background-repeat: repeat-x;
     }
-
+#cm-container .cm-editor {
+    color: var(--ink-1);
+    }
+:root.dark #cm-container .cm-editor {
+    color: var(--ink-2);
+    }
+#cm-container .cm-editor .cm-line .ubol-comment {
+    color: #ba5300;
+    }
+:root.dark #cm-container .cm-editor .cm-line .ubol-comment {
+    color: #fa7000;
+    }
+#cm-container .cm-editor .cm-line .ubol-keyword {
+    color: #ae42be;
+    }
+:root.dark #cm-container .cm-editor .cm-line .ubol-keyword {
+    color: #ea59ff;
+    }
+#cm-container .cm-editor .cm-line .ubol-literal {
+    color: #168156;
+    }
+:root.dark #cm-container .cm-editor .cm-line .ubol-literal {
+    color: #1dae74;
+    }
 #cm-container .cm-editor .cm-line.badline:not(.cm-activeLine) {
     background-color: color-mix(in srgb, var(--info3-ink) 15%, transparent 85%);
     }

package/extensions/ublocklite/css/picker-ui.css

@@ -0,0 +1,144 @@
+:root#ubol-picker {
+    --ubol-overlay-fill: rgba(255,64,64,0.10);
+    --ubol-overlay-border: #F00;
+}
+
+#ubol-picker.paused svg#overlay {
+    cursor: not-allowed;
+}
+
+:root aside {
+    background-color: var(--surface-1);
+    border: 1px solid var(--border-2);
+    max-width: min(32rem, 100vw - 4px);
+    min-width: min(24rem, 100vw - 4px);
+    row-gap: 1em;
+    width: min(32rem, 100vw - 4px);
+}
+
+#ubol-picker aside > section:last-of-type {
+    margin-block-end: 0;
+}
+#ubol-picker aside > section:not(#windowbar,#moreOrLess) {
+    padding: 0 4px;
+}
+
+#ubol-picker[data-view="0"] aside section[data-view="1"],
+#ubol-picker[data-view="0"] aside section[data-view="2"] {
+    display: none;
+}
+#ubol-picker[data-view="1"] aside section[data-view="2"] {
+    display: none;
+}
+
+#ubol-picker:not(.paused) aside > section:not(#windowbar) {
+    display: none;
+}
+
+#ubol-picker textarea {
+    border: 0;
+    box-sizing: border-box;
+    min-height: 5em;
+    resize: none;
+    width: 100%;
+}
+#ubol-picker.mobile textarea {
+    height: unset;
+}
+#ubol-picker .resultsetWidgets {
+    color: var(--ink-2);
+    display: flex;
+    flex-direction: column;
+    font-size: small;
+    gap: 0.25em;
+}
+#ubol-picker .resultsetWidgets > span:first-of-type {
+    display: flex;
+    margin: 0 1em;
+}
+#ubol-picker .resultsetWidgets label {
+    flex-grow: 1;
+}
+#ubol-picker .resultsetWidgets #resultsetCount {
+    display: inline-block;
+    text-align: right;
+    width: 8ch;
+}
+
+#ubol-picker #toolbar {
+    display: flex;
+    justify-content: space-between;
+}
+#ubol-picker #toolbar button {
+    min-width: 5em;
+}
+
+#ubol-picker #candidateFilters {
+    font-family: monospace;
+    font-size: small;
+    max-height: min(20em, 40vh);
+    min-height: 6em;
+    overflow-y: auto;
+    word-break: break-all;
+}
+#ubol-picker #candidateFilters ul {
+    margin: 0;
+    padding-inline-start: calc(2ch + 4px);
+    user-select: none;
+        -webkit-user-select: none;
+}
+#ubol-picker #candidateFilters ul > li {
+    list-style-type: '\25A0\00A0';
+}
+#ubol-picker #candidateFilters ul >li:has(:not(span.on)) {
+    list-style-type: '\25A1\00A0';
+}
+#ubol-picker #candidateFilters ul > li:nth-of-type(2n+1) {
+    background-color: var(--surface-2);
+}
+#ubol-picker #candidateFilters ul > li > span {
+    border: 1px solid transparent;
+    padding: 1px 2px;
+}
+#ubol-picker #candidateFilters ul > li > span.on {
+    background-color: var(--accent-surface-1);
+    color: var(--accent-ink-1);}
+#ubol-picker #candidateFilters ul > li > span:hover {
+    border: 1px solid var(--ink-1);
+}
+
+#ubol-picker #moreOrLess {
+    color: var(--ink-2);
+    column-gap: 0;
+    display: grid;
+    font-size: small;
+    grid-template: auto / 1fr 1fr;
+    justify-items: stretch;
+    user-select: none;
+        -webkit-user-select: none;
+    white-space: nowrap;
+}
+#ubol-picker #moreOrLess > span {
+    cursor: pointer;
+    padding: var(--default-gap-xxsmall) var(--default-gap-xsmall);
+}
+#ubol-picker #moreOrLess > span:last-of-type {
+    text-align: end;
+}
+#ubol-picker[data-view="2"] aside #moreOrLess > span:first-of-type {
+    visibility: hidden;
+}
+#ubol-picker[data-view="0"] aside #moreOrLess > span:last-of-type {
+    visibility: hidden;
+}
+#ubol-picker.desktop aside #moreOrLess > span:hover {
+    background-color: var(--surface-2);
+}
+
+#ubol-picker.preview #toolbar #preview {
+    color: var(--accent-ink-1);
+    background-color: var(--accent-surface-1);
+}
+#ubol-picker.preview #overlay path {
+    display: none;
+}