chore(website): adds ts config, upgrades deps (#10905)

* chore(website): adds ts config, upgrades deps

* chore: adjust ts config option

* chore: upgrade deps

* fix: subnav active path routing

* style(home): update integrations bg color

* chore: upgrade deps

* style: fix body copy color

* style: fix product downloads page height

* feat: updates favicon

* chore(downloads): upgrade to prerelease

* chore: upgrades product download page to stable

* chore: update favicon.ico

website/components/subnav/index.jsx

@@ -14,7 +14,7 @@ export default function PackerSubnav() {
         { text: 'GitHub', url: 'https://www.github.com/hashicorp/packer' },
         { text: 'Download', url: '/downloads' },
       ]}
-      currentPath={router.pathname}
+      currentPath={router.asPath}
       menuItemsAlign="right"
       menuItems={subnavItems}
       constrainWidth

website/jsconfig.json

@@ -1,6 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": "."
-  },
-  "exclude": ["node_modules", ".next", "out"]
-}

website/package.json

@@ -9,15 +9,15 @@
     "@hashicorp/nextjs-scripts": "18.0.0",
     "@hashicorp/react-button": "5.0.0",
     "@hashicorp/react-docs-page": "13.1.3",
-    "@hashicorp/react-hashi-stack-menu": "2.0.0",
+    "@hashicorp/react-hashi-stack-menu": "2.0.3",
     "@hashicorp/react-head": "3.0.1",
     "@hashicorp/react-inline-svg": "6.0.0",
     "@hashicorp/react-markdown-page": "1.1.1",
-    "@hashicorp/react-product-downloads-page": "^1.0.2",
+    "@hashicorp/react-product-downloads-page": "2.0.2",
     "@hashicorp/react-search": "5.0.1",
-    "@hashicorp/react-section-header": "5.0.0",
-    "@hashicorp/react-subnav": "8.0.0",
-    "@hashicorp/react-vertical-text-block-list": "6.0.0",
+    "@hashicorp/react-section-header": "5.0.2",
+    "@hashicorp/react-subnav": "8.1.0",
+    "@hashicorp/react-vertical-text-block-list": "6.0.2",
     "adm-zip": "^0.5.5",
     "gray-matter": "^4.0.2",
     "next": "10.1.3",

website/pages/community/index.jsx

@@ -14,6 +14,7 @@ export default function CommunityPage() {
         use_h1={true}
       />
       <VerticalTextBlockList
+        product="packer"
         data={[
           {
             header: 'Community Forum',

website/pages/community/style.css

@@ -1,6 +1,4 @@
 #p-community {
-  --brand-link: var(--packer-link);
-
   max-width: var(--site-max-width);
   margin: 72px auto;
 

website/pages/home/style.css

@@ -50,6 +50,10 @@
     & .text {
       width: calc(50%);
 
+      & p {
+        color: var(--gray-2);
+      }
+
       @media (max-width: 1000px) {
         width: 100%;
       }
@@ -99,7 +103,7 @@
   }
 
   & #integrations {
-    background: var(--packer);
+    background: var(--packer-secondary);
     color: white;
 
     & > .g-container {

website/pages/style.css

@@ -29,11 +29,6 @@
 /* Print Styles */
 @import './print.css';
 
-/* Sticky Footer */
-.content {
-  min-height: calc(100vh - 260px);
-}
-
 /* 404 page styles */
 #p-404 {
   display: flex;
@@ -41,7 +36,7 @@
   justify-content: center;
   margin: 64px auto;
   max-width: 784px;
-  min-height: 50vh;
+  min-height: calc(90vh - 260px);
   padding-inline: 32px;
   text-align: center;
 

website/tsconfig.json

@@ -15,6 +15,6 @@
     "strict": false,
     "target": "es5"
   },
-  "exclude": ["node_modules"],
+  "exclude": ["node_modules", ".next", "out"],
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
 }