upgrade dev deps

package.json

@@ -36,23 +36,23 @@
     "@ryanatkn/eslint-config": "^0.5.3",
     "@ryanatkn/fuz": "^0.127.0",
     "@ryanatkn/fuz_code": "^0.19.0",
-    "@ryanatkn/gro": "^0.135.1",
+    "@ryanatkn/gro": "^0.135.2",
     "@sveltejs/adapter-static": "^3.0.5",
-    "@sveltejs/kit": "^2.5.28",
+    "@sveltejs/kit": "^2.6.0",
     "@sveltejs/package": "^2.3.5",
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
-    "@types/node": "^22.5.5",
-    "eslint": "^9.11.0",
-    "eslint-plugin-svelte": "^2.44.0",
+    "@types/node": "^22.7.4",
+    "eslint": "^9.11.1",
+    "eslint-plugin-svelte": "^2.44.1",
     "prettier": "^3.3.3",
-    "prettier-plugin-svelte": "^3.2.6",
+    "prettier-plugin-svelte": "^3.2.7",
     "prism-svelte": "^0.5.0",
     "prismjs": "^1.29.0",
-    "svelte": "^5.0.0-next.257",
-    "svelte-check": "^4.0.2",
+    "svelte": "^5.0.0-next.260",
+    "svelte-check": "^4.0.3",
     "tslib": "^2.7.0",
     "typescript": "^5.6.2",
-    "typescript-eslint": "^8.6.0",
+    "typescript-eslint": "^8.7.0",
     "uvu": "^0.5.6"
   },
   "prettier": {

src/routes/+layout.svelte

@@ -9,7 +9,7 @@
 	import Spiders from '@ryanatkn/fuz/Spiders.svelte';
 	import 'prismjs'; // TODO why needed? shouldn't fuz_code handle this? Vite config problem?
 
-	import {set_pkg} from '$routes/pkg.js';
+	import {pkg_context} from '$routes/pkg.js';
 	import {package_json, src_json} from '$routes/package.js';
 	// TODO re-enable this, see comment below
 	// import Contextmenu_Root from '$lib/Contextmenu_Root.svelte';
@@ -23,7 +23,7 @@
 
 	const {children}: Props = $props();
 
-	set_pkg(parse_package_meta(package_json, src_json));
+	pkg_context.set(parse_package_meta(package_json, src_json));
 
 	// let show_settings = $state(false);
 </script>

src/routes/+page.svelte

@@ -6,10 +6,10 @@
 	import {moss_logo} from '@ryanatkn/fuz/logos.js';
 	import Hidden_Personal_Links from '@ryanatkn/fuz/Hidden_Personal_Links.svelte';
 
-	import {get_pkg} from '$routes/pkg.js';
+	import {pkg_context} from '$routes/pkg.js';
 	import Introduction from '$routes/Introduction.svelte';
 
-	const pkg = get_pkg();
+	const pkg = pkg_context.get();
 </script>
 
 <main class="box mb_xl7">

src/routes/Style_Variable_Button.svelte

@@ -3,7 +3,7 @@
 	import type {Snippet} from 'svelte';
 
 	import {default_variables} from '$lib/variables.js';
-	import {get_selected_variable} from '$routes/style_variable_helpers.svelte.js';
+	import {selected_variable_context} from '$routes/style_variable_helpers.svelte.js';
 
 	interface Props {
 		name: string; // TODO type? generate from `tomes`? or keep extensible?
@@ -26,7 +26,7 @@
 		return v;
 	});
 
-	const selected_variable = get_selected_variable();
+	const selected_variable = selected_variable_context.get();
 </script>
 
 <button

src/routes/about/+page.svelte

@@ -6,9 +6,9 @@
 	import Svg from '@ryanatkn/fuz/Svg.svelte';
 	import {moss_logo} from '@ryanatkn/fuz/logos.js';
 
-	import {get_pkg} from '$routes/pkg.js';
+	import {pkg_context} from '$routes/pkg.js';
 
-	const pkg = get_pkg();
+	const pkg = pkg_context.get();
 
 	// TODO standardize
 </script>

src/routes/library/+layout.svelte

@@ -6,9 +6,9 @@
 	import {moss_logo} from '@ryanatkn/fuz/logos.js';
 
 	import {tomes} from '$routes/library/tomes.js';
-	import {set_selected_variable} from '$routes/style_variable_helpers.svelte.js';
+	import {selected_variable_context} from '$routes/style_variable_helpers.svelte.js';
 	import Style_Variable_Detail from '$routes/Style_Variable_Detail.svelte';
-	import {get_pkg} from '$routes/pkg.js';
+	import {pkg_context} from '$routes/pkg.js';
 	import Unfinished_Implementation_Warning from '$routes/library/Unfinished_Implementation_Warning.svelte';
 
 	interface Props {
@@ -17,9 +17,9 @@
 
 	const {children}: Props = $props();
 
-	const selected_variable = set_selected_variable();
+	const selected_variable = selected_variable_context.set();
 
-	const pkg = get_pkg();
+	const pkg = pkg_context.get();
 </script>
 
 <Library {tomes} {pkg}>

src/routes/library/+page.svelte

@@ -2,13 +2,13 @@
 	import Library_Content from '@ryanatkn/fuz/Library_Content.svelte';
 	import {get_tomes} from '@ryanatkn/fuz/tome.js';
 
-	import {get_pkg} from '$routes/pkg.js';
+	import {pkg_context} from '$routes/pkg.js';
 
 	const tomes_by_name = get_tomes();
 
 	const tomes = Array.from(tomes_by_name.values());
 
-	const pkg = get_pkg();
+	const pkg = pkg_context.get();
 </script>
 
 <Library_Content {tomes} {pkg}>

src/routes/package.ts

@@ -35,23 +35,23 @@ export const package_json = {
 		'@ryanatkn/eslint-config': '^0.5.3',
 		'@ryanatkn/fuz': '^0.127.0',
 		'@ryanatkn/fuz_code': '^0.19.0',
-		'@ryanatkn/gro': '^0.135.1',
+		'@ryanatkn/gro': '^0.135.2',
 		'@sveltejs/adapter-static': '^3.0.5',
-		'@sveltejs/kit': '^2.5.28',
+		'@sveltejs/kit': '^2.6.0',
 		'@sveltejs/package': '^2.3.5',
 		'@sveltejs/vite-plugin-svelte': '^3.1.2',
-		'@types/node': '^22.5.5',
-		eslint: '^9.11.0',
-		'eslint-plugin-svelte': '^2.44.0',
+		'@types/node': '^22.7.4',
+		eslint: '^9.11.1',
+		'eslint-plugin-svelte': '^2.44.1',
 		prettier: '^3.3.3',
-		'prettier-plugin-svelte': '^3.2.6',
+		'prettier-plugin-svelte': '^3.2.7',
 		'prism-svelte': '^0.5.0',
 		prismjs: '^1.29.0',
-		svelte: '^5.0.0-next.257',
-		'svelte-check': '^4.0.2',
+		svelte: '^5.0.0-next.260',
+		'svelte-check': '^4.0.3',
 		tslib: '^2.7.0',
 		typescript: '^5.6.2',
-		'typescript-eslint': '^8.6.0',
+		'typescript-eslint': '^8.7.0',
 		uvu: '^0.5.6',
 	},
 	prettier: {

src/routes/pkg.ts

@@ -1,8 +1,4 @@
 import type {Package_Meta} from '@ryanatkn/gro/package_meta.js';
-import {getContext, setContext} from 'svelte';
+import {create_context} from '@ryanatkn/fuz/context_helpers.js';
 
-const KEY = Symbol('pkg');
-
-export const set_pkg = (pkg: Package_Meta): Package_Meta => setContext(KEY, pkg);
-
-export const get_pkg = (): Package_Meta => getContext(KEY);
+export const pkg_context = create_context<Package_Meta>();

src/routes/style_variable_helpers.svelte.ts

@@ -1,4 +1,4 @@
-import {getContext, setContext} from 'svelte';
+import {create_context} from '@ryanatkn/fuz/context_helpers.js';
 
 import type {Style_Variable} from '$lib/variable.js';
 
@@ -12,11 +12,4 @@ export class Selected_Style_Variable {
 	}
 }
 
-const SELECTED_VARIABLE_KEY = Symbol('selected_variable');
-
-export const set_selected_variable = (
-	value = new Selected_Style_Variable(null),
-): Selected_Style_Variable => setContext(SELECTED_VARIABLE_KEY, value);
-
-export const get_selected_variable = (): Selected_Style_Variable =>
-	getContext(SELECTED_VARIABLE_KEY);
+export const selected_variable_context = create_context(() => new Selected_Style_Variable(null));