docs: Configure styleguidist 📚

For now only cozy-harvest-lib is concerned but
setting styleguidist up on monorepo root will
allow us to easily generate doc for other
packages in the future.

.gitignore

@@ -2,3 +2,4 @@ node_modules
 *.log
 dist
 coverage
+docs/build

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['cozy-app']
+}

docs/styleguidist.config.js

@@ -0,0 +1,43 @@
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const webpack = require('webpack')
+
+const lib = process.env.TARGET
+const styleguideDir = `./build${lib ? `/${lib}` : ''}`
+
+module.exports = {
+  components: `../packages/${lib || '**'}/src/components/**/*.jsx`,
+  serverPort: 6262,
+  styleguideDir,
+  webpackConfig: {
+    module: {
+      rules: [
+        {
+          test: /\.jsx?$/,
+          exclude: /node_modules\/(?!(cozy-ui)\/).*/,
+          loader: 'babel-loader'
+        },
+        {
+          test: /node_modules\/cozy-ui\/(.*)\.styl$/,
+          loader: [
+            MiniCssExtractPlugin.loader,
+            {
+              loader: 'css-loader',
+              options: {
+                modules: true,
+                localIdentName: '[local]--[hash:base64:5]'
+              }
+            }
+          ]
+        }
+      ]
+    },
+    plugins: [
+      new MiniCssExtractPlugin('[name].css'),
+      new webpack.DefinePlugin({
+        'process.env': {
+          USE_REACT: 'true'
+        }
+      })
+    ]
+  }
+}

package.json

@@ -13,13 +13,24 @@
     "url": "https://github.com/cozy/cozy-libs/issues"
   },
   "scripts": {
+    "build:doc:react": "styleguidist build --config docs/styleguidist.config.js",
+    "deploy:doc": "git-directory-deploy --directory docs/build/ --branch gh-pages",
     "lint": "eslint . --ext js,jsx",
     "test": "lerna run --parallel test",
-    "build": "lerna run --parallel build"
+    "build": "lerna run --parallel build",
+    "watch:doc:react": "styleguidist server --config docs/styleguidist.config.js"
   },
   "devDependencies": {
+    "@babel/cli": "7.2.3",
+    "babel-loader": "^8.0.5",
+    "babel-preset-cozy-app": "^1.5.0",
+    "css-loader": "^2.1.1",
+    "git-directory-deploy": "^1.5.1",
     "husky": "1.3.1",
-    "lerna": "2.11.0"
+    "lerna": "2.11.0",
+    "mini-css-extract-plugin": "^0.5.0",
+    "react-styleguidist": "^9.0.4",
+    "webpack": "^4.29.6"
   },
   "husky": {
     "hooks": {

packages/cozy-harvest-lib/package.json

@@ -15,11 +15,14 @@
   },
   "scripts": {
     "build": "babel src -d dist --copy-files",
+    "build:doc:react": "(cd ../.. && TARGET=cozy-harvest-lib yarn build:doc:react)",
+    "deploy:doc": "(cd ../.. && yarn deploy:doc)",
     "prebuild": "yarn tx",
     "prepublishOnly": "yarn build",
     "test": "jest --verbose --coverage",
     "tx": "tx pull --all",
-    "watch": "babel src -d dist --copy-files --watch"
+    "watch": "babel src -d dist --copy-files --watch",
+    "watch:doc:react": "(cd ../.. && TARGET=cozy-harvest-lib yarn watch:doc:react)"
   },
   "dependencies": {
     "cozy-client": "6.9.0",