Add pnpm

Author: goldflag

.dockerignore

@@ -0,0 +1,15 @@
+.git
+.github
+.deepsec
+**/node_modules
+**/.next
+**/dist
+**/.turbo
+**/.cache
+.env
+.env.*
+npm-debug.log
+yarn-debug.log
+yarn-error.log
+.pnpm-debug.log
+.DS_Store

.github/dependabot.yml

@@ -1,11 +1,6 @@
 version: 2
 updates:
   - package-ecosystem: "npm"
-    directory: "/client"
-    schedule:
-      interval: "daily"
-
-  - package-ecosystem: "npm"
-    directory: "/server"
+    directory: "/"
     schedule:
       interval: "daily"

.github/workflows/translate-docs.yml

@@ -25,12 +25,16 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20
+          cache: pnpm
+
+      - name: Enable Corepack
+        run: corepack enable
 
       - name: Install dependencies
-        run: cd docs && npm ci
+        run: pnpm install --frozen-lockfile --filter docs-v2...
 
       - name: Extract messages
-        run: cd docs && node scripts/extract-messages.mjs
+        run: pnpm --filter docs-v2 extract
 
       - name: Check for untranslated strings
         id: changes
@@ -71,12 +75,16 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20
+          cache: pnpm
+
+      - name: Enable Corepack
+        run: corepack enable
 
       - name: Install dependencies
-        run: cd docs && npm ci
+        run: pnpm install --frozen-lockfile --filter docs-v2...
 
       - name: Extract messages
-        run: cd docs && node scripts/extract-messages.mjs
+        run: pnpm --filter docs-v2 extract
 
       - name: Run Claude Code
         uses: anthropics/claude-code-action@v1

.github/workflows/translate.yml

@@ -25,12 +25,16 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20
+          cache: pnpm
+
+      - name: Enable Corepack
+        run: corepack enable
 
       - name: Install dependencies
-        run: cd client && npm ci
+        run: pnpm install --frozen-lockfile --filter client...
 
       - name: Extract messages
-        run: cd client && node scripts/extract-messages.mjs
+        run: pnpm --filter client extract
 
       - name: Check for untranslated strings
         id: changes
@@ -71,12 +75,16 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20
+          cache: pnpm
+
+      - name: Enable Corepack
+        run: corepack enable
 
       - name: Install dependencies
-        run: cd client && npm ci
+        run: pnpm install --frozen-lockfile --filter client...
 
       - name: Extract messages
-        run: cd client && node scripts/extract-messages.mjs
+        run: pnpm --filter client extract
 
       - name: Run Claude Code
         uses: anthropics/claude-code-action@v1

.npmrc

@@ -0,0 +1,2 @@
+auto-install-peers=true
+strict-peer-dependencies=false

client/CLAUDE.md

@@ -4,10 +4,10 @@ This file provides guidance to Claude Code when working in the `/client` directo
 
 ## Commands
 
-- `npm run dev` – Start dev server (Next.js + Turbopack, port 3002)
-- `npm run build` – Production build
-- `npm run lint` – ESLint
-- `npm run format` – Prettier format
+- `pnpm --filter client dev` – Start dev server (Next.js + Turbopack, port 3002)
+- `pnpm --filter client build` – Production build
+- `pnpm --filter client lint` – ESLint
+- `pnpm --filter client format` – Prettier format
 - `tsc --noEmit` – Type-check without emitting
 
 ## Stack

client/Dockerfile

@@ -1,25 +1,27 @@
 FROM node:20-alpine AS base
+ENV PNPM_HOME="/pnpm"
+ENV PATH="$PNPM_HOME:$PATH"
+RUN corepack enable
 
 # Install dependencies only when needed
 FROM base AS deps
 RUN apk add --no-cache libc6-compat
 WORKDIR /app
 
-# Copy shared package first
-COPY shared ./shared
-WORKDIR /app/shared
-RUN npm install && npm run build
-
-# Install client dependencies
-WORKDIR /app/client
-COPY client/package.json client/package-lock.json* ./
-RUN npm ci --legacy-peer-deps
+# Install workspace dependencies
+COPY package.json pnpm-lock.yaml pnpm-workspace.yaml .npmrc ./
+COPY client/package.json ./client/package.json
+COPY server/package.json ./server/package.json
+COPY docs/package.json ./docs/package.json
+COPY monitor-agent/package.json ./monitor-agent/package.json
+COPY shared/package.json ./shared/package.json
+RUN pnpm install --frozen-lockfile --filter client... --filter @rybbit/shared
 
 # Rebuild the source code only when needed
 FROM base AS builder
 WORKDIR /app
-COPY --from=deps /app/shared ./shared
-COPY --from=deps /app/client/node_modules ./client/node_modules
+COPY --from=deps /app ./
+COPY shared/ ./shared
 COPY client/ ./client
 
 # Next.js collects completely anonymous telemetry data about general usage.
@@ -37,7 +39,8 @@ ENV NEXT_PUBLIC_TURNSTILE_SITE_KEY=${NEXT_PUBLIC_TURNSTILE_SITE_KEY}
 ENV NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=${NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY}
 
 WORKDIR /app/client
-RUN npm run build
+RUN pnpm --filter @rybbit/shared build
+RUN pnpm --filter client build
 
 # Production image, copy all the files and run next
 FROM base AS runner
@@ -49,16 +52,16 @@ ENV NEXT_TELEMETRY_DISABLED=1
 RUN addgroup --system --gid 1001 nodejs
 RUN adduser --system --uid 1001 nextjs
 
-COPY --from=builder /app/client/public ./public
+COPY --from=builder /app/client/public ./client/public
 
 # Set the correct permission for prerender cache
-RUN mkdir .next
-RUN chown nextjs:nodejs .next
+RUN mkdir -p client/.next
+RUN chown nextjs:nodejs client/.next
 
 # Automatically leverage output traces to reduce image size
 # https://nextjs.org/docs/advanced-features/output-file-tracing
 COPY --from=builder --chown=nextjs:nodejs /app/client/.next/standalone ./
-COPY --from=builder --chown=nextjs:nodejs /app/client/.next/static ./.next/static
+COPY --from=builder --chown=nextjs:nodejs /app/client/.next/static ./client/.next/static
 
 USER nextjs
 
@@ -67,4 +70,4 @@ EXPOSE 3002
 ENV PORT=3002
 ENV HOSTNAME="0.0.0.0"
 
-CMD ["node", "server.js"]
+CMD ["node", "client/server.js"]

client/README.md

@@ -5,13 +5,7 @@ This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-
 First, run the development server:
 
 ```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
+pnpm --filter client dev
 ```
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

client/next.config.ts

@@ -1,5 +1,6 @@
 import type { NextConfig } from "next";
 import createNextIntlPlugin from "next-intl/plugin";
+import path from "node:path";
 
 const withNextIntl = createNextIntlPlugin({
   experimental: {
@@ -15,6 +16,7 @@ const withNextIntl = createNextIntlPlugin({
 
 const nextConfig: NextConfig = {
   output: "standalone",
+  outputFileTracingRoot: path.join(process.cwd(), ".."),
   env: {
     NEXT_PUBLIC_BACKEND_URL: process.env.NEXT_PUBLIC_BACKEND_URL,
     NEXT_PUBLIC_DISABLE_SIGNUP: process.env.NEXT_PUBLIC_DISABLE_SIGNUP,