fix: move auto-ruby to an independent entrance (#203)

Author: Xionghaizi001

locales/en-US/translation.json

@@ -201,7 +201,8 @@
 			{
 				"index": "Per-Word Romanization",
 				"check": "Check Per-Word Romanization",
-				"distribute": "Distribute Romanization..."
+				"distribute": "Distribute Romanization...",
+				"autoRuby": "Auto Ruby"
 			},
 			"help": "Help",
 			"helpDoc": "Documentation (CN)",

locales/zh-CN/translation.json

@@ -201,7 +201,8 @@
 			{
 				"index": "逐字音译",
 				"check": "检查逐字音译一致性",
-				"distribute": "自动分配罗马音..."
+				"distribute": "自动分配罗马音...",
+				"autoRuby": "自动注音"
 			},
 			"help": "帮助",
 			"helpDoc": "使用说明",

src/components/TopMenu/modals/ToolMenu.tsx

@@ -48,6 +48,9 @@ const ToolMenuItems = () => {
 					</DropdownMenu.Item>
 				</DropdownMenu.SubContent>
 			</DropdownMenu.Sub>
+			<DropdownMenu.Item onSelect={menu.onAutoRuby}>
+				{t("topBar.menu.perWordRomanization.autoRuby", "自动注音")}
+			</DropdownMenu.Item>
 			<DropdownMenu.Item onSelect={menu.onOpenLatencyTest}>
 				{t("settingsDialog.common.latencyTest", "音频/输入延迟测试")}
 			</DropdownMenu.Item>

src/components/TopMenu/useTopMenuActions.ts

@@ -403,7 +403,6 @@ export const useTopMenuActions = () => {
 					line.words.forEach((word, wordIndex) => {
 						if (!results[wordIndex]) return;
 						word.romanWord = results[wordIndex];
-						applyGeneratedRuby(word);
 					});
 					applyRomanizationWarnings(line.words);
 				} catch (e) {
@@ -413,6 +412,21 @@ export const useTopMenuActions = () => {
 		});
 	}, [editLyricLines, store]);
 
+	const onAutoRuby = useCallback(() => {
+		const selectedLines = store.get(selectedLinesAtom);
+		const hasSelection = selectedLines.size > 0;
+		editLyricLines((draft) => {
+			draft.lyricLines.forEach((line) => {
+				if (hasSelection && !selectedLines.has(line.id)) return;
+				if (line.words.length === 0) return;
+				line.words.forEach((word) => {
+					if (!word.romanWord || word.romanWord.trim() === "") return;
+					applyGeneratedRuby(word);
+				});
+			});
+		});
+	}, [editLyricLines, store]);
+
 	const onCheckRomanizationWarnings = useCallback(() => {
 		editLyricLines((draft) => {
 			for (const line of draft.lyricLines) {
@@ -460,6 +474,7 @@ export const useTopMenuActions = () => {
 		onOpenAdvancedSegmentation,
 		onSyncLineTimestamps,
 		onOpenDistributeRomanization,
+		onAutoRuby,
 		onCheckRomanizationWarnings,
 		onOpenLatencyTest,
 		onOpenGitHub,

src/modules/project/modals/DistributeRomanization.tsx

@@ -14,7 +14,6 @@ import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { predictLineRomanization } from "$/modules/segmentation/utils/Transliteration/distributor";
 import { applyRomanizationWarnings } from "$/modules/segmentation/utils/Transliteration/roman-warning";
-import { applyGeneratedRuby } from "$/modules/lyric-editor/utils/ruby-generator";
 import { distributeRomanizationDialogAtom } from "$/states/dialogs";
 import { lyricLinesAtom, selectedLinesAtom } from "$/states/main";
 
@@ -95,7 +94,6 @@ export const DistributeRomanizationDialog = () => {
 							line.words.forEach((word, wordIndex) => {
 								if (results[wordIndex]) {
 									word.romanWord = results[wordIndex];
-									applyGeneratedRuby(word);
 								}
 							});
 							applyRomanizationWarnings(line.words);