From 3403dd4556bd181f199ae8749d9a44baae5f8f4b Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.email>
Date: Sun, 19 Jan 2025 19:57:32 +0100
Subject: [PATCH] build: update Dockerfile for multi-stage build process

---
 Dockerfile | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 99148ba..a33e852 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,11 +1,31 @@
-FROM node:lts
+# syntax=docker/dockerfile:1.4
 
-WORKDIR /usr/src/app
+FROM --platform=$BUILDPLATFORM node:lts-slim as builder
 
-COPY . /usr/src/app
+RUN mkdir /project
+WORKDIR /project
 
 RUN npm install -g @angular/cli
 
-RUN npm install
-EXPOSE 4200
-CMD ["sh", "-c", "ng serve --configuration=${ANGULAR_CONFIG:-development}"]
+COPY package.json package-lock.json ./
+RUN npm ci
+
+COPY . .
+CMD ["ng", "serve", "--host", "0.0.0.0"]
+
+FROM builder as dev-envs
+
+RUN <<EOF
+apt-get update
+apt-get install -y --no-install-recommends git
+EOF
+
+RUN <<EOF
+useradd -s /bin/bash -m vscode
+groupadd docker
+usermod -aG docker vscode
+EOF
+# install Docker tools (cli, buildx, compose)
+COPY --from=gloursdocker/docker / /
+
+CMD ["ng", "serve", "--host", "0.0.0.0"]