add development docker container

Author: Tsche

.devcontainer/devcontainer.json

@@ -0,0 +1,24 @@
+{
+  "name": "clangd in Browser",
+  "build": {
+    "dockerfile": "../Dockerfile",
+    "context": ".."
+  },
+  "remoteUser": "node",
+  "forwardPorts": [5173],
+  "portsAttributes": {
+    "5173": {
+      "label": "Vite development server",
+      "onAutoForward": "openBrowser"
+    }
+  },
+  "mounts": [
+    "source=clangd-web-node-modules,target=/workspace/node_modules,type=volume"
+  ],
+  "postCreateCommand": "pnpm install --frozen-lockfile",
+  "customizations": {
+    "vscode": {
+      "extensions": ["dbaeumer.vscode-eslint"]
+    }
+  }
+}

.dockerignore

@@ -0,0 +1,9 @@
+.git
+.github
+.agents
+.codex
+node_modules
+dist
+dist-ssr
+*.log
+*.local

.github/workflows/pages.yaml

@@ -20,18 +20,22 @@ jobs:
           node-version: "22"
           cache: "pnpm"
       - run: pnpm install --frozen-lockfile
-      - name: cache built clangd
-        id: cache-build
-        uses: actions/cache@v3
-        with:
-          path: ./public/wasm
-          key: build-script-${{ hashFiles('build.sh') }}
-      - if: ${{ steps.cache-build.outputs.cache-hit != 'true' }}
-        name: build clangd
+      # - name: cache built clangd
+      #   id: cache-build
+      #   uses: actions/cache@v3
+      #   with:
+      #     path: ./public/wasm
+      #     key: build-script-${{ hashFiles('build.sh') }}
+      # - if: ${{ steps.cache-build.outputs.cache-hit != 'true' }}
+      #   name: build clangd
+      #   run: |
+      #     sudo apt update
+      #     sudo apt install vim git build-essential cmake ninja-build python3
+      #     ./build.sh
+      - name: Get clangd wasm
         run: |
-          sudo apt update
-          sudo apt install vim git build-essential cmake ninja-build python3
-          ./build.sh
+          curl --output public/wasm/clangd.wasm https://clangd.guyutongxue.site/wasm/clangd.wasm
+          curl --output public/wasm/clangd.js https://clangd.guyutongxue.site/wasm/clangd.js
       - run: pnpm build
       - uses: actions/upload-pages-artifact@v3
         with:

.gitignore

@@ -22,3 +22,5 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+.pnpm-store

Dockerfile

@@ -0,0 +1,32 @@
+# Shared development and CI image. The Node version matches package.json's Volta pin.
+FROM node:20.13.1-bookworm
+
+ARG PNPM_VERSION=9.1.1
+
+# Install pnpm with npm instead of using the Corepack shim bundled in Node.
+# Older Corepack releases fail while verifying pnpm's rotated signing key.
+# Keep this image focused on frontend development and testing. The separate
+# LLVM-to-Wasm toolchain in build.sh intentionally runs on the host/CI runner.
+RUN apt-get update \
+    && apt-get install --no-install-recommends --yes \
+        ca-certificates \
+    && rm -rf /var/lib/apt/lists/* \
+    && corepack disable \
+    && npm install --global pnpm@${PNPM_VERSION} \
+    && pnpm --version
+
+WORKDIR /workspace
+
+# Install dependencies in the image so a container started without a bind
+# mount is immediately usable. A bind mount in development can reuse the
+# named node_modules volume declared by devcontainer.json.
+COPY --chown=node:node package.json pnpm-lock.yaml .npmrc ./
+RUN pnpm install --frozen-lockfile --prefer-offline
+
+COPY --chown=node:node . .
+
+ENV NODE_ENV=development
+EXPOSE 5173
+
+USER node
+CMD ["pnpm", "dev", "--host", "0.0.0.0"]