Merge dev into main, deploy til server

.github/workflows/ci.yml

@@ -5,37 +5,96 @@ on:
     branches: [main, dev]
   push:
     branches: [main, dev]
+  workflow_dispatch:
+concurrency:
+  group: ci-${{ github.ref }}
+  cancel-in-progress: false
 
 jobs:
-  lint-and-test:
+  check-and-deploy:
     runs-on: self-hosted
-    strategy:
-      matrix:
-        workspace: [frontend, backend]
-    defaults:
-      run:
-        working-directory: ${{ matrix.workspace }}
+    env:
+      DEPLOY_DIR: /var/www/project2
+      SERVICE: project2-backend.service
     steps:
       - uses: actions/checkout@v4
 
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 24.21.0
+
       - uses: pnpm/action-setup@v4
         with:
           version: 11.25.0
 
-      - uses: actions/setup-node@v4
+      - name: Get pnpm store path
+        id: pnpm-store
+        run: echo "path=$(pnpm store path --silent)" >> "$GITHUB_OUTPUT"
+
+      - uses: actions/cache@v4
         with:
-          node-version: 24.21.0
-          cache: pnpm
-          cache-dependency-path: ${{ matrix.workspace }}/pnpm-lock.yaml
+          path: ${{ steps.pnpm-store.outputs.path }}
+          key: pnpm-${{ runner.os }}-${{ hashFiles('pnpm-lock.yaml') }}
+          restore-keys: pnpm-${{ runner.os }}-
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
 
-      - name: Lint
-        run: pnpm run lint
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Format
+        run: pnpm format:check
+
+      - name: Lint frontend
+        if: ${{ !cancelled() }}
+        run: pnpm --filter frontend lint
+
+      - name: Lint backend
+        if: ${{ !cancelled() }}
+        run: pnpm --filter backend lint
+
+      - name: Build frontend
+        if: ${{ !cancelled() }}
+        run: pnpm --filter frontend build
+
+      - name: Build backend
+        if: ${{ !cancelled() }}
+        run: pnpm --filter backend build
+
+      - name: Test frontend
+        if: ${{ !cancelled() }}
+        run: pnpm --filter frontend --if-present run test
+
+      - name: Test backend
+        if: ${{ !cancelled() }}
+        run: pnpm --filter backend --if-present run test
+
+      - name: Deploy frontend
+        if: github.ref == 'refs/heads/main' && github.event_name != 'pull_request'
+        run: rsync -a --delete frontend/dist/ "$DEPLOY_DIR/frontend/"
 
-      - name: Typecheck
-        run: pnpm run --if-present typecheck
+      - name: Deploy backend
+        if: github.ref == 'refs/heads/main' && github.event_name != 'pull_request'
+        run: |
+          rm -rf "$DEPLOY_DIR/backend.new" "$DEPLOY_DIR/backend.old"
+          pnpm --filter backend deploy --prod "$DEPLOY_DIR/backend.new"
+          if [ -d "$DEPLOY_DIR/backend" ]; then mv "$DEPLOY_DIR/backend" "$DEPLOY_DIR/backend.old"; fi
+          mv "$DEPLOY_DIR/backend.new" "$DEPLOY_DIR/backend"
+          sudo -n /usr/bin/systemctl restart "$SERVICE"
+          rm -rf "$DEPLOY_DIR/backend.old"
 
-      - name: Test
-        run: pnpm run --if-present test --run
+      - name: Check backend
+        if: github.ref == 'refs/heads/main' && github.event_name != 'pull_request'
+        run: |
+          for i in $(seq 1 10); do
+            if curl -sf -X POST -H 'Content-Type: application/json' \
+              -d '{"query":"{ genres { id } }"}' http://localhost:3001/ > /dev/null; then
+              echo "Backend is up"
+              exit 0
+            fi
+            sleep 2
+          done
+          echo "Backend did not respond"
+          systemctl status "$SERVICE" --no-pager || true
+          exit 1

.github/workflows/ci.yml.bak

@@ -0,0 +1,50 @@
+name: CI
+
+on:
+  pull_request:
+    branches: [main, dev]
+  push:
+    branches: [main, dev]
+
+jobs:
+  lint-and-test:
+    runs-on: self-hosted
+    strategy:
+      fail-fast: false
+      matrix:
+        workspace: [frontend, backend]
+    defaults:
+      run:
+        working-directory: ${{ matrix.workspace }}
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 24.21.0
+
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 11.25.0
+
+      - name: Get pnpm store path
+        id: pnpm-store
+        run: echo "path=$(pnpm store path --silent)" >> "$GITHUB_OUTPUT"
+
+      - uses: actions/cache@v4
+        with:
+          path: ${{ steps.pnpm-store.outputs.path }}
+          key: pnpm-${{ runner.os }}-${{ matrix.workspace }}-${{ hashFiles(format('{0}/pnpm-lock.yaml', matrix.workspace)) }}
+          restore-keys: pnpm-${{ runner.os }}-${{ matrix.workspace }}-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Lint
+        run: pnpm run lint
+
+      - name: Typecheck
+        run: pnpm run --if-present typecheck
+
+      - name: Test
+        run: pnpm run --if-present test --run

backend/.env.example

@@ -6,4 +6,4 @@ TUNNEL_PORT=5433
 # backend server env vars
 DATABASE_URL=postgresql://webapp:<PASSORD>@localhost:5433/gamesdb
 PORT=3001
-JWT_TOKEN=<server-rand-token>
+#JWT_TOKEN=<server-rand-token>

backend/backend-api.md

@@ -1,5 +1,7 @@
 # Backend-API
+
 ## Queries
+
 ### game
 
 Henter informasjon om ett enkelt spill ved ID.
@@ -25,7 +27,9 @@ game(id: ID!): Game
   game(id: "3498") {
     name
     esrbRating
-    genres { name }
+    genres {
+      name
+    }
   }
 }
 ```
@@ -54,11 +58,11 @@ games(search: String, filter: GameFilter, first: Int = 20): GameConnection!
 
 #### Argumenter
 
-| Navn     | Type                        | Default | Beskrivelse                                                                                   |
-| -------- | --------------------------- | ------- | --------------------------------------------------------------------------------------------- |
+| Navn     | Type                        | Default | Beskrivelse                                                                                               |
+| -------- | --------------------------- | ------- | --------------------------------------------------------------------------------------------------------- |
 | `search` | `String`                    | —       | Søk i tittel og alternative navn. Skiller ikke mellom store og små bokstaver, og matcher deler av navnet. |
-| `filter` | [`GameFilter`](#gamefilter) | —       | Filtrering på sjanger, plattform og utgivelsesår.                                             |
-| `first`  | `Int`                       | `20`    | Antall spill på siden. Begrenset til 1–50.                                                    |
+| `filter` | [`GameFilter`](#gamefilter) | —       | Filtrering på sjanger, plattform og utgivelsesår.                                                         |
+| `first`  | `Int`                       | `20`    | Antall spill på siden. Begrenset til 1–50.                                                                |
 
 Alle argumenter er valgfrie og kan kombineres.
 
@@ -72,7 +76,11 @@ Alle argumenter er valgfrie og kan kombineres.
 {
   games(search: "zelda", first: 3) {
     totalCount
-    edges { node { name } }
+    edges {
+      node {
+        name
+      }
+    }
   }
 }
 ```
@@ -103,7 +111,12 @@ Action- og RPG-spill på PC, utgitt 2015–2020:
     first: 3
   ) {
     totalCount
-    edges { node { name released } }
+    edges {
+      node {
+        name
+        released
+      }
+    }
   }
 }
 ```
@@ -145,7 +158,10 @@ Liste med [`Facet`](#facet).
 
 ```graphql
 {
-  genres { id name }
+  genres {
+    id
+    name
+  }
 }
 ```
 
@@ -185,7 +201,10 @@ Merk: ID-ene her er plattformfamilier og er ikke de samme som ID-ene i `Game.pla
 
 ```graphql
 {
-  platforms { id name }
+  platforms {
+    id
+    name
+  }
 }
 ```
 
@@ -202,36 +221,38 @@ Merk: ID-ene her er plattformfamilier og er ikke de samme som ID-ene i `Game.pla
 ```
 
 ## Mutations
+
 > Dette skal legges til når funksjonalitet for brukere blir lagt til
 
 ## Types
+
 ### Game
 
 Et spill med detaljer og relasjoner.
 
-| Felt                        | Type                | Beskrivelse                                                       |
-| --------------------------- | ------------------- | ----------------------------------------------------------------- |
-| `id`                        | `ID!`               | ID til spillet.                                                   |
-| `name`                      | `String!`           | Tittel.                                                           |
-| `description`               | `String`            | Beskrivelse i ren tekst.                                          |
-| `released`                  | `String`            | Utgivelsesdato, `YYYY-MM-DD`.                                     |
-| `website`                   | `String`            | Offisiell nettside.                                               |
-| `added`                     | `Int!`              | Antall RAWG-brukere som har lagt spillet til i en liste. Brukes som mål på popularitet. |
-| `metacritic`                | `Int`               | Metacritic-score, 0–100.                                          |
-| `rating`                    | `Float`             | RAWG-brukernes snittvurdering, 0–5.                               |
-| `ratingsCount`              | `Int!`              | Antall vurderinger bak `rating`.                                  |
-| `playtime`                  | `Int`               | Gjennomsnittlig spilletid i timer.                                |
-| `esrbRating`                | `String`            | Amerikansk aldersgrense, f.eks. `Mature`.                         |
-| `dominantColor`             | `String`            | Hovedfargen i forsidebildet som hex, f.eks. `0f0f0f`.             |
-| `backgroundImage`           | `String`            | URL til forsidebildet.                                            |
-| `backgroundImageAdditional` | `String`            | URL til et ekstra bilde.                                          |
-| `screenshots`               | `[String!]!`        | URL-er til skjermbilder. Tom liste hvis ingen.                    |
-| `genres`                    | [`[Facet!]!`](#facet) | Sjangre.                                                        |
-| `platforms`                 | [`[Facet!]!`](#facet) | Enkeltkonsoller, f.eks. PlayStation 4.                          |
-| `stores`                    | [`[Facet!]!`](#facet) | Butikker spillet selges i.                                      |
-| `developers`                | [`[Facet!]!`](#facet) | Utviklere.                                                      |
-| `publishers`                | [`[Facet!]!`](#facet) | Utgivere.                                                       |
-| `tags`                      | [`[Facet!]!`](#facet) | Tagger fra RAWG, f.eks. Open World.                             |
+| Felt                        | Type                  | Beskrivelse                                                                             |
+| --------------------------- | --------------------- | --------------------------------------------------------------------------------------- |
+| `id`                        | `ID!`                 | ID til spillet.                                                                         |
+| `name`                      | `String!`             | Tittel.                                                                                 |
+| `description`               | `String`              | Beskrivelse i ren tekst.                                                                |
+| `released`                  | `String`              | Utgivelsesdato, `YYYY-MM-DD`.                                                           |
+| `website`                   | `String`              | Offisiell nettside.                                                                     |
+| `added`                     | `Int!`                | Antall RAWG-brukere som har lagt spillet til i en liste. Brukes som mål på popularitet. |
+| `metacritic`                | `Int`                 | Metacritic-score, 0–100.                                                                |
+| `rating`                    | `Float`               | RAWG-brukernes snittvurdering, 0–5.                                                     |
+| `ratingsCount`              | `Int!`                | Antall vurderinger bak `rating`.                                                        |
+| `playtime`                  | `Int`                 | Gjennomsnittlig spilletid i timer.                                                      |
+| `esrbRating`                | `String`              | Amerikansk aldersgrense, f.eks. `Mature`.                                               |
+| `dominantColor`             | `String`              | Hovedfargen i forsidebildet som hex, f.eks. `0f0f0f`.                                   |
+| `backgroundImage`           | `String`              | URL til forsidebildet.                                                                  |
+| `backgroundImageAdditional` | `String`              | URL til et ekstra bilde.                                                                |
+| `screenshots`               | `[String!]!`          | URL-er til skjermbilder. Tom liste hvis ingen.                                          |
+| `genres`                    | [`[Facet!]!`](#facet) | Sjangre.                                                                                |
+| `platforms`                 | [`[Facet!]!`](#facet) | Enkeltkonsoller, f.eks. PlayStation 4.                                                  |
+| `stores`                    | [`[Facet!]!`](#facet) | Butikker spillet selges i.                                                              |
+| `developers`                | [`[Facet!]!`](#facet) | Utviklere.                                                                              |
+| `publishers`                | [`[Facet!]!`](#facet) | Utgivere.                                                                               |
+| `tags`                      | [`[Facet!]!`](#facet) | Tagger fra RAWG, f.eks. Open World.                                                     |
 
 Relasjonene returnerer en tom liste hvis spillet ikke har noen.
 
@@ -252,30 +273,30 @@ Felles type for sjangre, plattformer, butikker, utviklere, utgivere og tagger.
 
 Resultatet av [`games`](#games). Følger Relay-mønsteret for paginering (se [dokumentasjon](https://graphql.org/learn/pagination/)).
 
-| Felt         | Type                        | Beskrivelse                                         |
-| ------------ | --------------------------- | --------------------------------------------------- |
-| `edges`      | [`[GameEdge!]!`](#gameedge) | Spillene på denne siden.                            |
-| `pageInfo`   | [`PageInfo!`](#pageinfo)    | Informasjon for å hente neste side.                 |
-| `totalCount` | `Int!`                      | Totalt antall spill som matcher søk og filtre.      |
+| Felt         | Type                        | Beskrivelse                                    |
+| ------------ | --------------------------- | ---------------------------------------------- |
+| `edges`      | [`[GameEdge!]!`](#gameedge) | Spillene på denne siden.                       |
+| `pageInfo`   | [`PageInfo!`](#pageinfo)    | Informasjon for å hente neste side.            |
+| `totalCount` | `Int!`                      | Totalt antall spill som matcher søk og filtre. |
 
 ---
 
 ### GameEdge
 
 Ett spill i en [`GameConnection`](#gameconnection).
 
-| Felt     | Type                 | Beskrivelse                          |
-| -------- | -------------------- | ------------------------------------ |
-| `node`   | [`Game!`](#game-1)   | Spillet.                             |
-| `cursor` | `String!`            | Posisjonen til spillet i listen.     |
+| Felt     | Type               | Beskrivelse                      |
+| -------- | ------------------ | -------------------------------- |
+| `node`   | [`Game!`](#game-1) | Spillet.                         |
+| `cursor` | `String!`          | Posisjonen til spillet i listen. |
 
 ---
 
 ### PageInfo
 
-| Felt          | Type       | Beskrivelse                                                   |
-| ------------- | ---------- | ------------------------------------------------------------- |
-| `hasNextPage` | `Boolean!` | `true` hvis det finnes flere spill etter denne siden.         |
+| Felt          | Type       | Beskrivelse                                                         |
+| ------------- | ---------- | ------------------------------------------------------------------- |
+| `hasNextPage` | `Boolean!` | `true` hvis det finnes flere spill etter denne siden.               |
 | `endCursor`   | `String`   | Cursor til siste spill på siden. Sendes som `after` for neste side. |
 
 ---
@@ -284,13 +305,11 @@ Ett spill i en [`GameConnection`](#gameconnection).
 
 Input-type for filtrering i [`games`](#games). Alle felt er valgfrie.
 
-| Felt           | Type     | Beskrivelse                                                                    |
-| -------------- | -------- | ------------------------------------------------------------------------------ |
-| `genreIds`     | `[ID!]`  | Spill som har **alle** de valgte sjangrene. ID-er fra [`genres`](#genres).     |
-| `platformIds`  | `[ID!]`  | Spill på **minst én** av de valgte plattformfamiliene. ID-er fra [`platforms`](#platforms). |
-| `releasedFrom` | `Int`    | Utgitt dette året eller senere, f.eks. `2015`.                                 |
-| `releasedTo`   | `Int`    | Utgitt dette året eller tidligere, f.eks. `2020`.                              |
+| Felt           | Type    | Beskrivelse                                                                                 |
+| -------------- | ------- | ------------------------------------------------------------------------------------------- |
+| `genreIds`     | `[ID!]` | Spill som har **alle** de valgte sjangrene. ID-er fra [`genres`](#genres).                  |
+| `platformIds`  | `[ID!]` | Spill på **minst én** av de valgte plattformfamiliene. ID-er fra [`platforms`](#platforms). |
+| `releasedFrom` | `Int`   | Utgitt dette året eller senere, f.eks. `2015`.                                              |
+| `releasedTo`   | `Int`   | Utgitt dette året eller tidligere, f.eks. `2020`.                                           |
 
 Merk: Spill uten utgivelsesdato utelates når `releasedFrom` eller `releasedTo` er satt. ID-er som ikke er tall ignoreres.
-
-

backend/package.json

@@ -11,6 +11,9 @@
     "start": "pnpm run build && node dist/index.js",
     "lint": "eslint ."
   },
+  "files": [
+    "dist"
+  ],
   "keywords": [],
   "author": "",
   "license": "ISC",

backend/src/auth.ts

@@ -1,3 +1,2 @@
-
 // server jwt secret
-// const secret = process.env.JWT_SECRET;
+// const secret = process.env.JWT_SECRET;