From 3638c8e1eba6d42462c01e040760d731ba0c8e45 Mon Sep 17 00:00:00 2001
From: Supan Adit Pratama <email@supanadit.com>
Date: Wed, 18 Mar 2026 09:20:12 +0700
Subject: [PATCH 1/2] feat: add Dev Container configuration for Node.js &
 TypeScript, including pnpm, Git, SSHD, and forwarded ports.

---
 .devcontainer/devcontainer.json | 44 +++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 .devcontainer/devcontainer.json

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 0000000..2fc5336
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,44 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/typescript-node
+{
+	"name": "Node.js & TypeScript",
+	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+	"image": "mcr.microsoft.com/devcontainers/typescript-node:24-bookworm"
+	// Features to add to the dev container. More info: https://containers.dev/features.
+	"features": {
+		"ghcr.io/devcontainers/features/git:1": {},
+		"ghcr.io/devcontainers-extra/features/pnpm:2": {},
+		"ghcr.io/devcontainers/features/sshd:1": {}
+	},
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	"forwardPorts": [
+		6006,
+		5173,
+		5174,
+		5175
+	],
+	"portsAttributes": {
+		"6006": {
+			"label": "Storybook",
+			"onAutoForward": "notify"
+		},
+		"5173": {
+			"label": "Vites Application 1",
+			"onAutoForward": "notify"
+		},
+		"5174": {
+			"label": "Vites Application 2",
+			"onAutoForward": "notify"
+		},
+		"5175": {
+			"label": "Vites Application 3",
+			"onAutoForward": "notify"
+		}
+	}
+	// Use 'postCreateCommand' to run commands after the container is created.
+	// "postCreateCommand": "yarn install",
+	// Configure tool-specific properties.
+	// "customizations": {},
+	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "root"
+}
\ No newline at end of file

From a0ef96d8741d5be1974cf1bdf218348166cc9b11 Mon Sep 17 00:00:00 2001
From: Firman Ramdhani <33869609+firmanramdhani@users.noreply.github.com>
Date: Sun, 5 Apr 2026 21:06:01 +0700
Subject: [PATCH 2/2] style: format devcontainer.json for improved readability
 and consistency

---
 .devcontainer/devcontainer.json | 77 +++++++++++++++------------------
 1 file changed, 36 insertions(+), 41 deletions(-)

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index 2fc5336..f76b11f 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -1,44 +1,39 @@
 // For format details, see https://aka.ms/devcontainer.json. For config options, see the
 // README at: https://github.com/devcontainers/templates/tree/main/src/typescript-node
 {
-	"name": "Node.js & TypeScript",
-	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
-	"image": "mcr.microsoft.com/devcontainers/typescript-node:24-bookworm"
-	// Features to add to the dev container. More info: https://containers.dev/features.
-	"features": {
-		"ghcr.io/devcontainers/features/git:1": {},
-		"ghcr.io/devcontainers-extra/features/pnpm:2": {},
-		"ghcr.io/devcontainers/features/sshd:1": {}
-	},
-	// Use 'forwardPorts' to make a list of ports inside the container available locally.
-	"forwardPorts": [
-		6006,
-		5173,
-		5174,
-		5175
-	],
-	"portsAttributes": {
-		"6006": {
-			"label": "Storybook",
-			"onAutoForward": "notify"
-		},
-		"5173": {
-			"label": "Vites Application 1",
-			"onAutoForward": "notify"
-		},
-		"5174": {
-			"label": "Vites Application 2",
-			"onAutoForward": "notify"
-		},
-		"5175": {
-			"label": "Vites Application 3",
-			"onAutoForward": "notify"
-		}
-	}
-	// Use 'postCreateCommand' to run commands after the container is created.
-	// "postCreateCommand": "yarn install",
-	// Configure tool-specific properties.
-	// "customizations": {},
-	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
-	// "remoteUser": "root"
-}
\ No newline at end of file
+  "name": "Node.js & TypeScript",
+  // Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+  "image": "mcr.microsoft.com/devcontainers/typescript-node:24-bookworm",
+  // Features to add to the dev container. More info: https://containers.dev/features.
+  "features": {
+    "ghcr.io/devcontainers/features/git:1": {},
+    "ghcr.io/devcontainers-extra/features/pnpm:2": {},
+    "ghcr.io/devcontainers/features/sshd:1": {}
+  },
+  // Use 'forwardPorts' to make a list of ports inside the container available locally.
+  "forwardPorts": [6006, 5173, 5174, 5175],
+  "portsAttributes": {
+    "6006": {
+      "label": "Storybook",
+      "onAutoForward": "notify"
+    },
+    "5173": {
+      "label": "Vites Application 1",
+      "onAutoForward": "notify"
+    },
+    "5174": {
+      "label": "Vites Application 2",
+      "onAutoForward": "notify"
+    },
+    "5175": {
+      "label": "Vites Application 3",
+      "onAutoForward": "notify"
+    }
+  }
+  // Use 'postCreateCommand' to run commands after the container is created.
+  // "postCreateCommand": "yarn install",
+  // Configure tool-specific properties.
+  // "customizations": {},
+  // Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+  // "remoteUser": "root"
+}