import { render } from "solid-js/web" import { MetaProvider } from "@solidjs/meta" import "@opencode-ai/app/index.css" import { Font } from "@opencode-ai/ui/font" import { Splash } from "@opencode-ai/ui/logo" import { Progress } from "@opencode-ai/ui/progress" import "./styles.css" import { createEffect, createMemo, createSignal, onCleanup, onMount } from "solid-js" import { commands, events, InitStep } from "./bindings" import { Channel } from "@tauri-apps/api/core" import { initI18n, t } from "./i18n" const root = document.getElementById("root")! const lines = [ t("desktop.loading.status.initial"), t("desktop.loading.status.migrating"), t("desktop.loading.status.waiting"), ] const delays = [3000, 9000] void initI18n() render(() => { const [step, setStep] = createSignal(null) const [line, setLine] = createSignal(0) const [percent, setPercent] = createSignal(0) const phase = createMemo(() => step()?.phase) const value = createMemo(() => { if (phase() === "done") return 100 return Math.max(25, Math.min(100, percent())) }) const channel = new Channel() channel.onmessage = (next) => setStep(next) commands.awaitInitialization(channel as any).catch(() => undefined) onMount(() => { setLine(0) setPercent(0) const timers = delays.map((ms, i) => setTimeout(() => setLine(i + 1), ms)) const listener = events.sqliteMigrationProgress.listen((e) => { if (e.payload.type === "InProgress") setPercent(Math.max(0, Math.min(100, e.payload.value))) if (e.payload.type === "Done") setPercent(100) }) onCleanup(() => { listener.then((cb) => cb()) timers.forEach(clearTimeout) }) }) createEffect(() => { if (phase() !== "done") return const timer = setTimeout(() => events.loadingWindowComplete.emit(null), 1000) onCleanup(() => clearTimeout(timer)) }) const status = createMemo(() => { if (phase() === "done") return t("desktop.loading.status.done") if (phase() === "sqlite_waiting") return lines[line()] return t("desktop.loading.status.initial") }) return (

{status()} `${Math.round(value)}%`} />

) }, root)