Clean up docs

README.md

@@ -1,7 +1,7 @@
 
 # x0
 
-Zero-config React development environment and static site generator
+Document & develop React components without breaking a sweat
 
 [![Build Status][build-badge]][build]
 
@@ -17,19 +17,16 @@ npm install -g @compositor/x0
 ## Features
 
 - Zero-config
-- Hot-loading development environment
+- No plugins
-- Works with virtually any React component\*
+- Components over configuration
-- No confusing APIs
+- Use markdown, MDX, or React components
 - Automatic file system based routing
-- Exports static HTML
+- Completely customizable
-- Exports JS bundles
+- Export static sites
-- Works with CSS-in-JS libraries like [styled-components][sc] and [emotion][emotion]
+- Works as an isolated development environment
-- Support for async data fetching
 
 Read more about x0 in our [blog post](https://compositor.io/blog/x0-making-react-component-development-stupid-simple/).
 
-\* Custom [webpack configuration](#webpack) is required for components that rely on webpack-based features
-
 
 ## Isolated development environment
 

docs/_app.js

@@ -3,16 +3,18 @@ import * as scope from 'rebass'
 import { Link } from 'react-router-dom'
 import { ScopeProvider, SidebarLayout } from '../components'
 import {
+  Provider as RebassProvider,
   Flex,
   Box,
   Container,
 } from 'rebass'
 
 import LandingLayout from './_layout'
+import theme from './_theme'
 
 export default class App extends React.Component {
   static defaultProps = {
-    title: 'Hello'
+    title: 'x0'
   }
 
   render () {
@@ -29,7 +31,9 @@ export default class App extends React.Component {
 
     return (
       <ScopeProvider scope={scope}>
-        <Layout {...this.props} />
+        <RebassProvider theme={theme}>
+          <Layout {...this.props} />
+        </RebassProvider>
       </ScopeProvider>
     )
   }

docs/_layout.js

@@ -1,6 +1,5 @@
 import React from 'react'
 import {
-  Provider,
   Flex,
   Box,
   Container,
@@ -10,10 +9,9 @@ import {
 } from 'rebass'
 import { Link } from 'react-router-dom'
 import { Logo } from '@compositor/logo'
-import theme from './theme'
 
 export default ({ children }) =>
-  <Provider theme={theme}>
+  <React.Fragment>
     <Flex alignItems='center'>
       <BlockLink
         href='https://compositor.io'>
@@ -55,4 +53,4 @@ export default ({ children }) =>
         </Text>
       </Flex>
     </Container>
-  </Provider>
+  </React.Fragment>

docs/beep.jsx

@@ -1,8 +0,0 @@
----
-title: Beep JSX
----
-import { Box, Heading } from 'rebass'
-
-<Box p={3} bg='tomato'>
-  <Heading>Beep JSX</Heading>
-</Box>

docs/components.md

@@ -1,19 +0,0 @@
----
-title: Components
----
-import { Box } from 'rebass'
-
-# Components
-
-This is a standard markdown file.
-
-This is a live/editable code block:
-
-```.jsx
-<Box p={4} bg='tomato'>Hello</Box>
-```
-
----
-
-<Box>fm title: {frontMatter.title}</Box>
-

docs/index.js

@@ -58,6 +58,7 @@ export default class extends React.Component {
               GitHub
             </Button>
             <Box mx={1} />
+            {/*
             <Button
               is={Link}
               px={4}
@@ -66,6 +67,7 @@ export default class extends React.Component {
               to='/docs'>
               Documentation
             </Button>
+            */}
           </Flex>
         </Container>
       </React.Fragment>

docs/library/Button.md

@@ -1,6 +0,0 @@
-
-# Button
-
-```.jsx
-<Button>Button</Button>
-```

docs/library/Donut.js

@@ -1,5 +0,0 @@
-import React from 'react'
-import { Donut } from 'rebass'
-
-export default () =>
-  <Donut value={2/3} />

docs/library/Heading.md

@@ -1,3 +0,0 @@
-```!jsx
-<Heading>Hello</Heading>
-```

docs/library/index.js

@@ -1 +0,0 @@
-export { Library as default } from '../../components'

docs/library/nested/hello.md

@@ -1,5 +0,0 @@
-
-
-# hello
-
-`/examples/nested/hello.md`

docs/library/nested/index.md

@@ -1,4 +0,0 @@
-
-# Nested
-
-`/examples/nested/index.md`

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@compositor/x0",
   "version": "6.0.0-4",
-  "description": "Zero-config React development environment and static site generator",
+  "description": "Document & develop React components without breaking a sweat",
   "main": "index.js",
   "bin": {
     "x0": "cli.js"
@@ -93,12 +93,12 @@
     "sinon": "^6.0.0"
   },
   "x0": {
-    "title": "Compositor x0",
+    "title": "x0",
     "basename": "/x0",
     "meta": [
       {
         "name": "description",
-        "content": "Zero-config React development environment and static site generator"
+        "content": "Document & develop React components without breaking a sweat"
       },
       {
         "name": "twitter:card",