Draft migration to Nuxt 3 - not ready yet

.github/actions/build-docs/action.yml

@@ -17,19 +17,8 @@ runs:
         # Pass -W to fail CI if warnings exist
         just documentation/build -W
 
-    - name: Install translations
-      shell: bash
-      run: |
-        just frontend/run i18n
-
-    - name: Build Storybook
-      shell: bash
-      run: |
-        just frontend/run storybook:build-for-docs
-
     # Storybook will be available at `/storybook`
     - name: Merge all docs
       shell: bash
       run: |
         mv documentation/_build /tmp/docs
-        mv frontend/storybook-static /tmp/docs/storybook

.github/workflows/ci_cd.yml

@@ -203,6 +203,7 @@ jobs:
         if: matrix.image == 'frontend'
         run: |
           just frontend/run i18n
+          just frontend/run prepare-nuxt
 
       - name: Setup Docker Buildx
         uses: docker/setup-buildx-action@v3
@@ -631,7 +632,7 @@ jobs:
       needs.get-changes.outputs.frontend == 'true' ||
       needs.get-changes.outputs.ci_cd == 'true'
     runs-on: ubuntu-latest
-    timeout-minutes: 15
+    timeout-minutes: 25
     needs:
       - get-changes
       - lint

frontend/.env.template

@@ -1,3 +1,5 @@
 #API_URL=http://127.17.0.1:8000/
 #API_CLIENT_ID=""
 #API_CLIENT_SECRET=""
+NUXT_PUBLIC_SAVED_SEARCH_COUNT=4
+NUXT_PUBLIC_PROVIDER_UPDATE_FREQUENCY=3600000

frontend/.gitignore

@@ -1,5 +1,6 @@
 # Nuxt
 .nuxt
+.output
 
 # Storybook
 .nuxt-storybook

frontend/Dockerfile

@@ -22,7 +22,7 @@ WORKDIR /home/node/
 
 # Copy monorepo mocking files into `/home/node`, which pretends to be the monorepo root.
 # Note: these files must be manually un-ignored in the root .dockerignore
-COPY --from=repo_root --chown=node:node .npmrc .pnpmfile.cjs pnpm-lock.yaml tsconfig.base.json ./
+COPY --from=repo_root --chown=node:node .npmrc .pnpmfile.cjs pnpm-lock.yaml ./
 RUN echo '{"packages":["frontend/"]}' > pnpm-workspace.yaml
 
 # Copy the `frontend/` directory into `/home/node/frontend`, as a package in the monorepo.

frontend/Dockerfile.playwright

@@ -6,7 +6,14 @@ FROM mcr.microsoft.com/playwright:v${PLAYWRIGHT_VERSION}-jammy
 
 ARG PACKAGE_MANAGER
 
+WORKDIR /frontend
+
 COPY package.json .
 
 # Requires `packageManager` field to be present in `frontend/package.json`.
 RUN npm install -g $PACKAGE_MANAGER
+
+# DO NOT actually run `pnpm install` here. Doing so requires us to copy the the source into the container.
+# However, that's a waste of time because we mount the source in the compose file anyway.
+# Instead, we run `pnpm install` in the entrypoint script defined in the compose file.
+# ENTRYPOINT ["pnpm", "install", "&&"]

frontend/docker-compose.playwright.yml

@@ -8,12 +8,15 @@ services:
         - PACKAGE_MANAGER=${PACKAGE_MANAGER}
         - PLAYWRIGHT_VERSION=${PLAYWRIGHT_VERSION}
     volumes:
-      - ../node_modules:/node_modules
-      - .:/frontend
-      - ${PWD}/../tsconfig.base.json:/tsconfig.base.json
+      - ../node_modules:/node_modules:rw,Z
+      - .:/frontend:rw,Z
     user: ${USER_ID}
     working_dir: /frontend
-    command: pnpm ${TEST_COMMAND} ${PLAYWRIGHT_ARGS:-}
+    entrypoint: >
+      /bin/sh -c '
+      pnpm install;
+      pnpm ${TEST_COMMAND} ${PLAYWRIGHT_ARGS:-};
+      '
     environment:
       # This makes the webserver that Playwright runs show the build
       - DEBUG=pw:webserver