You need to enable JavaScript to run this app.
The embargo has just lifted to confirm that AmpereOne is diff --git a/src/config/i18n.js b/src/config/i18n.js index e8d736a..f07073b 100644 --- a/src/config/i18n.js +++ b/src/config/i18n.js @@ -387,6 +387,14 @@ export const I18N = { zh: `选择器`, en: `Selector`, }, + keep_selector: { + zh: `保留元素选择器`, + en: `Keep unchanged selector`, + }, + keep_selector_helper: { + zh: `1、遵循CSS选择器语法。2、留空表示采用全局设置。`, + en: `1. Follow CSS selector syntax. 2. Leave blank to adopt the global setting.`, + }, root_selector: { zh: `根选择器`, en: `Root Selector`, diff --git a/src/config/index.js b/src/config/index.js index 3c0315f..303bada 100644 --- a/src/config/index.js +++ b/src/config/index.js @@ -1,5 +1,6 @@ import { DEFAULT_SELECTOR, + DEFAULT_KEEP_SELECTOR, GLOBAL_KEY, REMAIN_KEY, SHADOW_KEY, @@ -321,6 +322,7 @@ export const DEFAULT_COLOR = "#209CEE"; // 默认高亮背景色/线条颜色 export const GLOBLA_RULE = { pattern: "*", selector: DEFAULT_SELECTOR, + keepSelector: DEFAULT_KEEP_SELECTOR, translator: OPT_TRANS_MICROSOFT, fromLang: "auto", toLang: "zh-CN", diff --git a/src/config/rules.js b/src/config/rules.js index 34e2855..6b74e6a 100644 --- a/src/config/rules.js +++ b/src/config/rules.js @@ -1,4 +1,5 @@ export const DEFAULT_SELECTOR = `:is(li, p, h1, h2, h3, h4, h5, h6, dd, blockquote)`; +export const DEFAULT_KEEP_SELECTOR = `code, img, svg`; export const GLOBAL_KEY = "*"; export const REMAIN_KEY = "-"; @@ -8,6 +9,7 @@ export const SHADOW_KEY = ">>>"; export const DEFAULT_RULE = { pattern: "", selector: "", + keepSelector: "", translator: GLOBAL_KEY, fromLang: GLOBAL_KEY, toLang: GLOBAL_KEY, @@ -41,65 +43,142 @@ export const DEFAULT_OW_RULE = { }; const RULES_MAP = { - "www.google.com/search": `h3, .IsZvec, .VwiC3b`, - "news.google.com": `[role="link"], .DY5T1d, .ifw3f, ${DEFAULT_SELECTOR}`, - "www.foxnews.com": `h1, h2, .title, .sidebar [data-type="Title"], .article-content ${DEFAULT_SELECTOR}; [data-spotim-module="conversation"]>div >>> [data-spot-im-class="message-text"] p, [data-spot-im-class="message-text"]`, - "bearblog.dev, www.theverge.com, www.tampermonkey.net/documentation.php": `${DEFAULT_SELECTOR}`, - "themessenger.com": `.leading-tight, .leading-tighter, .my-2 p, .font-body p, article ${DEFAULT_SELECTOR}`, - "www.telegraph.co.uk, go.dev/doc/": `article ${DEFAULT_SELECTOR}`, - "www.theguardian.com": `.show-underline, .dcr-hup5wm div, .dcr-7vl6y8 div, .dcr-12evv1c, figcaption, article ${DEFAULT_SELECTOR}, [data-cy="mostviewed-footer"] h4`, - "www.semafor.com": `${DEFAULT_SELECTOR}, .styles_intro__IYj__, [class*="styles_description"]`, - "www.noemamag.com": `.splash__title, .single-card__title, .single-card__type, .single-card__topic, .highlighted-content__title, .single-card__author, article ${DEFAULT_SELECTOR}, .quote__text, .wp-caption-text div`, - "restofworld.org": `${DEFAULT_SELECTOR}, .recirc-story__headline, .recirc-story__dek`, - "www.axios.com": `.h7, ${DEFAULT_SELECTOR}`, - "www.newyorker.com": `.summary-item__hed, .summary-item__dek, .summary-collection-grid__dek, .dqtvfu, .rubric__link, .caption, article ${DEFAULT_SELECTOR}, .HEhan ${DEFAULT_SELECTOR}, .ContributorBioBio-fBolsO`, - "time.com": `h1, h3, .summary, .video-title, #article-body ${DEFAULT_SELECTOR}, .image-wrap-container .credit.body-caption, .media-heading`, - "www.dw.com": `.ts-teaser-title a, .news-title a, .title a, .teaser-description a, .hbudab h3, .hbudab p, figcaption ,article ${DEFAULT_SELECTOR}`, - "www.bbc.com": `h1, h2, .media__link, .media__summary, article ${DEFAULT_SELECTOR}, .ssrcss-y7krbn-Stack, .ssrcss-17zglt8-PromoHeadline, .ssrcss-18cjaf3-Headline, .gs-c-promo-heading__title, .gs-c-promo-summary, .media__content h3, .article__intro`, - "www.chinadaily.com.cn": `h1, .tMain [shape="rect"], .cMain [shape="rect"], .photo_art [shape="rect"], .mai_r [shape="rect"], .lisBox li, #Content ${DEFAULT_SELECTOR}`, - "www.facebook.com": `[role="main"] [dir="auto"]`, - "www.reddit.com": `[slot="title"], [slot="text-body"] ${DEFAULT_SELECTOR}, #-post-rtjson-content p`, - "www.quora.com": `.qu-wordBreak--break-word`, - "edition.cnn.com": `.container__title, .container__headline, .headline__text, .image__caption, [data-type="Title"], .article__content ${DEFAULT_SELECTOR}`, - "www.reuters.com": `#main-content [data-testid="Heading"], #main-content [data-testid="Body"], .article-body__content__17Yit ${DEFAULT_SELECTOR}`, - "www.bloomberg.com": `[data-component="headline"], [data-component="related-item-headline"], [data-component="title"], article ${DEFAULT_SELECTOR}`, - "deno.land, docs.github.com": `main ${DEFAULT_SELECTOR}`, - "doc.rust-lang.org": `.content ${DEFAULT_SELECTOR}`, - "www.indiehackers.com": `h1, h3, .content ${DEFAULT_SELECTOR}, .feed-item__title-link`, - "platform.openai.com/docs": `.docs-body ${DEFAULT_SELECTOR}`, - "en.wikipedia.org": `h1, .mw-parser-output ${DEFAULT_SELECTOR}`, - "stackoverflow.com": `h1, .s-prose p, .comment-body .comment-copy`, - "www.npmjs.com/package, developer.chrome.com/docs, medium.com, developers.cloudflare.com, react.dev, create-react-app.dev, pytorch.org": `article ${DEFAULT_SELECTOR}`, - "news.ycombinator.com": `.title, .commtext`, - "github.com": `.markdown-body ${DEFAULT_SELECTOR}, .repo-description p, .Layout-sidebar .f4, .container-lg .py-4 .f5, .container-lg .my-4 .f5, .Box-row .pr-4, .Box-row article .mt-1, [itemprop="description"], .markdown-title, bdi, .ws-pre-wrap, .status-meta, span.status-meta, .col-10.color-fg-muted, .TimelineItem-body, .pinned-item-list-item-content .color-fg-muted, .markdown-body td, .markdown-body th`, - "twitter.com": `[data-testid="tweetText"]`, - "m.youtube.com": `.slim-video-information-title .yt-core-attributed-string, .media-item-headline .yt-core-attributed-string, .comment-text .yt-core-attributed-string, .typography-body-2b .yt-core-attributed-string, #ytp-caption-window-container .ytp-caption-segment`, - "www.youtube.com": `h1, #video-title, #content-text, #title, yt-attributed-string>span>span, #ytp-caption-window-container .ytp-caption-segment`, - "bard.google.com": `.query-content ${DEFAULT_SELECTOR}, message-content ${DEFAULT_SELECTOR}`, - "www.bing.com": `.b_algoSlug, .rwrl_padref; .cib-serp-main >>> .ac-textBlock ${DEFAULT_SELECTOR}, .text-message-content div`, - "www.phoronix.com": `article ${DEFAULT_SELECTOR}`, - "wx2.qq.com": `.js_message_plain`, - "app.slack.com/client/": `.p-rich_text_section, .c-message_attachment__text, .p-rich_text_list li`, - "discord.com/channels/": `div[id^=message-content]`, - "t.me/s/": `.js-message_text ${DEFAULT_SELECTOR}`, - "web.telegram.org/k/": `.message, .bot-commands-list-element-description, .reply-markup-button-text`, - "web.telegram.org/a/": `.message, .text-content, .bot-commands-list-element-description, .reply-markup-button-text`, - "chromereleases.googleblog.com": `.title, .publishdate, p, i, .header-desc, .header-title, .text`, - "www.instagram.com/": `h1, article span[dir=auto] > span[dir=auto], ._ab1y`, - "www.instagram.com/p/,www.instagram.com/reels/": `h1, div[class='x9f619 xjbqb8w x78zum5 x168nmei x13lgxp2 x5pf9jr xo71vjh x1uhb9sk x1plvlek xryxfnj x1c4vz4f x2lah0s xdt5ytf xqjyukv x1cy8zhl x1oa3qoh x1nhvcw1'] > span[class='x1lliihq x1plvlek xryxfnj x1n2onr6 x193iq5w xeuugli x1fj9vlw x13faqbe x1vvkbs x1s928wv xhkezso x1gmr53x x1cpjm7i x1fgarty x1943h6x x1i0vuye xvs91rp xo1l8bm x5n08af x10wh9bi x1wdrske x8viiok x18hxmgj'], span[class='x193iq5w xeuugli x1fj9vlw x13faqbe x1vvkbs xt0psk2 x1i0vuye xvs91rp xo1l8bm x5n08af x10wh9bi x1wdrske x8viiok x18hxmgj']`, - "mail.google.com": `${DEFAULT_SELECTOR}, h2[data-thread-perm-id], span[data-thread-id], div[data-message-id] div[class=''], .messageBody, #views`, - "web.whatsapp.com": `.copyable-text > span`, - "chat.openai.com": `div[data-message-author-role] > div ${DEFAULT_SELECTOR}`, - "forum.ru-board.com": `.tit, .dats, span.post ${DEFAULT_SELECTOR}`, - "education.github.com": `${DEFAULT_SELECTOR}, a, summary, span.Button-content`, - "blogs.windows.com": `${DEFAULT_SELECTOR}, .c-uhf-nav-link, figcaption`, - "developer.apple.com/documentation/": `#main ${DEFAULT_SELECTOR}, #main .abstract .content, #main .abstract.content, #main .link span`, + "www.google.com/search": [`h3, .IsZvec, .VwiC3b`], + "news.google.com": [`[role="link"], .DY5T1d, .ifw3f, ${DEFAULT_SELECTOR}`], + "www.foxnews.com": [ + `h1, h2, .title, .sidebar [data-type="Title"], .article-content ${DEFAULT_SELECTOR}; [data-spotim-module="conversation"]>div >>> [data-spot-im-class="message-text"] p, [data-spot-im-class="message-text"]`, + ], + "bearblog.dev, www.theverge.com, www.tampermonkey.net/documentation.php": [ + `${DEFAULT_SELECTOR}`, + ], + "themessenger.com": [ + `.leading-tight, .leading-tighter, .my-2 p, .font-body p, article ${DEFAULT_SELECTOR}`, + ], + "www.telegraph.co.uk, go.dev/doc/": [`article ${DEFAULT_SELECTOR}`], + "www.theguardian.com": [ + `.show-underline, .dcr-hup5wm div, .dcr-7vl6y8 div, .dcr-12evv1c, figcaption, article ${DEFAULT_SELECTOR}, [data-cy="mostviewed-footer"] h4`, + ], + "www.semafor.com": [ + `${DEFAULT_SELECTOR}, .styles_intro__IYj__, [class*="styles_description"]`, + ], + "www.noemamag.com": [ + `.splash__title, .single-card__title, .single-card__type, .single-card__topic, .highlighted-content__title, .single-card__author, article ${DEFAULT_SELECTOR}, .quote__text, .wp-caption-text div`, + ], + "restofworld.org": [ + `${DEFAULT_SELECTOR}, .recirc-story__headline, .recirc-story__dek`, + ], + "www.axios.com": [`.h7, ${DEFAULT_SELECTOR}`], + "www.newyorker.com": [ + `.summary-item__hed, .summary-item__dek, .summary-collection-grid__dek, .dqtvfu, .rubric__link, .caption, article ${DEFAULT_SELECTOR}, .HEhan ${DEFAULT_SELECTOR}, .ContributorBioBio-fBolsO, .BaseText-ewhhUZ`, + ], + "time.com": [ + `h1, h3, .summary, .video-title, #article-body ${DEFAULT_SELECTOR}, .image-wrap-container .credit.body-caption, .media-heading`, + ], + "www.dw.com": [ + `.ts-teaser-title a, .news-title a, .title a, .teaser-description a, .hbudab h3, .hbudab p, figcaption ,article ${DEFAULT_SELECTOR}`, + ], + "www.bbc.com": [ + `h1, h2, .media__link, .media__summary, article ${DEFAULT_SELECTOR}, .ssrcss-y7krbn-Stack, .ssrcss-17zglt8-PromoHeadline, .ssrcss-18cjaf3-Headline, .gs-c-promo-heading__title, .gs-c-promo-summary, .media__content h3, .article__intro, .lx-c-summary-points>li`, + ], + "www.chinadaily.com.cn": [ + `h1, .tMain [shape="rect"], .cMain [shape="rect"], .photo_art [shape="rect"], .mai_r [shape="rect"], .lisBox li, #Content ${DEFAULT_SELECTOR}`, + ], + "www.facebook.com": [`[role="main"] [dir="auto"]`], + "www.reddit.com": [ + `div:is(.tbIApBd2DM_drfZQJjIum, ._1zPvgKHteTOub9dKkvrOl4,.ULWj94BYSOqoJDetxgcnU),a:is([class^="_334yl59"],[class^="_2GrMpxD"]),h1,h2,h3,h4,h5,h6,p,button`, + ], + "www.quora.com": [`.qu-wordBreak--break-word`], + "edition.cnn.com": [ + `.container__title, .container__headline, .headline__text, .image__caption, [data-type="Title"], .article__content ${DEFAULT_SELECTOR}`, + ], + "www.reuters.com": [ + `#main-content [data-testid="Heading"], #main-content [data-testid="Body"], .article-body__content__17Yit ${DEFAULT_SELECTOR}`, + ], + "www.bloomberg.com": [ + `[data-component="headline"], [data-component="related-item-headline"], [data-component="title"], article ${DEFAULT_SELECTOR}`, + ], + "deno.land, docs.github.com": [`main ${DEFAULT_SELECTOR}`], + "doc.rust-lang.org": [`.content ${DEFAULT_SELECTOR}`], + "www.indiehackers.com": [ + `h1, h3, .content ${DEFAULT_SELECTOR}, .feed-item__title-link`, + ], + "platform.openai.com/docs": [`.docs-body ${DEFAULT_SELECTOR}`], + "en.wikipedia.org": [`h1, .mw-parser-output ${DEFAULT_SELECTOR}`], + "stackoverflow.com": [`h1, .s-prose p, .comment-body .comment-copy`], + "www.npmjs.com/package, developer.chrome.com/docs, medium.com, developers.cloudflare.com, react.dev, create-react-app.dev, pytorch.org": + [`article ${DEFAULT_SELECTOR}`], + "news.ycombinator.com": [`.title, .commtext`], + "github.com": [ + `.markdown-body ${DEFAULT_SELECTOR}, .repo-description p, .Layout-sidebar .f4, .container-lg .py-4 .f5, .container-lg .my-4 .f5, .Box-row .pr-4, .Box-row article .mt-1, [itemprop="description"], .markdown-title, bdi, .ws-pre-wrap, .status-meta, span.status-meta, .col-10.color-fg-muted, .TimelineItem-body, .pinned-item-list-item-content .color-fg-muted, .markdown-body td, .markdown-body th`, + ], + "twitter.com": [ + `[data-testid="tweetText"], [data-testid="birdwatch-pivot"]>div.css-1rynq56`, + ], + "m.youtube.com": [ + `.slim-video-information-title .yt-core-attributed-string, .media-item-headline .yt-core-attributed-string, .comment-text .yt-core-attributed-string, .typography-body-2b .yt-core-attributed-string, #ytp-caption-window-container .ytp-caption-segment`, + ], + "www.youtube.com": [ + `h1, #video-title, #content-text, #title, yt-attributed-string>span>span, #ytp-caption-window-container .ytp-caption-segment`, + ], + "bard.google.com": [ + `.query-content ${DEFAULT_SELECTOR}, message-content ${DEFAULT_SELECTOR}`, + ], + "www.bing.com": [ + `.b_algoSlug, .rwrl_padref; .cib-serp-main >>> .ac-textBlock ${DEFAULT_SELECTOR}, .text-message-content div`, + ], + "www.phoronix.com": [`article ${DEFAULT_SELECTOR}`], + "wx2.qq.com": [`.js_message_plain`], + "app.slack.com/client/": [ + `.p-rich_text_section, .c-message_attachment__text, .p-rich_text_list li`, + ], + "discord.com/channels/": [ + `li[id^=chat-messages] div[id^=message-content], div[class^=headerText], div[class^=name_], section[aria-label='Search Results'] div[id^=message-content]`, + ], + "t.me/s/": [`.js-message_text ${DEFAULT_SELECTOR}`], + "web.telegram.org/k/": [ + `.message, .bot-commands-list-element-description, .reply-markup-button-text`, + ], + "web.telegram.org/a/": [ + `.message, .text-content, .bot-commands-list-element-description, .reply-markup-button-text`, + ], + "chromereleases.googleblog.com": [ + `.title, .publishdate, p, i, .header-desc, .header-title, .text`, + ], + "www.instagram.com/": [`h1, article span[dir=auto] > span[dir=auto], ._ab1y`], + "www.instagram.com/p/,www.instagram.com/reels/": [ + `h1, div[class='x9f619 xjbqb8w x78zum5 x168nmei x13lgxp2 x5pf9jr xo71vjh x1uhb9sk x1plvlek xryxfnj x1c4vz4f x2lah0s xdt5ytf xqjyukv x1cy8zhl x1oa3qoh x1nhvcw1'] > span[class='x1lliihq x1plvlek xryxfnj x1n2onr6 x193iq5w xeuugli x1fj9vlw x13faqbe x1vvkbs x1s928wv xhkezso x1gmr53x x1cpjm7i x1fgarty x1943h6x x1i0vuye xvs91rp xo1l8bm x5n08af x10wh9bi x1wdrske x8viiok x18hxmgj'], span[class='x193iq5w xeuugli x1fj9vlw x13faqbe x1vvkbs xt0psk2 x1i0vuye xvs91rp xo1l8bm x5n08af x10wh9bi x1wdrske x8viiok x18hxmgj']`, + ], + "mail.google.com": [ + `${DEFAULT_SELECTOR}, h2[data-thread-perm-id], span[data-thread-id], div[data-message-id] div[class=''], .messageBody, #views`, + ], + "web.whatsapp.com": [`.copyable-text > span`], + "chat.openai.com": [ + `div[data-message-author-role] > div ${DEFAULT_SELECTOR}`, + ], + "forum.ru-board.com": [`.tit, .dats, span.post, .lgf ${DEFAULT_SELECTOR}`], + "education.github.com": [ + `${DEFAULT_SELECTOR}, a, summary, span.Button-content`, + ], + "blogs.windows.com": [`${DEFAULT_SELECTOR}, .c-uhf-nav-link, figcaption`], + "developer.apple.com/documentation/": [ + `#main ${DEFAULT_SELECTOR}, #main .abstract .content, #main .abstract.content, #main .link span`, + ], + "greasyfork.org": [ + `h2, .script-link, .script-description, #additional-info ${DEFAULT_SELECTOR}`, + ], + "www.fmkorea.com": [`#container ${DEFAULT_SELECTOR}`], + "forum.arduino.cc": [ + `.top-row>.title, .featured-topic>.title, .link-top-line>.title, .category-description, .topic-excerpt, .fancy-title, .cooked ${DEFAULT_SELECTOR}`, + ], + "docs.arduino.cc": [`[class^="tutorial-module--left"] ${DEFAULT_SELECTOR}`], + "www.historydefined.net": [`.wp-element-caption, ${DEFAULT_SELECTOR}`], }; export const BUILTIN_RULES = Object.entries(RULES_MAP) .sort((a, b) => a[0].localeCompare(b[0])) - .map(([pattern, selector]) => ({ + .map(([pattern, [selector, keepSelector]]) => ({ ...DEFAULT_RULE, pattern, selector, + keepSelector, })); diff --git a/src/libs/rules.js b/src/libs/rules.js index a4dc5ff..9d8f28c 100644 --- a/src/libs/rules.js +++ b/src/libs/rules.js @@ -66,6 +66,7 @@ export const matchRule = async ( } rule.selector = rule.selector?.trim() || globalRule.selector; + rule.keepSelector = rule.keepSelector?.trim() || globalRule.keepSelector; if (rule.textStyle === GLOBAL_KEY) { rule.textStyle = globalRule.textStyle; rule.bgColor = globalRule.bgColor; @@ -112,6 +113,7 @@ export const checkRules = (rules) => { ({ pattern, selector, + keepSelector, translator, fromLang, toLang, @@ -122,6 +124,7 @@ export const checkRules = (rules) => { }) => ({ pattern: pattern.trim(), selector: type(selector) === "string" ? selector : "", + keepSelector: type(keepSelector) === "string" ? keepSelector : "", bgColor: type(bgColor) === "string" ? bgColor : "", textDiyStyle: type(textDiyStyle) === "string" ? textDiyStyle : "", translator: matchValue([GLOBAL_KEY, ...OPT_TRANS_ALL], translator), diff --git a/src/libs/translator.js b/src/libs/translator.js index 05f2fac..6725f01 100644 --- a/src/libs/translator.js +++ b/src/libs/translator.js @@ -360,6 +360,11 @@ export class Translator { } }, 500); + _matchLength = (q) => + !q || + q.length < (this._setting.minLength ?? TRANS_MIN_LENGTH) || + q.length > (this._setting.maxLength ?? TRANS_MAX_LENGTH); + _render = (el) => { let traEl = el.querySelector(APP_LCNAME); @@ -379,20 +384,41 @@ export class Translator { traEl.remove(); } - const q = el.innerText.trim(); + let q = el.innerText.trim(); this._tranNodes.set(el, q); // 太长或太短 - if ( - !q || - q.length < (this._setting.minLength ?? TRANS_MIN_LENGTH) || - q.length > (this._setting.maxLength ?? TRANS_MAX_LENGTH) - ) { + if (this._matchLength(q)) { return; } // console.log("---> ", q); + const keepSelector = this._rule.keepSelector || ""; + const keeps = []; + if (keepSelector.trim()) { + let text = ""; + el.childNodes.forEach((child) => { + if (child.nodeType === 1 && child.matches(keepSelector)) { + text += `#${keeps.length}#`; + keeps.push(child.outerHTML); + } else { + text += child.textContent; + } + }); + + // 太长或太短 + if (this._matchLength(text.replace(/#(\d+)#/g, "").trim())) { + return; + } + + if (keeps.length > 0) { + q = text; + } + } + + // console.log("---> ", q); + traEl = document.createElement(APP_LCNAME); traEl.style.visibility = "visible"; el.appendChild(traEl); @@ -404,6 +430,6 @@ export class Translator { } const root = createRoot(traEl); - root.render(: " "} -
: " "} +