feat(typescript-node): updates image configs

Author: 6thpath

.devcontainer/devcontainer.json

@@ -1,6 +1,10 @@
 {
   "name": "[dev] devcontainer-images",
-  "image": "ghcr.io/6thpath/typescript-node",
+  // "image": "ghcr.io/6thpath/typescript-node",
+  "build": {
+    "dockerfile": "../source/typescript-node/Dockerfile",
+    "context": ".."
+  },
   "remoteUser": "nonroot",
   "runArgs": [
     "--security-opt=no-new-privileges", // ? prevent privilege escalation

source/typescript-node/Dockerfile

@@ -16,30 +16,37 @@ RUN apt-get update && apt-get install -y \
 RUN corepack enable \
   && corepack prepare pnpm@latest --activate
 
-# setup for pnpm
-ENV PNPM_HOME="/pnpm"
-ENV PATH="${PNPM_HOME}:${PATH}"
-
 # variables for image configurations
 ARG GROUP_NAME=dev
 ARG USER_NAME=nonroot
+ARG USER_UID=1111
+ARG USER_GID=1111
 
 # creates non-root user for security
-RUN groupadd ${GROUP_NAME} \
-  && useradd -m -s /bin/bash -g ${GROUP_NAME} ${USER_NAME} \
-  && mkdir -p ${PNPM_HOME}/store \
-  && chown -R ${USER_NAME}:${GROUP_NAME} ${PNPM_HOME} /workspaces \
-  && chmod -R 775 ${PNPM_HOME}
+RUN groupadd -g ${USER_GID} ${GROUP_NAME} \
+  && useradd -m -u ${USER_UID} -g ${GROUP_NAME} -s /bin/bash ${USER_NAME}
+
+# pnpm setup
+ENV PNPM_HOME="/pnpm"
+ENV PNPM_STORE_DIR="/pnpm/store"
+ENV PATH="${PNPM_HOME}:${PATH}"
 
 # configure pnpm store directory and settings
-RUN pnpm config set store-dir ${PNPM_HOME}/store
+RUN mkdir -p /home/${USER_NAME}/.config/pnpm \
+  && echo "store-dir=${PNPM_STORE_DIR}" > /home/${USER_NAME}/.config/pnpm/rc \
+  && chmod 644 /home/${USER_NAME}/.config/pnpm/rc
 
 # install global development tools
 RUN pnpm add -g \
   eslint \
   prettier \
   typescript
 
+# adjust permissions for pnpm directories
+RUN chown -R ${USER_NAME}:${GROUP_NAME} ${PNPM_HOME} \
+  && chmod -R 775 ${PNPM_HOME}
+
+# change default shell to zsh for remote user
 RUN usermod -s /bin/zsh ${USER_NAME}
 
 # switch to remote user