Rune Harlyk
47 lines
1.4 KiB
Svelte
47 lines
1.4 KiB
Svelte
<script lang="ts">
|
|
import { Router, Route } from 'svelte-routing';
|
|
import { onMount } from 'svelte';
|
|
import TopBar from './components/TopBar.svelte';
|
|
import { connect } from './lib/socket';
|
|
import Controller from './routes/Controller.svelte';
|
|
import Config from './routes/Config.svelte';
|
|
import Health from './routes/SystemHealth.svelte';
|
|
import location from './lib/location';
|
|
import Sidebar from './components/Sidebar.svelte';
|
|
import FileCache from './lib/cache';
|
|
|
|
export let url = window.location.pathname;
|
|
onMount(() => {
|
|
connect(`ws://${location}`);
|
|
registerFetchIntercept()
|
|
});
|
|
|
|
const registerFetchIntercept = () => {
|
|
const { fetch: originalFetch } = window;
|
|
window.fetch = async (...args) => {
|
|
const [resource, config] = args;
|
|
await FileCache.openDatabase();
|
|
let file;
|
|
try {
|
|
file = await FileCache.getFile(resource.url);
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
|
|
return file
|
|
? new Response(file)
|
|
: originalFetch(resource, config)
|
|
};
|
|
}
|
|
</script>
|
|
|
|
<Router {url}>
|
|
<TopBar />
|
|
<Sidebar />
|
|
<div class="absolute w-full h-full bg-background text-on-background">
|
|
<Route path="/" component={Controller} />
|
|
<Route path="/config" component={Config} />
|
|
<Route path="/health" component={Health} />
|
|
</div>
|
|
</Router>
|