feat: i18n for biz error

Signed-off-by: Innei <i@innei.in>

Author: Innei

apps/renderer/src/@types/constants.ts

@@ -13,5 +13,5 @@ export const dayjsLocaleImportMap = {
   ["zh-TW"]: ["zh-tw", () => import("dayjs/locale/zh-tw")],
   ["zh-HK"]: ["zh-hk", () => import("dayjs/locale/zh-hk")],
 }
-export const ns = ["app", "common", "lang", "settings", "shortcuts"] as const
+export const ns = ["app", "common", "lang", "settings", "shortcuts", "errors"] as const
 export const defaultNS = "app" as const

apps/renderer/src/@types/default-resource.ts

@@ -9,6 +9,7 @@ import common_ja from "../../../../locales/common/ja.json"
 import common_pt from "../../../../locales/common/pt.json"
 import common_zhCN from "../../../../locales/common/zh-CN.json"
 import common_zhTW from "../../../../locales/common/zh-TW.json"
+import errors_en from "../../../../locales/errors/en.json"
 import external_en from "../../../../locales/external/en.json"
 import lang_ardz from "../../../../locales/lang/ar-DZ.json"
 import lang_arma from "../../../../locales/lang/ar-MA.json"
@@ -37,6 +38,7 @@ export const defaultResources = {
     external: external_en,
     settings: settings_en,
     shortcuts: shortcuts_en,
+    errors: errors_en,
   },
   "zh-CN": {
     lang: lang_zhCN,

apps/renderer/src/lib/error-parser.ts

@@ -1,3 +1,4 @@
+import { t } from "i18next"
 import { FetchError } from "ofetch"
 import { createElement } from "react"
 import { toast } from "sonner"
@@ -9,10 +10,11 @@ export const getFetchErrorMessage = (error: Error) => {
   if (error instanceof FetchError) {
     try {
       const json = JSON.parse(error.response?._data)
-      // TODO get the biz code to show the error message, and for i18n
-      // const bizCode = json.code
-      const { reason } = json
-      return `${json.message || error.message}${reason ? `: ${reason}` : ""}`
+
+      const { reason, code, message } = json
+      const i18nKey = `errors:${code}` as any
+      const i18nMessage = t(i18nKey) === i18nKey ? message : t(i18nKey)
+      return `${i18nMessage}${reason ? `: ${reason}` : ""}`
     } catch {
       return error.message
     }
@@ -27,11 +29,11 @@ export const toastFetchError = (error: Error) => {
     try {
       const json = JSON.parse(error.response?._data)
 
-      // TODO get the biz code to show the error message, and for i18n
-      // const bizCode = json.code
-      const { reason } = json
+      const { reason, code, message: _message } = json
+      const i18nKey = `errors:${code}` as any
+      const i18nMessage = t(i18nKey) === i18nKey ? message : t(i18nKey)
 
-      message = json.message || error.message
+      message = i18nMessage
 
       if (reason) {
         _reason = reason

apps/renderer/src/lib/native-menu.ts

@@ -83,7 +83,7 @@ export const showNativeMenu = async (
     }
   }
 
-  const unlisten = window.electron?.ipcRenderer.on("menu-click", (_, combinedIndex: string) => {
+  const dispose = window.electron?.ipcRenderer.on("menu-click", (_, combinedIndex: string) => {
     const arr = combinedIndex.split("-")
     const accessors = [] as string[]
     for (let i = 0; i < arr.length; i++) {
@@ -101,10 +101,15 @@ export const showNativeMenu = async (
   })
 
   window.electron?.ipcRenderer.once("menu-closed", () => {
-    unlisten?.()
+    dispose?.()
     if (el instanceof HTMLElement) {
       delete el.dataset.contextMenuOpen
     }
+
+    // dispatch mouse move event
+    // NOTE: in order to remove the highlight of the trigger item
+    // e.g. https://vscode.dev/github/RSSNext/follow/blob/dev/apps/renderer/src/modules/entry-column/layouts/EntryItemWrapper.tsx#L80
+    document.dispatchEvent(new PointerEvent("pointerdown", { bubbles: true }))
   })
 
   await tipcClient?.showContextMenu({

locales/errors/en.json

@@ -0,0 +1,29 @@
+{
+  "1000": "Unauthorized",
+  "1001": "create session failed",
+  "1002": "Invalid parameter",
+  "1003": "Invalid invitation",
+  "2000": "Only admins can refresh feeds",
+  "2001": "Feed not found",
+  "2002": "feedId or url required",
+  "2003": "Feed fetch error",
+  "2004": "Feed failed to parse",
+  "2010": "Ownership challenge failed",
+  "2011": "Subscription limit exceeded",
+  "3000": "Entry not found",
+  "3001": "Entry not belong to user",
+  "4000": "Already claimed",
+  "4001": "User wallet error",
+  "4002": "Insufficient balance",
+  "4003": "Feed insufficient withdrawable balance",
+  "4004": "Target user wallet error",
+  "5000": "Invitation limit exceeded. Please try again in a few days.",
+  "5001": "Invitation already exists.",
+  "5002": "Invitation code already used.",
+  "5003": "Invitation code does not exist.",
+  "6000": "User not found",
+  "7000": "Setting not found",
+  "7001": "Invalid setting tab",
+  "7002": "Invalid setting payload",
+  "7003": "Setting payload too large"
+}

locales/errors/ja.json

@@ -0,0 +1,29 @@
+{
+  "1000": "認証されていません",
+  "1001": "セッションの作成に失敗しました",
+  "1002": "無効なパラメータです",
+  "1003": "無効な招待です",
+  "2000": "フィードの更新は管理者のみが行えます",
+  "2001": "フィードが見つかりません",
+  "2002": "feedId または URL が必要です",
+  "2003": "フィードの取得エラー",
+  "2004": "フィードの解析に失敗しました",
+  "2010": "所有権の確認に失敗しました",
+  "2011": "サブスクリプションの上限に達しました",
+  "3000": "エントリーが見つかりません",
+  "3001": "エントリーがユーザーに属していません",
+  "4000": "すでに請求済みです",
+  "4001": "ユーザーウォレットエラー",
+  "4002": "残高不足",
+  "4003": "フィードの引き出し可能残高が不足しています",
+  "4004": "対象ユーザーのウォレットエラー",
+  "5000": "招待の上限に達しました。数日後にもう一度お試しください。",
+  "5001": "招待がすでに存在します。",
+  "5002": "招待コードはすでに使用されています。",
+  "5003": "招待コードが存在しません。",
+  "6000": "ユーザーが見つかりません",
+  "7000": "設定が見つかりません",
+  "7001": "無効な設定タブです",
+  "7002": "無効な設定ペイロードです",
+  "7003": "設定ペイロードが大きすぎます"
+}