Merge branch 'vagrant-get-started' of ssh://github.com/hashicorp/dev-…

…portal into vagrant-get-started

build-libs/__tests__/get-latest-content-sha-for-product.test.ts

@@ -9,12 +9,15 @@ import { PRODUCT_REDIRECT_ENTRIES } from '@build-libs/redirects'
 
 describe('getLatestContentShaForProduct', () => {
 	PRODUCT_REDIRECT_ENTRIES.forEach(({ repo, path }) => {
-		it(`fetches the latest SHA for the "${repo}" repo`, async () => {
-			const latestSha = await getLatestContentShaForProduct(repo)
-			expect(typeof latestSha).toBe('string')
-		})
-
-		if (['hcp-docs', 'sentinel', 'ptfe-releases'].includes(repo)) {
+		if (repo === 'hvd-docs') {
+			console.log(`Skipping test for repo "${repo}"`)
+		} else {
+			it(`fetches the latest SHA for the "${repo}" repo`, async () => {
+				const latestSha = await getLatestContentShaForProduct(repo)
+				expect(typeof latestSha).toBe('string')
+			})
+		}
+		if (['hcp-docs', 'sentinel', 'ptfe-releases', 'hvd-docs'].includes(repo)) {
 			console.log(`Skipping test for private repo "${repo}"`)
 		} else {
 			it(`fetches the latest SHA for the "${repo}" repo, then validates the SHA by fetching redirects`, async () => {

build-libs/redirects.js

@@ -86,7 +86,11 @@ async function getRedirectsFromContentRepo(repoName, redirectsPath, config) {
 	let redirectsFileString
 	if (isDeveloperBuild) {
 		// For `hashicorp/dev-portal` builds, load redirects remotely
-		const latestContentSha = await getLatestContentShaForProduct(repoName)
+		// hvd-docs is not hosted on the content API, so we need to use main as the latest sha
+		const latestContentSha =
+			repoName === 'hvd-docs'
+				? 'main'
+				: await getLatestContentShaForProduct(repoName)
 		redirectsFileString = await fetchGithubFile({
 			owner: 'hashicorp',
 			repo: repoName,
@@ -126,6 +130,7 @@ const PRODUCT_REDIRECT_ENTRIES = [
 	{ repo: 'hcp-docs', path: '/redirects.js' },
 	{ repo: 'ptfe-releases', path: 'website/redirects.js' },
 	{ repo: 'sentinel', path: 'website/redirects.js' },
+	{ repo: 'hvd-docs', path: '/redirects.js' },
 ]
 
 async function buildProductRedirects() {
@@ -299,6 +304,7 @@ function filterInvalidRedirects(redirects, repoSlug) {
 		'ptfe-releases': 'terraform/enterprise',
 		'cloud.hashicorp.com': 'hcp',
 		'hcp-docs': 'hcp',
+		'hvd-docs': 'validated-designs',
 	}
 	const productSlug = productSlugsByRepo[repoSlug] ?? repoSlug
 

next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.

src/views/product-downloads-view/boundary/components/install-callout/index.tsx

@@ -8,6 +8,9 @@ import Card from 'components/card'
 import CardWithLink from 'views/product-downloads-view/components/card-with-link'
 import MobileDownloadStandaloneLink from 'components/mobile-download-standalone-link'
 import Heading from 'components/heading'
+import InlineAlert from 'components/inline-alert'
+import InlineLink from 'components/inline-link'
+import { IconInfo16 } from '@hashicorp/flight-icons/svg-react/info-16'
 import { IconDownload16 } from '@hashicorp/flight-icons/svg-react/download-16'
 // Types
 import { InstallProps, ReleaseBuild } from './types'
@@ -26,6 +29,7 @@ function InstallCallout({
 	customInstallProps,
 	headingData,
 	cardClassName,
+	children,
 }: {
 	customInstallProps: InstallProps
 	/** We link to this heading from the side nav, so we've lifted up its data */
@@ -34,6 +38,7 @@ function InstallCallout({
 		text: string
 	}
 	cardClassName?: string
+	children?: React.ReactNode
 }) {
 	const { latestVersion, builds } = customInstallProps
 	return (
@@ -71,6 +76,7 @@ function InstallCallout({
 					/>
 				))}
 			</div>
+			{children}
 		</Card>
 	)
 }

src/views/product-downloads-view/boundary/download.module.css

@@ -6,3 +6,13 @@
 .lastCard {
 	margin-top: 32px;
 }
+
+.alert {
+	margin-top: 24px;
+}
+
+.cardIcon {
+	margin-top: 3px;
+	max-height: 16px;
+	max-width: 16px;
+}

src/views/product-downloads-view/boundary/index.tsx

@@ -7,6 +7,9 @@
 import ProductDownloadsView from 'views/product-downloads-view'
 // Components
 import { InstallCallout } from './components'
+import InlineAlert from 'components/inline-alert'
+import InlineLink from 'components/inline-link'
+import { IconInfo16 } from '@hashicorp/flight-icons/svg-react/info-16'
 // Types
 import { InstallProps } from './components/install-callout/types'
 import { ProductDownloadsViewProps } from 'views/product-downloads-view/types'
@@ -60,7 +63,25 @@ function BoundaryDownloadsView({
 						<InstallCallout
 							headingData={SHARED_HEADINGS.desktopClient}
 							customInstallProps={desktopClientProps}
-						/>
+						>
+							<InlineAlert
+								className={s.alert}
+								color="neutral"
+								title="Note"
+								description={
+									<>
+										You can find previous versions of the Desktop Client on the{' '}
+										<InlineLink
+											href="https://releases.hashicorp.com/boundary-desktop"
+											textSize={200}
+										>
+											Desktop Client releases page.
+										</InlineLink>
+									</>
+								}
+								icon={<IconInfo16 className={s.cardIcon} />}
+							/>
+						</InstallCallout>
 						<InstallCallout
 							cardClassName={s.lastCard}
 							headingData={SHARED_HEADINGS.installer}

tsconfig.json

@@ -23,8 +23,13 @@
 			"@components/*": ["components/*"]
 		},
 		"types": ["vitest/globals", "@testing-library/jest-dom"],
-		"strictNullChecks": false
+		"strictNullChecks": false,
+		"plugins": [
+			{
+				"name": "next"
+			}
+		]
 	},
-	"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+	"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
 	"exclude": ["node_modules", "scripts/migrate-io/templates"]
 }