web: migrate to web platform- packages (#11156)

website/.eslintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
-  ...require('@hashicorp/nextjs-scripts/.eslintrc.js'),
+  ...require('@hashicorp/platform-cli/config/.eslintrc'),
   ignorePatterns: ['public/']
 }

website/.stylelintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
-  ...require('@hashicorp/nextjs-scripts/.stylelintrc.js'),
+  ...require('@hashicorp/platform-cli/config/stylelint.config'),
   /* Specify overrides here */
 }

website/components/subnav/index.jsx

@@ -18,6 +18,7 @@ export default function PackerSubnav() {
       menuItemsAlign="right"
       menuItems={subnavItems}
       constrainWidth
+      matchOnBasePath
     />
   )
 }

website/next-env.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="next" />
 /// <reference types="next/types/global" />
+/// <reference types="@hashicorp/platform-types" />

website/next.config.js

@@ -1,4 +1,4 @@
-const withHashicorp = require('@hashicorp/nextjs-scripts')
+const withHashicorp = require('@hashicorp/platform-nextjs-plugin')
 const path = require('path')
 const redirects = require('./redirects.next')
 

website/package.json

@@ -4,37 +4,45 @@
   "version": "1.0.0",
   "author": "HashiCorp",
   "dependencies": {
-    "@hashicorp/mktg-global-styles": "3.0.1",
-    "@hashicorp/mktg-logos": "1.0.2",
-    "@hashicorp/nextjs-scripts": "19.0.2",
-    "@hashicorp/react-alert-banner": "^6.1.1",
-    "@hashicorp/react-button": "5.0.0",
-    "@hashicorp/react-command-line-terminal": "^2.0.2",
-    "@hashicorp/react-docs-page": "13.2.0",
-    "@hashicorp/react-hashi-stack-menu": "2.0.5",
-    "@hashicorp/react-head": "3.1.0",
-    "@hashicorp/react-inline-svg": "6.0.0",
-    "@hashicorp/react-markdown-page": "1.2.0",
-    "@hashicorp/react-product-downloads-page": "2.0.2",
-    "@hashicorp/react-product-features-list": "^4.0.1",
-    "@hashicorp/react-search": "5.0.1",
-    "@hashicorp/react-section-header": "5.0.2",
-    "@hashicorp/react-subnav": "8.1.0",
-    "@hashicorp/react-text-split-with-image": "^4.1.1",
-    "@hashicorp/react-vertical-text-block-list": "6.0.2",
+    "@hashicorp/mktg-global-styles": "^3.1.0",
+    "@hashicorp/mktg-logos": "^1.2.0",
+    "@hashicorp/nextjs-scripts": "^19.0.3",
+    "@hashicorp/platform-code-highlighting": "^0.1.1",
+    "@hashicorp/platform-runtime-error-monitoring": "^0.1.0",
+    "@hashicorp/platform-util": "^0.1.0",
+    "@hashicorp/react-alert-banner": "^6.1.2",
+    "@hashicorp/react-button": "^5.2.1",
+    "@hashicorp/react-command-line-terminal": "^2.0.3",
+    "@hashicorp/react-consent-manager": "^5.3.2",
+    "@hashicorp/react-docs-page": "^13.5.1",
+    "@hashicorp/react-hashi-stack-menu": "^2.0.6",
+    "@hashicorp/react-head": "^3.1.1",
+    "@hashicorp/react-inline-svg": "^6.0.2",
+    "@hashicorp/react-markdown-page": "^1.3.1",
+    "@hashicorp/react-product-downloads-page": "^2.3.1",
+    "@hashicorp/react-product-features-list": "^4.1.2",
+    "@hashicorp/react-search": "^5.1.1",
+    "@hashicorp/react-section-header": "^5.0.3",
+    "@hashicorp/react-subnav": "^8.4.0",
+    "@hashicorp/react-text-split-with-image": "^4.2.2",
+    "@hashicorp/react-vertical-text-block-list": "^6.0.3",
     "adm-zip": "^0.5.5",
     "gray-matter": "^4.0.2",
-    "next": "10.1.3",
+    "next": "10.2.2",
     "next-mdx-remote": "3.0.1",
     "next-remote-watch": "1.0.0",
     "react": "16.13.1",
     "react-dom": "16.13.1"
   },
   "devDependencies": {
+    "@hashicorp/platform-cli": "^0.2.0",
+    "@hashicorp/platform-nextjs-plugin": "^0.1.0",
+    "@hashicorp/platform-types": "^0.1.0",
     "@types/react": "^17.0.3",
     "dart-linkcheck": "2.0.15",
     "husky": "4.3.5",
-    "prettier": "2.2.1"
+    "prettier": "2.2.1",
+    "typescript": "^4.3.5"
   },
   "husky": {
     "hooks": {

website/pages/_app.js

@@ -1,5 +1,5 @@
 import './style.css'
-import '@hashicorp/nextjs-scripts/lib/nprogress/style.css'
+import '@hashicorp/platform-util/nprogress/style.css'
 
 import ProductSubnav from 'components/subnav'
 import HashiStackMenu from '@hashicorp/react-hashi-stack-menu'
@@ -8,10 +8,10 @@ import Error from './_error'
 import Head from 'next/head'
 import HashiHead from '@hashicorp/react-head'
 import Router from 'next/router'
-import NProgress from '@hashicorp/nextjs-scripts/lib/nprogress'
-import createConsentManager from '@hashicorp/nextjs-scripts/lib/consent-manager'
-import { ErrorBoundary } from '@hashicorp/nextjs-scripts/lib/bugsnag'
-import useAnchorLinkAnalytics from '@hashicorp/nextjs-scripts/lib/anchor-link-analytics'
+import NProgress from '@hashicorp/platform-util/nprogress'
+import createConsentManager from '@hashicorp/react-consent-manager/loader'
+import { ErrorBoundary } from '@hashicorp/platform-runtime-error-monitoring'
+import useAnchorLinkAnalytics from '@hashicorp/platform-util/anchor-link-analytics'
 import AlertBanner from '@hashicorp/react-alert-banner'
 import alertBannerData, { ALERT_BANNER_ACTIVE } from 'data/alert-banner'
 

website/pages/_error.jsx

@@ -1,5 +1,5 @@
 import NotFound from './404'
-import Bugsnag from '@hashicorp/nextjs-scripts/lib/bugsnag'
+import Bugsnag from '@hashicorp/platform-runtime-error-monitoring'
 
 function Error({ statusCode }) {
   return <NotFound statusCode={statusCode} />

website/prettier.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  ...require('@hashicorp/nextjs-scripts/prettier.config.js'),
+  ...require('@hashicorp/platform-cli/config/prettier.config'),
 }