chore: use resolve even more, faster toString

Author: WarningImHack3r

src/routes/+layout.svelte

@@ -127,22 +127,22 @@
 					alt="Svelte"
 					class="size-8"
 				/>
-				{#if !page.route.id?.startsWith("/devlog")}
+				{#if !page.route.id?.startsWith(resolve("/devlog"))}
 					<span class="hidden text-xl font-semibold text-shadow-xs/10 xs:inline-block">
 						<span class="font-display">Svelte</span>
 						<span class="text-primary">Changelog</span>
 					</span>
 				{/if}
 			</a>
-			{#if page.route.id?.startsWith("/devlog")}
+			{#if page.route.id?.startsWith(resolve("/devlog"))}
 				<div class="mx-4 h-8 w-0.5 rotate-25 rounded-full bg-muted-foreground/40"></div>
 				<span class="text-xl font-semibold">Blog</span>
 			{/if}
 
 			<!-- Navigation -->
-			{#if !page.route.id?.startsWith("/devlog")}
+			{#if !page.route.id?.startsWith(resolve("/devlog"))}
 				<ul class="ml-6 hidden sm:flex">
-					{#each [{ link: "/packages", title: "Packages" }, { link: "/tracker", title: "Tracker" }, { link: "/devlog", title: "Devlog" }] as { link, title } (link)}
+					{#each [{ link: resolve("/packages"), title: "Packages" }, { link: resolve("/tracker"), title: "Tracker" }, { link: resolve("/devlog"), title: "Devlog" }] as { link, title } (link)}
 						{@const disabled = page.url.pathname.startsWith(link)}
 						<li>
 							<Button

src/routes/+page.server.ts

@@ -1,10 +1,11 @@
 import { redirect } from "@sveltejs/kit";
+import { resolve } from "$app/paths";
 
 export async function load({ parent }) {
 	const { displayablePackages } = await parent();
 	const firstCategory = displayablePackages[0];
-	if (!firstCategory) redirect(307, "/packages");
+	if (!firstCategory) redirect(307, resolve("/packages"));
 	const firstPackage = firstCategory.packages[0];
-	if (!firstPackage) redirect(307, "/packages");
-	redirect(307, `/package/${firstPackage.pkg.name}`);
+	if (!firstPackage) redirect(307, resolve("/packages"));
+	redirect(307, resolve("/package/[...package]", { package: firstPackage.pkg.name }));
 }

src/routes/[pid=pid]/+page.server.ts

@@ -1,5 +1,6 @@
 import { redirect } from "@sveltejs/kit";
+import { resolve } from "$app/paths";
 
 export function load() {
-	redirect(308, "/");
+	redirect(308, resolve("/"));
 }

src/routes/[pid=pid]/[org]/+page.server.ts

@@ -1,5 +1,6 @@
 import { redirect } from "@sveltejs/kit";
+import { resolve } from "$app/paths";
 
 export function load() {
-	redirect(308, "/");
+	redirect(308, resolve("/"));
 }

src/routes/[pid=pid]/[org]/[repo]/+page.server.ts

@@ -1,5 +1,6 @@
 import { redirect } from "@sveltejs/kit";
+import { resolve } from "$app/paths";
 
 export function load() {
-	redirect(308, "/");
+	redirect(308, resolve("/"));
 }

src/routes/[pid=pid]/[org]/[repo]/[id=number]/+page.server.ts

@@ -1,4 +1,5 @@
 import { error, redirect } from "@sveltejs/kit";
+import { resolve } from "$app/paths";
 import { publicRepos } from "$lib/repositories";
 import { githubCache } from "$lib/server/github-cache";
 import type { BranchCommit } from "$lib/types";
@@ -14,7 +15,7 @@ export async function load({ params, fetch }) {
 
 	const realType = "commits" in item ? "pull" : "category" in item.info ? "discussions" : "issues";
 	if (type !== realType) {
-		redirect(307, `/${realType}/${org}/${repo}/${id}`);
+		redirect(307, resolve("/[pid=pid]/[org]/[repo]/[id=number]", { pid: realType, org, repo, id }));
 	}
 
 	const matchingRepo = publicRepos.find(r => r.repoOwner === org && r.repoName === repo);

src/routes/[pid=pid]/[org]/[repo]/[id=number]/PageRenderer.svelte

@@ -227,7 +227,7 @@
 	 * Returns the previous page to go back to
 	 */
 	function getPreviousPath() {
-		if (!browser || !document.referrer) return "/";
+		if (!browser || !document.referrer) return resolve("/");
 		return new URL(document.referrer).pathname;
 	}
 </script>
@@ -269,7 +269,7 @@
 	</h3>
 	<Accordion.Root type="single" class="mb-12">
 		{#each linkedEntities as entity (entity.number)}
-			<Accordion.Item value={entity.number.toString()}>
+			<Accordion.Item value={`${entity.number}`}>
 				<Accordion.Trigger class="group hover:no-underline [&>svg:last-child]:shrink-0">
 					<div class="mr-2 flex w-full flex-col gap-4 xs:gap-2 md:flex-row md:gap-14">
 						<!-- Title -->
@@ -660,7 +660,7 @@
 	<Button href={getPreviousPath()} variant="link" class="group mr-auto gap-0 md:mr-0">
 		<ChevronLeft class="mr-1 size-4 transition-transform duration-300 group-hover:-translate-x-1" />
 		Back
-		{#if getPreviousPath() === "/"}
+		{#if getPreviousPath() === resolve("/")}
 			to homepage
 		{/if}
 	</Button>

src/routes/devlog/+page.server.ts

@@ -1,5 +1,6 @@
 import { redirect } from "@sveltejs/kit";
+import { resolve } from "$app/paths";
 
 export function load() {
-	redirect(307, "/devlog/v2");
+	redirect(307, resolve("/devlog/v2"));
 }

src/routes/package/+page.server.ts

@@ -1,5 +1,6 @@
 import { redirect } from "@sveltejs/kit";
+import { resolve } from "$app/paths";
 
 export function load() {
-	redirect(307, "/packages");
+	redirect(307, resolve("/packages"));
 }

src/routes/package/[...package]/+page.svelte

@@ -75,7 +75,7 @@
 				const maxDate = lastUpdateDate?.getTime() ?? aWeekAgo;
 				return creationTimestamp > maxDate;
 			})
-			.map(({ id }) => id.toString());
+			.map(({ id }) => `${id}`);
 	});
 
 	// Hash management