52 lines
1.6 KiB
Svelte
52 lines
1.6 KiB
Svelte
<script lang="ts">
|
|
import '../app.css';
|
|
import AppSidebar from '$lib/components/app-sidebar.svelte';
|
|
import BreadCrumb from '$lib/components/bread-crumb.svelte';
|
|
import { Separator } from '$lib/components/ui/separator/index.js';
|
|
import { breadcrumbStore } from '$lib/stores/breadcrumb';
|
|
import * as Sidebar from '$lib/components/ui/sidebar/index.js';
|
|
import { Toaster } from '$lib/components/ui/sonner/index.js';
|
|
import { onMount } from 'svelte';
|
|
import { setTaskStatus, type TaskStatus } from '$lib/stores/tasks';
|
|
import api from '$lib/api';
|
|
import { toast } from 'svelte-sonner';
|
|
|
|
let tasksStream: EventSource | undefined;
|
|
|
|
onMount(() => {
|
|
tasksStream = api.createTasksStream(
|
|
(data: string) => {
|
|
const status: TaskStatus = JSON.parse(data);
|
|
setTaskStatus(status);
|
|
},
|
|
(error: Event) => {
|
|
console.error('任务状态流错误:', error);
|
|
toast.error('任务状态流错误，请检查网络连接或稍后重试');
|
|
}
|
|
);
|
|
return () => {
|
|
if (tasksStream) {
|
|
tasksStream.close();
|
|
tasksStream = undefined;
|
|
}
|
|
};
|
|
});
|
|
</script>
|
|
|
|
<Toaster />
|
|
<Sidebar.Provider>
|
|
<AppSidebar />
|
|
<Sidebar.Inset class="flex flex-col" style="height: calc(100vh - 1rem)">
|
|
<header class="flex h-16 shrink-0 items-center gap-2">
|
|
<div class="flex items-center gap-2 px-4">
|
|
<Sidebar.Trigger class="-ml-1" />
|
|
<Separator orientation="vertical" class="mr-2 data-[orientation=vertical]:h-4" />
|
|
<BreadCrumb items={$breadcrumbStore} />
|
|
</div>
|
|
</header>
|
|
<div class="w-full overflow-y-auto px-6 py-2" style="scrollbar-width: thin;" id="main">
|
|
<slot />
|
|
</div>
|
|
</Sidebar.Inset>
|
|
</Sidebar.Provider>
|