V1.3.0

.env.example

@@ -0,0 +1,6 @@
+VITE_APP_NAME="Reforge"
+VITE_ENABLE_PWA=true
+VITE_THEME_ACCENT_COLOR='#18181b'
+VITE_THEME_SIDEBAR_LAYOUT='top' # mix | top | side
+VITE_SHOW_BREADCRUMB=false
+VITE_BACKEND_API_URL=https://reqres.in/api

.gitignore

@@ -22,3 +22,10 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local

README.md

@@ -79,7 +79,6 @@ Settings including app name, theme color, meta tags, etc. can be controlled from
 //config.ts
 const CONFIG = {
   appName: 'Reforge',
-  helpLink: 'https://github.com/arifszn/reforge',
   enablePWA: true,
   theme: {
     accentColor: '#818cf8',

config.ts

@@ -1,4 +1,6 @@
-//config.ts
+import { loadEnv } from 'vite';
+
+process.env = { ...process.env, ...loadEnv('all', process.cwd()) };
 
 enum LayoutType {
   MIX = 'mix',
@@ -7,13 +9,12 @@ enum LayoutType {
 }
 
 const CONFIG = {
-  appName: 'Reforge',
-  helpLink: 'https://github.com/arifszn/reforge',
-  enablePWA: true,
+  appName: process.env.VITE_APP_NAME || 'Reforge',
+  enablePWA: process.env.VITE_ENABLE_PWA !== 'false',
   theme: {
-    accentColor: '#818cf8',
-    sidebarLayout: LayoutType.MIX,
-    showBreadcrumb: true,
+    accentColor: process.env.VITE_THEME_ACCENT_COLOR || '#18181b',
+    sidebarLayout: process.env.VITE_THEME_SIDEBAR_LAYOUT || LayoutType.TOP,
+    showBreadcrumb: process.env.VITE_SHOW_BREADCRUMB === 'true',
   },
   metaTags: {
     title: 'Reforge',

global.d.ts

@@ -10,11 +10,6 @@ declare const CONFIG: {
    */
   appName: string;
 
-  /**
-   * Help link at the navbar
-   */
-  helpLink: string;
-
   /**
    * Enable Progressive Web App
    */