sup39/firefish
1
0
Fork 0
Code Issues Pull requests Activity

feat: use UI language as second candidate of translation target

Browse source
This commit is contained in:
naskya 2023-08-31 08:09:39 +09:00
parent 6099ef8810
commit babd4928f2
Signed by: naskya
GPG key ID: 164DFF24E2D40139
4 changed files with 82 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
README.md
View file

@ -18,6 +18,7 @@
- 追加と変更: 「追加」に加え、既存のカスタム絵文字の名前・カテゴリ・タグ・ライセンスの編集を許可する
- 全て許可:「追加と変更」に加え、既存のカスタム絵文字の削除を許可する
- UI 用の言語とは別に、投稿翻訳に使用する言語を設定可能に
- UI 用の言語は翻訳先の言語の第二候補として使われます（投稿の言語と投稿翻訳先に設定した言語が同じだった場合には UI 用の言語に翻訳されます）
- 投稿言語を自動検出して外国語の投稿に翻訳ボタンを表示する設定を追加
- モバイル表示の下部のウィジェットボタンを再読み込みボタンに変更可能に
- スマートフォンでウィジェットは使わないけど再読み込みはたくさんする人はいそう

36
packages/client/src/components/MkNote.vue
View file

@ -365,28 +365,46 @@ const detectLanguage = (src: string): string => {
return detectLanguage_(purified);
};
const localTranslateLang = localStorage.getItem("translateLang");
const localLang = localStorage.getItem("lang");
const isForeignLanguage: boolean =
defaultStore.state.detectPostLanguage &&
(() => {
const targetLanguage = (
localStorage.getItem("translateLang") ||
localStorage.getItem("lang") ||
localTranslateLang ||
localLang ||
navigator.language
)?.slice(0, 2);
const postLanguage = detectLanguage(appearNote.value.text);
return postLanguage !== "" && postLanguage !== targetLanguage;
})();
const translate_ = async (noteId: number, targetLang: string) => {
return await os.api("notes/translate", {
noteId: noteId,
targetLang: targetLang,
});
};
const translate = async () => {
if (translation.value != null) return;
translating.value = true;
translation.value = await os.api("notes/translate", {
noteId: appearNote.value.id,
targetLang:
localStorage.getItem("translateLang") ||
localStorage.getItem("lang") ||
navigator.language,
});
translation.value = await translate_(
appearNote.value.id,
localTranslateLang || localLang || navigator.language,
);
// use UI language as the second translation target
if (
localTranslateLang != null &&
localLang != null &&
localTranslateLang !== localLang &&
(!translation.value ||
translation.value.sourceLang.toLowerCase() ===
localTranslateLang.slice(0, 2))
)
translation.value = await translate_(appearNote.value.id, localLang);
translating.value = false;
};

36
packages/client/src/components/MkNoteSub.vue
View file

@ -286,28 +286,46 @@ const detectLanguage = (src: string): string => {
return detectLanguage_(purified);
};
const localTranslateLang = localStorage.getItem("translateLang");
const localLang = localStorage.getItem("lang");
const isForeignLanguage: boolean =
defaultStore.state.detectPostLanguage &&
(() => {
const targetLanguage = (
localStorage.getItem("translateLang") ||
localStorage.getItem("lang") ||
localTranslateLang ||
localLang ||
navigator.language
)?.slice(0, 2);
const postLanguage = detectLanguage(appearNote.value.text);
return postLanguage !== "" && postLanguage !== targetLanguage;
})();
const translate_ = async (noteId: number, targetLang: string) => {
return await os.api("notes/translate", {
noteId: noteId,
targetLang: targetLang,
});
};
const translate = async () => {
if (translation.value != null) return;
translating.value = true;
translation.value = await os.api("notes/translate", {
noteId: appearNote.value.id,
targetLang:
localStorage.getItem("translateLang") ||
localStorage.getItem("lang") ||
navigator.language,
});
translation.value = await translate_(
appearNote.value.id,
localTranslateLang || localLang || navigator.language,
);
// use UI language as the second translation target
if (
localTranslateLang != null &&
localLang != null &&
localTranslateLang !== localLang &&
(!translation.value ||
translation.value.sourceLang.toLowerCase() ===
localTranslateLang.slice(0, 2))
)
translation.value = await translate_(appearNote.value.id, localLang);
translating.value = false;
};

37
packages/client/src/scripts/get-note-menu.ts
View file

@ -236,19 +236,36 @@ export function getNoteMenu(props: {
});
}
async function translate(): Promise<void> {
const localTranslateLang = localStorage.getItem("translateLang");
const localLang = localStorage.getItem("lang");
const translate_ = async (noteId: number, targetLang: string) => {
return await os.api("notes/translate", {
noteId: noteId,
targetLang: targetLang,
});
};
const translate = async () => {
if (props.translation.value != null) return;
props.translating.value = true;
const res = await os.api("notes/translate", {
noteId: appearNote.id,
targetLang:
localStorage.getItem("translateLang") ||
localStorage.getItem("lang") ||
navigator.language,
});
props.translation.value = await translate_(
appearNote.id,
localTranslateLang || localLang || navigator.language,
);
// use UI language as the second translation target
if (
localTranslateLang != null &&
localLang != null &&
localTranslateLang !== localLang &&
(!props.translation.value ||
props.translation.value.sourceLang.toLowerCase() ===
localTranslateLang.slice(0, 2))
)
props.translation.value = await translate_(appearNote.id, localLang);
props.translating.value = false;
props.translation.value = res;
}
};
let menu;
if ($i) {