--wip--

src/lib/components/AnnotationEditor/AnnotationEditor.svelte

 <script lang="ts">
 	import type { AnnotationEditorProps, SourceSelection } from './types';
 	import CodeBlock from './CodeBlock.svelte';
+	import { onDestroy, onMount } from 'svelte';
+	import { liveEvaluation } from './live.svelte';
 
 	let { submission, evaluation, onSave = (_) => {} }: AnnotationEditorProps = $props();
 
@@ -10,6 +12,9 @@
 	let scoreDelta = $state(0);
 	let annotationColor = $state('#ffeb3b'); // Default yellow
 
+	let liveQueryId: string | null = $state(null);
+	$inspect(liveQueryId);
+
 	const handleSelectionChange = (srcSelection: SourceSelection) => {
 		sourceSelection = srcSelection;
 	};
@@ -46,6 +51,12 @@
 		scoreDelta = 0;
 	};
 
+	onMount(async () => {
+		if (!evaluation) return;
+		liveQueryId = (await liveEvaluation(evaluation.id.toString())).toString();
+	});
+	onDestroy(() => {});
+
 	/*
 	// helper to determine if the selection is a point, in which case we want to annotate the whole line it's on
 	function isSelectionPoint(s: SourceSelection): boolean {

src/lib/components/AnnotationEditor/live.svelte.ts

 import { getDb } from '$lib/surreal.svelte';
 
-const liveEvaluation = async (evalId: string) => {
-	// const db = await getDb();
-	// await db.signin({username: "root", password: "root"});
-	// db.live()
+export const liveEvaluation = async (evalId: string) => {
+	const db = await getDb();
+	await db.signin({ username: 'root', password: 'root' });
+
+	const queryId = await db.live(
+		'evaluation',
+		(action, result) => {
+			if (action === 'CLOSE') console.log('Closing live connection');
+			if (action === 'UPDATE') console.log(result);
+		},
+		false
+	);
+
+	return queryId;
 };

src/lib/surreal.svelte.ts

@@ -17,7 +17,7 @@ type DbConfig = {
 };
 
 const DEFAULT_CONFIG: DbConfig = {
-	url: 'http://localhost:8000',
+	url: 'ws://localhost:8000/rpc',
 	namespace: 'grady',
 	database: 'dev'
 };

src/routes/(app)/submission/[id]/eval/+page.svelte

@@ -5,6 +5,7 @@
 	import { annotateSubmission } from '$lib/db/queries';
 	import { RecordId, StringRecordId } from 'surrealdb';
 	import type { PageProps } from './$types';
+	import { onDestroy, onMount } from 'svelte';
 	('$lib/components/AnnotationEditor');
 
 	// TODO live query
@@ -14,7 +15,7 @@
 	const hasOngoingEvaluation = $derived(data.evaluation !== null);
 
 	const onSave = async (annotation: Annotation) => {
-		await annotateSubmission(new StringRecordId(data.evaluation.id), annotation);
+		//await annotateSubmission(new StringRecordId(data.evaluation.id), annotation);
 	};
 
 	function formatJson(obj: any) {