add dev mode conditionals

Author: maxwellward

backend/app.ts

@@ -7,8 +7,7 @@ import './env.js'
 
 
 var corsOptions = {
-	// origin: 'https://10.0.0.124:5173',
-	origin: 'https://lookatme.earth'
+	origin: process.env.NODE_ENV === 'development' ? 'https://10.0.0.124:5173' : 'https://lookatme.earth'
 }
 
 const limiter = rateLimit({
@@ -23,7 +22,7 @@ const router = new Router();
 
 app.use(router);
 
-const port = 5007
+const port = process.env.NODE_ENV === 'development' ? 3000 : 5007
 
 const API_KEY = process.env.NOAA_DECLINATION_API_KEY;
 

backend/env.ts

@@ -1,2 +1,4 @@
 import { config } from 'dotenv';
-config({ path: new URL('/app/variables/.env', import.meta.url).pathname });
+if (process.env.NODE_ENV !== 'development') {
+	config({ path: new URL('/app/variables/.env', import.meta.url).pathname });
+}

backend/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "build": "npx tsc",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "dev": "npx tsx watch app.ts"
+    "dev": "NODE_ENV=development npx tsx watch app.ts"
   },
   "author": "",
   "license": "ISC",

frontend/package-lock.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite --host",
+    "dev": "NODE_ENV=development vite --host",
     "build": "vue-tsc && vite build",
     "preview": "vite preview"
   },
@@ -18,6 +18,7 @@
     "vue": "^3.4.21"
   },
   "devDependencies": {
+    "@types/node": "^24.0.10",
     "@vitejs/plugin-vue": "^5.0.4",
     "typescript": "^5.2.2",
     "vite": "^5.2.0",

frontend/package.json

@@ -39,7 +39,7 @@ const partnerBearing = ref<number>(0);
 const backgroundClasses = ref<string>();
 const roomId = ref<string>();
 
-const { status, data, send, open } = useWebSocket('wss://api.lookatme.earth/realtime', {
+const { status, data, send, open } = useWebSocket(import.meta.env.DEV ? 'wss://10.0.0.124:5173/realtime' : 'wss://api.lookatme.earth/realtime', {
   immediate: false,
 });
 
@@ -87,7 +87,7 @@ const obtainRoughLocation = async () => {
 }
 
 const obtainDeclination = async (): Promise<number> => {
-  const { data } = await axios.get(`https://api.lookatme.earth/declination`, {
+  const { data } = await axios.get(import.meta.env.DEV ? '/api/declination' : 'https://api.lookatme.earth/declination', {
     params: {
       latitude: roughLocation.value?.latitude,
       longitude: roughLocation.value?.longitude,

frontend/src/components/Home.vue

@@ -2,7 +2,7 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import tailwindcss from '@tailwindcss/vite'
 import { fileURLToPath } from 'url';
-// import fs from 'fs';
+import fs from 'fs';
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -13,28 +13,29 @@ export default defineConfig({
     }
   },
   server: {
-    // TODO: Remove this
-    // https: {
-    //   key: fs.readFileSync('key.pem'),
-    //   cert: fs.readFileSync('cert.pem')
-    // },
+    https: {
+      ...(process.env.NODE_ENV === 'development' ? {
+        key: fs.readFileSync('key.pem'),
+        cert: fs.readFileSync('cert.pem')
+      } : {})
+    },
     proxy: {
-      // HTTP API proxy
-      // '/api': {
-      //   // target: 'http://10.0.0.124:3000',
-      //   target: 'https://api.lookatme.earth',
-      //   changeOrigin: true,
-      //   secure: false,
-      //   rewrite: (path) => path.replace(/^\/api/, ''),
-      // },
-      // WebSocket proxy
-      // '/realtime': {
-      //   // target: 'ws://10.0.0.124:3000',
-      //   target: 'ws://lookatme.earth',
-      //   ws: true,
-      //   changeOrigin: true,
-      //   secure: false,
-      // }
+      ...(process.env.NODE_ENV === 'development' ? {
+        // HTTP API proxy
+        '/api': {
+          target: 'http://10.0.0.124:3000',
+          changeOrigin: true,
+          secure: false,
+          rewrite: (path) => path.replace(/^\/api/, ''),
+        },
+        // WebSocket proxy
+        '/realtime': {
+          target: 'ws://10.0.0.124:3000',
+          ws: true,
+          changeOrigin: true,
+          secure: false,
+        }
+      } : {})
     }
   }
 })