feat: Refactor configuration handling by introducing config module fo…

…r environment variables

src/components/FetchData.tsx

@@ -7,17 +7,18 @@ import TableContainer from "./TableContainer.tsx";
 import LoaderContainer from "./LoaderContainer.tsx";
 // Types
 import type { CompletePrediction } from "@typos/teamPrediction";
+// Config
+import { PUBLIC_TOKEN } from '@config/config.ts'
 
 export default function FetchData() {
   const [results, setResults] = useState<CompletePrediction[]>([]);
   const [loading, setLoading] = useState<Boolean>(true);
 
   useEffect(() => {
-    const TOKEN = import.meta.env.PUBLIC_TOKEN;
 
     fetch("/api/team-info.json", {
       headers: {
-        Authorization: TOKEN,
+        Authorization: PUBLIC_TOKEN,
       },
     })
       .then((response) => {

src/config/config.ts

@@ -0,0 +1,2 @@
+export const { SECRET_KEY, DATABASE_URL, DATABASE_TOKEN, PUBLIC_TOKEN } =
+  import.meta.env;

src/lib/auth.ts

@@ -1,6 +1,5 @@
 import jwt from "jsonwebtoken";
-
-const SECRET_KEY = import.meta.env.SECRET_KEY;
+import { SECRET_KEY } from "@config/config";
 
 export const createToken = (payload: any) => {
   return jwt.sign(payload, SECRET_KEY);

src/lib/users.ts

@@ -1,10 +1,11 @@
 import bcrypt from "bcryptjs";
 import { createClient } from "@libsql/client";
 import type { User } from "@typos/user";
+import { DATABASE_URL, DATABASE_TOKEN } from "@config/config";
 
 const client = createClient({
-  url: import.meta.env.DATABASE_URL ?? "",
-  authToken: import.meta.env.DATABASE_TOKEN ?? "",
+  url: DATABASE_URL ?? "",
+  authToken: DATABASE_TOKEN ?? "",
 });
 
 export const addUser = async (email: string, password: string) => {

tsconfig.json

@@ -10,7 +10,8 @@
       "@assets/*": ["./src/assets/*"],
       "@layouts/*": ["./src/layouts/*"],
       "@styles/*": ["./src/components/styles/*"],
-      "@libs/*": ["./src/lib/*"]
+      "@libs/*": ["./src/lib/*"],
+      "@config/*": ["./src/config/*"]
     },
     "jsx": "react-jsx",
     "jsxImportSource": "react"