feat: popup with locales and tailwind

2026-08-29 02:09:44 +08:00 · 2023-12-08 05:50:00 +00:00
parent d60aad7d12
commit 8dfd2bdd2a
7 changed files with 358 additions and 17 deletions
@@ -0,0 +1,152 @@
+{
+  "extensionDescription": {
+    "message": "Easily find and subscribe to RSS and RSSHub."
+  },
+  "accessKey": {
+    "message": "Access key"
+  },
+  "about": {
+    "message": "About"
+  },
+  "clickToSet": {
+    "message": "Click to set"
+  },
+  "configurationRequiredIfAccessKeysEnabled": {
+    "message": "Configuration is only required if the instance has access keys enabled, keep it off if you don't know the situation"
+  },
+  "copied": {
+    "message": "Copied"
+  },
+  "copy": {
+    "message": "Copy"
+  },
+  "currentPageRSS": {
+    "message": "RSS on the current site"
+  },
+  "currentPageRSSHub": {
+    "message": "RSSHub for the current page"
+  },
+  "customRSSHubDomain": {
+    "message": "Custom RSSHub domain name"
+  },
+  "currentSiteRSSHub": {
+    "message": "RSSHub for the current site"
+  },
+  "documentation": {
+    "message": "Info"
+  },
+  "enable": {
+    "message": "Enable"
+  },
+  "iWillUpdateAutomaticallyAndYouCan": {
+    "message": "I will update automatically, and you can"
+  },
+  "updating": {
+    "message": "Updating"
+  },
+  "updateNow": {
+    "message": "Update Now"
+  },
+  "beforeUpdate": {
+    "message": "before update"
+  },
+  "afterAutomaticUpdate": {
+    "message": "after automatic update"
+  },
+  "fullRemoteUpdatesAreDisabledDueToBrowserLimitations": {
+    "message": "Full remote updates are disabled due to browser limitations"
+  },
+  "enterRSSHubDomain": {
+    "message": "Please enter your RSSHub domain name, leave it blank to use the official domain name"
+  },
+  "forMoreRulesJoinUs": {
+    "message": "For more rules support, <a target=\"_blank\" href=\"https://docs.rsshub.app/en/joinus/quick-start.html\">join us</a>！"
+  },
+  "general": {
+    "message": "General"
+  },
+  "generateAccessCode": {
+    "message": "Generate access code"
+  },
+  "hotKey": {
+    "message": "Hot key"
+  },
+  "joinRSSHub": {
+    "message": "Join <a href=\"https://docs.rsshub.app\" target=\"_blank\">RSSHub</a> to make everything RSSible!"
+  },
+  "listOfRules": {
+    "message": "List of rules"
+  },
+  "localReader": {
+    "message": "Local reader"
+  },
+  "oneclickSubscription": {
+    "message": "One-click subscription"
+  },
+  "notificationsAndReminders": {
+    "message": "Notifications and reminders"
+  },
+  "requiredAccessKey": {
+    "message": "Required, please enter the correct access key"
+  },
+  "requiredAddress": {
+    "message": "Required. Please enter you %{service} address"
+  },
+  "requiredExtensionBaseURI": {
+    "message": "Required. Please enter the %{service} extension URL after installation"
+  },
+  "requiresReaderSupport": {
+    "message": "Requires reader support, such as Reeder, etc."
+  },
+  "RSSNotFound": {
+    "message": "No RSS found"
+  },
+  "RSSHubRadarOptions": {
+    "message": "RSSHub Radar Options"
+  },
+  "rules": {
+    "message": "Rules"
+  },
+  "rulesUpdate": {
+    "message": "Rules update"
+  },
+  "settings": {
+    "message": "Settings"
+  },
+  "showCornerBadge": {
+    "message": "Show corner badge"
+  },
+  "subscribeTo": {
+    "message": "Subscribe to"
+  },
+  "subscribeToLocalReader": {
+    "message": "Subscribe to local reader"
+  },
+  "successfullySaved": {
+    "message": "Successfully saved"
+  },
+  "updatedTimeAgo": {
+    "message": "%{hours}h %{minutes}m since last update"
+  },
+  "version": {
+    "message": "Version"
+  },
+  "RSSHubRadarInfo": {
+    "message": "RSSHub Radar is a spin-off of <a target=\"_blank\" href=\"https://docs.rsshub.app/en/\">RSSHub</a> that helps you quickly discover and subscribe to RSS and RSSHub for your current site, and the project is <a target=\"_blank\" href=\"https://github.com/DIYgod/RSSHub-Radar\">open source</a> under the MIT license and is completely free to use, but as the project grows in size, it also needs to be funded to sustain its maintenance and development"
+  },
+  "sponsoredDevelopment": {
+    "message": "Sponsored development of RSSHub Radar: <a target=\"_blank\" href=\"https://docs.rsshub.app/en/support/\">https://docs.rsshub.app/en/support/</a>"
+  },
+  "updateLog": {
+    "message": "Update log"
+  },
+  "questionFeedback": {
+    "message": "Question Feedback"
+  },
+  "RSSHubDocumentation": {
+    "message": "RSSHub Documentation: <a target=\"_blank\" href=\"https://docs.rsshub.app/en/\">https://docs.rsshub.app/en/</a>"
+  },
+  "everythingIsPossibleWithRSS": {
+    "message": "Everything is possible with RSS"
+  }
+}
@@ -0,0 +1,152 @@
+{
+  "extensionDescription": {
+    "message": "轻松查找和订阅 RSS 和 RSSHub。"
+  },
+  "about": {
+    "message": "关于"
+  },
+  "accessKey": {
+    "message": "访问密钥"
+  },
+  "clickToSet": {
+    "message": "点此设置"
+  },
+  "configurationRequiredIfAccessKeysEnabled": {
+    "message": "只有实例启用了访问密钥，才需要配置，如果你不清楚情况，请保持关闭"
+  },
+  "copied": {
+    "message": "已复制"
+  },
+  "copy": {
+    "message": "复制"
+  },
+  "currentPageRSS": {
+    "message": "当前页面上的 RSS"
+  },
+  "currentPageRSSHub": {
+    "message": "适用于当前页面的 RSSHub"
+  },
+  "customRSSHubDomain": {
+    "message": "自定义 RSSHub 域名"
+  },
+  "currentSiteRSSHub": {
+    "message": "适用于当前网站的 RSSHub"
+  },
+  "documentation": {
+    "message": "文档"
+  },
+  "enable": {
+    "message": "开启"
+  },
+  "iWillUpdateAutomaticallyAndYouCan": {
+    "message": "我会自动更新，你也可以"
+  },
+  "updating": {
+    "message": "更新中"
+  },
+  "updateNow": {
+    "message": "立即更新"
+  },
+  "beforeUpdate": {
+    "message": "前更新"
+  },
+  "afterAutomaticUpdate": {
+    "message": "后自动更新"
+  },
+  "fullRemoteUpdatesAreDisabledDueToBrowserLimitations": {
+    "message": "由于浏览器限制，完整的远程更新被禁用"
+  },
+  "enterRSSHubDomain": {
+    "message": "请输入你的 RSSHub 域名，留空使用官方域名"
+  },
+  "forMoreRulesJoinUs": {
+    "message": "更多规则支持中，快来<a target=\"_blank\" href=\"https://docs.rsshub.app/joinus/quick-start.html\">参与我们</a>吧！"
+  },
+  "general": {
+    "message": "常规"
+  },
+  "generateAccessCode": {
+    "message": "生成访问码"
+  },
+  "hotKey": {
+    "message": "快捷键"
+  },
+  "joinRSSHub": {
+    "message": "参与到 <a href=\"https://docs.rsshub.app/zh/\">RSSHub</a> 让万物皆可 RSS 吧！"
+  },
+  "listOfRules": {
+    "message": "规则列表"
+  },
+  "localReader": {
+    "message": "本地阅读器"
+  },
+  "notificationsAndReminders": {
+    "message": "通知与提醒"
+  },
+  "oneclickSubscription": {
+    "message": "一键订阅"
+  },
+  "requiredAddress": {
+    "message": "必填，请输入你的 %{service} 地址"
+  },
+  "requiredExtensionBaseURI": {
+    "message": "必填，请输入你安装完成后的%{service}插件地址"
+  },
+  "requiredAccessKey": {
+    "message": "必填，请输入正确的访问密钥"
+  },
+  "requiresReaderSupport": {
+    "message": "需要阅读器支持，如 Reeder 等"
+  },
+  "RSSNotFound": {
+    "message": "当前页面没有检测到 RSS"
+  },
+  "RSSHubRadarOptions": {
+    "message": "RSSHub Radar 选项"
+  },
+  "rules": {
+    "message": "规则列表"
+  },
+  "rulesUpdate": {
+    "message": "规则更新"
+  },
+  "settings": {
+    "message": "设置"
+  },
+  "showCornerBadge": {
+    "message": "角标提醒"
+  },
+  "subscribeTo": {
+    "message": "订阅到"
+  },
+  "subscribeToLocalReader": {
+    "message": "订阅到本地阅读器"
+  },
+  "successfullySaved": {
+    "message": "保存成功"
+  },
+  "updatedTimeAgo": {
+    "message": "%{hours}小时 %{minutes}分钟 前更新"
+  },
+  "version": {
+    "message": "版本"
+  },
+  "RSSHubRadarInfo": {
+    "message": "RSSHub Radar 是 <a target=\"_blank\" href=\"https://docs.rsshub.app\">RSSHub</a> 的衍生项目，她可以帮助你快速发现和订阅当前网站的 RSS 和 RSSHub，项目<a target=\"_blank\" href=\"https://github.com/DIYgod/RSSHub-Radar\">采用 MIT 许可开源</a>，使用完全免费，但是随着项目规模的增长，也需要有相应的资金支持才能持续项目的维护与开发"
+  },
+  "sponsoredDevelopment": {
+    "message": "赞助 RSSHub Radar 的开发: <a target=\"_blank\" href=\"https://docs.rsshub.app/support/\">https://docs.rsshub.app/support/</a>"
+  },
+  "updateLog": {
+    "message": "更新日志"
+  },
+  "questionFeedback": {
+    "message": "问题反馈"
+  },
+  "RSSHubDocumentation": {
+    "message": "RSSHub 文档: <a target=\"_blank\" href=\"https://docs.rsshub.app\">https://docs.rsshub.app</a>"
+  },
+  "everythingIsPossibleWithRSS": {
+    "message": "万物皆可 RSS"
+  }
+}
@@ -2,7 +2,7 @@
  "name": "rsshub-radar",
  "displayName": "RSSHub Radar",
  "version": "2.0.0",
-  "description": "Browser extension that simplifies finding and subscribing RSS and RSSHub",
+  "description": "__MSG_extensionDescription__",
  "author": "DIYgod <i@diygod.me>",
  "scripts": {
    "dev": "plasmo dev",
@@ -10,6 +10,7 @@
    "package": "plasmo package"
  },
  "dependencies": {
+    "@iconify-json/mingcute": "^1.1.13",
    "@plasmohq/messaging": "^0.6.1",
    "plasmo": "0.84.0",
    "react": "18.2.0",
@@ -17,6 +18,7 @@
  },
  "devDependencies": {
    "@ianvs/prettier-plugin-sort-imports": "4.1.1",
+    "@iconify/tailwind": "^0.1.4",
    "@types/chrome": "0.0.251",
    "@types/node": "20.9.0",
    "@types/react": "18.2.37",
@@ -28,6 +30,7 @@
    "typescript": "5.2.2"
  },
  "manifest": {
+    "default_locale": "en",
    "host_permissions": [
      "https://*/*"
    ],
@@ -5,6 +5,9 @@ settings:
  excludeLinksFromLockfile: false

 dependencies:
+  '@iconify-json/mingcute':
+    specifier: ^1.1.13
+    version: 1.1.13
  '@plasmohq/messaging':
    specifier: ^0.6.1
    version: 0.6.1(react@18.2.0)
@@ -22,6 +25,9 @@ devDependencies:
  '@ianvs/prettier-plugin-sort-imports':
    specifier: 4.1.1
    version: 4.1.1(prettier@3.0.3)
+  '@iconify/tailwind':
+    specifier: ^0.1.4
+    version: 0.1.4
  '@types/chrome':
    specifier: 0.0.251
    version: 0.0.251
@@ -466,6 +472,21 @@ packages:
      - supports-color
    dev: true

+  /@iconify-json/mingcute@1.1.13:
+    resolution: {integrity: sha512-RMXKbxBPeMMH3J3YHaqKvMg/XDPYKRcBhQnmGL2SoHzarA/2KSFS94Hq9N2/wyuqTxEB7IaOghUk3L73DmJK9g==}
+    dependencies:
+      '@iconify/types': 2.0.0
+    dev: false
+
+  /@iconify/tailwind@0.1.4:
+    resolution: {integrity: sha512-U7RzcU2fkwOfMDsGQ3mtpLIaApSnqb+vgcJJknPPbg8/NF5s7tI1o5otEMfcpnLGk4PbYB8bxmKTz7IJVUlU2Q==}
+    dependencies:
+      '@iconify/types': 2.0.0
+    dev: true
+
+  /@iconify/types@2.0.0:
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
  /@jridgewell/gen-mapping@0.3.3:
    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
    engines: {node: '>=6.0.0'}
@@ -5,25 +5,26 @@ function IndexPopup() {
  const [data, setData] = useState("")

  return (
-    <div className="min-w-[350px]">
-      <div className="icons">
-          <a className="icons-item icons-about" href="/options.html#/about"></a>
-          <a className="icons-item icons-setting" href="/options.html#/setting"></a>
+    <div className="min-w-[350px] p-5">
+      <a className="absolute right-4" href="/options.html">
+        <i className="icon-[mingcute--settings-3-fill] w-5 h-5 text-slate-600 hover:text-black transition-colors"></i>
+      </a>
+      <div className="space-y-4">
+          <h2 className="text-base font-bold">( ´･･)ﾉ(._.`) <span>{chrome.i18n.getMessage("RSSNotFound")}</span></h2>
+          <p dangerouslySetInnerHTML={{
+            __html: chrome.i18n.getMessage("joinRSSHub")
+          }}></p>
      </div>
-      <div className="no-rss">
-          <h2>( ´･･)ﾉ(._.`) <span data-i18n>rss not found</span></h2>
-          <p data-i18n>join rsshub</p>
-      </div>
-      <div className="page-rss">
-          <h2 data-i18n>current page rss</h2>
+      <div className="space-y-4 hidden">
+          <h2 className="text-base font-bold">{chrome.i18n.getMessage("currentPageRSS")}</h2>
          <ul></ul>
      </div>
-      <div className="page-rsshub">
-          <h2 data-i18n>current page RSSHub</h2>
+      <div className="space-y-4 hidden">
+          <h2 className="text-base font-bold">{chrome.i18n.getMessage("currentPageRSSHub")}</h2>
          <ul></ul>
      </div>
-      <div className="website-rsshub">
-          <h2 data-i18n>current site RSSHub</h2>
+      <div className="space-y-4 hidden">
+          <h2 className="text-base font-bold">{chrome.i18n.getMessage("currentSiteRSSHub")}</h2>
          <ul></ul>
      </div>
    </div>
@@ -1,3 +1,11 @@
@tailwind base;
@tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+body {
+  font-size: 14px;
+}
+
+a {
+  color: #f5712c;
+}
@@ -1,7 +1,11 @@
+import { addDynamicIconSelectors } from "@iconify/tailwind"
+
 /** @type {import('tailwindcss').Config} */
 module.exports = {
  mode: "jit",
  darkMode: "class",
  content: ["./**/*.tsx"],
-  plugins: []
+  plugins: [
+    addDynamicIconSelectors(),
+  ]
 }