fix(language-detector): changed tinyld for google Language Detector

package.json

@@ -67,6 +67,7 @@
     "@jellybrick/electron-better-web-request": "2.0.0",
     "@jellybrick/mpris-service": "2.2.0",
     "@mdui/icons": "1.0.3",
+    "@mediapipe/tasks-text": "^0.10.35",
     "@skyra/jaro-winkler": "1.1.1",
     "@xhayper/discord-rpc": "1.3.4",
     "async-mutex": "0.5.0",
@@ -114,7 +115,6 @@
     "solid-js": "1.9.13",
     "solid-styled-components": "0.28.5",
     "solid-transition-group": "0.3.0",
-    "tinyld": "1.3.4",
     "virtua": "0.49.1",
     "vudio": "2.1.1",
     "youtubei.js": "17.2.0",

src/pear-desktop.ts

@@ -39,3 +39,8 @@ declare module '*.css?inline' {
 
   export default css;
 }
+declare module '*.tflite?url' {
+  const url: string;
+
+  export default url;
+}

src/plugins/synced-lyrics/language-detector.ts

@@ -0,0 +1,38 @@
+import {
+  FilesetResolver,
+  LanguageDetector,
+} from '@mediapipe/tasks-text';
+import lazyVar from 'lazy-var';
+
+import modelAssetPath from './language_detector.tflite?url';
+
+const WASM_BASE =
+  'https://cdn.jsdelivr.net/npm/@mediapipe/tasks-text@0.10.35/wasm/';
+
+const languageDetector = lazyVar.lazy(async () => {
+  const wasmFileset = await FilesetResolver.forTextTasks(WASM_BASE);
+  return LanguageDetector.createFromOptions(wasmFileset, {
+    baseOptions: {
+      modelAssetPath,
+    },
+    maxResults: 1,
+  });
+});
+
+export async function detectLanguage(
+  text: string,
+): Promise<string | undefined> {
+  const trimmed = text.trim();
+  if (!trimmed) return undefined;
+
+  try {
+    const detector = await languageDetector.get();
+    const result = detector.detect(trimmed);
+    const top = result.languages[0];
+    if (!top) return undefined;
+
+    return top.languageCode.split('-')[0];
+  } catch {
+    return undefined;
+  }
+}

src/plugins/synced-lyrics/renderer/utils.tsx

@@ -8,9 +8,8 @@ import KuromojiAnalyzer from 'kuroshiro-analyzer-kuromoji';
 import lazyVar from 'lazy-var';
 import { pinyin } from 'pinyin-pro';
 import { render } from 'solid-js/web';
-import { detect } from 'tinyld';
-
 import { waitForElement } from '@/utils/wait-for-element';
+import { detectLanguage } from '../language-detector';
 
 import { LyricsRenderer, setIsVisible } from './renderer';
 
@@ -245,9 +244,9 @@ const handlers: Record<string, (line: string) => Promise<string> | string> = {
 };
 
 export const romanize = async (line: string) => {
-  const lang = detect(line);
+  const lang = await detectLanguage(line);
 
-  const handler = handlers[lang];
+  const handler = lang && handlers[lang];
   if (handler) {
     return handler(line);
   }