fetch API docs URL and display in package details box

src/components/platformSdkDetail.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {Fragment} from 'react';
 import styled from '@emotion/styled';
 import {graphql, useStaticQuery} from 'gatsby';
 
@@ -14,6 +14,7 @@ const query = graphql`
         url
         repoUrl
         version
+        apiDocsUrl
       }
     }
   }
@@ -79,8 +80,16 @@ export function PlatformSdkDetail() {
         <dd>{packageData.version}</dd>
         <dt>Repository:</dt>
         <dd>
-          <SmartLink to={packageData.repoUrl} />
+          <SmartLink to={packageData.repoUrl} target="_blank" />
         </dd>
+        {packageData.apiDocsUrl && (
+          <Fragment>
+            <dt>API Documentation:</dt>
+            <dd>
+              <SmartLink to={packageData.apiDocsUrl} target="_blank" />
+            </dd>
+          </Fragment>
+        )}
       </dl>
     </PackageDetail>
   );

src/gatsby/createSchemaCustomization/packageSchema.ts

@@ -18,6 +18,7 @@ export const getPackageTypeDefs = () => {
         url: String
         repoUrl: String!
         version: String!
+        apiDocsUrl: String
         files: [PackageFile!]
       }
       `,

src/gatsby/sourceNodes/appRegistryNodes.ts

@@ -18,6 +18,7 @@ export const sourceAppRegistryNodes = async ({
       version: appData.version,
       url: appData.package_url,
       repoUrl: appData.repo_url,
+      apiDocsUrl: appData.api_docs_url,
       files: appData.files
         ? Object.entries(appData.files).map(([fileName, fileData]: [string, any]) =>
             fileData.checksums

src/gatsby/sourceNodes/packageRegistryNodes.ts

@@ -18,6 +18,7 @@ export const sourcePackageRegistryNodes = async ({
       version: sdkData.version,
       url: sdkData.package_url,
       repoUrl: sdkData.repo_url,
+      apiDocsUrl: sdkData.api_docs_url,
       files: sdkData.files
         ? Object.entries(sdkData.files).map(([fileName, fileData]: [string, any]) =>
             fileData.checksums
@@ -34,6 +35,7 @@ export const sourcePackageRegistryNodes = async ({
     };
 
     const content = JSON.stringify(data);
+
     const nodeMeta = {
       id: sdkName,
       parent: null,

src/gatsby/utils/genericRegistry.ts

@@ -13,6 +13,7 @@ type VersionData = {
   name: string;
   repo_url: string;
   version: string;
+  api_docs_url?: string;
   files?: {
     [name: string]: FileData;
   };

src/types/platform.tsx

@@ -14,7 +14,7 @@ export interface Platform extends PlatformConfig {
    */
   key: string;
   /**
-   * Same as key. Use `title` for a human readable platform name.
+   * Same as key. Use `title` for a human-readable platform name.
    *
    * @see Platform.key
    */