J.A.R.V.I.S-rust/frontend/src/routes/index.svelte

92 lines
No EOL
2.4 KiB
Svelte

<script lang="ts">
import { onMount, onDestroy } from "svelte"
import { invoke } from "@tauri-apps/api/core"
import SearchBar from "@/components/elements/SearchBar.svelte"
import ArcReactor from "@/components/elements/ArcReactor.svelte"
import HDivider from "@/components/elements/HDivider.svelte"
import Stats from "@/components/elements/Stats.svelte"
import Footer from "@/components/Footer.svelte"
import {
isJarvisRunning,
updateJarvisStats,
enableIpc,
disableIpc,
translate,
translations
} from "@/stores"
$: t = (key: string) => translate($translations, key)
let processRunning = false
let launching = false
let wasRunning = false // track previous state
isJarvisRunning.subscribe((value) => {
processRunning = value
if (value) {
enableIpc()
wasRunning = true
} else if (wasRunning) {
// only disable if it was running before
disableIpc()
wasRunning = false
}
})
onMount(() => {
updateJarvisStats()
})
onDestroy(() => {
disableIpc()
})
async function runAssistant() {
launching = true
try {
await invoke("run_jarvis_app")
setTimeout(async () => {
await updateJarvisStats()
launching = false
}, 2500)
} catch (err) {
console.error("Failed to run jarvis-app:", err)
launching = false
}
}
</script>
<div class="app-container assist-page">
<div class="search search-section">
<HDivider />
<SearchBar />
</div>
<div class="reactor-section">
<div class="reactor-wrapper" class:dimmed={!processRunning}>
<ArcReactor />
</div>
{#if !processRunning}
<div class="offline-badge">
<span class="offline-icon"></span>
<span class="offline-text">{t('assistant-not-running')}</span>
<small>{t('assistant-offline-hint')}</small>
</div>
<button
class="start-button"
on:click={runAssistant}
disabled={launching}
>
{launching ? t('btn-starting') : t('btn-start')}
</button>
{/if}
</div>
<HDivider noMargin />
<Stats />
<Footer />
</div>