Merge d2caf3e412 into ae6bae69ac

.devcontainer/devcontainer.json

@@ -0,0 +1,22 @@
+{
+  "name": "The Lounge Dev",
+  "image": "mcr.microsoft.com/devcontainers/typescript-node",
+  "portsAttributes": {
+    "9000": {
+      "label": "The Lounge Dev"
+    }
+  },
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "EditorConfig.EditorConfig",
+        "esbenp.prettier-vscode",
+        "dbaeumer.vscode-eslint",
+        "Vue.volar",
+        "Vue.vscode-typescript-vue-plugin"
+      ]
+    }
+  },
+  "onCreateCommand": "sudo ln -s $(pwd)/index.js /usr/local/bin/thelounge",
+  "postStartCommand": "yarn install && sudo chown node node_modules && NODE_ENV=production yarn build && yarn dev"
+}

.vscode/tasks.json

@@ -0,0 +1,40 @@
+{
+  // See https://go.microsoft.com/fwlink/?LinkId=733558
+  // for the documentation about the tasks.json format
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "yarn install",
+      "type": "shell",
+      "command": "yarn",
+      "args": ["install"],
+      "problemMatcher": [],
+      "presentation": {
+        "panel": "shared",
+        "group": "test"
+      }
+    },
+    {
+      "label": "yarn dev",
+      "type": "shell",
+      "command": "yarn",
+      "args": ["dev"],
+      "problemMatcher": [],
+      "presentation": {
+        "panel": "shared",
+        "group": "test"
+      }
+    },
+    {
+      "label": "yarn build",
+      "type": "shell",
+      "command": "yarn",
+      "args": ["build"],
+      "problemMatcher": [],
+      "presentation": {
+        "panel": "shared",
+        "group": "test"
+      }
+    }
+  ]
+}

README.md

@@ -90,3 +90,17 @@ Before submitting any change, make sure to:
 - Run `yarn build:server` if you change anything in `server/`
   - The built files will be output to `dist/` by tsc
 - `yarn dev` can be used to start The Lounge with hot module reloading
+
+### Dev Container
+
+If you already have VS Code and Docker installed, you can click the badge below to get started. Clicking the badge will cause vscode to automatically install the Dev Containers extension if needed, clone the source code into a container volume, and spin up a dev container for use.
+
+[![Open in Dev Containers](https://img.shields.io/static/v1?label=Dev%20Containers&message=Open&color=blue&logo=visualstudiocode)](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/thelounge/thelounge)
+
+Other options to getting started with this repository in a dev container are to have the [Dev Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) extension installed and:
+
+- Simply open vscode and trigger the command palette(`Ctrl + Shift + P`) and type "clone" for the options `Clone Repository in (Named) Container Volume` or `Clone GitHub Pull Request in Container Volume`.
+
+- Clone the repository to your machine, and after opening it vscode, click the "Reopen in Container" dialog. If the dialog doesn't trigger you can use the command palette and type "Reopen in Container".
+
+Further Dev Container resources can be found [here](https://code.visualstudio.com/docs/devcontainers/containers).