mirror of
https://github.com/kunkunsh/kunkun.git
synced 2025-04-20 21:49:16 +00:00
b115e0a574
* chore: add @inlang/paraglide-sveltekit to @kksh/ui * feat: add i18n to desktop * fix: add shrink-0 class to mode-toggle button for consistent styling * feat: add i18n to settings, not working yet * feat: i18 working * feat: add i18n for about * feat: migrate all goto to use i18n.resolveRoute * feat: finish translating settings to chinese * feat: add Chinese i18n for troubleshooters * feat: add russian translation (by AI) * format: run prettier * format * chore: update .prettierignore to exclude src/lib/paraglide/**
66 lines
1.9 KiB
Svelte
66 lines
1.9 KiB
Svelte
<script lang="ts">
|
|
import GeneralSettings from "@/components/standalone/general-settings.svelte"
|
|
import DenoInstall from "@/components/standalone/help/deno-install.svelte"
|
|
import FFmpegInstall from "@/components/standalone/help/ffmpeg-install.svelte"
|
|
import { i18n } from "@/i18n"
|
|
import { appConfig } from "@/stores/appConfig"
|
|
import { Button } from "@kksh/svelte5"
|
|
import { goto } from "$app/navigation"
|
|
import { ArrowRightIcon } from "lucide-svelte"
|
|
import { onMount } from "svelte"
|
|
import { fade } from "svelte/transition"
|
|
import { whereIsCommand } from "tauri-plugin-shellx-api"
|
|
import { Step } from "./steps"
|
|
|
|
let step = $state(0)
|
|
let denoPath = $state("")
|
|
let ffmpegPath = $state("")
|
|
|
|
onMount(async () => {
|
|
denoPath = await whereIsCommand("deno")
|
|
ffmpegPath = await whereIsCommand("ffmpeg")
|
|
})
|
|
|
|
function nextStep() {
|
|
step++
|
|
}
|
|
|
|
$effect(() => {
|
|
if (step === Step.DenoInstall) {
|
|
if (denoPath) {
|
|
step++
|
|
}
|
|
} else if (step === Step.FFmpegInstall) {
|
|
if (ffmpegPath) {
|
|
step++
|
|
}
|
|
} else if (step > Step.FFmpegInstall) {
|
|
appConfig.setOnBoarded(true)
|
|
goto(i18n.resolveRoute("/app"))
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<main class="container">
|
|
<div class="left-0 top-0 h-10 w-full" data-tauri-drag-region></div>
|
|
{#if step === Step.Welcome}
|
|
<h1 class="text-3xl font-bold">Welcome to Kunkun</h1>
|
|
<p>
|
|
This is a on boarding page to help you set up Kunkun with some basic settings and optional
|
|
dependencies.
|
|
</p>
|
|
<div>Click <strong>Next</strong> to continue</div>
|
|
{:else if step === Step.GeneralSettings}
|
|
<h1 class="text-2xl font-bold">General Settings</h1>
|
|
<small> You can change these settings later in the settings page. </small>
|
|
<GeneralSettings />
|
|
{:else if step === Step.DenoInstall}
|
|
<DenoInstall />
|
|
{:else if step === Step.FFmpegInstall}
|
|
<FFmpegInstall />
|
|
{/if}
|
|
</main>
|
|
<Button class="fixed bottom-4 right-4" variant="outline" size="icon" onclick={nextStep}>
|
|
<ArrowRightIcon />
|
|
</Button>
|