chore: use dumi (#44)

.gitignore

@@ -29,4 +29,8 @@ yarn.lock
 package-lock.json
 coverage/
 .doc
-tsconfig.json
+# umi
+.umi
+.umi-production
+.umi-test
+.env.local

.umirc.gh.ts

@@ -0,0 +1,4 @@
+export default {
+  base: '/resize-observer/',
+  publicPath: '/resize-observer/',
+};

.umirc.ts

@@ -0,0 +1,21 @@
+import { defineConfig } from 'dumi';
+
+export default defineConfig({
+  title: 'rc-resize-observer',
+  favicon:
+    'https://avatars0.githubusercontent.com/u/9441414?s=200&v=4',
+  logo:
+    'https://avatars0.githubusercontent.com/u/9441414?s=200&v=4',
+  exportStatic: {},
+  outputPath: '.doc',
+  resolve: {
+    examples: ['none'],
+  },
+  styles: [
+    `
+      .markdown table {
+        width: auto !important;
+      }
+    `,
+  ]
+});

HISTORY.md → CHANGELOG.md

@@ -1,3 +1,5 @@
+# Changelog
+
 ## 0.5.0
 
 - support `theme="dark|light"`.

README.md

@@ -1,11 +1,6 @@
 # rc-resize-observer
 
-[![NPM version][npm-image]][npm-url]
-[![build status][travis-image]][travis-url]
-[![Codecov][codecov-image]][codecov-url]
-[![david deps][david-image]][david-url]
-[![david devDeps][david-dev-image]][david-dev-url]
-[![npm download][download-image]][download-url]
+[![NPM version][npm-image]][npm-url] [![dumi](https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square)](https://github.com/umijs/dumi) [![build status][travis-image]][travis-url] [![Codecov][codecov-image]][codecov-url] [![david deps][david-image]][david-url] [![david devDeps][david-dev-image]][david-dev-url] [![npm download][download-image]][download-url]
 
 [npm-image]: http://img.shields.io/npm/v/rc-resize-observer.svg?style=flat-square
 [npm-url]: http://npmjs.org/package/rc-resize-observer

docs/demo/basic.md

@@ -0,0 +1,3 @@
+## basic
+
+<code src="../../examples/basic.tsx">

docs/demo/debug.md

@@ -0,0 +1,3 @@
+## debug
+
+<code src="../../examples/debug.tsx">

docs/index.md

@@ -0,0 +1,5 @@
+---
+title: rc-resize-observer
+---
+
+<embed src="../README.md"></embed>

now.json

@@ -7,5 +7,8 @@
       "use": "@now/static-build",
       "config": { "distDir": ".doc" }
     }
+  ],
+  "routes": [
+    { "src": "/(.*)", "dest": "/dist/$1" }
   ]
 }

package.json

@@ -27,10 +27,11 @@
   },
   "license": "MIT",
   "scripts": {
-    "start": "cross-env NODE_ENV=development father doc dev --storybook",
-    "build": "father doc build --storybook",
+    "start": "dumi dev",
+    "build": "dumi build",
     "compile": "father build && lessc assets/index.less assets/index.css",
-    "gh-pages": "npm run build && father doc deploy",
+    "deploy": "UMI_ENV=gh npm run build && gh-pages -d .doc",
+    "gh-pages": "npm run deploy",
     "prepublishOnly": "npm run compile && np --no-cleanup --yolo --no-publish",
     "postpublish": "npm run gh-pages",
     "lint": "eslint src/ --ext .ts,.tsx,.jsx,.js,.md",
@@ -53,10 +54,13 @@
     "@umijs/fabric": "^2.0.9",
     "coveralls": "^3.0.6",
     "cross-env": "^7.0.2",
+    "dumi": "^1.1.12",
     "enzyme": "^3.0.0",
     "enzyme-adapter-react-16": "^1.0.1",
     "enzyme-to-json": "^3.4.0",
     "father": "^2.13.4",
+    "gh-pages": "^3.1.0",
+    "glob": "^7.1.6",
     "less": "^3.10.3",
     "np": "^6.2.4",
     "prettier": "^2.1.1",

tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "moduleResolution": "node",
+    "baseUrl": "./",
+    "jsx": "preserve",
+    "declaration": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": ["src/*"],
+      "@@/*": ["src/.umi/*"],
+      "rc-resize-observer": ["src/index.tsx"]
+    }
+  }
+}

update-example.js

@@ -0,0 +1,29 @@
+/*
+  用于 dumi 改造使用，
+  可用于将 examples 的文件批量修改为 demo 引入形式，
+  其他项目根据具体情况使用。
+*/
+
+const fs = require('fs');
+const glob = require('glob');
+
+const paths = glob.sync('./examples/*.tsx');
+
+paths.forEach(path => {
+  const name = path.split('/').pop().split('.')[0];
+  fs.writeFile(
+    `./docs/demo/${name}.md`,
+    `## ${name}
+
+<code src="../../examples/${name}.tsx">
+`,
+    'utf8',
+    function(error) {
+      if(error){
+        console.log(error);
+        return false;
+      }
+      console.log(`${name} 更新成功~`);
+    }
+  )
+});