v0.12.16

Changelog

🐞  Bug Fixes

• docz-core: correct koa mounting path on windows systems (#491) (6addd32)
• docz-theme-default: refresh editor after it's mounted (#406) (#506) (c67fa41)
• edit page button is overlayed by github link (341e03a)
• upgrade to emotion 10 (thanks to @jtmthf) [#490]

v0.12.15

Changelog

🐞  Bug Fixes

• babel class plugin update (236331a)
• docz-core: add setMaxListener in the top of script (2eef307)
• docz-core: update react-hot-loader to support hooks (4394a5b)

🚀  Features

• add native support for react-native (f998874)

---

⚠️  Docz now support React Native nativelly

Since this new release, now docz support react-native nativelly. So, the docz-plugin-react-native isn't necessary and is deprecated.

You can see how use react-native support on docz in the example folder.

v0.12.14

Changelog

🐞  Bug Fixes

• some typings warnings (4afb87b)
• docz-core: set max listener (898010b)
• docz-core: watcher close (caa8151)
• docz-theme-default: editor border-radius (7a7d1f8)
• docz-theme-default: overlay logic (8b3fdc9)
• docz-theme-default: playground relative position (a097b5f)

🚀  Features

• docz: add preload async route (f800c70)

v0.12.13

Changelog

🐞  Bug Fixes

• docz: resolve react warnings in ErrorReporter (#465) (1b0e09d)
• docz-theme-default: fixes flexbox text overflow issue (#471) (b37f25e)
• docz-theme-default: fullscreen mode (ac02c17)
• rehype-docz: scope for playground (677a785)

v0.12.12

Changelog

🐞  Bug Fixes

• docz-theme-default: add theme provider around all theme (5596446)
• docz-utils: add .scss to codesandbox assemble files (59e8fa8)

v0.12.11

Changelog

🐞  Bug Fixes

• docz-core: add happypack again 😢 (f0e219e)
• docz-core: create app files before start server (43bc3fd)
• docz-theme-default: adjust z-index of menu (ea9a864)
• docz-theme-default: font size of heading (5cf6144)

v0.12.10

Changelog

🐞  Bug Fixes

• docz-core: add cache just for non-debug (cede436)
• docz-core: add default favicon (a0ed2ab)
• docz-core: add ignore md files by args (d8c8045)
• docz-core: kill server on signals (be0855f)
• docz-core: use assets from public folder (210c3a1)
• docz-theme-default: add styles or classname on playground (01110d4)
• docz-utils: resolve codesandbox code (33dc6e5)

🐞  Features

• docz-core: add two new plugin hooks (#431) (f4a122f)

---

Get assets from public folder

Now you set a custom public path on your doczrc.js

export default {
  public: '/public'
}

Then you can get assets from your folder:

// my-file.mdx
# Hello

![](/public/some-image.png)

v0.12.9

Changelog

🐞  Bug Fixes

• docz-theme-default: table margin bottom (36e322f)
• docz-theme-default: use class inside playground (cecbea1) (closes #261)

🚀  Features

• docz-theme-default: add style for hr component (5b24400)
• docz-theme-default: hide playground editor by default (0ccda92)

Rendering class inside <Playground>

Now you can render classes inside playground just by declaring a class, like that:

import { Playground } from 'docz'

<Playground>
  {class Counter extends React.Component {
    constructor() {
      super()
      this.state = { count: 0 }
    }

    componentDidMount() {
      this.interval = setInterval(() => {
        this.setState(state => ({ count: state.count + 1 }))
      }, 1000)
    }

    componentWillUnmount() {
      clearInterval(this.interval)
    }

    render() {
      return (
        <center>
          <h3>
            {this.state.count}
          </h3>
        </center>
      )
    }
  }}
</Playground>

v0.12.8

Changelog

🐞  Bug Fixes

• docz: update to new react imported component api (759160e)
• docz-core: add support to react hooks (f26a990)

v0.12.7

Changelog

🐞  Bug Fixes

• docz: conditionally description column on PropsTable (#385) (829a3aa), closes #427 #421
• docz-theme-default: fill adjustments (119e4a7)
• docz-theme-default: rename playground container to avoid conflicts (#429) (86845bf)
• docz-theme-default: text alignment in table thead (#403) (475eb52)
• docz-theme-default: tooltip component (9234b5e)
• docz-core: webpack chain minimizer config (ab13208)

🚀  Features

• add support to disable codesandbox (be94b0e)
• docz: render [Empty String] on PropsTable (#427) (10a3eda)
• docz-theme-default: add code editor toggle on playground (#387) (f833eaa)
• docz-theme-default: add support to show/hide playground editor (cacc6fb)

Hidding <Playground> editor

In the newest version you can hide your playground editor by clicking on the code icon. If you want to hide by default, just change showPlaygroundEditor on your themeConfig object:

// doczrc.js
export default {
  themeConfig: {
    showPlaygroundEditor: false
  }
}

Disable Code Sandbox

Now you can disable the codesandbox integration by changing the codeSandbox property:

// doczrc.js
export default {
  codeSandbox: false
}