docs: test parallelism changes with gatsby docs

.eslintrc

@@ -4,7 +4,7 @@
     "node": true,
     "es6": true
   },
-  "ignorePatterns": ["packages/_archive/*", "examples/*", "**/.contentlayer/*", "**/dist/*", "**/.nyc_output/*"],
+  "ignorePatterns": ["packages/_archive/*", "**/.contentlayer/*", "**/dist/*", "**/.nyc_output/*"],
   "parser": "@typescript-eslint/parser",
   "plugins": ["@typescript-eslint", "simple-import-sort", "import"],
   "extends": ["plugin:react-hooks/recommended", "plugin:@typescript-eslint/recommended", "prettier"],

examples/gatsbydocs/.gitignore

@@ -0,0 +1,4 @@
+content
+.next
+.contentlayer
+node_modules

examples/gatsbydocs/contentlayer.config.ts

@@ -0,0 +1,80 @@
+import rehypeShiki from '@stefanprobst/rehype-shiki'
+import type { FieldDef} from 'contentlayer/source-files';
+import { defineDocumentType, defineNestedType,makeSource } from 'contentlayer/source-files'
+import { createRequire } from 'module'
+import * as path from 'path'
+import * as shiki from 'shiki'
+
+const Example = defineNestedType(() => ({
+  name: 'Example',
+  fields: {
+    label: { type: 'string' },
+    href: { type: 'string' },
+  },
+}))
+
+const fields: Record<string, FieldDef> = {
+  title: {
+    type: 'string',
+    required: true,
+  },
+  jsdoc: {
+    type: 'list',
+    of: {type: 'string'},
+  },
+  tableOfContentsDepth: { type: 'number' },
+  showTopLevelSignatures: { type: 'boolean' },
+  date: { type: 'string' },
+  version: { type: 'string' },
+  canonicalLink: { type: 'string' },
+  apiCalls: { type: 'string' },
+  contentsHeading: { type: 'string' },
+  description: { type: 'string' },
+  examples: {
+    type: 'list',
+    of: Example,
+  },
+}
+
+const Reference = defineDocumentType(() => ({
+  name: 'Reference',
+  filePathPattern: 'docs/reference/**/*.md',
+  fields,
+}))
+
+const HowTo = defineDocumentType(() => ({
+  name: 'HowTo',
+  filePathPattern: 'docs/how-to/**/*.md',
+  fields,
+}))
+
+const Conceptual = defineDocumentType(() => ({
+  name: 'Conceptual',
+  filePathPattern: 'docs/conceptual/**/*.md',
+  fields,
+}))
+
+const Tutorial = defineDocumentType(() => ({
+  name: 'Tutorial',
+  filePathPattern: 'tutorial/**/*.md',
+  fields,
+}))
+
+export default makeSource(async () => {
+  const require = createRequire(import.meta.url)
+  const shikiPkgPath = (dir: string) => path.join(require.resolve('shiki'), '..', '..', dir, path.sep)
+  const highlighter = await shiki.getHighlighter({
+    paths: { languages: shikiPkgPath('languages'), themes: shikiPkgPath('themes') },
+    theme: 'github-light',
+  })
+
+  return {
+    contentDirPath: 'content',
+    documentTypes: [Reference, HowTo, Conceptual, Tutorial],
+    // onUnknownDocuments: 'skip-ignore',
+    markdown: {
+            // '@stefanprobst/rehype-shiki', {}
+      rehypePlugins: [[rehypeShiki, { highlighter }]],
+    },
+  }
+})

examples/gatsbydocs/next-env.d.ts

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

examples/gatsbydocs/next.config.js

@@ -0,0 +1,4 @@
+const { withContentlayer } = require('next-contentlayer')
+
+// module.exports = {}
+module.exports = withContentlayer({})

examples/gatsbydocs/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "examples-gatsby-docs",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "12.1.6",
+    "react": "18.1.0",
+    "react-dom": "18.1.0"
+  },
+  "devDependencies": {
+    "@leafac/rehype-shiki": "^1.3.1",
+    "@stefanprobst/rehype-shiki": "^2.0.4",
+    "@types/react": "18.0.9",
+    "@types/react-dom": "^17.0.9",
+    "contentlayer": "workspace:*",
+    "eslint-config-next": "^11.0.1",
+    "next-contentlayer": "workspace:*",
+    "shiki": "^0.9.4",
+    "typescript": "4.6.4"
+  }
+}

examples/gatsbydocs/pages/[...id].tsx

@@ -0,0 +1,28 @@
+import Head from 'next/head'
+import type { FC } from 'react'
+
+import { allDocuments } from 'contentlayer/generated'
+import type { DocumentTypes } from 'contentlayer/generated'
+
+export const getStaticPaths = () => {
+  const paths = allDocuments.map((_) => `/${_._raw.flattenedPath}`)
+
+  return { paths, fallback: false }
+}
+
+export const getStaticProps = (context: any) => {
+  const doc = allDocuments.find((_) => _._raw.flattenedPath === context.params.id.join('/'))
+
+  return { props: { doc } }
+}
+
+const Page: FC<{ doc: DocumentTypes }> = ({ doc }) => (
+  <>
+    <Head>
+      <title>{doc.title}</title>
+    </Head>
+    <div dangerouslySetInnerHTML={{ __html: doc.body.html }} />
+  </>
+)
+
+export default Page

examples/gatsbydocs/pages/index.tsx

@@ -0,0 +1,22 @@
+import type { InferGetStaticPropsType } from 'next'
+import type { FC } from 'react'
+
+import { allDocuments } from 'contentlayer/generated'
+
+export const getStaticProps = () => {
+  const docs = allDocuments.map((_) => ({ path: _._raw.flattenedPath, title: _.title }))
+
+  return { props: { docs } }
+}
+
+const Page: FC<InferGetStaticPropsType<typeof getStaticProps>> = ({ docs }) => (
+  <div>
+    {docs.map((doc) => (
+      <a style={{ display: 'block' }} key={doc.path} href={`/${doc.path}`}>
+        {doc.title}
+      </a>
+    ))}
+  </div>
+)
+
+export default Page

examples/gatsbydocs/tsconfig.json

@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "jsx": "preserve",
+    "allowSyntheticDefaultImports": true,
+    "rootDir": ".",
+    "allowJs": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "incremental": false,
+    "composite": false,
+    "noEmit": true,
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "strict": false,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "isolatedModules": true,
+    "baseUrl": ".",
+    "paths": {
+      "contentlayer/generated": [
+        "./.contentlayer/generated"
+      ]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.tsx",
+    "**/*.ts",
+    ".contentlayer/generated"
+  ],
+  "exclude": [
+    "node_modules",
+    "gatsby"
+  ]
+}