@primer/gatsby-theme-doctocat 4.6.3 → 4.7.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @primer/gatsby-theme-doctocat
 
+## 4.7.1
+
+### Patch Changes
+
+- [`ce79030`](https://github.com/primer/doctocat/commit/ce790304dce82ce99f536d474e384ed341db7103) [#628](https://github.com/primer/doctocat/pull/628) Thanks [@emilybrick](https://github.com/emilybrick)! - - Add withPrefix to breadcrumbs
+
+## 4.7.0
+
+### Minor Changes
+
+- [`a7749f9`](https://github.com/primer/doctocat/commit/a7749f9d44681e2eaa5b265d35767461a648e259) [#624](https://github.com/primer/doctocat/pull/624) Thanks [@camertron](https://github.com/camertron)! - Ability to add custom docs to search
+
+### Patch Changes
+
+- [`d03feaa`](https://github.com/primer/doctocat/commit/d03feaab9942485559e99da5525ccb34f1502a68) [#623](https://github.com/primer/doctocat/pull/623) Thanks [@emilybrick](https://github.com/emilybrick)! - - Add maxWidth: '1200' to the base layout container so that content widths are consistent across primer.style docs
+
 ## 4.6.3
 
 ### Patch Changes

package/gatsby-node.js

@@ -9,6 +9,17 @@ const mdx = require(`gatsby-plugin-mdx/utils/mdx`)
 
 const CONTRIBUTOR_CACHE = new Map()
 
+exports.createSchemaCustomization = async ({actions}) => {
+  const typeDefs = `
+    type CustomSearchDoc implements Node {
+      path: String!
+      title: String!
+      rawBody: String!
+    }
+  `
+  actions.createTypes(typeDefs)
+}
+
 exports.createPages = async ({graphql, actions}, themeOptions) => {
   const repo = getPkgRepo(readPkgUp.sync().package)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/gatsby-theme-doctocat",
-  "version": "4.6.3",
+  "version": "4.7.1",
   "main": "index.js",
   "license": "MIT",
   "scripts": {

package/src/components/layout.js

@@ -15,6 +15,7 @@ import StorybookLink from './storybook-link'
 import FigmaLink from './figma-link'
 import TableOfContents from './table-of-contents'
 import navItems from '../nav.yml'
+import {withPrefix} from 'gatsby'
 
 const getPageAncestry = (url, object) => {
   const result = []
@@ -82,6 +83,8 @@ function Layout({children, pageContext, path}) {
             justifyContent: 'center',
             flexDirection: 'row-reverse',
             display: 'flex',
+            maxWidth: '1200px',
+            mx: 'auto',
             width: '100%',
             p: [4, 5, 6, 7]
           }}
@@ -110,7 +113,7 @@ function Layout({children, pageContext, path}) {
               {breadcrumbData.length > 1 ? (
                 <Breadcrumbs sx={{mb: 4}}>
                   {breadcrumbData.map(item => (
-                    <Breadcrumbs.Item key={item.url} href={item.url} selected={path === item.url}>
+                    <Breadcrumbs.Item key={item.url} href={withPrefix(item.url)} selected={path === item.url}>
                       {item.title}
                     </Breadcrumbs.Item>
                   ))}

package/src/use-search.js

@@ -10,7 +10,7 @@ function useSearch(query) {
   const workerRef = React.useRef()
 
   const data = useStaticQuery(graphql`
-    {
+    query {
       allMdx {
         nodes {
           fileAbsolutePath
@@ -26,20 +26,32 @@ function useSearch(query) {
           }
         }
       }
+
+      allCustomSearchDoc {
+        nodes {
+          path
+          title
+          rawBody
+        }
+      }
     }
   `)
 
-  const list = React.useMemo(
-    () =>
-      data.allMdx.nodes.map(node => ({
-        path: ensureAbsolute(
-          path.join(node.parent.relativeDirectory, node.parent.name === 'index' ? '/' : node.parent.name)
-        ),
-        title: node.frontmatter.title,
-        rawBody: node.rawBody
-      })),
-    [data]
-  )
+  const list = React.useMemo(() => {
+    const results = data.allMdx.nodes.map(node => ({
+      path: ensureAbsolute(
+        path.join(node.parent.relativeDirectory, node.parent.name === 'index' ? '/' : node.parent.name)
+      ),
+      title: node.frontmatter.title,
+      rawBody: node.rawBody
+    }))
+
+    if (data.allCustomSearchDoc.nodes) {
+      results.push(...data.allCustomSearchDoc.nodes)
+    }
+
+    return results
+  }, [data])
 
   const [results, setResults] = React.useState(list)