add Markdown links

Author: BYK

scripts/generate-md-exports.mjs

@@ -35,9 +35,6 @@ async function createWork() {
   await mkdir(OUTPUT_DIR, {recursive: true});
 
   // On a 16-core machine, 8 workers were optimal (and slightly faster than 16)
-  // Putting 4 as the minimum as Vercel has 4 cores per builder and it may help
-  // us cut down some of the time there.
-  // Source: https://vercel.com/docs/limits#build-container-resources
   const numWorkers = Math.max(Math.floor(cpus().length / 2), 2);
   const workerTasks = new Array(numWorkers).fill(null).map(() => []);
 

src/components/breadcrumbs/index.tsx

@@ -24,7 +24,7 @@ export function Breadcrumbs({leafNode}: BreadcrumbsProps) {
   }
 
   return (
-    <ul className="list-none flex p-0 flex-wrap" style={{margin: 0}}>
+    <ul className="list-none flex p-0 flex-wrap float-left" style={{margin: 0}}>
       {breadcrumbs.map(b => {
         return (
           <li className={styles['breadcrumb-item']} key={b.to}>

src/components/docPage/index.tsx

@@ -1,6 +1,8 @@
 import {ReactNode} from 'react';
+import Link from 'next/link';
 
 import {getCurrentGuide, getCurrentPlatform, nodeForPath} from 'sentry-docs/docTree';
+import Markdown from 'sentry-docs/icons/Markdown';
 import {serverContext} from 'sentry-docs/serverContext';
 import {FrontMatter} from 'sentry-docs/types';
 import {PaginationNavNode} from 'sentry-docs/types/paginationNavNode';
@@ -81,7 +83,16 @@ export function DocPage({
             <div className="mb-4">
               <Banner />
             </div>
-            {leafNode && <Breadcrumbs leafNode={leafNode} />}
+            <div className="overflow-hidden">
+              {leafNode && <Breadcrumbs leafNode={leafNode} />}{' '}
+              <Link
+                className="float-right"
+                href={`/${pathname}.md`}
+                title="Markdown version of this page"
+              >
+                <Markdown className="flex p-0 flex-wrap" width={24} height={24} />
+              </Link>
+            </div>
             <div>
               <hgroup>
                 <h1>{frontMatter.title}</h1>

src/icons/Markdown.tsx

@@ -0,0 +1,15 @@
+function Markdown({width = 16, height = 16, ...props}: React.SVGAttributes<SVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={width}
+      height={height}
+      viewBox="0 0 32 32"
+      fill="currentColor"
+      {...props}
+    >
+      <path d="M 2.875 6 C 1.320313 6 0 7.253906 0 8.8125 L 0 23.1875 C 0 24.746094 1.320313 26 2.875 26 L 29.125 26 C 30.679688 26 32 24.746094 32 23.1875 L 32 8.8125 C 32 7.253906 30.679688 6 29.125 6 Z M 2.875 8 L 29.125 8 C 29.640625 8 30 8.382813 30 8.8125 L 30 23.1875 C 30 23.617188 29.640625 24 29.125 24 L 2.875 24 C 2.359375 24 2 23.617188 2 23.1875 L 2 8.8125 C 2 8.382813 2.359375 8 2.875 8 Z M 5 11 L 5 21 L 8 21 L 8 14.34375 L 11 18.3125 L 14 14.34375 L 14 21 L 17 21 L 17 11 L 14 11 L 11 15 L 8 11 Z M 22 11 L 22 16 L 19 16 L 23.5 21 L 28 16 L 25 16 L 25 11 Z" />
+    </svg>
+  );
+}
+export default Markdown;