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

* migrate usages of nextjs-scripts to platform packages

* Updates hashi packages

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

@@ -28,6 +28,7 @@ export default function ConsulSubnav() {
       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 redirects = require('./redirects.next')
 
 module.exports = withHashicorp({

website/package.json

@@ -4,37 +4,41 @@
   "version": "0.0.1",
   "author": "HashiCorp",
   "dependencies": {
-    "@hashicorp/mktg-global-styles": "3.0.1",
+    "@hashicorp/mktg-global-styles": "^3.1.0",
-    "@hashicorp/mktg-logos": "1.0.2",
+    "@hashicorp/mktg-logos": "^1.2.0",
-    "@hashicorp/nextjs-scripts": "19.0.2",
+    "@hashicorp/platform-code-highlighting": "^0.1.1",
-    "@hashicorp/react-alert": "5.0.0",
+    "@hashicorp/platform-runtime-error-monitoring": "^0.1.0",
-    "@hashicorp/react-alert-banner": "6.1.1",
+    "@hashicorp/platform-util": "^0.1.0",
-    "@hashicorp/react-button": "5.0.1",
+    "@hashicorp/react-alert": "^5.0.1",
-    "@hashicorp/react-call-to-action": "3.0.1",
+    "@hashicorp/react-alert-banner": "^6.1.2",
-    "@hashicorp/react-callouts": "7.0.2",
+    "@hashicorp/react-button": "^5.2.1",
-    "@hashicorp/react-code-block": "4.1.2",
+    "@hashicorp/react-call-to-action": "^3.1.2",
-    "@hashicorp/react-content": "7.0.1",
+    "@hashicorp/react-callouts": "^7.1.2",
-    "@hashicorp/react-docs-page": "13.2.0",
+    "@hashicorp/react-code-block": "^4.1.4",
-    "@hashicorp/react-featured-slider": "4.0.0",
+    "@hashicorp/react-consent-manager": "^5.3.2",
-    "@hashicorp/react-hashi-stack-menu": "2.0.5",
+    "@hashicorp/react-content": "^7.0.2",
-    "@hashicorp/react-head": "3.1.0",
+    "@hashicorp/react-docs-page": "^13.5.1",
-    "@hashicorp/react-hero": "7.2.1",
+    "@hashicorp/react-enterprise-alert": "^5.0.1",
-    "@hashicorp/react-image": "4.0.1",
+    "@hashicorp/react-featured-slider": "^4.1.2",
-    "@hashicorp/react-inline-svg": "6.0.1",
+    "@hashicorp/react-hashi-stack-menu": "^2.0.6",
-    "@hashicorp/react-learn-callout": "^1.0.2",
+    "@hashicorp/react-head": "^3.1.1",
-    "@hashicorp/react-markdown-page": "1.2.0",
+    "@hashicorp/react-hero": "^7.3.2",
-    "@hashicorp/react-product-downloads-page": "2.0.2",
+    "@hashicorp/react-image": "^4.0.2",
-    "@hashicorp/react-product-features-list": "4.0.1",
+    "@hashicorp/react-inline-svg": "^6.0.2",
-    "@hashicorp/react-section-header": "5.0.2",
+    "@hashicorp/react-learn-callout": "^1.1.2",
-    "@hashicorp/react-stepped-feature-list": "4.0.1",
+    "@hashicorp/react-markdown-page": "^1.3.1",
-    "@hashicorp/react-subnav": "8.1.0",
+    "@hashicorp/react-product-downloads-page": "^2.3.1",
-    "@hashicorp/react-tabs": "6.0.1",
+    "@hashicorp/react-product-features-list": "^4.1.2",
-    "@hashicorp/react-text-split": "3.1.1",
+    "@hashicorp/react-section-header": "^5.0.3",
-    "@hashicorp/react-text-split-with-code": "3.3.2",
+    "@hashicorp/react-stepped-feature-list": "^4.0.2",
-    "@hashicorp/react-text-split-with-image": "4.1.1",
+    "@hashicorp/react-subnav": "^8.4.0",
-    "@hashicorp/react-use-cases": "4.0.0",
+    "@hashicorp/react-tabs": "^6.0.1",
-    "@hashicorp/react-vertical-text-block-list": "6.0.2",
+    "@hashicorp/react-text-split": "^3.2.2",
-    "next": "10.1.3",
+    "@hashicorp/react-text-split-with-code": "^3.3.5",
+    "@hashicorp/react-text-split-with-image": "^4.2.2",
+    "@hashicorp/react-use-cases": "^4.0.1",
+    "@hashicorp/react-vertical-text-block-list": "^6.0.3",
+    "next": "10.2.2",
     "next-mdx-remote": "3.0.1",
     "next-remote-watch": "1.0.0",
     "nuka-carousel": "4.7.7",
@@ -43,10 +47,14 @@
     "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.7",
-    "prettier": "2.2.1"
+    "prettier": "2.2.1",
+    "typescript": "^4.3.5"
   },
   "husky": {
     "hooks": {

website/pages/_app.js

@@ -1,12 +1,12 @@
 import './style.css'
-import '@hashicorp/nextjs-scripts/lib/nprogress/style.css'
+import '@hashicorp/platform-util/nprogress/style.css'
 
 import Router from 'next/router'
 import Head from 'next/head'
-import NProgress from '@hashicorp/nextjs-scripts/lib/nprogress'
+import NProgress from '@hashicorp/platform-util/nprogress'
-import { ErrorBoundary } from '@hashicorp/nextjs-scripts/lib/bugsnag'
+import { ErrorBoundary } from '@hashicorp/platform-runtime-error-monitoring'
-import createConsentManager from '@hashicorp/nextjs-scripts/lib/consent-manager'
+import createConsentManager from '@hashicorp/react-consent-manager/loader'
-import useAnchorLinkAnalytics from '@hashicorp/nextjs-scripts/lib/anchor-link-analytics'
+import useAnchorLinkAnalytics from '@hashicorp/platform-util/anchor-link-analytics'
 import HashiHead from '@hashicorp/react-head'
 import HashiStackMenu from '@hashicorp/react-hashi-stack-menu'
 import AlertBanner from '@hashicorp/react-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 }) {
   console.log('this is working')

website/pages/home/index.jsx

@@ -7,7 +7,7 @@ import CalloutBlade from 'components/callout-blade'
 import CaseStudyCarousel from 'components/case-study-carousel'
 import HomepageHero from 'components/homepage-hero'
 import StaticDynamicDiagram from 'components/static-dynamic-diagram'
-import highlightString from '@hashicorp/nextjs-scripts/prism/highlight-string'
+import highlightString from '@hashicorp/platform-code-highlighting/highlight-string'
 
 export default function HomePage({ serviceMeshIngressGatewayCode }) {
   return (

website/prettier.config.js

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