Merge pull request #4088 from systeminit/fix-docs-Ensure-docs-works-w…

…ith-DEV_HOST-and-DEV_PORT

fix(docs): Ensure docs works with DEV_HOST and DEV_PORT

app/docs/.env

@@ -0,0 +1,2 @@
+DEV_HOST=localhost
+DEV_PORT=5173

app/docs/BUCK

@@ -20,7 +20,7 @@ load(
 
 pnpm_task_binary(
     name = "dev",
-    command = "docs:dev",
+    command = "dev",
     srcs = glob(["src/**/*"]),
     path = "app/docs",
     deps = [

app/docs/package.json

@@ -4,7 +4,8 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "docs:dev": "vitepress dev src"
+    "dev": "pnpm run start",
+    "start": "vitepress dev src"
   },
   "devDependencies": {
     "@si/eslint-config": "workspace:*",
@@ -16,5 +17,8 @@
   },
   "volta": {
     "extends": "../../package.json"
+  },
+  "dependencies": {
+    "dotenv": "^16.0.3"
   }
 }

app/docs/src/.vitepress/config.ts

@@ -1,28 +1,33 @@
 import { defineConfig } from "vitepress";
+import dotenv from "dotenv";
 
-async function load() {
-  return defineConfig({
-    title: "System Initiative Docs",
-    description: "Description goes here",
-    markdown: {
-      theme: {
-        light: "github-light",
-        dark: "github-dark",
-      },
+dotenv.config();
+
+export default defineConfig({
+  title: "System Initiative Docs",
+  description: "Description goes here",
+  markdown: {
+    theme: {
+      light: "github-light",
+      dark: "github-dark",
     },
-    cleanUrls: true,
-    themeConfig: {
-      nav: [
-        { text: "Home", link: "/" },
-        { text: "Tutorials", link: "/tutorials/" },
-        { text: "Reference Docs", link: "/reference/" },
-        { text: "Changelog", link: "/changelog/" },
-      ],
-      search: {
-        provider: "local",
-      },
+  },
+  cleanUrls: true,
+  themeConfig: {
+    nav: [
+      { text: "Home", link: "/" },
+      { text: "Tutorials", link: "/tutorials/" },
+      { text: "Reference Docs", link: "/reference/" },
+      { text: "Changelog", link: "/changelog/" },
+    ],
+    search: {
+      provider: "local",
     },
-  });
-}
-
-export default load();
+  },
+  vite: {
+    server: {
+      host: process.env.DEV_HOST,
+      port: parseInt(process.env.DEV_PORT!, 10),
+    },
+  },
+});