Merge pull request #64 from DeskproApps/add-devcontainer

[Chore] Add .devcontainer to improve development consistency across environments

Author: HappyPaul55

.devcontainer/devcontainer.json

@@ -0,0 +1,26 @@
+{
+    "name": "App Container",
+    "image": "mcr.microsoft.com/devcontainers/javascript-node:latest",
+    "features": {
+      "ghcr.io/devcontainers/features/node:1": {
+        "version": "lts",
+        "pnpm": "latest"
+      }
+    },
+    "customizations": {
+      "vscode": {
+        "settings": {
+          "terminal.integrated.defaultProfile.linux": "bash",
+          "editor.tabSize": 2
+        },
+        "extensions": [
+          "dbaeumer.vscode-eslint"
+        ]
+      }
+    },
+    "mounts": [
+      "source=${localEnv:HOME}/.gitconfig,target=/home/node/.gitconfig,type=bind,consistency=cached",
+      "source=${localEnv:HOME}/.ssh,target=/home/node/.ssh,type=bind,consistency=cached"
+    ],
+    "postCreateCommand": "pnpm install"
+  }

.gitignore

@@ -6,3 +6,4 @@ build
 dist-ssr
 *.local
 /coverage
+.pnpm-store

vite.config.ts

@@ -1,14 +1,26 @@
+import path from "path";
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import copy from "rollup-plugin-copy";
 
+const PORT = process.env.VITE_DEV_SERVER_PORT
+  ? parseInt(process.env.VITE_DEV_SERVER_PORT)
+  : undefined;
+
 // https://vitejs.dev/config/
 export default defineConfig({
   base: "",
   plugins: [react()],
   server: {
+    host: true,
+    port: PORT,
     allowedHosts: true
   },
+  resolve:{
+    alias: {
+      "@": path.resolve(__dirname, "src"),
+    },
+  },
   build: {
     rollupOptions: {
       onwarn(warning, warn) {
@@ -29,6 +41,6 @@ export default defineConfig({
           ],
         }),
       ],
-    }
+    },
   },
 });