Nick10 31 new devcontainer for codespaces

.devcontainer/devcontainer.json

@@ -3,6 +3,7 @@
 {
 	"name": "TalkForm",
 
+	// NOTE: because codespaces automatically 
 	"dockerFile": "../Dockerfile",
 	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
 	// "image": "mcr.microsoft.com/devcontainers/typescript-node:1-18-bullseye",
@@ -40,7 +41,8 @@
 		}
 	},
 
-	// TODO can't get the yarn install within Dockerfile to show up in dev container
+	// TODO can't get the yarn install within Dockerfile to show up in dev container.
+	// This also seems to be what the Microsoft example devcontainers do.
 	"postCreateCommand": "yarn install --frozen-lockfile",
 
 	// Configure tool-specific properties.

.devcontainer/local/deprecated-Dockerfile

@@ -0,0 +1,33 @@
+# Use the specified image
+# this had trouble with the `yarn install`
+# FROM mcr.microsoft.com/devcontainers/typescript-node:1-18-bullseye
+# FROM node:18.15.0-alpine
+FROM node:18.15.0-bullseye-slim
+
+# Set the working directory
+WORKDIR /app
+
+# necessary for some of the npm packages
+RUN apt-get update && apt-get install -y \
+    python3 \
+    make \
+    g++
+
+# https://docs.doppler.com/docs/install-cli
+RUN apt-get update && apt-get install -y apt-transport-https ca-certificates curl gnupg && \
+    curl -sLf --retry 3 --tlsv1.2 --proto "=https" 'https://packages.doppler.com/public/cli/gpg.DE2A7741A397C129.key' | gpg --dearmor -o /usr/share/keyrings/doppler-archive-keyring.gpg && \
+    echo "deb [signed-by=/usr/share/keyrings/doppler-archive-keyring.gpg] https://packages.doppler.com/public/cli/deb/debian any-version main" | tee /etc/apt/sources.list.d/doppler-cli.list && \
+    apt-get update && \
+    apt-get -y install doppler
+
+# Copy package.json and yarn.lock into the working directory
+COPY package.json yarn.lock ./
+
+# Install dependencies using yarn
+RUN yarn install --frozen-lockfile
+
+# Copy the rest of the project files into the working directory
+COPY . .
+
+# Expose the port your app runs on
+EXPOSE 3000

.devcontainer/local/deprecated-devcontainer.json

@@ -0,0 +1,65 @@
+// 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": "TalkForm",
+
+	// NOTE: because codespaces automatically 
+	"dockerFile": "../../Dockerfile.full",
+	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+	// "image": "mcr.microsoft.com/devcontainers/typescript-node:1-18-bullseye",
+
+
+	// https://community.doppler.com/t/vscode-container-support/104
+	// https://community.doppler.com/t/doppler-and-github-codespaces/989/2
+	"containerEnv": {
+		"DOPPLER_TOKEN": "${localEnv:DOPPLER_CLI_TOKEN}"
+	},
+
+	// "features": {
+	// 	"ghcr.io/devcontainers-contrib/features/supabase-cli:1": {}
+	// },
+
+	// Features to add to the dev container. More info: https://containers.dev/features.
+	// "features": {},
+
+	// "settings": {
+	// 		"terminal.integrated.shell.linux": "/bin/bash"
+	// },
+
+
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	"forwardPorts": [
+		3000
+	],
+	"features": {
+		"ghcr.io/devcontainers/features/git:1": {}
+	},
+
+	"portsAttributes": {
+		"3000": {
+			"label": "website"
+		}
+	},
+
+	// TODO can't get the yarn install within Dockerfile to show up in dev container
+	"postCreateCommand": "yarn install --frozen-lockfile",
+
+	// Configure tool-specific properties.
+	"customizations": {
+		"vscode": {
+			"settings": {},
+			"extensions": [
+				"dbaeumer.vscode-eslint",
+				"eamodio.gitlens",
+				"esbenp.prettier-vscode",
+				"GitHub.copilot",
+				"k--kato.intellij-idea-keybindings",
+				"Orta.vscode-jest",
+				"ms-azuretools.vscode-docker"
+			]
+		}
+	}
+
+	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "root"
+}

Dockerfile

@@ -4,8 +4,8 @@
 # FROM node:18.15.0-alpine
 FROM node:18.15.0-bullseye-slim
 
-# Set the working directory
-WORKDIR /app
+# codespaces automatically clones the repo into /workspaces/<repo-name>
+# WORKDIR /app
 
 # necessary for some of the npm packages
 RUN apt-get update && apt-get install -y \
@@ -20,14 +20,14 @@ RUN apt-get update && apt-get install -y apt-transport-https ca-certificates cur
     apt-get update && \
     apt-get -y install doppler
 
-# Copy package.json and yarn.lock into the working directory
-COPY package.json yarn.lock ./
+# codespaces automatically clones the repo into /workspaces/<repo-name>
+# COPY package.json yarn.lock ./
 
-# Install dependencies using yarn
+# codespaces automatically clones the repo into /workspaces/<repo-name>
 RUN yarn install --frozen-lockfile
 
 # Copy the rest of the project files into the working directory
-COPY . .
+# COPY . .
 
 # Expose the port your app runs on
 EXPOSE 3000