build(ws): replace esbuild with tsc for building TypeScript

Author: coderomm

.github/workflows/cd_frontend.yml

@@ -20,8 +20,8 @@ jobs:
         with:
           context: .
           file: ./docker/Dockerfile.frontend
-          build-args:
-            - DATABASE_URL=${{ secrets.DATABASE_URL }}
+          build-args: |
+            DATABASE_URL=${{ secrets.DATABASE_URL }}
           push: true
           tags: coderomm/collabydraw:${{ github.sha }}
       ## Step to deploy this to a VM

apps/ws/package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "main": "index.js",
   "scripts": {
-    "build": "npx esbuild src/index.ts --bundle --outfile=dist/index.js --platform=node --tsconfig=tsconfig.json",
+    "build": "npx tsc -b",
     "start": "node dist/index.js",
     "dev": "pnpm run build && pnpm run start"
   },

docker/Dockerfile.frontend

@@ -7,21 +7,31 @@ WORKDIR /usr/src/app
 
 # Add ARG for DATABASE_URL
 ARG DATABASE_URL
-ENV DATABASE_URL=${DATABASE_URL}
+# ENV DATABASE_URL=${DATABASE_URL}
 
 # Copy necessary files for dependency installation
 COPY ./packages ./packages
 COPY ./package.json ./package.json
 COPY ./pnpm-lock.yaml ./pnpm-lock.yaml
+COPY ./pnpm-workspace.yaml ./pnpm-workspace.yaml
 COPY ./turbo.json ./turbo.json
-COPY ./apps/frontend ./apps/frontend
+COPY ./apps/collabydraw ./apps/collabydraw
+
+# Install global Prisma CLI
+RUN npm install -g [email protected]
 
 # Install dependencies
 RUN pnpm install --frozen-lockfile
 
 # Generate database
-# add this "db:generate": "cd packages/db && bunx prisma generate && cd ../..",
-RUN pnpm run db:generate
+# RUN pnpm run db:generate
+
+# Change to the packages/db directory and generate Prisma client
+WORKDIR /usr/src/app/packages/db
+RUN prisma generate
+
+# Change back to the root directory
+WORKDIR /usr/src/app
 
 # Build the application with database URL
 RUN DATABASE_URL=${DATABASE_URL} pnpm run build