spike: turbo repo (#2044)

* add dockerignore

* gitignore turbo and out

* fix imports

* update sass path for uswds to use top level node_modules

* rename shared resources to @repo/ui in package.json
export accordion container

* setup top level package.json and turbo.json

* remove install of shared-resource and add @repo/ui as a dep

* use turbo Dockerfile

* update context and remove volume from docker compose

* remove more shared-resources stuff

* set e2e and lighthouse timeouts to 20 minutes

* update file path for ecr viewer github action

* Delete old Dockerfile.dev

* add e2e env file

* update middleware and next config to not run auth and new basepath when running e2e

* update package-lock

* fix imports

* fix dockerfile import

* fix path for staging and orchestration files

* remove volumes from docker-compose-orchestration.yml

* update .env.e2e.test to be "TEST"

* fix recommendation for dockerfile

* ignore tsconfig tsbuildinfo

* remove unnecessary args in Dockerfile

* use .env.test in ecr-viewer and lighthouse actions

Rename database url

* update url for ECR_VIEWER_URL

* fix middleware test

* remove ecr-viewer basepath

* add app env to environment variables for docker-compose

* share docker services orchestration and remove docker-compose-orchestration.yml

* cleanup env variables

* set env variables for orchestration - ecr viewer

* remove cd into ecr viewer

* disable turbo telemetry

* update README.md

* add lighthouse job to container-ecr-viewer workflow. (#2101)

merge lighthouse into container-ecr-viewer action

* update package-lock.json after running npm i

* Remove commented out public file in Dockerfile

Author: BobanL

.dockerignore

@@ -0,0 +1,2 @@
+**/.venv
+**/node_modules

.github/workflows/container-ecr-viewer.yaml

@@ -21,7 +21,6 @@ concurrency:
   cancel-in-progress: true
 
 env:
-  TEST_RUNNER_PYTHON_VERSION: 3.11
   CONTAINER: ecr-viewer
   NODE_VERSION: 18 # Adjust the Node.js version as needed
 
@@ -41,15 +40,9 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v4
       - name: Set up Node.js
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
           node-version: ${{env.NODE_VERSION}}
-      - name: Remove symlinks
-        working-directory: ./containers/${{env.CONTAINER}}/src/app/shared
-        run: rm -rf ./*
-      - name: Copy shared-resources
-        working-directory: ./containers/${{env.CONTAINER}}
-        run: cp -r ../../shared-resources/src/ ./src/app/shared/
       - name: Install dependencies
         working-directory: ./containers/${{env.CONTAINER}} # Navigate to your Node.js app directory
         run: npm install
@@ -58,26 +51,21 @@ jobs:
         run: npm test
   cypress-e2e-tests:
     runs-on: ubuntu-latest
+    timeout-minutes: 20
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
       - name: Set up Node.js
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
           node-version: ${{env.NODE_VERSION}}
-      - name: Remove symlinks
-        working-directory: ./containers/${{env.CONTAINER}}/src/app/shared
-        run: rm -rf ./*
-      - name: Copy shared-resources
-        working-directory: ./containers/${{env.CONTAINER}}
-        run: cp -r ../../shared-resources/src/ ./src/app/shared/
       - name: Install dependencies
         working-directory: ./containers/${{env.CONTAINER}} # Navigate to your Node.js app directory
         run: npm install
 
       - name: Start ${{env.CONTAINER}}
         working-directory: ./containers/${{env.CONTAINER}}
-        run: docker compose up -d
+        run: docker compose --env-file .env.test up -d
 
       - name: Wait for server to be ready
         run: |
@@ -89,6 +77,36 @@ jobs:
       - name: Run cypress tests
         working-directory: ./containers/${{env.CONTAINER}}
         run: npm run cypress:run
+  lighthouse:
+    runs-on: ubuntu-latest
+    timeout-minutes: 20
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{env.NODE_VERSION}}
+
+      - name: Build app
+        run: docker compose --env-file .env.test up -d
+        working-directory: ./containers/${{env.CONTAINER}}
+
+      - name: Wait for Application to be ready
+        run: |
+          until curl --output /dev/null --silent --head --fail http://localhost:3000; do
+            printf '.'
+            sleep 5
+          done
+
+      - name: Run Lighthouse
+        uses: treosh/lighthouse-ci-action@v12
+        with:
+          configPath: "./lighthouserc.yaml"
+          uploadArtifacts: true
+
   build-container:
     runs-on: ubuntu-latest
     steps:
@@ -104,18 +122,11 @@ jobs:
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v2
 
-      - name: Remove symlinks
-        working-directory: ./containers/${{env.CONTAINER}}/src/app/shared
-        run: rm -rf ./*
-
-      - name: Copy shared-resources
-        working-directory: ./containers/${{env.CONTAINER}}
-        run: cp -r ../../shared-resources/src/ ./src/app/shared/
-
       - name: Build ${{ env.CONTAINER }} Container
         uses: docker/build-push-action@v3
         with:
-          context: ./containers/${{ env.CONTAINER }}
+          context: .
+          file: ./containers/${{ env.CONTAINER }}/Dockerfile
           push: false
           cache-from: type=gha
           cache-to: type=gha,mode=max

.github/workflows/lighthouse.yaml

@@ -79,4 +79,8 @@ persistent_storage/
 build/
 
 ## ECR Viewer Seed data
-/containers/ecr-viewer/seed-scripts/fhir_data/
+/containers/ecr-viewer/seed-scripts/fhir_data/
+
+.turbo
+out
+tsconfig.tsbuildinfo

.gitignore

@@ -0,0 +1,2 @@
+DATABASE_URL=postgres://postgres:pw@db:5432/ecr_viewer_db
+APP_ENV=test

containers/ecr-viewer/.env.test

@@ -1,59 +1,55 @@
 FROM node:18-alpine AS base
 
-ARG APP_ENV
-ENV APP_ENV=${APP_ENV}
-
-# Install dependencies only when needed
-FROM base AS deps
+FROM base AS builder
 # Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk update
 RUN apk add --no-cache libc6-compat
-WORKDIR /app
-
-# Install dependencies based on the preferred package manager
-COPY package.json package-lock.json* ./
-RUN npm ci
-
 
-# Rebuild the source code only when needed
-FROM base AS builder
+# Set working directory
 WORKDIR /app
-COPY --from=deps /app/node_modules ./node_modules
+RUN npm i -g turbo
 COPY . .
+ENV TURBO_TELEMETRY_DISABLED=1
+RUN turbo prune ecr-viewer --docker
+
+# Add lockfile and package.json's of isolated subworkspace
+FROM base AS installer
+RUN apk update
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
 
-# Next.js collects completely anonymous telemetry data about general usage.
-# Learn more here: https://nextjs.org/telemetry
-# Uncomment the following line in case you want to disable telemetry during the build.
-ENV NEXT_TELEMETRY_DISABLED 1
+# First install the dependencies (as they change less often)
+COPY .gitignore .gitignore
+COPY --from=builder /app/out/json/ .
+COPY --from=builder /app/out/package-lock.json ./package-lock.json
+RUN npm i
 
-RUN npm run build
+# Build the project
+COPY --from=builder /app/out/full/ .
+COPY turbo.json turbo.json
+ENV NEXT_TELEMETRY_DISABLED=1
+ENV TURBO_TELEMETRY_DISABLED=1
+
+RUN npx turbo build --filter=ecr-viewer...
 
-# Production image, copy all the files and run next
 FROM base AS runner
 WORKDIR /app
 
-# Uncomment the following line in case you want to disable telemetry during runtime.
-ENV NEXT_TELEMETRY_DISABLED 1
-
+# Don't run production as root
 RUN addgroup --system --gid 1001 nodejs
 RUN adduser --system --uid 1001 nextjs
+USER nextjs
 
-# COPY --from=builder /app/public ./public
-
-# Set the correct permission for prerender cache
-RUN mkdir .next
-RUN chown nextjs:nodejs .next
+COPY --from=installer /app/containers/ecr-viewer/next.config.js .
+COPY --from=installer /app/containers/ecr-viewer/package.json .
 
 # Automatically leverage output traces to reduce image size
 # https://nextjs.org/docs/advanced-features/output-file-tracing
-COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
-COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+COPY --from=installer --chown=nextjs:nodejs /app/containers/ecr-viewer/.next/standalone ./
+COPY --from=installer --chown=nextjs:nodejs /app/containers/ecr-viewer/.next/static ./containers/ecr-viewer/.next/static
 
-USER nextjs
-
-EXPOSE 3000
-
-ENV PORT 3000
-ENV HOSTNAME "0.0.0.0"
+ENV TURBO_TELEMETRY_DISABLED=1
+ENV NEXT_TELEMETRY_DISABLED=1
 ENV OTEL_TRACES_EXPORTER=otlp
 ENV OTEL_METRICS_EXPORTER=otlp
 ENV OTEL_LOGS_EXPORTER=none
@@ -65,9 +61,6 @@ ENV OTEL_EXPORTER_OTLP_METRICS_ENDPOINT=http://otel-collector:4318/v1/metrics
 # Jaeger preferred routing is gRPC for native OTLP
 ENV OTEL_EXPORTER_OTLP_TRACES_PROTOCOL=grpc
 # Contrary to orchestration, this must be 4318
-ENV OTEL_EXPORTER_OTLP_TRACES_ENDPOINT=http://otel-collector:4318/v1/traces 
-
+ENV OTEL_EXPORTER_OTLP_TRACES_ENDPOINT=http://otel-collector:4318/v1/traces
 
-# server.js is created by next build from the standalone output
-# https://nextjs.org/docs/pages/api-reference/next-config-js/output
-CMD node server.js
+CMD ["node", "containers/ecr-viewer/server.js"]