mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-06-29 09:58:27 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

web/audio-sub-language: update localized values dynamically

Browse Source
This commit is contained in:
wukko 2025-06-28 17:43:46 +06:00
parent d70180b23c
commit 4fc2952c54
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
4 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/lib/settings/audio-sub-language.ts
View File

@ -1,5 +1,5 @@
import { t } from "$lib/i18n/translations";
import { get } from "svelte/store";
import { t as translation } from "$lib/i18n/translations";
import type { FromReadable } from "$lib/types/generic";
const languages = [
// most popular languages are first, according to
@ -30,18 +30,21 @@ export const subtitleLanguages = ["none", ...languages] as const;
export type YoutubeDubLang = typeof youtubeDubLanguages[number];
export type SubtitleLang = typeof subtitleLanguages[number];
type TranslationFunction = FromReadable<typeof translation>;
const namedLanguages = (
languages: typeof youtubeDubLanguages | typeof subtitleLanguages
languages: typeof youtubeDubLanguages | typeof subtitleLanguages,
t: TranslationFunction,
) => {
return languages.reduce((obj, lang) => {
let name: string;
switch (lang) {
case "original":
name = get(t)("settings.youtube.dub.original");
name = t("settings.youtube.dub.original");
break;
case "none":
name = get(t)("settings.subtitles.none");
name = t("settings.subtitles.none");
break;
default: {
let intlName;
@ -60,12 +63,12 @@ const namedLanguages = (
}, {}) as Record<typeof languages[number], string>;
}
export const namedYoutubeDubLanguages = () => {
return namedLanguages(youtubeDubLanguages);
export const namedYoutubeDubLanguages = (t: TranslationFunction) => {
return namedLanguages(youtubeDubLanguages, t);
}
export const namedSubtitleLanguages = () => {
return namedLanguages(subtitleLanguages);
export const namedSubtitleLanguages = (t: TranslationFunction) => {
return namedLanguages(subtitleLanguages, t);
}
export const getBrowserLanguage = (): YoutubeDubLang => {

3
web/src/lib/types/generic.ts
View File

@ -1,3 +1,5 @@
import type { Readable } from "svelte/store";
// more readable version of recursive partial taken from stackoverflow:
// https://stackoverflow.com/a/51365037
export type RecursivePartial<Type> = {
@ -10,3 +12,4 @@ export type RecursivePartial<Type> = {
export type DefaultImport<T> = () => Promise<{ default: T }>;
export type Optional<T> = T | undefined;
export type Writeable<T> = { -readonly [P in keyof T]: T[P] };
export type FromReadable<T> = T extends Readable<infer U> ? U : never;

2
web/src/routes/settings/audio/+page.svelte
View File

@ -11,7 +11,7 @@
import SettingsToggle from "$components/buttons/SettingsToggle.svelte";
import SettingsDropdown from "$components/settings/SettingsDropdown.svelte";
const displayLangs = namedYoutubeDubLanguages();
const displayLangs = namedYoutubeDubLanguages($t);
</script>
<SettingsCategory sectionId="format" title={$t("settings.audio.format")}>

2
web/src/routes/settings/metadata/+page.svelte
View File

@ -12,7 +12,7 @@
import FilenamePreview from "$components/settings/FilenamePreview.svelte";
import SettingsDropdown from "$components/settings/SettingsDropdown.svelte";
const displayLangs = namedSubtitleLanguages();
const displayLangs = namedSubtitleLanguages($t);
</script>
<SettingsCategory sectionId="filename" title={$t("settings.metadata.filename")}>