browser-extension-settings 0.4.0 → 0.5.1

package/lib/common.ts

@@ -1,4 +1,4 @@
-export const besVersion = 40
+export const besVersion = 50
 export const openButton = `<svg viewBox="0 0 60.2601318359375 84.8134765625" version="1.1" xmlns="http://www.w3.org/2000/svg" class=" glyph-box" style="height: 9.62969px; width: 6.84191px;"><g transform="matrix(1 0 0 1 -6.194965820312518 77.63671875)"><path d="M66.4551-35.2539C66.4551-36.4746 65.9668-37.5977 65.0391-38.4766L26.3672-76.3672C25.4883-77.1973 24.4141-77.6367 23.1445-77.6367C20.6543-77.6367 18.7012-75.7324 18.7012-73.1934C18.7012-71.9727 19.1895-70.8496 19.9707-70.0195L55.5176-35.2539L19.9707-0.488281C19.1895 0.341797 18.7012 1.41602 18.7012 2.68555C18.7012 5.22461 20.6543 7.12891 23.1445 7.12891C24.4141 7.12891 25.4883 6.68945 26.3672 5.81055L65.0391-32.0312C65.9668-32.959 66.4551-34.0332 66.4551-35.2539Z"></path></g></svg>`
 export const openInNewTabButton = `<svg viewBox="0 0 72.127685546875 72.2177734375" version="1.1" xmlns="http://www.w3.org/2000/svg" class=" glyph-box" style="height: 8.19958px; width: 8.18935px;"><g transform="matrix(1 0 0 1 -12.451127929687573 71.3388671875)"><path d="M84.5703-17.334L84.5215-66.4551C84.5215-69.2383 82.7148-71.1914 79.7852-71.1914L30.6641-71.1914C27.9297-71.1914 26.0742-69.0918 26.0742-66.748C26.0742-64.4043 28.1738-62.4023 30.4688-62.4023L47.4609-62.4023L71.2891-63.1836L62.207-55.2246L13.8184-6.73828C12.9395-5.85938 12.4512-4.73633 12.4512-3.66211C12.4512-1.31836 14.5508 0.878906 16.9922 0.878906C18.1152 0.878906 19.1895 0.488281 20.0684-0.439453L68.5547-48.877L76.6113-58.0078L75.7324-35.2051L75.7324-17.1387C75.7324-14.8438 77.7344-12.6953 80.127-12.6953C82.4707-12.6953 84.5703-14.6973 84.5703-17.334Z"></path></g></svg>`
 export const settingButton = `<svg viewBox="0 0 16 16" version="1.1">

package/lib/extension-list.ts

@@ -8,6 +8,7 @@ import {
   removeClass,
 } from "browser-extension-utils"
 import { openButton, openInNewTabButton } from "./common"
+import { i } from "./messages"
 
 type InstalledExtension = {
   id: string
@@ -23,37 +24,47 @@ type RelatedExtension = {
   url: string
 }
 
+const lang = navigator.language
+let locale: string
+if (lang === "zh-TW" || lang === "zh-HK") {
+  locale = "zh-TW"
+} else if (lang.includes("zh")) {
+  locale = "zh-CN"
+} else {
+  locale = "en"
+}
+
 const relatedExtensions: RelatedExtension[] = [
   {
     id: "utags",
-    title: "🏷️ UTags - Add usertags to links",
-    url: "https://greasyfork.org/zh-CN/scripts/460718-utags-add-usertags-to-links",
+    title: i("settings.extensions.utags.title"),
+    url: `https://greasyfork.org/${locale}/scripts/460718-utags-add-usertags-to-links`,
   },
   {
     id: "links-helper",
-    title: "🔗 链接助手",
+    title: i("settings.extensions.links-helper.title"),
     description: "在新标签页中打开第三方网站链接，图片链接转图片标签等",
-    url: "https://greasyfork.org/zh-CN/scripts/464541-links-helper",
+    url: `https://greasyfork.org/${locale}/scripts/464541-links-helper`,
   },
   {
     id: "v2ex.rep",
-    title: "V2EX.REP - 专注提升 V2EX 主题回复浏览体验",
-    url: "https://greasyfork.org/zh-CN/scripts/466589-v2ex-rep-%E4%B8%93%E6%B3%A8%E6%8F%90%E5%8D%87-v2ex-%E4%B8%BB%E9%A2%98%E5%9B%9E%E5%A4%8D%E6%B5%8F%E8%A7%88%E4%BD%93%E9%AA%8C",
+    title: i("settings.extensions.v2ex.rep.title"),
+    url: `https://greasyfork.org/${locale}/scripts/466589-v2ex-rep-%E4%B8%93%E6%B3%A8%E6%8F%90%E5%8D%87-v2ex-%E4%B8%BB%E9%A2%98%E5%9B%9E%E5%A4%8D%E6%B5%8F%E8%A7%88%E4%BD%93%E9%AA%8C`,
   },
   {
     id: "v2ex.min",
-    title: "v2ex.min - V2EX 极简风格",
-    url: "https://greasyfork.org/zh-CN/scripts/463552-v2ex-min-v2ex-%E6%9E%81%E7%AE%80%E9%A3%8E%E6%A0%BC",
+    title: i("settings.extensions.v2ex.min.title"),
+    url: `https://greasyfork.org/${locale}/scripts/463552-v2ex-min-v2ex-%E6%9E%81%E7%AE%80%E9%A3%8E%E6%A0%BC`,
   },
   {
     id: "replace-ugly-avatars",
-    title: "赐你个头像吧",
-    url: "https://greasyfork.org/zh-CN/scripts/472616-replace-ugly-avatars",
+    title: i("settings.extensions.replace-ugly-avatars.title"),
+    url: `https://greasyfork.org/${locale}/scripts/472616-replace-ugly-avatars`,
   },
   {
     id: "more-by-pipecraft",
-    title: "更多有趣的脚本",
-    url: "https://greasyfork.org/zh-CN/users/1030884-pipecraft",
+    title: i("settings.extensions.more-by-pipecraft.title"),
+    url: `https://greasyfork.org/${locale}/users/1030884-pipecraft`,
   },
 ]
 

package/lib/messages/en.ts

@@ -0,0 +1,12 @@
+const messages = {
+  "settings.displaySettingsButtonInSideMenu": "Display Settings Button in Side Menu",
+  "settings.menu.settings": "⚙️ Settings",
+  "settings.extensions.utags.title": "🏷️ UTags - Add usertags to links",
+  "settings.extensions.links-helper.title": "🔗 Links Helper",
+  "settings.extensions.v2ex.rep.title": "V2EX.REP - 专注提升 V2EX 主题回复浏览体验",
+  "settings.extensions.v2ex.min.title": "v2ex.min - V2EX Minimalist (极简风格)",
+  "settings.extensions.replace-ugly-avatars.title": "Replace Ugly Avatars",
+  "settings.extensions.more-by-pipecraft.title": "Find more useful userscripts",
+}
+
+export default messages

package/lib/messages/index.ts

@@ -0,0 +1,8 @@
+import { initI18n } from "browser-extension-i18n"
+import messagesEn from "./en"
+import messagesZh from "./zh-cn"
+
+export const i = initI18n({
+  "en,en-US": messagesEn,
+  "zh,zh-CN": messagesZh,
+})

package/lib/messages/zh-cn.ts

@@ -0,0 +1,12 @@
+export const messages = {
+  "settings.displaySettingsButtonInSideMenu": "在侧边栏菜单中显示设置按钮",
+  "settings.menu.settings": "⚙️ 设置",
+  "settings.extensions.utags.title": "🏷️ 小鱼标签 (UTags) - 为链接添加用户标签",
+  "settings.extensions.links-helper.title": "🔗 链接助手",
+  "settings.extensions.v2ex.rep.title": "V2EX.REP - 专注提升 V2EX 主题回复浏览体验",
+  "settings.extensions.v2ex.min.title": "v2ex.min - V2EX 极简风格",
+  "settings.extensions.replace-ugly-avatars.title": "赐你个头像吧",
+  "settings.extensions.more-by-pipecraft.title": "更多有趣的脚本",
+}
+
+export default messages

package/lib/settings.ts

@@ -12,6 +12,7 @@ import {
   createHTML,
   doc,
   parseInt10,
+  registerMenuCommand,
   removeEventListener,
   runWhenDomReady,
   runWhenHeadExists,
@@ -26,6 +27,7 @@ import {
   deactiveExtensionList,
 } from "./extension-list"
 import { besVersion, settingButton } from "./common"
+import { i } from "./messages"
 
 const prefix = "browser_extension_settings_"
 
@@ -434,8 +436,7 @@ function createSettingsElement() {
 
             const select = addElement(div, "select", {
               class: "bes_select",
-              onchange: async () => {
-                console.log(select.value)
+              async onchange() {
                 await saveSettingsValue(key, select.value)
               },
             }) as HTMLSelectElement
@@ -448,6 +449,7 @@ function createSettingsElement() {
                 value: option[1],
               })
             }
+
             break
           }
 
@@ -513,7 +515,7 @@ function addSideMenu() {
   addElement(menu, "button", {
     type: "button",
     "data-bes-version": besVersion,
-    title: "设置",
+    title: i("settings.menu.settings"),
     onclick() {
       setTimeout(showSettings, 1)
     },
@@ -535,7 +537,7 @@ function addCommonSettings(settingsTable: SettingsTable) {
   }
 
   settingsTable.displaySettingsButtonInSideMenu = {
-    title: "Display Settings Button in Side Menu",
+    title: i("settings.displaySettingsButtonInSideMenu"),
     defaultValue: !(
       typeof GM === "object" && typeof GM.registerMenuCommand === "function"
     ),
@@ -585,5 +587,7 @@ export const initSettings = async (options: SettingsOptions) => {
     addSideMenu()
   })
 
+  registerMenuCommand(i("settings.menu.settings"), showSettings, "o")
+
   handleShowSettingsUrl()
 }

package/lib/style.scss

@@ -296,8 +296,13 @@
     }
 
     pre {
-      font-family: Consolas, panic sans, bitstream vera sans mono, Menlo,
-        microsoft yahei, monospace;
+      font-family:
+        Consolas,
+        panic sans,
+        bitstream vera sans mono,
+        Menlo,
+        microsoft yahei,
+        monospace;
       font-size: 13px;
       letter-spacing: 0.015em;
       line-height: 120%;
@@ -360,7 +365,9 @@
     top: calc(50% - var(--toggle-diameter) / 2);
     border-radius: 50%;
     background: #ffffff;
-    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06);
+    box-shadow:
+      0px 3px 8px rgba(0, 0, 0, 0.15),
+      0px 3px 1px rgba(0, 0, 0, 0.06);
     transition: all 0.2s ease-out;
     cursor: pointer;
   }

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "browser-extension-settings",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "Settings module for developing browser extensions and userscripts",
   "type": "module",
   "main": "./lib/index.ts",
+  "exports": {
+    ".": "./lib/index.js"
+  },
   "scripts": {
     "p": "prettier --write .",
     "lint": "run-s lint:*",
@@ -27,15 +30,16 @@
   },
   "homepage": "https://github.com/utags/browser-extension-settings#readme",
   "dependencies": {
+    "browser-extension-i18n": "^0.0.5",
     "browser-extension-storage": "^0.1.2",
     "browser-extension-utils": "^0.1.17"
   },
   "devDependencies": {
     "@types/chrome": "^0.0.243",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.2",
     "typescript": "^5.1.6",
-    "xo": "^0.55.0"
+    "xo": "^0.56.0"
   },
   "files": [
     "lib/",
@@ -56,6 +60,14 @@
       "import/extensions": 0,
       "@typescript-eslint/prefer-nullish-coalescing": 0,
       "capitalized-comments": 0
-    }
+    },
+    "overrides": [
+      {
+        "files": "lib/messages/*.ts",
+        "rules": {
+          "@typescript-eslint/naming-convention": 0
+        }
+      }
+    ]
   }
 }