Refactored lib

src/lib/constants.ts

@@ -6,4 +6,11 @@ export const SITE_DESCRIPTION =
 export const BASE_URL = env["PUBLIC_BASE_URL"] || "http://localhost:5173";
 export const BRAND_COLOR = "#c41313";
 
-export default { SITE_NAME, SITE_DESCRIPTION, BASE_URL, BRAND_COLOR };
+const constants = { SITE_NAME, SITE_DESCRIPTION, BASE_URL, BRAND_COLOR };
+
+export function insertInto(text: string): string {
+  for (const [key, value] of Object.entries(constants)) {
+    text = text.replaceAll("%" + key + "%", value);
+  }
+  return text;
+}

src/routes/+layout.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { page } from "$app/stores";
-  import LogoText from "$lib/LogoText.svelte";
+  import LogoText from "$lib/components/LogoText.svelte";
   import { title } from "$lib/title";
   import { BRAND_COLOR } from "$lib/constants";
   const links: { [key: string]: string } = {

src/routes/+page.svelte

@@ -1,6 +1,7 @@
 <script>
   import { title } from "$lib/title";
-  import Slideshow from "$lib/Slideshow.svelte";
+  import Slideshow from "$lib/components/Slideshow.svelte";
+
   title.set("Home");
 </script>
 

src/routes/robots.txt/+server.ts

@@ -1,7 +1,7 @@
 import type { RequestHandler } from "@sveltejs/kit";
 import robots from "./robots.txt?raw";
-import insert_constants from "$lib/insert_constants";
+import { insertInto } from "$lib/constants";
 
 export const GET: RequestHandler = async () => {
-  return new Response(insert_constants(robots));
+  return new Response(insertInto(robots));
 };

src/routes/site.webmanifest/+server.ts

@@ -1,7 +1,7 @@
 import type { RequestHandler } from "@sveltejs/kit";
 import manifest from "./site.webmanifest?raw";
-import insert_constants from "$lib/insert_constants";
+import { insertInto } from "$lib/constants";
 
 export const GET: RequestHandler = async () => {
-  return new Response(insert_constants(manifest));
+  return new Response(insertInto(manifest));
 };