mirror of
https://github.com/kunkunsh/kunkun.git
synced 2025-04-04 14:46:42 +00:00
69 lines
2.0 KiB
Svelte
69 lines
2.0 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 { 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.GeneralSettings) {
|
|
appConfig.setOnBoarded(true)
|
|
goto(i18n.resolveRoute("/app"))
|
|
}
|
|
// 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>
|