fix: update deps (#163)

* fix: update deps

* refactor: migrate to Primer react components

* build: get it functioning

* fix: update css classes and variables

* refactor: update to use newer css classes

* ci: update versions

* fix: update Dockerfile to use Node 20

BREAKING CHANGE: Drop versions before Node 18

* build: replace raven with sentry

* Don't use primer react components for now

* fix EventIcon

* switch to esbuild-loader

* remove glob-all

* more changes

* remove noJsx

* fix docker image

* remove testing from ci

* set host to 0.0.0.0

* Add type to webpack config

* fix webpack error

* update

* add sideEffects: false

* no need to test all these versions

---------

Co-authored-by: Aras Abbasi <aras.abbasi@googlemail.com>

Author: wolfy1339

.babelrc

@@ -26,14 +26,9 @@ jobs:
           cache: npm
       - run: npm ci
       - run: npm run build
-      - run: npm test
-      - name: codecov
-        run: npx codecov
-        env:
-          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
 
   docker:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       - run: docker build . -t smee.io

.eslintignore

@@ -19,25 +19,25 @@ jobs:
 
     steps:
       - name: Check out the repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - run: echo ${{ github.actor }}
 
       - name: Log in to the Container registry
-        uses: docker/login-action@v1
+        uses: docker/login-action@v3
         with:
           registry: ${{ env.REGISTRY }}
           username: ${{ github.actor }}
           password: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Extract metadata
         id: meta
-        uses: docker/metadata-action@v3
+        uses: docker/metadata-action@v5
         with:
           images: ${{ env.REGISTRY }}/${{ github.repository_owner }}/${{ env.IMAGE_NAME }}
 
       - name: Build and push Docker image
-        uses: docker/build-push-action@v2
+        uses: docker/build-push-action@v6
         with:
           context: .
           push: true

.eslintrc

@@ -22,7 +22,7 @@ jobs:
     runs-on: ubuntu-latest
     if: github.event.pull_request.merged == true
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
 

.github/workflows/ci.yml

@@ -1,19 +1,18 @@
 # A temporary image that installs dependencies and
 # builds the production-ready front-end bundles.
 
-FROM node:14.21.3-alpine as bundles
+FROM node:20-alpine AS bundles
 WORKDIR /usr/src/smee.io
 COPY package*.json ./
 COPY webpack.config.js ./
-COPY .babelrc ./
 COPY src ./src
 RUN ls
 # Install the project's dependencies and build the bundles
 RUN npm ci && npm run build && env NODE_ENV=production npm prune
 
 # --------------------------------------------------------------------------------
 
-FROM node:22.18.0-alpine
+FROM node:20-alpine
 LABEL description="Smee.io"
 
 # Let's make our home
@@ -31,7 +30,7 @@ COPY --chown=node:node --from=bundles /usr/src/smee.io/node_modules /usr/src/sme
 COPY --chown=node:node --from=bundles /usr/src/smee.io/public /usr/src/smee.io/public
 
 # We should always be running in production mode
-ENV NODE_ENV production
+ENV NODE_ENV=production
 
 # Copy various scripts and files
 COPY --chown=node:node public ./public

.github/workflows/release.yaml

@@ -0,0 +1,9 @@
+const globals = require('globals')
+
+module.exports = require('neostandard')({
+  globals: { ...globals.jest },
+  ignores: [
+    'node_modules',
+    'public',
+  ]
+})

.github/workflows/tag.yaml

@@ -1,16 +1,16 @@
 'use strict'
 
-let Sentry;
+let Sentry
 
 if (process.env.SENTRY_DSN) {
-  Sentry = require("@sentry/node");
+  Sentry = require('@sentry/node')
   // Ensure to call this before requiring any other modules!
   Sentry.init({
     dsn: process.env.SENTRY_DSN,
     // Adds request headers and IP for users, for more info visit:
     // https://docs.sentry.io/platforms/javascript/guides/node/configuration/options/#sendDefaultPii
     sendDefaultPii: true,
-  });
+  })
 }
 
 const crypto = require('crypto')
@@ -38,7 +38,7 @@ const files = [
   const fastify = Fastify({ logger: true })
 
   if (Sentry) {
-    Sentry.setupFastifyErrorHandler(fastify);
+    Sentry.setupFastifyErrorHandler(fastify)
   }
 
   await fastify.register(fastifySwagger)
@@ -264,9 +264,8 @@ const files = [
       return reply.status(200)
     })
 
-
   const port = parseInt(process.env.PORT, 10) || 3000
-  fastify.listen({ port }, (err, address) => {
+  fastify.listen({ port, host: '0.0.0.0' }, (err, address) => {
     if (err) {
       console.error(err)
       process.exit(1)