From 987fdf2b68d8e91fee744a1eb167d2ae9a6bc7c1 Mon Sep 17 00:00:00 2001
From: Berry den Hartog <38954346+berrydenhartog@users.noreply.github.com>
Date: Fri, 21 Jun 2024 06:58:11 +0000
Subject: [PATCH] Split devcontainer into frontend and file

---
 .devcontainer/{ => file}/devcontainer.json |  5 ++-
 .devcontainer/frontend/devcontainer.json   | 40 ++++++++++++++++++++++
 .vscode/extensions.json                    | 11 ++++++
 3 files changed, 53 insertions(+), 3 deletions(-)
 rename .devcontainer/{ => file}/devcontainer.json (95%)
 create mode 100644 .devcontainer/frontend/devcontainer.json
 create mode 100644 .vscode/extensions.json

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/file/devcontainer.json
similarity index 95%
rename from .devcontainer/devcontainer.json
rename to .devcontainer/file/devcontainer.json
index 03a236e6..afe65ec8 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/file/devcontainer.json
@@ -1,5 +1,5 @@
 {
-  "name": "Ubuntu",
+  "name": "File",
   "image": "mcr.microsoft.com/devcontainers/python:3.11",
   "postCreateCommand": "sudo apt install jq && pip install -r requirements.txt",
   "customizations": {
@@ -18,5 +18,4 @@
       }
     }
   }
-}
-
+}
\ No newline at end of file
diff --git a/.devcontainer/frontend/devcontainer.json b/.devcontainer/frontend/devcontainer.json
new file mode 100644
index 00000000..bd7a1233
--- /dev/null
+++ b/.devcontainer/frontend/devcontainer.json
@@ -0,0 +1,40 @@
+{
+  "name": "Frontend",
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:20",
+  "forwardPorts": [
+    5173
+  ],
+  "postCreateCommand": "cd frontend; npm install",
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "editorconfig.editorconfig",
+        "streetsidesoftware.code-spell-checker",
+        "mhutchie.git-graph",
+        "ms-vsliveshare.vsliveshare",
+        "Vue.volar",
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode"
+      ],
+      "settings": {
+        "editor.formatOnPaste": false,
+        "editor.formatOnSave": true,
+        "editor.formatOnType": true,
+        "editor.renderWhitespace": "boundary",
+        "files.trimTrailingWhitespace": true,
+        "terminal.integrated.inheritEnv": true,
+        "debug.toolBarLocation": "commandCenter",
+        "terminal.integrated.profiles.linux": {
+          "zsh": {
+            "path": "/usr/bin/zsh"
+          }
+        },
+        "terminal.integrated.defaultProfile.linux": "zsh",
+        "editor.codeActionsOnSave": {
+          "source.fixAll": "explicit"
+        },
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 00000000..65346ef6
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,11 @@
+{
+  "recommendations": [
+    "editorconfig.editorconfig",
+    "streetsidesoftware.code-spell-checker",
+    "mhutchie.git-graph",
+    "Vue.volar",
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "redhat.vscode-yaml"
+  ]
+}