Frontend kobler til SpacetimeDB via WebSocket og abonnerer på node- og edge-tabellene. Data eksponeres som reaktive Svelte 5-stores (runes) som oppdateres automatisk ved insert/update/delete. Implementering: - spacetimedb SDK (npm) + genererte TypeScript-bindings - connection.svelte.ts: tilkoblingsmanager med reaktiv state - stores.svelte.ts: nodeStore og edgeStore med sekundærindekser (bySource, byTarget, byKind, byType osv.) - Layout initialiserer tilkobling ved autentisering - Hjemmesiden viser tilkoblingsstatus og antall noder/edges - .env.example med VITE_SPACETIMEDB_URL og VITE_SPACETIMEDB_MODULE Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
30 lines
779 B
JSON
30 lines
779 B
JSON
{
|
|
"name": "frontend",
|
|
"private": true,
|
|
"version": "0.0.1",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite dev",
|
|
"build": "vite build",
|
|
"preview": "vite preview",
|
|
"prepare": "svelte-kit sync || echo ''",
|
|
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
|
|
},
|
|
"devDependencies": {
|
|
"@sveltejs/adapter-node": "^5.5.4",
|
|
"@sveltejs/kit": "^2.50.2",
|
|
"@sveltejs/vite-plugin-svelte": "^6.2.4",
|
|
"@tailwindcss/vite": "^4.2.1",
|
|
"svelte": "^5.51.0",
|
|
"svelte-check": "^4.4.2",
|
|
"tailwindcss": "^4.2.1",
|
|
"typescript": "^5.9.3",
|
|
"vite": "^7.3.1"
|
|
},
|
|
"dependencies": {
|
|
"@auth/core": "^0.34.3",
|
|
"@auth/sveltekit": "^1.11.1",
|
|
"spacetimedb": "^2.0.4"
|
|
}
|
|
}
|