Update all packages to support Parcel v2

wally-registry-frontend/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:14.15
+FROM node:20
 WORKDIR /app
 EXPOSE 8000
 

wally-registry-frontend/package.json

@@ -4,81 +4,84 @@
   "description": "Wally registry website",
   "publish": false,
   "license": "MIT",
-  "browserslist": "> 0.5%, last 2 versions, not dead",
+  "engines": {
+    "node": ">= 20"
+  },
   "scripts": {
     "dev": "fantasticon && concurrently -n parcel,tsc \"parcel -p 5000 --dist-dir dev src/index.html\" \"tsc --pretty --watch\"",
-    "dev:front": "fantasticon && concurrently -n parcel,tsc \"parcel --dist-dir dev src/index.html\" \"tsc --pretty --watch\"",
-    "build-server": "parcel build --public-url /static --dist-dir build/server src/server.js",
+    "start": "node build/server/server.js",
+    "build-server": "parcel build --no-optimize --no-scope-hoist --no-source-maps --no-content-hash --public-url /static --dist-dir build/server src/server.js",
     "build-client": "fantasticon && node build.js",
     "build": "npm run build-server && npm run build-client",
     "check": "concurrently -n eslint,tsc,prettier \"eslint src\" tsc \"prettier --check src\"",
     "format": "prettier ./src -w",
     "lint": "npm run lint:prettier && npm run lint:eslint && npm run lint:tsc",
-    "lint:prettier": "prettier ./src -c && prettier ./functions -c",
-    "lint:eslint": "eslint ./src --ext .js,.ts,.tsx && eslint ./functions --ext .js,.ts,.tsx",
-    "lint:tsc": "tsc --noEmit && tsc --noEmit -p functions/tsconfig.json"
-  },
-  "dependencies": {
-    "@parcel/config-default": "^2.12.0",
-    "@parcel/core": "^2.12.0",
-    "fastify": "^3.12.0",
-    "fastify-static": "^4.0.1",
-    "parcel": "^2.12.0",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "react-helmet": "^6.1.0",
-    "react-router-dom": "^5.2.0",
-    "react-select": "^5.2.0"
+    "lint:prettier": "prettier ./src -c",
+    "lint:eslint": "eslint ./src --ext .js,.ts,.tsx",
+    "lint:tsc": "tsc --noEmit"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
-    "@babel/plugin-proposal-dynamic-import": "^7.13.8",
+    "@babel/plugin-proposal-dynamic-import": "^7.18.6",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-    "@babel/plugin-transform-modules-commonjs": "^7.13.8",
+    "@babel/plugin-transform-modules-commonjs": "^7.25.9",
     "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.12.13",
+    "@babel/preset-react": "^7.25.9",
     "@babel/preset-typescript": "^7.26.0",
-    "@mdx-js/parcel-plugin-mdx": "^2.0.0",
-    "@mdx-js/react": "^1.6.22",
-    "@parcel/babel-preset-env": "^2.12.0",
+    "@parcel/config-default": "^2.12.0",
+    "@parcel/source-map": "^2.1.1",
     "@parcel/transformer-mdx": "^2.12.0",
-    "@types/node": "^16.10.2",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.9",
-    "@types/react-helmet": "^6.1.0",
-    "@types/react-router-dom": "^5.1.7",
-    "@types/styled-components": "^5.1.9",
+    "@types/node": "^22.8.4",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@types/react-helmet": "^6.1.11",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/styled-components": "^5.1.34",
     "@typescript-eslint/eslint-plugin": "^4.20.0",
     "@typescript-eslint/parser": "^4.20.0",
     "assert": "^2.1.0",
-    "babel-plugin-styled-components": "^1.12.0",
+    "babel-plugin-styled-components": "^2.1.4",
     "babel-polyfill": "^6.26.0",
     "buffer": "^6.0.3",
-    "concurrently": "^6.0.0",
+    "concurrently": "^9.0.1",
     "crypto-browserify": "^3.12.1",
     "eslint": "^7.22.0",
-    "eslint-config-prettier": "^8.1.0",
-    "eslint-plugin-react": "^7.22.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.37.2",
     "events": "^3.3.0",
     "fantasticon": "^1.1.3",
     "https-browserify": "^1.0.0",
-    "marked": "^14.1.3",
+    "os-browserify": "^0.3.0",
     "parcel-plugin-static-files-copy": "^2.6.0",
     "path-browserify": "^1.0.1",
     "postcss": "^8.4.47",
     "postcss-custom-properties": "^14.0.3",
     "postcss-import": "^16.1.0",
-    "postcss-modules": "^4.3.1",
+    "postcss-modules": "^6.0.0",
     "postcss-url": "^10.1.3",
-    "prettier": "^2.2.1",
+    "prettier": "^3.3.3",
     "querystring-es3": "^0.2.1",
-    "regenerator-runtime": "^0.13.7",
+    "regenerator-runtime": "^0.14.1",
     "stream-browserify": "^3.0.0",
     "stream-http": "^3.2.0",
-    "styled-components": "^5.2.1",
-    "typescript": "^4.2.3",
+    "typescript": "^5.6.3",
     "url": "^0.11.4",
     "util": "^0.12.5",
     "vm-browserify": "^1.1.2"
+  },
+  "dependencies": {
+    "@mdx-js/react": "1.6",
+    "@parcel/core": "^2.12.0",
+    "fastify": "^3.29.5",
+    "fastify-static": "^4.0.1",
+    "parcel": "^2.12.0",
+    "pino": "^9.5.0",
+    "pino-http": "^10.3.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-helmet": "^6.1.0",
+    "react-router-dom": "^5.2.0",
+    "react-select": "^5.2.0",
+    "styled-components": "^5.2.1"
   }
 }

wally-registry-frontend/postcss.config.json

@@ -0,0 +1,8 @@
+{
+  "module": true,
+  "plugins": {
+    "postcss-import": true,
+    "postcss-url": true,
+    "postcss-custom-properties": true
+  }
+}

wally-registry-frontend/src/App.tsx

@@ -35,9 +35,7 @@ export default function App() {
           </Helmet>
           <ScrollToTop />
           <CanonicalTag />
-
           <Header />
-
           <Switch>
             <Route exact path="/">
               <Home />
@@ -77,7 +75,6 @@ export default function App() {
               }}
             />
           </Switch>
-
           <Footer />
         </>
       </StyleSheetManager>

wally-registry-frontend/src/server.js

@@ -1,6 +1,6 @@
 import fastify from "fastify"
 import fastifyStatic from "fastify-static"
-import { createReadStream, readFileSync } from "fs"
+import { readFileSync } from "fs"
 import path from "path"
 import React from "react"
 import ReactDOMServer from "react-dom/server"
@@ -9,7 +9,7 @@ import { StaticRouter as Router } from "react-router-dom"
 import { ServerStyleSheet } from "styled-components"
 import App from "./App"
 
-const staticFolder = path.join(__dirname, "../static")
+const staticFolder = path.join(__dirname, "../build/static")
 const index = readFileSync(path.join(staticFolder, "index.html"), "utf8")
 
 const renderRoute = (request, reply) => {
@@ -41,7 +41,7 @@ const renderRoute = (request, reply) => {
     .replace(`<div id="app"></div>`, `<div id="app">${body}</div>`)
 }
 
-const app = fastify({ logger: true })
+const app = fastify()
 
 app.register(fastifyStatic, {
   root: staticFolder,