Make some changes

.editorconfig

@@ -7,7 +7,7 @@ root = true
 [*]
 end_of_line = lf
 insert_final_newline = true
-charset = utf8
+charset = utf-8
 
 [*.{js,jsx,ts,tsx,graphql,sql,md,html,mjml,json,jsonc,json5,yml,yaml,template,sh,Dockerfile}]
 indent_style = space

.eslintignore

@@ -1,5 +1,8 @@
-node_modules
+.yarn/**
+.nx/**
+**/node_modules
 **/dist
+**/.next
 /data/schema.graphql
 /data/schema.sql
 /@app/graphql/index.*

.eslintrc.js

@@ -1,4 +1,40 @@
 module.exports = {
+  root: true,
+  parser: "@typescript-eslint/parser",
+  extends: [
+    "plugin:react/recommended",
+    "plugin:import/errors",
+    "plugin:import/typescript",
+    "prettier",
+  ],
+  plugins: [
+    "jest",
+    "@typescript-eslint",
+    "react",
+    "simple-import-sort",
+    "import",
+  ],
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: "module",
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  settings: {
+    react: {
+      version: "detect",
+    },
+    next: {
+      rootDir: "@app/client/",
+    },
+  },
+  env: {
+    browser: true,
+    node: true,
+    jest: true,
+    es6: true,
+  },
   overrides: [
     {
       files: ["@app/e2e/cypress/**"],
@@ -7,6 +43,10 @@ module.exports = {
         "cypress/globals": true,
       },
     },
+    {
+      files: ["@app/client/**", "@app/components/**"],
+      extends: ["next"],
+    },
     {
       files: ["*.graphql"],
       rules: {
@@ -69,44 +109,8 @@ module.exports = {
     },
     {
       files: ["**/*.ts", "**/*.tsx", "**/*.js", "**/*.mjs", "**/*.jsx"],
-      parser: "@typescript-eslint/parser",
-      extends: [
-        "plugin:react/recommended",
-        "plugin:import/errors",
-        "plugin:import/recommended",
-        "plugin:import/typescript",
-        "prettier",
-      ],
-      plugins: [
-        "jest",
-        "@typescript-eslint",
-        "react-hooks",
-        "react",
-        "simple-import-sort",
-        "import",
-      ],
-      parserOptions: {
-        ecmaVersion: 2018,
-        sourceType: "module",
-        ecmaFeatures: {
-          jsx: true,
-        },
-      },
-      settings: {
-        react: {
-          version: "detect",
-        },
-      },
-      env: {
-        browser: true,
-        node: true,
-        jest: true,
-        es6: true,
-      },
       rules: {
         "react/display-name": "off",
-        "react-hooks/rules-of-hooks": "error",
-        "react-hooks/exhaustive-deps": "error",
         "@typescript-eslint/no-unused-vars": [
           "error",
           {
@@ -151,6 +155,11 @@ module.exports = {
         "react/jsx-filename-extension": [1, { extensions: [".ts", ".tsx"] }],
         "react/no-unescaped-entities": 0,
 
+        // React rules for legacy class components
+        "react/no-direct-mutation-state": 0,
+        "react/no-string-refs": 0,
+        "react/require-render-return": 0,
+
         "import/no-extraneous-dependencies": 0,
         "react/destructuring-assignment": 0,
 

.github/actions/install-pg-dump/action.yml

@@ -9,5 +9,5 @@ runs:
         sudo bash -c "echo deb http://apt.postgresql.org/pub/repos/apt/ jammy-pgdg main >> /etc/apt/sources.list.d/pgdg.list"
         wget --quiet -O - https://www.postgresql.org/media/keys/ACCC4CF8.asc | sudo apt-key add -
         sudo apt-get update
-        sudo apt-get -yqq install postgresql-client-11
+        sudo apt-get -yqq install postgresql-client-16
       shell: bash

.github/actions/node-and-cache/action.yml

@@ -4,13 +4,13 @@ description: Sets up Node.js and caches yarn installs
 inputs:
   node-version:
     description: Node version to use with actions/setup-node
-    default: 14.x
+    default: 22.x
 
 runs:
   using: composite
   steps:
     - name: Use Node.js ${{ inputs.node-version }}
-      uses: actions/setup-node@v2
+      uses: actions/setup-node@v4
       with:
         node-version: ${{ inputs.node-version }}
 
@@ -20,7 +20,7 @@ runs:
       shell: bash
 
     - name: Cache node_modules
-      uses: actions/cache@v2
+      uses: actions/cache@v4
       id: yarn-cache
       with:
         path: |

.github/workflows/cypress.yml

@@ -9,9 +9,9 @@ on:
 
 jobs:
   cypress-run:
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-latest
     container:
-      image: cypress/browsers:node14.17.0-chrome91-ff89
+      image: cypress/browsers:latest
     strategy:
       fail-fast: false
       matrix:
@@ -33,7 +33,7 @@ jobs:
           - 6379:6379
       postgres:
         # Use a Postgres image that has wal2json installed
-        image: debezium/postgres:11
+        image: debezium/postgres:14
         env:
           POSTGRES_USER: postgres
           POSTGRES_PASSWORD: postgres
@@ -44,12 +44,10 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Setup node and cache
         uses: ./.github/actions/node-and-cache
-        with:
-          node-version: 14
 
       - name: Setup and build
         run: |
@@ -59,30 +57,38 @@ jobs:
           yarn build
 
       - name: Start server in background
-        run: yarn server start &
+        run: yarn server start --host 0.0.0.0 &
 
       - name: Start worker in background
         run: yarn worker start &
 
+      - name: Sleep for 30 seconds
+        uses: jakejarvis/wait-action@master
+        with:
+          time: "10s"
+
+      - name: Check open ports
+        run: ss -tulnp
+
       - name: Cypress run
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v6
         with:
           command: yarn run:ci
           working-directory: "@app/e2e"
-          wait-on: http://0.0.0.0:5678
+          wait-on: "http://0.0.0.0:5678"
           parallel: true
           install: false
         env:
           CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
-      - uses: actions/upload-artifact@v2
+      - uses: actions/upload-artifact@v4
         if: failure()
         with:
           name: cypress-screenshots
           path: "@app/e2e/cypress/screenshots"
 
-      - uses: actions/upload-artifact@v2
+      - uses: actions/upload-artifact@v4
         if: failure()
         with:
           name: cypress-videos

.github/workflows/nextjs_bundle_analysis.yml

@@ -15,7 +15,7 @@ jobs:
   analyze:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
 
       - name: Setup node and cache
         uses: ./.github/actions/node-and-cache
@@ -27,7 +27,7 @@ jobs:
         working-directory: .
 
       - name: Restore next build
-        uses: actions/cache@v2
+        uses: actions/cache@v4
         id: restore-build-cache
         env:
           cache-name: cache-next-build
@@ -47,13 +47,13 @@ jobs:
         run: npx -p nextjs-bundle-analysis report
 
       - name: Upload bundle
-        uses: actions/upload-artifact@v2
+        uses: actions/upload-artifact@v4
         with:
           name: bundle
           path: "@app/client/.next/analyze/__bundle_analysis.json"
 
       - name: Download base branch bundle stats
-        uses: dawidd6/action-download-artifact@v2
+        uses: dawidd6/action-download-artifact@v8
         if: success() && github.event.number
         with:
           workflow: nextjs_bundle_analysis.yml
@@ -88,22 +88,22 @@ jobs:
           echo ::set-output name=body::$body
 
       - name: Find Comment
-        uses: peter-evans/find-comment@v1
+        uses: peter-evans/find-comment@v3
         if: success() && github.event.number
         id: fc
         with:
           issue-number: ${{ github.event.number }}
           body-includes: "<!-- __NEXTJS_BUNDLE -->"
 
       - name: Create Comment
-        uses: peter-evans/create-or-update-comment@v1.4.4
+        uses: peter-evans/create-or-update-comment@v4
         if: success() && github.event.number && steps.fc.outputs.comment-id == 0
         with:
           issue-number: ${{ github.event.number }}
           body: ${{ steps.get-comment-body.outputs.body }}
 
       - name: Update Comment
-        uses: peter-evans/create-or-update-comment@v1.4.4
+        uses: peter-evans/create-or-update-comment@v4
         if: success() && github.event.number && steps.fc.outputs.comment-id != 0
         with:
           issue-number: ${{ github.event.number }}

.github/workflows/nodejs.yml

@@ -13,7 +13,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x]
+        node-version: [22.x]
 
     services:
       redis:
@@ -23,7 +23,7 @@ jobs:
           - 6379:6379
       postgres:
         # Use a Postgres image that has wal2json installed
-        image: debezium/postgres:11
+        image: debezium/postgres:16
         env:
           POSTGRES_USER: postgres
           POSTGRES_PASSWORD: postgres
@@ -34,7 +34,7 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Setup node and cache
         uses: ./.github/actions/node-and-cache

.github/workflows/production-docker.yml

@@ -28,7 +28,7 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Setup node and cache
         uses: ./.github/actions/node-and-cache
@@ -45,10 +45,10 @@ jobs:
           CI: true
 
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v1
+        uses: docker/setup-buildx-action@v3
 
       - name: Build server
-        uses: docker/build-push-action@v2
+        uses: docker/build-push-action@v5
         with:
           file: ./docker/dockerfiles/Dockerfile.prod
           load: true
@@ -64,7 +64,7 @@ jobs:
           target: server
 
       - name: Build worker
-        uses: docker/build-push-action@v2
+        uses: docker/build-push-action@v5
         with:
           file: ./docker/dockerfiles/Dockerfile.prod
           load: true

.gitignore

@@ -6,6 +6,8 @@
 node_modules
 dist
 cache
+.nx/cache
+.nx/workspace-data
 /heroku-setup
 /yarn-error.log
 /@app/e2e/cypress/videos

.vscode/settings.json

@@ -13,7 +13,7 @@
     "graphql"
   ],
   "editor.codeActionsOnSave": {
-    "source.fixAll": true
+    "source.fixAll": "explicit"
   },
 
   "files.insertFinalNewline": true,
@@ -33,7 +33,7 @@
 
   "[graphql]": {
     "editor.codeActionsOnSave": {
-      "source.fixAll.eslint": false
+      "source.fixAll.eslint": "never"
     }
   },
   "[markdown]": {