Fixed stale state references.

Author: amyjko

CHANGELOG

@@ -5,6 +5,10 @@ Dates should be in`YYYY-MM-DD` format and versions are in [semantic versioning](
 
 ## v0.8.4
 
+### Fixed
+
+- Fixed stale state references.
+
 ### Maintenance
 
 - Updated minor versions of Supabase, Svelte, SvelteKit, vite, vitest.

src/lib/ARCI.svelte

@@ -16,7 +16,8 @@
 
 	let { roles, how, verbose, editable }: Props = $props();
 
-	const db = getDB();
+	const dbContext = getDB();
+	const db = $derived(dbContext());
 
 	let options = $derived([
 		...roles

src/lib/ChangeLink.svelte

@@ -17,7 +17,7 @@
 	let { change, role = null, process = null, wrap }: Props = $props();
 
 	const context = getOrg();
-	let org = $derived(context.org);
+	let org = $derived(context().org);
 </script>
 
 {#if change === undefined}<Oops inline text="Unknown change" />{:else}<Link

src/lib/Changes.svelte

@@ -40,15 +40,16 @@
 	let { changes, profiles, children }: Props = $props();
 
 	const context = getOrg();
-	let org = $derived(context.org);
+	let org = $derived(context().org);
 
-	const db = getDB();
+	const dbContext = getDB();
+	const db = $derived(dbContext());
 
 	const user = getUser();
 	const Levels = { triage: 0, active: 1, blocked: 2, done: 4, backlog: 3, declined: 5 };
 
 	let visible = $derived(
-		($user === null && org.visibility === 'public') || ($user !== null && context.member)
+		($user === null && org.visibility === 'public') || ($user !== null && context().member)
 	);
 
 	let filterText = $state(getInitialTextFilter());

src/lib/CommentView.svelte

@@ -22,13 +22,16 @@
 	let { comment, profiles, remove }: Props = $props();
 
 	const context = getOrg();
-	const db = getDB();
+
+	const dbContext = getDB();
+	const db = $derived(dbContext());
+
 	const user = getUser();
 
 	// Feedback on deletion.
 	let deleting = $state(false);
 
-	let admin = $derived($user && context.admin);
+	let admin = $derived($user && context().admin);
 </script>
 
 {#if !deleting}

src/lib/CommentsView.svelte

@@ -18,7 +18,8 @@
 
 	let { comments, profiles, remove }: Props = $props();
 
-	const db = getDB();
+	const dbContext = getDB();
+	const db = $derived(dbContext());
 
 	let show = $state(false);
 </script>

src/lib/HowView.svelte

@@ -22,7 +22,8 @@
 
 	let { how, hows, roles, process, editable }: Props = $props();
 
-	const db = getDB();
+	const dbContext = getDB();
+	const db = $derived(dbContext());
 
 	const focusID = getContext<Writable<string | undefined>>('focusID');
 

src/lib/LinkView.svelte

@@ -17,15 +17,15 @@
 
 	// Does the link correspond to a role short name?
 	let role = $derived(
-		context.shortRoles.find(
+		context().shortRoles.find(
 			(role) =>
 				role.short.some((name) => name.toLocaleLowerCase() === lowerURL) ||
 				role.title.toLocaleLowerCase() === lowerURL
 		)
 	);
 	// Does the link correspond to a process short name?
 	let process = $derived(
-		context.shortProcesses.find(
+		context().shortProcesses.find(
 			(process) =>
 				process.short.some((name) => name.toLocaleLowerCase() === lowerURL) ||
 				process.title.toLocaleLowerCase() === lowerURL

src/lib/NewComment.svelte

@@ -13,9 +13,12 @@
 		submitted = undefined
 	}: { change: ChangeRow; submitted?: (comment: string) => void } = $props();
 
-	const db = getDB();
-	const context = getOrg();
-	let org = $derived(context.org);
+	const dbContext = getDB();
+	const db = $derived(dbContext());
+
+	const orgContext = getOrg();
+	let org = $derived(orgContext().org);
+
 	let newComment: string = $state('');
 	let submitting = $state(false);
 
@@ -43,7 +46,7 @@
 	}
 </script>
 
-{#if $user && context.member}
+{#if $user && orgContext().member}
 	<Form active={!submitting} inactiveMessage={undefined} action={() => submitComment()}>
 		<Labeled label="Have a comment?">
 			<MarkupView bind:markup={newComment} placeholder="Add a comment" editing />

src/lib/NewOrganization.svelte

@@ -8,7 +8,9 @@
 	import { addError } from '$routes/errors.svelte';
 	import { getDB } from '$routes/+layout.svelte';
 
-	const db = getDB();
+	const dbContext = getDB();
+	const db = $derived(dbContext());
+
 	const user = getUser();
 
 	let submitting = $state(false);