WIP Setup devcontainer

.devcontainer/Dockerfile

@@ -0,0 +1,3 @@
+ARG VARIANT="22-bookworm"
+
+FROM mcr.microsoft.com/devcontainers/typescript-node:1-${VARIANT}

.devcontainer/devcontainer.json

@@ -0,0 +1,28 @@
+{
+	"name": "Socialify Dev Environment",
+
+	"build": {
+    "dockerfile": "Dockerfile"
+  },
+
+	"features": {
+		"ghcr.io/devcontainers/features/github-cli:1": {
+			"installDirectlyFromGitHubRelease": true,
+			"version": "latest"
+		}
+	},
+
+	"forwardPorts": [3000],
+
+	"containerEnv": {
+		"NEXT_TELEMETRY_DISABLED": "1",
+		"PNPM_HOME": "/home/node/.local/share/pnpm",
+		"PNPM_STORE_DIR": "/home/node/.local/share/.pnpm-store"
+	},
+
+	"postCreateCommand": "corepack install",
+
+	"postStartCommand": ".devcontainer/post-start.sh",
+
+	"customizations": {}
+}

.devcontainer/post-start.sh

@@ -0,0 +1,18 @@
+#!/bin/bash
+
+if [ ! -f /home/node/.first_run ]; then
+  git config --global --add safe.directory $(pwd)
+  git config --global core.autocrlf true
+  git config --global core.editor nano
+
+  pnpm config set store-dir $PNPM_STORE_DIR
+  pnpm install
+  pnpm playwright:install
+
+  if [ ! -f .env ]; then
+    cp .env.example .env
+    echo "Please fill in the .env file"
+  fi
+
+  touch /home/node/.first_run
+fi

.husky/prepare-commit-msg

@@ -1,4 +1,4 @@
 #!/bin/sh
 # gitmoji as a commit hook
 exec < /dev/tty
-npx gitmoji-cli --hook $1 $2
+pnpx dlx gitmoji-cli --hook $1 $2

README.md

@@ -93,7 +93,7 @@ pnpm lint
 pnpm test:unit
 
 # Install Playwright dependencies (first-time)
-# pnpm playwright install --with-deps chrome
+# pnpm playwright:install
 
 # Run e2e tests
 pnpm test:e2e

package.json

@@ -22,6 +22,7 @@
     "ncu": "npx npm-check-updates -u",
     "verify": "pnpm lint && pnpm test && pnpm build",
     "download-font": "./fonts/download-font.sh",
+    "playwright:install": "pnpm playwright install --with-deps chrome",
     "postinstall": "mkdir -p ./public && cp ./node_modules/yoga-wasm-web/dist/yoga.wasm ./public/yoga.wasm && cp ./node_modules/@resvg/resvg-wasm/index_bg.wasm ./public/resvg_bg.wasm",
     "prepare": "is-ci || husky"
   },