chore: parse logos config

Author: openscript

apps/frontend/package.json

@@ -36,6 +36,7 @@
   },
   "devDependencies": {
     "@anolilab/unplugin-favicons": "^1.0.5",
+    "@sinclair/typebox": "^0.34.33",
     "@tanstack/router-devtools": "^1.114.31",
     "@tanstack/router-plugin": "^1.114.31",
     "@testing-library/jest-dom": "^6.6.3",

apps/frontend/src/routes/__root.tsx

@@ -29,17 +29,20 @@ import { DefaultError, useQueryClient } from "@tanstack/react-query";
 import { i18n } from "../stores/i18n";
 import { C } from "../configuration";
 import logo from "/logo.svg";
+import { LogosConfig, logosConfigSchema } from "../schemas/logosConfigSchema";
+import { Value } from "@sinclair/typebox/value";
 
 const messages = i18n("RootRoute", {
   title: "Home",
 });
 
-let logos;
+let logos: LogosConfig;
+
 try {
-  logos = JSON.parse(C.env.logos);
+  logos = Value.Parse(logosConfigSchema, JSON.parse(C.env.logos));
 } catch (error) {
   console.error("Failed to parse C.env.logos:", error);
-  logos = []; // Default fallback value
+  logos = [];
 }
 
 function Root() {

apps/frontend/src/schemas/logosConfigSchema.ts

@@ -0,0 +1,11 @@
+import { Type, type Static } from "@sinclair/typebox";
+
+export const logosConfigSchema = Type.Array(
+  Type.Object({
+    path: Type.String(),
+    alt: Type.String(),
+    url: Type.String(),
+  })
+);
+
+export type LogosConfig = Static<typeof logosConfigSchema>;