upgrade to use create_context

Author: ryanatkn

.changeset/six-chairs-judge.md

@@ -0,0 +1,5 @@
+---
+'@ryanatkn/fuz_gitops': minor
+---
+
+upgrade to use `create_context`

package-lock.json

@@ -43,22 +43,22 @@
     "@ryanatkn/belt": "^0.25.0",
     "@ryanatkn/eslint-config": "^0.5.3",
     "@ryanatkn/fuz": "^0.127.0",
-    "@ryanatkn/gro": "^0.135.1",
+    "@ryanatkn/gro": "^0.135.2",
     "@ryanatkn/moss": "^0.16.1",
     "@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",
-    "svelte": "^5.0.0-next.257",
-    "svelte-check": "^4.0.2",
+    "prettier-plugin-svelte": "^3.2.7",
+    "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": {

package.json

@@ -2,9 +2,9 @@
 	import Library_Footer from '@ryanatkn/fuz/Library_Footer.svelte';
 	import Breadcrumb from '@ryanatkn/fuz/Breadcrumb.svelte';
 
-	import {get_repos} from '$lib/repo.js';
+	import {repos_context} from '$lib/repo.js';
 
-	const {repo} = get_repos();
+	const {repo} = repos_context.get();
 </script>
 
 <section class="box mb_xl7">

src/lib/Page_Footer.svelte

@@ -1,4 +1,4 @@
-import {getContext, setContext} from 'svelte';
+import {create_context} from '@ryanatkn/fuz/context_helpers.js';
 import type {Package_Meta} from '@ryanatkn/gro/package_meta.js';
 
 import {Github_Check_Runs_Item, type Github_Pull_Request} from '$lib/github.js';
@@ -13,11 +13,7 @@ export interface Repos {
 	repos: Repo[];
 }
 
-const KEY = Symbol('Repos');
-
-export const set_repos = (repos: Repos): Repos => setContext(KEY, repos);
-
-export const get_repos = (): Repos => getContext(KEY);
+export const repos_context = create_context<Repos>();
 
 export const parse_repos = (repos: Repo[], homepage_url: string): Repos => {
 	// We expect to find this because it's sourced from the local package.json

src/lib/repo.ts

@@ -11,7 +11,7 @@
 
 	import Settings from '$routes/Settings.svelte';
 	import {repos} from '$routes/repos.js';
-	import {parse_repos, set_repos} from '$lib/repo.js';
+	import {parse_repos, repos_context} from '$lib/repo.js';
 
 	interface Props {
 		children: Snippet;
@@ -21,7 +21,7 @@
 
 	const contextmenu = new Contextmenu_State();
 
-	set_repos(parse_repos(repos, 'https://gitops.fuz.dev/'));
+	repos_context.set(parse_repos(repos, 'https://gitops.fuz.dev/'));
 
 	let show_settings = $state(false);
 </script>

src/routes/+layout.svelte

@@ -4,9 +4,9 @@
 	import {base} from '$app/paths';
 
 	import Main_Header from '$routes/Main_Header.svelte';
-	import {get_repos} from '$lib/repo.js';
+	import {repos_context} from '$lib/repo.js';
 
-	const {repo} = get_repos();
+	const {repo} = repos_context.get();
 </script>
 
 <svelte:head>

src/routes/+page.svelte

@@ -2,11 +2,11 @@
 	import Package_Detail from '@ryanatkn/fuz/Package_Detail.svelte';
 	import Community_Links_Panel from '@ryanatkn/fuz/Community_Links_Panel.svelte';
 
-	import {get_repos} from '$lib/repo.js';
+	import {repos_context} from '$lib/repo.js';
 	import Page_Footer from '$lib/Page_Footer.svelte';
 	import Page_Header from '$lib/Page_Header.svelte';
 
-	const {repo} = get_repos();
+	const {repo} = repos_context.get();
 </script>
 
 <svelte:head>

src/routes/about/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import Modules_Page from '$lib/Modules_Page.svelte';
-	import {get_repos} from '$lib/repo.js';
+	import {repos_context} from '$lib/repo.js';
 
-	const {repo, repos} = get_repos();
+	const {repo, repos} = repos_context.get();
 </script>
 
 <Modules_Page {repo} {repos} />

src/routes/modules/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import Pull_Requests_Page from '$lib/Pull_Requests_Page.svelte';
-	import {get_repos} from '$lib/repo.js';
+	import {repos_context} from '$lib/repo.js';
 
-	const {repo, repos} = get_repos();
+	const {repo, repos} = repos_context.get();
 </script>
 
 <Pull_Requests_Page {repo} {repos} filter_pull_request={(pull) => pull.user.login === 'ryanatkn'} />