diff --git a/messages/en.json b/messages/en.json index 1ff69d3..8f7ae93 100644 --- a/messages/en.json +++ b/messages/en.json @@ -1,8 +1,25 @@ { "$schema": "https://inlang.com/schema/inlang-message-format", + "navbar": { + "upload": "Upload", + "convert": "Convert", + "settings": "Settings", + "about": "About", + "toggle_theme": "Toggle theme" + }, + "footer": { + "copyright": "© {year} VERT.", + "source_code": "Source code", + "discord_server": "Discord server" + }, "upload": { "title": "The file converter you'll love.", "subtitle": "All image, audio, and document processing is done on your device. Videos are converted on our lightning-fast servers. No file size limit, no ads, and completely open source.", + "uploader": { + "text": "Drop or click to {action}", + "convert": "convert", + "jpegify": "jpegify" + }, "cards": { "title": "VERT supports...", "images": "Images", @@ -97,6 +114,10 @@ "plausible_description": "We use [plausible_link]Plausible[/plausible_link], a privacy-focused analytics tool, to gather completely anonymous statistics. All data is anonymized and aggregated, and no identifiable information is ever sent or stored. You can view the analytics [analytics_link]here[/analytics_link] and choose to opt out below.", "opt_in": "Opt-in", "opt_out": "Opt-out" + }, + "language": { + "title": "Language", + "description": "Select your preferred language for the VERT interface." } }, "about": { @@ -157,5 +178,12 @@ "magick": "Error in Magick worker, image conversion may not work as expected.`", "ffmpeg": "Error loading ffmpeg, some features may not work." } + }, + "jpegify": { + "title": "SECRET JPEGIFY!!!", + "subtitle": "(shh... don't tell anyone!)", + "button": "JPEGIFY {compression}%!!!", + "download": "Download", + "delete": "Delete" } } diff --git a/messages/uwu.json b/messages/uwu.json new file mode 100644 index 0000000..0c1767e --- /dev/null +++ b/messages/uwu.json @@ -0,0 +1,189 @@ +{ + "$schema": "https://inlang.com/schema/inlang-message-format", + "upload": { + "title": "The fiwe conwewtew you'ww wuv.", + "subtitle": "Aww image, audio, and document pwocessing is donye on youw dewice. Videos awe conwewted on ouw wightnying-fast sewwews. Nyo fiwe size wimit, nyo ads, and compwetewy open souwce.", + "uploader": { + "text": "Dwop or cwick to {action}", + "convert": "conwewt", + "jpegify": "jpegify" + }, + "cards": { + "title": "VEWT suppowts...", + "images": "Images", + "audio": "Audio", + "documents": "Documents", + "video": "Video", + "video_server_processing": "Video upwoads to a sewwew fow pwocessing by defauwt, weawn how to set it up wocawwy [wiki_link]hewe[/wiki_link].", + "local_supported": "Wocaw fuwwy suppowted", + "status": { + "text": "Status: {status}", + "ready": "weady", + "not_ready": "nyot weady" + }, + "supported_formats": "Suppowted fowmats:" + }, + "tooltip": { + "partial_support": "This fowmat can onwy be conwewted as {direction}.", + "direction_input": "input (fwom)", + "direction_output": "output (to)" + } + }, + "convert": { + "panel": { + "convert_all": "Conwewt aww", + "download_all": "Downwoad aww as .zip", + "remove_all": "Wemuv aww fiwes", + "set_all_to": "Set aww to", + "na": "N/A" + }, + "tooltips": { + "unknown_file": "Unknyown fiwe type", + "audio_file": "Audio fiwe", + "video_file": "Video fiwe", + "document_file": "Document fiwe", + "image_file": "Image fiwe", + "convert_file": "Conwewt this fiwe", + "download_file": "Downwoad this fiwe" + }, + "errors": { + "cant_convert": "We can't conwewt this fiwe.", + "vertd_server": "what awe you doing..? you'we supposed to wun the wewtd sewwew!", + "unsupported_format": "Onwy image, wideo, audio, and document fiwes awe suppowted", + "vertd_not_found": "Couwd nyot find the wewtd instance to stawt wideo conwewsion. Awe you suwe the instance UWW is set cowwectwy?" + } + }, + "settings": { + "title": "Settings", + "errors": { + "save_failed": "Faiwed to sawe settings!" + }, + "appearance": { + "title": "Appeawance", + "brightness_theme": "Bwightnyess theme", + "brightness_description": "Want a sunny fwash-bang, ow a quiet wonyewy nyight?", + "light": "Wight", + "dark": "Dawk", + "effect_settings": "Effect settings", + "effect_description": "Wouwd you wike fancy effects, ow a mowe static expewience?", + "enable": "Enyabwe", + "disable": "Disabwe" + }, + "conversion": { + "title": "Conwewsion", + "filename_format": "Fiwe nyame fowmat", + "filename_description": "This wiww detewminye the nyame of the fiwe on downwoad, nyot incwuding the fiwe extension. You can put these fowwowing tempwates in the fowmat, which wiww be wepwaced with the wewewant infowmation: %nyame% fow the owiginyaw fiwe nyame, %extension% fow the owiginyaw fiwe extension, and %date% fow a date stwing of when the fiwe was conwewted.", + "placeholder": "VEWT_%nyame%" + }, + "vertd": { + "title": "Video conwewsion", + "status": "status:", + "loading": "woading...", + "available": "awaiwabwe, commit id {commitId}", + "unavailable": "unyawaiwabwe (is the uww wight?)", + "description": "The wewtd pwojyect is a sewwew wwappew fow FFmpeg. This awwows you to conwewt wideos thwough the conwenyience of VEWT's web intewface, whiwe stiww being abwe to hawnyess the powew of youw GPU to do it as quickwy as possibwe.", + "hosting_info": "We host a pubwic instance fow youw conwenyience, but it is quite easy to host youw own on youw PC ow sewwew if you knyow what you awe doing. You can downwoad the sewwew binyawies [vertd_link]hewe[/vertd_link] - the pwocess of setting this up wiww become easiew in the futuwe, so stay tunyed!", + "instance_url": "Instance UWW", + "url_placeholder": "Exampwe: http://wocawhost:24153", + "conversion_speed": "Conwewsion speed", + "speed_description": "This descwibes the twadeoff between speed and quawity. Fastew speeds wiww wesuwt in wowew quawity, but wiww get the jyob donye quickew.", + "speeds": { + "very_slow": "Vewy Swow", + "slower": "Swowew", + "slow": "Swow", + "medium": "Medium", + "fast": "Fast", + "ultra_fast": "Uwtwa Fast" + } + }, + "privacy": { + "title": "Pwiwacy", + "plausible_title": "Pwausibwe anyawytics", + "plausible_description": "We use [plausible_link]Pwausibwe[/plausible_link], a pwiwacy-focused anyawytics toow, to gathew compwetewy anyonymous statistics. Aww data is anyonymized and aggwegated, and nyo identifiabwe infowmation is ewew sent ow stowed. You can wiew the anyawytics [analytics_link]hewe[/analytics_link] and choose to opt out bewow.", + "opt_in": "Opt-in", + "opt_out": "Opt-out" + }, + "language": { + "title": "Wanguage", + "description": "Sewect youw pwefewwed wanguage fow the VEWT intewface." + } + }, + "about": { + "title": "About", + "why": { + "title": "Why VEWT?", + "description": "Fiwe conwewtews hawe awways disappointed us. They'we ugwy, widdwed with ads, and most impowtantwy; swow. We decided to sowwe this pwobwem once and fow aww by making an awtewnyatiwe that sowwes aww those pwobwems, and mowe.

Aww nyon-wideo fiwes awe conwewted compwetewy on-dewice; this means that thewe's nyo deway between sending and weceiwing the fiwes fwom a sewwew, and we nyewew get to snyoop on the fiwes you conwewt.

Video fiwes get upwoaded to ouw wightnying-fast WTX 4000 Ada sewwew. Youw wideos stay on thewe fow an houw if you do nyot conwewt them. If you do conwewt the fiwe, the wideo wiww stay on the sewwew fow an houw, ow untiw it is downwoaded. The fiwe wiww then be deweted fwom ouw sewwew." + }, + "sponsors": { + "title": "Sponsows", + "description": "Want to suppowt us? Contact a dewewopew in the [discord_link]Discowd[/discord_link] sewwew, ow send an emaiw to", + "email_copied": "Emaiw copied to cwipboawd!" + }, + "resources": { + "title": "Wesouwces", + "discord": "Discowd", + "source": "Souwce", + "email": "Emaiw" + }, + "donate": { + "title": "Donyate to VEWT", + "description": "With youw suppowt, we can keep maintainying and impwowing VEWT.", + "one_time": "Onye-time", + "monthly": "Monthwy", + "custom": "Custom", + "pay_now": "Pay nyow", + "donate_amount": "Donyate ${amount} USD", + "thank_you": "Thank you fow youw donyation!", + "payment_failed": "Payment faiwed: {message}{period} You hawe nyot been chawged.", + "donation_error": "An ewwow occuwwed whiwe pwocessing youw donyation. Pwease twy again watew.", + "payment_error": "Ewwow fetching payment detaiws. Pwease twy again watew." + }, + "credits": { + "title": "Cwedits", + "contact_team": "If you wouwd wike to contact the dewewopment team, pwease use the emaiw found on the \"Wesouwces\" cawd.", + "notable_contributors": "Nyotabwe contwibutows", + "notable_description": "We'd wike to thank these peopwe fow theiw majyow contwibutions to VEWT.", + "github_contributors": "GitHub contwibutows", + "github_description": "Big [jpegify_link]thanks[/jpegify_link] to aww these peopwe fow hewping out! [github_link]Want to hewp too?[/github_link]", + "no_contributors": "Seems wike nyo onye has contwibuted yet... [contribute_link]be the fiwst to contwibute![/contribute_link]", + "libraries": "Wibwawies", + "libraries_description": "A beeg thankies to FFmpeg (audio, wideo), ImageMagick (images) and Pandoc (documents) fow maintainying such excewwent wibwawies fow so many yeaws. VEWT wewies on them to pwowide you with youw conwewsions.", + "roles": { + "lead_developer": "Wead dewewopew; conwewsion backend, UI impwementation", + "developer": "Dewewopew; UI impwementation", + "designer": "Designyew; UX, bwanding, mawketing", + "docker_ci": "Maintainying Dockew & CI suppowt", + "former_cofounder": "Fowmew co-foundew & designyew" + } + }, + "errors": { + "github_contributors": "Ewwow fetching GitHub contwibutows" + } + }, + "workers": { + "errors": { + "general": "Ewwow conwewting fiwe {file}: {message}", + "magick": "Ewwow in Magick wowkew, image conwewsion may nyot wowk as expected.`", + "ffmpeg": "Ewwow woading ffmpeg, some featuwes may nyot wowk." + } + }, + "jpegify": { + "title": "SECWET JPEGIFY!!!", + "subtitle": "(shh... don't teww anyonye!)", + "button": "JPEGIFY {compression}%!!!", + "download": "Downwoad", + "delete": "Dewete" + }, + "navbar": { + "upload": "Upwoad", + "convert": "Conwewt", + "settings": "Settings", + "about": "About", + "toggle_theme": "Toggwe theme" + }, + "footer": { + "copyright": "© {year} VEWT.", + "source_code": "Souwce code", + "discord_server": "Discowd sewwew" + } +} diff --git a/project.inlang/settings.json b/project.inlang/settings.json index 62d77ad..615007b 100644 --- a/project.inlang/settings.json +++ b/project.inlang/settings.json @@ -3,7 +3,7 @@ "baseLocale": "en", "locales": [ "en", - "de" + "uwu" ], "modules": [ "https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@4/dist/index.js", diff --git a/src/lib/components/functional/FormatDropdown.svelte b/src/lib/components/functional/FormatDropdown.svelte index e3a019c..da14d79 100644 --- a/src/lib/components/functional/FormatDropdown.svelte +++ b/src/lib/components/functional/FormatDropdown.svelte @@ -1,5 +1,6 @@ @@ -16,7 +16,7 @@
-

© {year} VERT.

+

{m["footer.copyright"]({ year })}

{#each items as [name, url] (name)}

•

diff --git a/src/lib/components/layout/Navbar/Base.svelte b/src/lib/components/layout/Navbar/Base.svelte index 42aa298..639a8aa 100644 --- a/src/lib/components/layout/Navbar/Base.svelte +++ b/src/lib/components/layout/Navbar/Base.svelte @@ -22,6 +22,7 @@ import Logo from "../../visual/svg/Logo.svelte"; import { beforeNavigate } from "$app/navigation"; import Tooltip from "$lib/components/visual/Tooltip.svelte"; + import { m } from "$lib/paraglide/messages"; const items = $derived< { @@ -33,13 +34,13 @@ }[] >([ { - name: "Upload", + name: m["navbar.upload"](), url: "/", activeMatch: (pathname) => pathname === "/", icon: UploadIcon, }, { - name: "Convert", + name: m["navbar.convert"](), url: "/convert/", activeMatch: (pathname) => pathname === "/convert/" || pathname === "/convert", @@ -47,13 +48,13 @@ badge: files.files.length, }, { - name: "Settings", + name: m["navbar.settings"](), url: "/settings/", activeMatch: (pathname) => pathname.startsWith("/settings"), icon: SettingsIcon, }, { - name: "About", + name: m["navbar.about"](), url: "/about/", activeMatch: (pathname) => pathname.startsWith("/about"), icon: InfoIcon, @@ -180,7 +181,7 @@ {@render link(item, i)} {/each} - +
-

{m["settings.appearance.effect_settings"]()}

+

+ {m["settings.appearance.effect_settings"]()} +

{m["settings.appearance.effect_description"]()}

@@ -115,7 +154,9 @@
+
+
+

+ {m["settings.language.title"]()} +

+

+ {m["settings.language.description"]()} +

+
+
+ +
+
diff --git a/src/lib/store/index.svelte.ts b/src/lib/store/index.svelte.ts index bd2b376..ac19c1a 100644 --- a/src/lib/store/index.svelte.ts +++ b/src/lib/store/index.svelte.ts @@ -6,6 +6,7 @@ import { parseBlob, selectCover } from "music-metadata"; import { writable } from "svelte/store"; import { addDialog } from "./DialogProvider"; import PQueue from "p-queue"; +import { getLocale, setLocale } from "$lib/paraglide/runtime"; class Files { public files = $state([]); @@ -292,3 +293,17 @@ export const vertdLoaded = writable(false); export const isMobile = writable(false); export const effects = writable(true); export const theme = writable<"light" | "dark">("light"); +export const locale = writable(getLocale()); +export const availableLocales = { + "en": "English", + "uwu": "UwU", +} + +export function updateLocale(newLocale: string) { + log(["locale"], `set to ${newLocale}`); + localStorage.setItem("locale", newLocale); + // @ts-expect-error shush + setLocale(newLocale, { reload: false }); + // @ts-expect-error shush + locale.set(newLocale); +} \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 729f786..fc7e58d 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -19,6 +19,8 @@ theme, dropping, vertdLoaded, + locale, + updateLocale, } from "$lib/store/index.svelte"; import "$lib/css/app.scss"; import { browser } from "$app/environment"; @@ -73,6 +75,7 @@ theme.set( (localStorage.getItem("theme") as "light" | "dark") || "light", ); + updateLocale(localStorage.getItem("locale") || "en"); Settings.instance.load(); diff --git a/src/routes/jpegify/+page.svelte b/src/routes/jpegify/+page.svelte index a1d566b..efb9485 100644 --- a/src/routes/jpegify/+page.svelte +++ b/src/routes/jpegify/+page.svelte @@ -5,6 +5,7 @@ import { files } from "$lib/store/index.svelte"; import { quintOut } from "svelte/easing"; import { blur } from "svelte/transition"; + import { m } from "$lib/paraglide/messages"; const images = $derived( files.files.filter((f) => @@ -31,9 +32,9 @@
-

SECRET JPEGIFY!!!

+

{m["jpegify.title"]()}

- (shh... don't tell anyone!) + {m["jpegify.subtitle"]()}

JPEGIFY {compressionInverted}%!!!{m["jpegify.button"]({ compression: compressionInverted })}
{#each images as file, i (file.id)} @@ -89,7 +90,7 @@ disabled={!!!file.result} class="btn bg-accent text-black rounded-2xl text-2xl w-full mx-auto" > - Download + {m["jpegify.download"]()}
diff --git a/vite.config.ts b/vite.config.ts index 838a94b..3e2c9e6 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,4 +1,4 @@ -import { paraglideVitePlugin } from '@inlang/paraglide-js' +import { paraglideVitePlugin } from "@inlang/paraglide-js"; import { sveltekit } from "@sveltejs/kit/vite"; import { defineConfig, type PluginOption } from "vite"; import svg from "@poppanator/sveltekit-svg"; @@ -7,7 +7,11 @@ import wasm from "vite-plugin-wasm"; export default defineConfig(({ command }) => { const plugins: PluginOption[] = [ sveltekit(), - paraglideVitePlugin({ project: './project.inlang', outdir: './src/lib/paraglide' }), + paraglideVitePlugin({ + project: "./project.inlang", + outdir: "./src/lib/paraglide", + strategy: ["globalVariable", "preferredLanguage", "baseLocale"], + }), svg({ includePaths: ["./src/lib/assets"], svgoOptions: {