@primer/gatsby-theme-doctocat 4.6.2 → 4.7.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @primer/gatsby-theme-doctocat
 
+## 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
+
+- [`af1a0e1`](https://github.com/primer/doctocat/commit/af1a0e1bab8df4d241a3e1e760fe6924b887372f) [#621](https://github.com/primer/doctocat/pull/621) Thanks [@josepmartins](https://github.com/josepmartins)! - Fixes selected state when the path is `undefined`
+
 ## 4.6.2
 
 ### 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.2",
+  "version": "4.7.0",
   "main": "index.js",
   "license": "MIT",
   "scripts": {

package/src/components/header.js

@@ -156,7 +156,7 @@ function PrimerNavItems({siteMetadata, items, path, pathPrefix}) {
             <UnderlineNav.Link
               key={index}
               href={item.url}
-              selected={item.url === siteMetadata.header.url + pathPrefix + path}
+              selected={item.url === siteMetadata.header.url + (pathPrefix || '') + (path || '')}
               sx={{fontSize: 2, lineHeight: 'condensed'}}
             >
               {item.title}

package/src/components/layout.js

@@ -82,6 +82,8 @@ function Layout({children, pageContext, path}) {
             justifyContent: 'center',
             flexDirection: 'row-reverse',
             display: 'flex',
+            maxWidth: '1200px',
+            mx: 'auto',
             width: '100%',
             p: [4, 5, 6, 7]
           }}

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)