feat: docz basic

.gitignore

@@ -22,3 +22,4 @@ yarn-debug.log*
 yarn-error.log*
 
 .vscode
+.docz

docs/index.mdx

@@ -0,0 +1,18 @@
+---
+name: Example Component
+route: /
+---
+
+import { ExampleComponent } from 'fiber'
+import { Playground } from 'docz'
+
+# Example Component
+
+<Playground>
+  <ExampleComponent
+    locale={{ welcome: 'locale overwrite' }}
+    mt='50px'
+    background='black'
+    text='text'
+  />
+</Playground>

doczrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  port: 3030,
+  src: './docs',
+  title: 'Fiber UI',
+  description: 'A React UI Component library 🧸',
+  typescript: true
+}

gatsby-node.js

@@ -0,0 +1,12 @@
+const path = require('path')
+
+exports.onCreateWebpackConfig = (args) => {
+  args.actions.setWebpackConfig({
+    resolve: {
+      modules: [path.resolve(__dirname, '../src'), 'node_modules'],
+      alias: {
+        fiber: path.resolve(__dirname, '../src')
+      }
+    }
+  })
+}

package.json

@@ -12,7 +12,7 @@
     "node": ">=10"
   },
   "scripts": {
-    "start": "concurrently 'yarn:dev' 'yarn:storybook'",
+    "start": "concurrently 'yarn:dev' 'yarn:docz:dev'",
     "build": "microbundle-crl --no-compress --format modern,cjs",
     "dev": "microbundle-crl watch --no-compress --format modern,cjs",
     "prepublish": "run-s build",
@@ -27,8 +27,9 @@
     "lint:scss:fix": "stylelint 'src/**/*.scss' --syntax scss --fix",
     "lint:js": "eslint . --ext .js,.jsx",
     "lint:js:fix": "yarn run lint:js -- --fix",
-    "storybook": "start-storybook -p 9009",
-    "build-storybook": "build-storybook"
+    "docz:dev": "docz dev",
+    "docz:build": "docz build",
+    "docz:serve": "docz build && docz serve"
   },
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx}": [
@@ -106,6 +107,7 @@
     "@types/react-test-renderer": "^16.9.2",
     "@types/styled-components": "^5.1.0",
     "@types/styled-system": "^5.1.9",
+    "docz": "^2.3.1",
     "eslint-import-resolver-alias": "^1.1.2",
     "polished": "^3.6.4",
     "styled-components": "^5.1.0",

src/gatsby-theme-docz/wrapper.js

@@ -0,0 +1,4 @@
+import React from 'react'
+import { UIProvider } from 'fiber'
+
+export default ({ children }) => <UIProvider>{children}</UIProvider>