Remove tsapibox data from pageContext (#128)

* Remove tsapibox data from context

* Publish

 - [email protected]

Author: trevorblades

packages/gatsby-theme-apollo-docs/gatsby-node.js

@@ -227,7 +227,6 @@ exports.createPages = async (
     spectrumHandle,
     spectrumPath,
     twitterHandle,
-    typescriptApiBox,
     localVersion,
     baseUrl
   }
@@ -362,7 +361,6 @@ exports.createPages = async (
           spectrumHandle &&
           getSpectrumUrl(spectrumHandle) + (spectrumPath || repoPath),
         twitterHandle,
-        typescriptApiBox,
         versions: versionKeys, // only need to send version labels to client
         defaultVersion,
         baseUrl

packages/gatsby-theme-apollo-docs/index.js

@@ -1,7 +1,4 @@
-export {
-  TypescriptApiBox,
-  TypescriptApiBoxContext
-} from './src/components/typescript-api-box';
+export {TypescriptApiBox} from './src/components/typescript-api-box';
 export {MultiCodeBlock} from './src/components/multi-code-block';
 export {
   ExpansionPanel,

packages/gatsby-theme-apollo-docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-theme-apollo-docs",
-  "version": "4.2.11",
+  "version": "4.3.0-alpha.0",
   "main": "index.js",
   "description": "A Gatsby theme for building documentation websites",
   "author": "Trevor Blades <[email protected]>",

packages/gatsby-theme-apollo-docs/src/components/template.js

@@ -10,7 +10,6 @@ import rehypeReact from 'rehype-react';
 import styled from '@emotion/styled';
 import {ContentWrapper, colors, smallCaps} from 'gatsby-theme-apollo-core';
 import {MDXProvider} from '@mdx-js/react';
-import {TypescriptApiBoxContext} from './typescript-api-box';
 import {graphql, navigate} from 'gatsby';
 
 const StyledContentWrapper = styled(ContentWrapper)({
@@ -130,7 +129,6 @@ export default function Template(props) {
     sidebarContents,
     githubUrl,
     spectrumUrl,
-    typescriptApiBox,
     twitterHandle,
     baseUrl
   } = props.pageContext;
@@ -169,11 +167,9 @@ export default function Template(props) {
             }}
           >
             {file.childMdx ? (
-              <TypescriptApiBoxContext.Provider value={typescriptApiBox}>
-                <MDXProvider components={components}>
-                  <MDXRenderer>{file.childMdx.body}</MDXRenderer>
-                </MDXProvider>
-              </TypescriptApiBoxContext.Provider>
+              <MDXProvider components={components}>
+                <MDXRenderer>{file.childMdx.body}</MDXRenderer>
+              </MDXProvider>
             ) : (
               renderAst(file.childMarkdownRemark.htmlAst)
             )}

packages/gatsby-theme-apollo-docs/src/components/typescript-api-box.js

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types';
-import React, {Component, Fragment, createContext} from 'react';
+import React, {Component, Fragment} from 'react';
+import docs from '../docs.json';
 import extend from 'lodash/extend';
 import partition from 'lodash/partition';
 import remark from 'remark';
@@ -129,7 +130,7 @@ export class TypescriptApiBox extends Component {
       }
     }
 
-    traverse(this.context.data);
+    traverse(docs);
 
     return dataByKey;
   }
@@ -439,6 +440,3 @@ export class TypescriptApiBox extends Component {
     );
   }
 }
-
-export const TypescriptApiBoxContext = createContext();
-TypescriptApiBox.contextType = TypescriptApiBoxContext;

packages/gatsby-theme-apollo-docs/src/docs.json

@@ -0,0 +1 @@
+{}