Added a feature to try to detect the language of lyrics. The language would by default be shown in the Lyrics panel and the songs can be optionally skipped and/or disliked

Author: Volodymyr Tymchenko

src/i18n/resources/en.json

@@ -909,6 +909,18 @@
             }
           },
           "tooltip": "Convert Chinese character to Traditional or Simplified"
+        },
+        "auto-skip-languages": {
+          "label": "Auto-skip languages",
+          "tooltip": "Automatically skip songs when these languages are detected in lyrics (comma-separated language codes)",
+          "prompt": {
+            "title": "Auto-skip languages",
+            "label": "Enter language codes (comma-separated, e.g., ja,ko,zh):"
+          }
+        },
+        "auto-dislike-skipped-languages": {
+          "label": "Auto-dislike skipped songs",
+          "tooltip": "Automatically dislike songs before skipping them when a language from the skip list is detected"
         }
       },
       "name": "Synced Lyrics",

src/plugins/synced-lyrics/index.ts

@@ -22,6 +22,8 @@ export default createPlugin({
     defaultTextString: '♪',
     lineEffect: 'fancy',
     romanization: true,
+    autoSkipLanguages: '',
+    autoDislikeSkippedLanguages: false,
   } satisfies SyncedLyricsPluginConfig as SyncedLyricsPluginConfig,
 
   menu,

src/plugins/synced-lyrics/menu.ts

@@ -1,4 +1,6 @@
 import { t } from '@/i18n';
+import prompt from 'custom-electron-prompt';
+import promptOptions from '@/providers/prompt-options';
 
 import { providerNames } from './providers';
 
@@ -233,5 +235,43 @@ export const menu = async (
         });
       },
     },
+    {
+      label: t('plugins.synced-lyrics.menu.auto-skip-languages.label'),
+      toolTip: t('plugins.synced-lyrics.menu.auto-skip-languages.tooltip'),
+      async click() {
+        const languages =
+          (await prompt(
+            {
+              title: t('plugins.synced-lyrics.menu.auto-skip-languages.prompt.title'),
+              label: t('plugins.synced-lyrics.menu.auto-skip-languages.prompt.label'),
+              value: config.autoSkipLanguages || '',
+              type: 'input',
+              inputAttrs: {
+                type: 'text',
+                placeholder: 'e.g., ja,ko,zh',
+              },
+              ...promptOptions(),
+            },
+            ctx.window,
+          )) ?? config.autoSkipLanguages;
+
+        ctx.setConfig({
+          autoSkipLanguages: languages as string,
+        });
+      },
+    },
+    {
+      label: t('plugins.synced-lyrics.menu.auto-dislike-skipped-languages.label'),
+      toolTip: t(
+        'plugins.synced-lyrics.menu.auto-dislike-skipped-languages.tooltip',
+      ),
+      type: 'checkbox',
+      checked: config.autoDislikeSkippedLanguages,
+      click(item) {
+        ctx.setConfig({
+          autoDislikeSkippedLanguages: item.checked,
+        });
+      },
+    },
   ];
 };

src/plugins/synced-lyrics/renderer/components/LyricsPicker.tsx

@@ -260,10 +260,17 @@ export const LyricsPicker = (props: {
                     />
                   </Match>
                 </Switch>
-                <yt-formatted-string
-                  class="description ytmusic-description-shelf-renderer"
-                  text={{ runs: [{ text: provider() }] }}
-                />
+                <div class="provider-info">
+                  <yt-formatted-string
+                    class="description ytmusic-description-shelf-renderer"
+                    text={{ runs: [{ text: provider() }] }}
+                  />
+                  <Show when={currentLyrics().data?.language}>
+                    <span class="language-badge">
+                      {currentLyrics().data?.language?.toUpperCase()}
+                    </span>
+                  </Show>
+                </div>
                 <mdui-button-icon onClick={toggleStar} tabindex={-1}>
                   <Show
                     fallback={

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

@@ -21,9 +21,16 @@ import {
 } from './components';
 
 import { currentLyrics } from './store';
+import { _ytAPI } from './index';
 
 import type { LineLyrics, SyncedLyricsPluginConfig } from '../types';
 
+interface AppElement extends HTMLElement {
+  toastService?: {
+    show: (message: string) => void;
+  };
+}
+
 export const [isVisible, setIsVisible] = createSignal<boolean>(false);
 export const [config, setConfig] =
   createSignal<SyncedLyricsPluginConfig | null>(null);
@@ -126,6 +133,47 @@ createEffect(() => {
   }
 });
 
+// Auto-skip songs based on detected language
+createEffect(() => {
+  const cfg = config();
+  const lyrics = currentLyrics();
+
+  if (!cfg?.autoSkipLanguages || !lyrics?.data?.language) return;
+
+  const skipLanguages = cfg.autoSkipLanguages
+    .split(',')
+    .map(lang => lang.trim().toLowerCase())
+    .filter(lang => lang.length > 0);
+
+  if (skipLanguages.length === 0) return;
+
+  const detectedLanguage = lyrics.data.language.toLowerCase();
+
+  if (skipLanguages.includes(detectedLanguage)) {
+    const appApi = document.querySelector<AppElement>('ytmusic-app');
+
+    // Show toast notification
+    appApi?.toastService?.show(
+      `Auto-skipping song with detected language: ${lyrics.data.language.toUpperCase()}`,
+    );
+
+    // Optionally dislike the song
+    if (cfg.autoDislikeSkippedLanguages) {
+      const dislikeButton = document.querySelector<HTMLButtonElement>(
+        '#button-shape-dislike > button[aria-pressed="false"]',
+      );
+      if (dislikeButton) {
+        dislikeButton.click();
+      }
+    }
+
+    // Skip to next song
+    setTimeout(() => {
+      _ytAPI?.nextVideo();
+    }, 500);
+  }
+});
+
 type LyricsRendererChild =
   | { kind: 'LyricsPicker' }
   | { kind: 'LoadingKaomoji' }

src/plugins/synced-lyrics/renderer/store.ts

@@ -1,5 +1,6 @@
 import { createStore } from 'solid-js/store';
 import { createMemo } from 'solid-js';
+import { detect } from 'tinyld';
 
 import { getSongInfo } from '@/providers/song-info-front';
 
@@ -10,7 +11,7 @@ import {
 } from '../providers';
 import { providers } from '../providers/renderer';
 
-import type { LyricProvider } from '../types';
+import type { LyricProvider, LyricResult } from '../types';
 import type { SongInfo } from '@/providers/song-info';
 
 type LyricsStore = {
@@ -51,6 +52,39 @@ interface SearchCache {
 
 // TODO: Maybe use localStorage for the cache.
 const searchCache = new Map<VideoId, SearchCache>();
+
+/**
+ * Detects the language of lyrics and adds it to the result.
+ * Handles edge cases: no lyrics, empty text, detection failure.
+ */
+const detectLyricsLanguage = (result: LyricResult | null): LyricResult | null => {
+  if (!result) return null;
+
+  try {
+    // Extract text from either plain lyrics or synced lines
+    let textToAnalyze = '';
+
+    if (result.lyrics) {
+      textToAnalyze = result.lyrics.trim();
+    } else if (result.lines && result.lines.length > 0) {
+      textToAnalyze = result.lines.map(line => line.text).join('\n').trim();
+    }
+
+    // Only attempt detection if we have meaningful text
+    if (textToAnalyze.length > 0) {
+      const detectedLang = detect(textToAnalyze);
+      // Only set language if detection was successful (not empty string)
+      if (detectedLang) {
+        result.language = detectedLang;
+      }
+    }
+  } catch (error) {
+    // Detection failed - log but don't throw, just leave language undefined
+    console.warn('Language detection failed:', error);
+  }
+
+  return result;
+};
 export const fetchLyrics = (info: SongInfo) => {
   if (searchCache.has(info.videoId)) {
     const cache = searchCache.get(info.videoId)!;
@@ -100,16 +134,19 @@ export const fetchLyrics = (info: SongInfo) => {
       provider
         .search(info)
         .then((res) => {
+          // Detect language from the lyrics result
+          const resultWithLanguage = detectLyricsLanguage(res);
+
           pCache.state = 'done';
-          pCache.data = res;
+          pCache.data = resultWithLanguage;
 
           if (getSongInfo().videoId === info.videoId) {
             setLyricsStore('lyrics', (old) => {
               return {
                 ...old,
                 [providerName]: {
                   state: 'done',
-                  data: res ? { ...res } : null,
+                  data: resultWithLanguage ? { ...resultWithLanguage } : null,
                   error: null,
                 },
               };
@@ -157,10 +194,13 @@ export const retrySearch = (provider: ProviderName, info: SongInfo) => {
   providers[provider]
     .search(info)
     .then((res) => {
+      // Detect language from the lyrics result
+      const resultWithLanguage = detectLyricsLanguage(res);
+
       setLyricsStore('lyrics', (old) => {
         return {
           ...old,
-          [provider]: { state: 'done', data: res, error: null },
+          [provider]: { state: 'done', data: resultWithLanguage, error: null },
         };
       });
     })

src/plugins/synced-lyrics/style.css

@@ -195,6 +195,13 @@
   transition: transform 0.25s ease-in-out;
 }
 
+.provider-info {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2px;
+}
+
 .lyrics-picker-dot {
   display: inline-block;
   cursor: pointer;
@@ -232,6 +239,17 @@ div:has(> .lyrics-picker) {
   }
 }
 
+.language-badge {
+  display: inline-block;
+  padding: 2px 6px;
+  font-size: 0.7rem;
+  font-weight: 600;
+  color: var(--ytmusic-text-primary);
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: 4px;
+  text-transform: uppercase;
+}
+
 /* Animations */
 @keyframes lyrics-wobble {
   from {

src/plugins/synced-lyrics/types.ts

@@ -14,6 +14,8 @@ export type SyncedLyricsPluginConfig = {
     | 'simplifiedToTraditional'
     | 'traditionalToSimplified'
     | 'disabled';
+  autoSkipLanguages?: string;
+  autoDislikeSkippedLanguages: boolean;
 };
 
 export type LineLyricsStatus = 'previous' | 'current' | 'upcoming';
@@ -35,6 +37,7 @@ export interface LyricResult {
 
   lyrics?: string;
   lines?: LineLyrics[];
+  language?: string;
 }
 
 // prettier-ignore