feat: add button to download api-docs json (#2612)

* feat: add button to download api-docs json

* remove styles

src/views/open-api-docs-view/index.tsx

@@ -12,6 +12,9 @@ import SidebarBackToLink from 'components/sidebar/components/sidebar-back-to-lin
 import VersionSwitcher from 'components/version-switcher'
 import OpenApiSidebarContents from 'components/open-api-sidebar-contents'
 import { ApiDocsVersionAlert } from 'views/api-docs-view/components'
+import StandaloneLink from '@components/standalone-link'
+import { IconDownload16 } from '@hashicorp/flight-icons/svg-react/download-16'
+
 // Local
 import {
 	OpenApiDocsMobileMenuLevels,
@@ -40,6 +43,7 @@ function OpenApiDocsView({
 	versionSwitcherProps,
 	isVersionedUrl,
 	versionAlert,
+	schemaFileString,
 }: OpenApiDocsViewProps) {
 	return (
 		<SidebarLayout
@@ -85,6 +89,15 @@ function OpenApiDocsView({
 							) : null
 						}
 					/>
+					<StandaloneLink
+						text="Download Spec"
+						icon={<IconDownload16 />}
+						iconPosition="leading"
+						download="hcp.swagger.json"
+						href={`data:text/json;charset=utf-8,${encodeURIComponent(
+							schemaFileString
+						)}`}
+					/>
 				</div>
 				<div className={s.operationsSection}>
 					<h2 className={s.operationsHeading}>Operations</h2>

src/views/open-api-docs-view/server.ts

@@ -171,6 +171,7 @@ export async function getStaticProps({
 				latestStableVersion: defaultVersion,
 				basePath,
 			},
+			schemaFileString,
 		},
 	}
 }

src/views/open-api-docs-view/types.ts

@@ -176,6 +176,11 @@ export interface OpenApiDocsViewProps {
 	 * Optional. If provided, a version alert will be shown.
 	 */
 	versionAlert?: ApiDocsVersionAlertProps
+
+	/**
+	 * File string for downloading api-docs spec file
+	 */
+	schemaFileString: string
 }
 
 /**