fix: gatsby theme fixes

core/docz-theme-default/src/components/ui/Playground/index.tsx

@@ -100,7 +100,7 @@ export interface PlaygroundProps extends BasePlaygroundProps {
   showEditor?: boolean
 }
 
-const Playground: SFC<PlaygroundProps> = ({
+export const Playground: SFC<PlaygroundProps> = ({
   position,
   code: initialCode,
   codesandbox,
@@ -287,5 +287,3 @@ const Playground: SFC<PlaygroundProps> = ({
     </LiveProvider>
   )
 }
-
-export default Playground

core/docz-theme-default/src/components/ui/index.ts

@@ -1,4 +1,4 @@
-import { AsyncPlayground } from './AsyncPlayground'
+import { Playground } from './Playground'
 import { Blockquote } from './Blockquote'
 import { H1 } from './H1'
 import { H2 } from './H2'
@@ -35,7 +35,7 @@ export const components = {
   ol: OrderedList,
   p: Paragraph,
   page: Page,
-  playground: AsyncPlayground,
+  playground: Playground,
   pre: Pre,
   props: Props,
   table: Table,

core/docz/src/components/AsyncPlayground.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react'
+import loadable from '@loadable/component'
+
+const BasePlayground = loadable(() => import('./Playground'))
+export const Playground: React.SFC<any> = props =>
+  typeof window !== 'undefined' ? (
+    <React.Suspense fallback={null}>
+      <BasePlayground {...props} />
+    </React.Suspense>
+  ) : null

core/docz/src/components/Playground.tsx

@@ -14,7 +14,7 @@ export interface PlaygroundProps {
   __codesandbox: string
 }
 
-export const Playground: SFC<PlaygroundProps> = ({
+const Playground: SFC<PlaygroundProps> = ({
   className,
   style,
   wrapper: Wrapper,
@@ -40,3 +40,5 @@ export const Playground: SFC<PlaygroundProps> = ({
     />
   )
 }
+
+export default Playground

core/docz/src/index.ts

@@ -1,6 +1,6 @@
+export { Playground } from './components/AsyncPlayground'
 export { AsyncRoute, loadRoute } from './components/AsyncRoute'
 export { Link, LinkProps } from './components/Link'
-export { Playground } from './components/Playground'
 export { Props, PropsComponentProps } from './components/Props'
 export { Routes } from './components/Routes'
 

core/gatsby-theme-docz/src/node/createPages.js

@@ -16,7 +16,6 @@ const ENTRIES_QUERY = `
           slug
           name
           menu
-          order
           headings {
             slug
             depth

core/gatsby-theme-docz/src/node/sourceNodes.js

@@ -2,7 +2,6 @@ const crypto = require('crypto')
 const fs = require('fs-extra')
 const { Entries, DataServer, states } = require('docz-core')
 const { parseConfig } = require('../utils/parseConfig')
-const { omit } = require('lodash/fp')
 
 const digest = str =>
   crypto
@@ -60,11 +59,11 @@ module.exports = async ({ actions, createNodeId }, opts) => {
     })
   }
 
-  await createDbNode()
-  await createEntriesNode()
-
-  dataServer.onStateChange(async () => {
+  const createNodes = async () => {
     await createDbNode()
     await createEntriesNode()
-  })
+  }
+
+  await createNodes()
+  dataServer.onStateChange(async () => createNodes())
 }

examples/gatsby/package.json

@@ -10,6 +10,7 @@
   "scripts": {
     "dev": "gatsby develop",
     "build": "gatsby build",
+    "serve": "gatsby serve",
     "format": "prettier --write \"src/**/*.js\""
   },
   "devDependencies": {