chore(deps): upgrade project to node 18 (carbon-design-system#1581)

* chore(deps): upgrade project to node 18

.github/workflows/e2e-tests.yml

@@ -16,13 +16,13 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: ['14.x']
+        node-version: ['18.x']
     steps:
       - uses: actions/checkout@v2
-      - name: Use Node.js 14.x
+      - name: Use Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: '14.x'
+          node-version: '18.x'
           cache: yarn
       - name: Caching Gatsby
         id: gatsby-cache-build

package.json

@@ -2,14 +2,17 @@
   "name": "carbon-for-ibm-dotcom-website",
   "version": "1.0.0",
   "license": "Apache-2.0",
+  "engines": {
+    "node": ">=18.x"
+  },
   "scripts": {
     "clean": "gatsby clean",
     "clean:dev-pages": "rimraf src/pages/developing/building-for-ibm-dotcom/index.mdx src/pages/developing/carbon-cdn-style-helpers/index.mdx",
-    "build": "gatsby build --prefix-paths",
+    "build": "NODE_OPTIONS=--openssl-legacy-provider gatsby build --prefix-paths",
     "build:analyze": "ANALYZE=true yarn build",
-    "build:clean": "yarn clean && gatsby build --prefix-paths",
+    "build:clean": "yarn clean && yarn build --prefix-paths",
     "build:wiki": "node node_modules/wiki-helpers/index.js rootPath=./wiki buildPath=./wiki-build flattenDir=true",
-    "dev": "gatsby develop -H 0.0.0.0",
+    "dev": "NODE_OPTIONS=--openssl-legacy-provider gatsby develop -H 0.0.0.0",
     "dev:clean": "yarn clean && yarn dev",
     "format": "prettier --write 'src/**/*.{css,scss,js,json,html,yaml,md,mdx}'",
     "lint": "eslint .",
@@ -18,14 +21,13 @@
     "postpublish": "pinst --enable",
     "prepublishOnly": "pinst --disable",
     "serve": "gatsby serve",
-    "test:e2e:local": "start-server-and-test 'yarn test:e2e:run' 8080 'cypress run --config video=false --config-file tests/e2e/cypress.json'",
-    "test:e2e:local:with-video": "start-server-and-test 'yarn test:e2e:run' 8080 'cypress run --config-file tests/e2e/cypress.json'",
+    "test:e2e:local": "npx -y start-server-and-test 'yarn test:e2e:run' 8080 'cypress run --config video=false --config-file tests/e2e/cypress.json'",
+    "test:e2e:local:with-video": "npx -y start-server-and-test 'yarn test:e2e:run' 8080 'cypress run --config-file tests/e2e/cypress.json'",
     "test:e2e:prod": "cypress run --config video=false --config-file tests/e2e/cypress-prod.json",
-    "test:e2e:run": "http-server -c-1 public --silent"
+    "test:e2e:run": "npx -y http-server -c-1 public --silent"
   },
   "dependencies": {
     "@carbon/icons-react": "^10.27.0",
-    "beacon-for-ibm-dotcom": "^0.2.7",
     "carbon-components": "^10.46.0",
     "carbon-components-react": "^7.46.0",
     "dotenv": "^10.0.0",
@@ -51,10 +53,8 @@
     "eslint-plugin-import": "^2.24.0",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-react": "^7.24.0",
-    "http-server": "^14.1.0",
     "husky": "^7.0.2",
     "lint-staged": "^11.1.2",
-    "prettier": "^2.3.2",
-    "start-server-and-test": "^1.14.0"
+    "prettier": "^2.3.2"
   }
 }

src/pages/developing/index.mdx

@@ -43,17 +43,23 @@ would also work in React applications. Our team provides <Link to="/developing/f
 versions of Carbon for IBM.com Web Components.
 
 <p>
-Get started with  <Link to="/developing/frameworks/web-components">Carbon for IBM.com Web Components</Link>
+  Get started with{' '}
+  <Link to="/developing/frameworks/web-components">
+    Carbon for IBM.com Web Components
+  </Link>
 </p>
 
 ### React wrapper
+
 Our team builds new components for Carbon for IBM.com as Web components first and also provides each components with a React wrapper for seamless integration into a React application.
 
 <p>
-Get started with  <Link to="/developing/frameworks/react-wrapper">Carbon for IBM.com React wrapper</Link>
+  Get started with{' '}
+  <Link to="/developing/frameworks/react-wrapper">
+    Carbon for IBM.com React wrapper
+  </Link>
 </p>
 
-
 ### React
 
 <InlineNotification kind="warning">
@@ -67,7 +73,8 @@ that is also supported by the core Carbon Design System team. If your applicatio
 Carbon for IBM.com React.
 
 <p>
-Get started with <Link to="/developing/frameworks/react">Carbon for IBM.com React</Link>
+  Get started with{' '}
+  <Link to="/developing/frameworks/react">Carbon for IBM.com React</Link>
 </p>
 
 ## Building for IBM.com

src/pages/developing/web-components-tutorial/step-1.mdx

@@ -422,7 +422,8 @@ To wrap up this tutorial step, let's add the required meta tags for an IBM.com p
 
 <link rel="icon" href="//www.ibm.com/favicon.ico" />
 
-<meta name="dcterms.date" content="YYYY-MM-DD" /> <!--  replace with today's date -->
+<meta name="dcterms.date" content="YYYY-MM-DD" />
+<!--  replace with today's date -->
 <meta name="dcterms.rights" content="© Copyright IBM Corp. 2021" />
 <meta name="geo.country" content="US" />
 <meta name="robots" content="index,follow" />

src/pages/guidelines/content.mdx

@@ -204,4 +204,4 @@ _Some of this content is accessible to IBMers only._
 | _[Carbon Design System Content Guidelines](https://www.carbondesignsystem.com/guidelines/content/overview/)_ | Carbon is IBM’s open source design system for products. These guidelines have been developed from real-life examples and are for everyone who is writing or reviewing copy in IBM product interfaces.                                                                                |
 | _[IBM Design Language](https://www.ibm.com/design/language/)_                                                | The IBM Design Language provides the guidance and assets used to express the IBM brand. You'll fully understand what drives IBM’s design philosophy and principles, and be in a position to make informed choices for your product work.                                             |
 | _[IBM Brand Center](https://www.ibm.com/brand/definition)_                                                   | IBM Brand Center is the home base for the IBM Brand story, visual brand elements, guidelines, and assets.                                                                                                                                                                            |
-| _[IBM Experience Guides](https://www.ibm.com/brand/experience-guides/)_                                                    | The IBM brand systems have been developed for various IBM businesses, audiences, categories, and offerings. Read them to understand the rationale behind every visual and verbal detail.                                                                                             |
+| _[IBM Experience Guides](https://www.ibm.com/brand/experience-guides/)_                                      | The IBM brand systems have been developed for various IBM businesses, audiences, categories, and offerings. Read them to understand the rationale behind every visual and verbal detail.                                                                                             |