Upgrade to node v18

Signed-off-by: Carl Gieringer <78054+carlgieringer@users.noreply.github.com>

.github/workflows/ci.yml

@@ -32,7 +32,7 @@ jobs:
       - name: Setup Node.JS
         uses: actions/setup-node@v3
         with:
-          node-version: 16.18.0
+          node-version: 18.18.2
           cache: "yarn"
       - name: Install Yarn
         run: |

.github/workflows/flaky-tests-check.yml

@@ -36,7 +36,7 @@ jobs:
       - name: Setup Node.JS
         uses: actions/setup-node@v3
         with:
-          node-version: 16.18.0
+          node-version: 18.18.2
           cache: "yarn"
       - name: Install Yarn
         run: |

.node-version

@@ -1 +1 @@
-16.18.0
+18.18.2

.nvmrc

@@ -1 +1 @@
-16.18.0
+18.18.2

.yarnrc.yml

@@ -1,9 +1,7 @@
-nodeLinker: node-modules
+compressionLevel: mixed
+
+enableGlobalCache: false
 
-plugins:
-  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
-    spec: "@yarnpkg/plugin-interactive-tools"
-  - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
-    spec: "@yarnpkg/plugin-workspace-tools"
+nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-3.3.1.cjs
+yarnPath: .yarn/releases/yarn-4.0.1.cjs

docs/Development.md

@@ -19,15 +19,16 @@ On macOS using `nodenv`, this could be:
 ```shell
 brew install nodenv
 nodenv init
-nodenv install 16.18.0
+nodenv install 18.18.2
 # Activates this node version just for this shell via an env. var
-nodenv shell 16.18.0
-npm install -g yarn
+nodenv shell 18.18.2
+# Enable yarn
+corepack enable
 ```
 
 The correct node version should automatically activate due to the `.node-version`/`.nvmrc` files.
 
-Note: `16.18.0` is the officially supported Node.js version, and we recommend that everyone use a
+Note: `18.18.2` is the officially supported Node.js version, and we recommend that everyone use a
 consistent version to avoid any issues with dependencies.
 
 ### Install dependencies

howdju-mobile-app/README.md

@@ -7,7 +7,7 @@ Howdju React Native mobile app.
 Start the bundler:
 
 ```shell
- yarn run start
+yarn run start
 ```
 
 In another terminal, build and run the mobile app:

howdju-mobile-app/package.json

@@ -11,7 +11,7 @@
     "debugger": "react-devtools",
     "fix-format": "yarn run lint --fix && yarn run prettier --write .",
     "install-pods": "npx pod-install",
-    "ios": "react-native run-ios",
+    "ios": "react-native run-ios --simulator='iPhone 14'",
     "ios-release": "react-native run-ios --configuration Release",
     "ios-release-device": "react-native run-ios --configuration Release --device ${0}",
     "lint": "eslint --ignore-path=.gitignore .",
@@ -53,7 +53,7 @@
     "@types/react-native-vector-icons": "^6.4.13",
     "@types/react-test-renderer": "^17.0.1",
     "babel-jest": "^29.0.3",
-    "babel-loader": "^8.2.5",
+    "babel-loader": "^9.1.3",
     "eslint": "^8.27.0",
     "eslint-plugin-jest": "^27.1.5",
     "eslint-plugin-prettier": "^4.2.1",

package.json

@@ -88,7 +88,7 @@
     "prettier": "2.7.1",
     "typescript": "^4.9.4"
   },
-  "packageManager": "yarn@3.3.1",
+  "packageManager": "yarn@4.0.1",
   "resolutions": {
     "react-native@^0.66": "patch:react-native@npm%3A0.66.5#./.yarn/patches/react-native-npm-0.66.5-22e5dd8ec5.patch",
     "react-material-symbols@^4.1.1": "patch:react-material-symbols@npm%3A4.1.1#./.yarn/patches/react-material-symbols-npm-4.1.1-d06ca7bff7.patch",

premiser-ext/package.json

@@ -37,7 +37,7 @@
     "@babel/preset-react": "^7.13.13",
     "@babel/runtime": "^7.13.10",
     "@types/core-js": "^2.5.5",
-    "babel-loader": "^8.2.2",
+    "babel-loader": "^9.1.3",
     "babel-plugin-module-resolver": "^4.1.0",
     "babel-plugin-react-require": "^3.1.3",
     "babel-plugin-transform-class-properties": "^6.24.1",

premiser-ui/config/webpack.config.ts

@@ -148,11 +148,11 @@ const baseWebpackConfig = {
       },
       {
         test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
-        use: "url-loader?limit=10000&mimetype=application/font-woff",
+        type: "asset/inline",
       },
       {
         test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
-        use: "file-loader",
+        type: "asset/resource",
       },
       {
         test: /\.md$/,

premiser-ui/package.json

@@ -40,13 +40,13 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@babel/cli": "^7.16.0",
-    "@babel/core": "^7.20.2",
-    "@babel/plugin-transform-parameters": "^7.14.5",
-    "@babel/plugin-transform-runtime": "^7.22.9",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.13.13",
-    "@babel/preset-typescript": "^7.18.6",
+    "@babel/cli": "^7.23.0",
+    "@babel/core": "^7.23.2",
+    "@babel/plugin-transform-parameters": "^7.22.15",
+    "@babel/plugin-transform-runtime": "^7.23.2",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.2",
     "@statoscope/webpack-plugin": "^5.26.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12",
@@ -69,8 +69,8 @@
     "@typescript-eslint/parser": "^5.48.2",
     "argparse": "^2.0.1",
     "aws-sdk": "^2.890.0",
-    "babel-jest": "^29.3.1",
-    "babel-loader": "^8.2.2",
+    "babel-jest": "^29.7.0",
+    "babel-loader": "^9.1.3",
     "copy-webpack-plugin": "^11.0.0",
     "cross-env": "^7.0.3",
     "css-loader": "^5.2.0",
@@ -80,7 +80,6 @@
     "esbuild": "^0.15.10",
     "eslint": "^8.27.0",
     "eslint-config-howdju": "workspace:eslint-config-howdju",
-    "file-loader": "^6.2.0",
     "howdju-ops": "workspace:howdju-ops",
     "howdju-test-common": "workspace:howdju-test-common",
     "html-loader": "^2.1.2",
@@ -96,14 +95,13 @@
     "node-sass": "^8.0.0",
     "prettier": "2.7.1",
     "react-hot-loader": "^4.13.0",
-    "resolve-url-loader": "^3.1.2",
+    "resolve-url-loader": "^5.0.0",
     "sass-loader": "^11.0.1",
     "style-loader": "^2.0.0",
     "terser-webpack-plugin": "^5.3.9",
     "ts-node": "^10.9.1",
     "typescript": "^4.9.4",
     "uglify-js": "^3.0.18",
-    "url-loader": "^4.1.1",
     "warnings-to-errors-webpack-plugin": "^2.3.0",
     "webpack": "^5.76.0",
     "webpack-bundle-analyzer": "^4.8.0",
@@ -141,6 +139,8 @@
     "@sentry/browser": "^7.64.0",
     "@sentry/tracing": "^7.64.0",
     "axios": "^1.2.1",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "babel-plugin-react-require": "^4.0.2",
     "classnames": "^2.3.1",
     "connected-react-router": "^6.9.1",
     "deepmerge": "^4.3.1",
@@ -164,7 +164,7 @@
     "react-dom": "^16.2.0",
     "react-flip-move": "^3.0.1",
     "react-helmet": "^6.1.0",
-    "react-material-symbols": "^4.1.1",
+    "react-material-symbols": "^4.2.2",
     "react-redux": "^7.2.4",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",