PWA-3216::upgarding node 14 to 18

package.json

@@ -22,7 +22,7 @@
     "url": "https://github.com/magento/pwa-studio/issues"
   },
   "scripts": {
-    "build": "yarn venia run build",
+    "build": "export NODE_OPTIONS=--openssl-legacy-provider && yarn venia run build",
     "build:dev": "yarn venia run build:dev",
     "clean:all": "yarn workspaces run -s clean && rimraf ./node_modules",
     "clean:dist": "yarn workspaces run clean",
@@ -36,7 +36,7 @@
     "stage:venia": "yarn venia start",
     "stats:venia": "yarn venia run build:analyze && yarn venia run stats",
     "storybook:venia": "yarn workspace @magento/venia-ui run storybook",
-    "test": "jest",
+    "test": "export NODE_OPTIONS=--openssl-legacy-provider && jest",
     "test:ci": "jest --no-cache --max-workers=3 --json --outputFile=test-results.json",
     "test:debug": "node --inspect-brk node_modules/.bin/jest --no-cache --no-coverage --runInBand --testTimeout 86400",
     "test:dev": "jest --watch",
@@ -46,7 +46,11 @@
     "watch:venia": "yarn venia run watch"
   },
   "dependencies": {
-    "caniuse-lite": "~1.0.30001335"
+    "caniuse-lite": "~1.0.30001335",
+    "react-native": "~0.74.2",
+    "react-scripts": "5.0.0",
+    "setimmediate": "^1.0.5",
+    "webpack": "~5.91.0"
   },
   "devDependencies": {
     "@babel/plugin-transform-runtime": "~7.4.4",
@@ -98,7 +102,7 @@
     "@graphql-tools/prisma-loader": "6.3.0"
   },
   "engines": {
-    "node": ">=14.x",
+    "node": ">=18.x",
     "yarn": ">=1.12.0"
   },
   "bundlesize": [

packages/babel-preset-peregrine/package.json

@@ -33,7 +33,7 @@
     "react-refresh": "~0.8.3"
   },
   "engines": {
-    "node": ">=14.x",
+    "node": ">=18.x",
     "yarn": ">=1.12.0"
   }
 }

packages/create-pwa/package.json

@@ -40,6 +40,6 @@
     "is-invalid-path": "^1.0.2",
     "is-valid-npm-name": "^0.0.4",
     "node-fetch": "~2.6.1",
-    "webpack": "~4.46.0"
+    "webpack": "~5.91.0"
   }
 }

packages/extensions/upward-security-headers/package.json

@@ -15,7 +15,7 @@
   "peerDependencies": {
     "@magento/pwa-buildpack": "~11.4.3",
     "@magento/venia-ui": "~11.3.0",
-    "webpack": "~4.46.0"
+    "webpack": "~5.91.0"
   },
   "pwa-studio": {
     "targets": {

packages/peregrine/package.json

@@ -49,7 +49,7 @@
     "redux-actions": "~2.6.5"
   },
   "engines": {
-    "node": ">=14.x",
+    "node": ">=18.x",
     "yarn": ">=1.12.0"
   },
   "pwa-studio": {

packages/pwa-buildpack/lib/WebpackTools/targetables/__tests__/__snapshots__/TargetableReactComponent.spec.js.snap

@@ -272,11 +272,11 @@ Object.defineProperty(exports, \\"__esModule\\", {
 exports.Checkbox = Checkbox;
 var _react = require(\\"react\\");
 const _excluded = [\\"classes\\", \\"fieldState\\", \\"id\\", \\"label\\", \\"message\\"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \\"function\\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== \\"object\\" && typeof obj !== \\"function\\") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \\"default\\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+function _getRequireWildcardCache(e) { if (\\"function\\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \\"object\\" != typeof e && \\"function\\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\\"default\\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const DynamicComponent$3 = (0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./path/to/a-third/component'))));
 const DynamicBlerg$2 = (0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./path/to/another/component'))));
 const DynamicBlerg$1 = (0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./path/to/dynamic/component'))));

packages/pwa-buildpack/package.json

@@ -86,7 +86,7 @@
     "strip-ansi": "~5.0.0",
     "terser-webpack-plugin": "~1.2.3",
     "wait-for-expect": "~1.2.0",
-    "webpack": "~4.46.0",
+    "webpack": "~5.91.0",
     "workbox-webpack-plugin": "~6.2.4"
   },
   "peerDependencies": {
@@ -98,11 +98,11 @@
     "postcss": "~8.3.6",
     "postcss-loader": "~4.3.0",
     "terser-webpack-plugin": "~1.2.3",
-    "webpack": "~4.46.0",
+    "webpack": "~5.91.0",
     "workbox-webpack-plugin": "~6.2.4"
   },
   "engines": {
-    "node": ">=14.x",
+    "node": ">=18.x",
     "yarn": ">=1.12.0"
   },
   "pwa-studio": {

packages/upward-js/package.json

@@ -56,7 +56,7 @@
     "express": "^4.16.4"
   },
   "engines": {
-    "node": ">=14.x",
+    "node": ">=18.x",
     "yarn": ">=1.12.0"
   }
 }

packages/upward-spec/package.json

@@ -36,7 +36,7 @@
     "tape": "~4.10.1"
   },
   "engines": {
-    "node": ">=14.x",
+    "node": ">=18.x",
     "yarn": ">=1.12.0"
   }
 }

packages/venia-concept/_buildpack/__tests__/create.spec.js

@@ -1,4 +1,5 @@
 jest.mock('child_process');
+global.setImmediate;
 const { execSync } = require('child_process');
 
 const { dirname, resolve } = require('path');

packages/venia-concept/package.json

@@ -10,7 +10,7 @@
     "@magento/venia-drivers": "src/drivers"
   },
   "scripts": {
-    "build": "yarn run build:prod",
+    "build": "export NODE_OPTIONS=--openssl-legacy-provider && yarn run build:prod",
     "build:analyze": "yarn run clean && mkdir dist && webpack -p --profile --no-progress --env.mode production --json > dist/build-stats.json && webpack-bundle-analyzer dist/build-stats.json",
     "build:debug": "node --inspect-brk ./node_modules/.bin/webpack --no-progress --env.mode development",
     "build:dev": "yarn run clean && webpack --no-progress --env.mode development",
@@ -119,7 +119,7 @@
     "tailwindcss": "~3.3.0",
     "terser-webpack-plugin": "~1.2.3",
     "uuid": "~8.3.2",
-    "webpack": "~4.46.0",
+    "webpack": "~5.91.0",
     "webpack-bundle-analyzer": "~3.3.2",
     "webpack-cli": "~3.2.3",
     "webpack-dev-server": "~3.2.1",
@@ -135,7 +135,7 @@
     "sharp": "~0.29.3"
   },
   "engines": {
-    "node": ">=14.x",
+    "node": ">=18.x",
     "yarn": ">=1.12.0"
   },
   "module": "src/index.js",

packages/venia-ui/package.json

@@ -90,7 +90,7 @@
     "react-redux": "~7.2.2",
     "react-router-dom": "~5.2.0",
     "redux": "~4.0.1",
-    "webpack": "~4.46.0"
+    "webpack": "~5.91.0"
   },
   "pwa-studio": {
     "targets": {