From 4b98b446bee6eefb05141d6d400271ba131e709d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=8B=E3=81=A3=E3=81=93=E3=81=8B=E3=82=8A?=
<67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sat, 8 Feb 2025 17:31:28 +0900
Subject: [PATCH] =?UTF-8?q?enhance(frontend):=20=E3=82=AF=E3=83=A9?=
=?UTF-8?q?=E3=82=A4=E3=82=A2=E3=83=B3=E3=83=88=E3=82=A8=E3=83=A9=E3=83=BC?=
=?UTF-8?q?=E7=94=BB=E9=9D=A2=E3=81=AE=E5=A4=9A=E8=A8=80=E8=AA=9E=E5=AF=BE?=
=?UTF-8?q?=E5=BF=9C=20(#15411)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
* enhance(frontend): クライアントエラー画面のマルチリンガル対応
* Update Changelog
* update message
---
CHANGELOG.md | 1 +
locales/index.d.ts | 46 +++++++++++++++++++
locales/ja-JP.yml | 13 ++++++
packages/backend/src/server/web/boot.embed.js | 12 +++--
packages/backend/src/server/web/boot.js | 38 ++++++++++-----
5 files changed, 95 insertions(+), 15 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 596bd62be948..4be21b1444d8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
### Client
- Enhance: 投稿フォームの「迷惑になる可能性があります」のダイアログを表示する条件においてCWを考慮するように
- Enhance: アンテナ、リスト等の名前をカラム名のデフォルト値にするように `#13992`
+- Enhance: クライアントエラー画面の多言語対応
### Server
-
diff --git a/locales/index.d.ts b/locales/index.d.ts
index 4e26d5406b8d..4e4e95b6ed99 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -10944,6 +10944,52 @@ export interface Locale extends ILocale {
};
};
};
+ "_bootErrors": {
+ /**
+ * 読み込みに失敗しました
+ */
+ "title": string;
+ /**
+ * 少し待ってからリロードしてもまだ問題が解決されない場合、以下のError IDを添えてサーバー管理者に連絡してください。
+ */
+ "serverError": string;
+ /**
+ * 以下を行うと解決する可能性があります。
+ */
+ "solution": string;
+ /**
+ * ブラウザおよびOSを最新バージョンに更新する
+ */
+ "solution1": string;
+ /**
+ * アドブロッカーを無効にする
+ */
+ "solution2": string;
+ /**
+ * ブラウザのキャッシュをクリアする
+ */
+ "solution3": string;
+ /**
+ * (Tor Browser) dom.webaudio.enabledをtrueに設定する
+ */
+ "solution4": string;
+ /**
+ * その他のオプション
+ */
+ "otherOption": string;
+ /**
+ * クライアント設定とキャッシュを削除
+ */
+ "otherOption1": string;
+ /**
+ * 簡易クライアントを起動
+ */
+ "otherOption2": string;
+ /**
+ * 修復ツールを起動
+ */
+ "otherOption3": string;
+ };
}
declare const locales: {
[lang: string]: Locale;
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 13d8aec9b807..ea18cc063c8a 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -2927,3 +2927,16 @@ _captcha:
_unknown:
title: "CAPTCHAエラー"
text: "想定外のエラーが発生しました。"
+
+_bootErrors:
+ title: "読み込みに失敗しました"
+ serverError: "少し待ってからリロードしてもまだ問題が解決されない場合、以下のError IDを添えてサーバー管理者に連絡してください。"
+ solution: "以下を行うと解決する可能性があります。"
+ solution1: "ブラウザおよびOSを最新バージョンに更新する"
+ solution2: "アドブロッカーを無効にする"
+ solution3: "ブラウザのキャッシュをクリアする"
+ solution4: "(Tor Browser) dom.webaudio.enabledをtrueに設定する"
+ otherOption: "その他のオプション"
+ otherOption1: "クライアント設定とキャッシュを削除"
+ otherOption2: "簡易クライアントを起動"
+ otherOption3: "修復ツールを起動"
diff --git a/packages/backend/src/server/web/boot.embed.js b/packages/backend/src/server/web/boot.embed.js
index 48d1cd262bdc..9de127538095 100644
--- a/packages/backend/src/server/web/boot.embed.js
+++ b/packages/backend/src/server/web/boot.embed.js
@@ -114,13 +114,17 @@
if (document.readyState === 'loading') {
await new Promise(resolve => window.addEventListener('DOMContentLoaded', resolve));
}
+
+ const locale = JSON.parse(localStorage.getItem('locale') || '{}');
+
+ const title = locale?._bootErrors?.title || 'Failed to initialize Misskey';
+ const reload = locale?.reload || 'Reload';
+
document.body.innerHTML = `
- 読み込みに失敗しました
- Failed to initialize Misskey
+ ${title}
Error Code: ${code}
`;
addStyle(`
#misskey_app,
diff --git a/packages/backend/src/server/web/boot.js b/packages/backend/src/server/web/boot.js
index a04640d9935b..b55d327f86e8 100644
--- a/packages/backend/src/server/web/boot.js
+++ b/packages/backend/src/server/web/boot.js
@@ -151,6 +151,22 @@
await new Promise(resolve => window.addEventListener('DOMContentLoaded', resolve));
}
+ const locale = JSON.parse(localStorage.getItem('locale') || '{}');
+
+ const messages = Object.assign({
+ title: 'Failed to initialize Misskey',
+ solution: 'The following actions may solve the problem.',
+ solution1: 'Update your os and browser',
+ solution2: 'Disable an adblocker',
+ solution3: 'Clear the browser cache',
+ solution4: '(Tor Browser) Set dom.webaudio.enabled to true',
+ otherOption: 'Other options',
+ otherOption1: 'Clear preferences and cache',
+ otherOption2: 'Start the simple client',
+ otherOption3: 'Start the repair tool',
+ }, locale?._bootErrors || {});
+ const reload = locale?.reload || 'Reload';
+
let errorsElement = document.getElementById('errors');
if (!errorsElement) {
@@ -160,32 +176,32 @@
- Failed to load
読み込みに失敗しました
+ ${messages.title}
- The following actions may solve the problem. / 以下を行うと解決する可能性があります。
- Update your os and browser / ブラウザおよびOSを最新バージョンに更新する
- Disable an adblocker / アドブロッカーを無効にする
- Clear the browser cache / ブラウザのキャッシュをクリアする
- (Tor Browser) Set dom.webaudio.enabled to true / dom.webaudio.enabledをtrueに設定する
+ ${messages.solution}
+ ${messages.solution1}
+ ${messages.solution2}
+ ${messages.solution3}
+ ${messages.solution4}
- Other options / その他のオプション
+ ${messages.otherOption}