From 9fe95cf36ea0732d456063972eb1fd288b3fc926 Mon Sep 17 00:00:00 2001
From: light7734 <light7734@tuta.io>
Date: Sat, 18 Oct 2025 22:43:18 +0330
Subject: [PATCH] refactor(project): load data from json

---
 src/routes/+page.svelte          | 49 ++++++++++++++++----------------
 src/routes/project.svelte        | 36 ++++++++++++++---------
 src/routes/projects/bonfire.json |  9 ++++++
 src/routes/projects/dazzle.json  |  8 ++++++
 src/routes/projects/hikari.json  |  8 ++++++
 src/routes/projects/light.json   |  7 +++++
 6 files changed, 79 insertions(+), 38 deletions(-)
 create mode 100644 src/routes/projects/bonfire.json
 create mode 100644 src/routes/projects/dazzle.json
 create mode 100644 src/routes/projects/hikari.json
 create mode 100644 src/routes/projects/light.json

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8c87a50..7c09236 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,16 +1,28 @@
-<script>
+<script lang="ts">
+	function json_to_project(json: any) {
+		return {
+			title: json.title,
+			forge: json.forge,
+			codeberg: json.codeberg,
+			github: json.github,
+			gitlab: json.gitlab
+		};
+	}
+
 	import Project from './project.svelte';
 	import Bio from './bio.svelte';
-	import LanguageStats from './languages.svelte';
 	import ThemeToggle from './theme.svelte';
-	import TiltCard from './tiltcard.svelte';
+
+	import * as light from './projects/light.json';
+	import * as dazzle from './projects/dazzle.json';
+	import * as bonfire from './projects/bonfire.json';
+	import * as hikari from './projects/hikari.json';
 
 	import { Github, Gitlab, Code, GitBranch } from 'lucide-svelte';
-	const repository = {
-		label: 'Repository',
-		url: 'https://git.light7734.com/light7734/light',
-		iconComponent: GitBranch
-	};
+	const light_data = json_to_project(light);
+	const dazzle_data = json_to_project(dazzle);
+	const bonfire_data = json_to_project(bonfire);
+	const hikari_data = json_to_project(hikari);
 
 	const mirrors = [
 		{ label: 'Github', url: 'https://github.com/light7734/light', iconComponent: Github },
@@ -29,11 +41,6 @@
 
 	const features = ['MSAA', 'SSAO', 'PBR Lighting'];
 
-	const languages = [{ name: 'C++23', icon: 'cplusplus.svg' }, { name: 'CMake' }];
-
-	const graphicsApis = ['Vulkan', 'Metal', 'DirectX12'];
-
-	const cicd = ['Drone', 'Docker'];
 	const lorem_ipsum =
 		'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum';
 </script>
@@ -64,7 +71,7 @@
 			headline="Dependency free, cross-platform and feature-rich 3D game engine."
 			description={lorem_ipsum}
 			icon="/light.svg"
-			{repository}
+			data={light_data}
 			{mirrors}
 			{gallery}
 			{features}
@@ -76,7 +83,7 @@
 			headline="Best way to learn is to teach, here be my articles."
 			description={lorem_ipsum}
 			icon="/signature.svg"
-			{repository}
+			data={dazzle_data}
 			{mirrors}
 			{gallery}
 			{features}
@@ -88,7 +95,7 @@
 			headline="You're enjoying its warmth on your eyes! :D"
 			description={lorem_ipsum}
 			icon="/signature.svg"
-			{repository}
+			data={bonfire_data}
 			{mirrors}
 			{gallery}
 			{features}
@@ -100,7 +107,7 @@
 			headline="Toy raytracer written in Rust using Vulkan"
 			description={lorem_ipsum}
 			icon="/hikari.svg"
-			{repository}
+			data={hikari_data}
 			{mirrors}
 			{gallery}
 			{features}
@@ -123,13 +130,9 @@
 			headline="C++ Engineer"
 			description={lorem_ipsum}
 			icon="/bitwyre-white.svg"
-			{repository}
 			{mirrors}
 			{gallery}
 			{features}
-			{languages}
-			{graphicsApis}
-			{cicd}
 		/>
 		<br />
 
@@ -138,13 +141,9 @@
 			headline="C++ Engineer"
 			description={lorem_ipsum}
 			icon=""
-			{repository}
 			{mirrors}
 			{gallery}
 			{features}
-			{languages}
-			{graphicsApis}
-			{cicd}
 		/>
 		<br />
 
diff --git a/src/routes/project.svelte b/src/routes/project.svelte
index 1de0822..ad07e9d 100644
--- a/src/routes/project.svelte
+++ b/src/routes/project.svelte
@@ -1,6 +1,17 @@
+<script context="module">
+</script>
+
 <script lang="ts">
 	import { ChevronDown, ChevronUp, ExternalLink, BookText } from 'lucide-svelte';
 
+	interface ProjectData {
+		title: string | undefined;
+		forge: string | undefined;
+		codeberg: string | undefined;
+		github: string | undefined;
+		gitlab: string | undefined;
+	}
+
 	import LanguageStats from './languages.svelte';
 	import TiltCard from './tiltcard.svelte';
 
@@ -17,6 +28,8 @@
 		icon?: string;
 	}
 
+	export let data: ProjectData = { title: '', forge: '', codeberg: '', github: '', gitlab: '' };
+
 	export let title: string;
 	export let headline: string;
 	export let description: string;
@@ -133,7 +146,6 @@
 				<h4 class="mb-1 font-medium">{title}'s Tech Stack':</h4>
 
 				<!-- GALLERY -->
-
 				<h3 class="text-muted-foreground mb-3 text-sm font-semibold uppercase tracking-wide">
 					Gallery
 				</h3>
@@ -144,7 +156,7 @@
 				</div>
 
 				<div class="mx-auto w-full py-4">
-					<LanguageStats repositoryUrl="https://github.com/light7734/light" />
+					<LanguageStats repositoryUrl={data.github ? data.github : ''} />
 				</div>
 
 				<div class="flex items-start justify-start gap-0">
@@ -180,17 +192,15 @@
 							Mirrors
 						</h3>
 						<div class="flex flex-wrap gap-3">
-							{#each mirrors as link}
-								<a
-									href={link.url}
-									target="_blank"
-									rel="noopener noreferrer"
-									class="text-accent-foreground flex items-center gap-1 transition-colors duration-200 hover:underline"
-								>
-									<svelte:component this={link.iconComponent} class="h-4 w-4" />
-									{link.label}
-								</a>
-							{/each}
+							<a
+								href={data.gitlab}
+								target="_blank"
+								rel="noopener noreferrer"
+								class="text-accent-foreground flex items-center gap-1 transition-colors duration-200 hover:underline"
+							>
+								<Gitlab class="h-4 w-4" />
+								"Gitlab"
+							</a>
 						</div>
 					</div>
 				</div>
diff --git a/src/routes/projects/bonfire.json b/src/routes/projects/bonfire.json
new file mode 100644
index 0000000..66a0121
--- /dev/null
+++ b/src/routes/projects/bonfire.json
@@ -0,0 +1,9 @@
+{
+    "title": "Bonfire",
+    "forge": "https://git.light7734.com/light7734/bonfire",
+    "codeberg": "https://codeberg.org/light7734/bonfire",
+    "github": "https://github.com/light7734/bonfire",
+    "gitlab": "https://gitlab.com/light7734/bonfire"
+}
+
+
diff --git a/src/routes/projects/dazzle.json b/src/routes/projects/dazzle.json
new file mode 100644
index 0000000..c20d169
--- /dev/null
+++ b/src/routes/projects/dazzle.json
@@ -0,0 +1,8 @@
+{
+    "title": "Dazzle",
+    "forge": "https://git.light7734.com/light7734/dazzle",
+    "codeberg": "https://codeberg.org/light7734/dazzle",
+    "github": "https://github.com/light7734/dazzle",
+    "gitlab": "https://gitlab.com/light7734/dazzle"
+}
+
diff --git a/src/routes/projects/hikari.json b/src/routes/projects/hikari.json
new file mode 100644
index 0000000..e092c67
--- /dev/null
+++ b/src/routes/projects/hikari.json
@@ -0,0 +1,8 @@
+{
+    "title": "Hikari",
+    "forge": "https://git.light7734.com/light7734/hikari",
+    "codeberg": "https://codeberg.org/light7734/hikari",
+    "github": "https://github.com/light7734/hikari",
+    "gitlab": "https://gitlab.com/light7734/hikari"
+}
+
diff --git a/src/routes/projects/light.json b/src/routes/projects/light.json
new file mode 100644
index 0000000..c09ee10
--- /dev/null
+++ b/src/routes/projects/light.json
@@ -0,0 +1,7 @@
+{
+    "title": "Light",
+    "forge": "https://git.light7734.com/light7734/light",
+    "codeberg": "https://codeberg.org/light7734/light",
+    "github": "https://github.com/light7734/light",
+    "gitlab": "https://gitlab.com/light7734/light"
+}