chore: Use father (#104)

* init with father

* ignore lock file

* clear eslint

* test case move for enzyme

* more test case

* all test

* fix lint

* update ci

* fix cov

Author: zombieJ

.eslintrc.js

@@ -0,0 +1,11 @@
+const base = require('@umijs/fabric/dist/eslint');
+const path = require('path');
+
+module.exports = {
+  ...base,
+  rules: {
+    ...base.rules,
+    'react/require-default-props': 0,
+    'jsx-a11y/no-noninteractive-tabindex': 0,
+  },
+};

.fatherrc.js

@@ -0,0 +1,8 @@
+export default {
+  cjs: 'babel',
+  esm: { type: 'babel', importLibToEs: true },
+  preCommit: {
+    eslint: true,
+    prettier: true,
+  },
+};

.gitignore

@@ -1,3 +1,4 @@
+.storybook
 *.iml
 *.log
 *.log.*
@@ -28,3 +29,4 @@ lib
 es
 coverage
 yarn.lock
+package-lock.json

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "endOfLine": "lf",
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "printWidth": 100
+}

.travis.yml

@@ -1,38 +1,17 @@
 language: node_js
 
-sudo: false
-
-notifications:
-  email:
-  - yiminghe@gmail.com
-  - hust2012jiangkai@gmail.com
-
 node_js:
-- 6
+  - 12
 
-before_install:
-- |
-    if ! git diff --name-only $TRAVIS_COMMIT_RANGE | grep -qvE '(\.md$)|(^(docs|examples))/'
-    then
-      echo "Only docs were updated, stopping build process."
-      exit
-    fi
-    npm install npm@3.x -g
-    phantomjs --version
 script:
 - |
     if [ "$TEST_TYPE" = test ]; then
-      npm test
+      npm run test -- --coverage && \
+      bash <(curl -s https://codecov.io/bash)
     else
       npm run $TEST_TYPE
     fi
 env:
   matrix:
   - TEST_TYPE=lint
-  - TEST_TYPE=test
-  - TEST_TYPE=coverage
-
-
-matrix:
-  allow_failures:
-  - env: "TEST_TYPE=saucelabs"
+  - TEST_TYPE=test

examples/simple.html

@@ -1,10 +1,12 @@
 /* eslint-disable no-console */
-import 'rc-notification/assets/index.less';
-import Notification from 'rc-notification';
 import React from 'react';
-import ReactDOM from 'react-dom';
+import Notification from '../src';
+import '../assets/index.less';
+
 let notification = null;
-Notification.newInstance({}, (n) => notification = n);
+Notification.newInstance({}, n => {
+  notification = n;
+});
 
 function simpleFn() {
   notification.notice({
@@ -43,10 +45,14 @@ function close(key) {
 function manualClose() {
   const key = Date.now();
   notification.notice({
-    content: <div>
-      <p>click below button to close</p>
-      <button onClick={close.bind(null, key)}>close</button>
-    </div>,
+    content: (
+      <div>
+        <p>click below button to close</p>
+        <button type="button" onClick={close.bind(null, key)}>
+          close
+        </button>
+      </div>
+    ),
     key,
     duration: null,
   });
@@ -73,31 +79,31 @@ function updatableFn() {
 
   notification.notice(initialProps);
   intervalKey = setInterval(() => {
-    notification.notice({ ...initialProps, content: `Timer: ${++counter}s` });
+    counter += 1;
+    notification.notice({ ...initialProps, content: `Timer: ${counter}s` });
   }, 1000);
 }
 
-const clearPath = 'M793 242H366v-74c0-6.7-7.7-10.4-12.9' +
+const clearPath =
+  'M793 242H366v-74c0-6.7-7.7-10.4-12.9' +
   '-6.3l-142 112c-4.1 3.2-4.1 9.4 0 12.6l142 112c' +
   '5.2 4.1 12.9 0.4 12.9-6.3v-74h415v470H175c-4.4' +
   ' 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h618c35.3 0 64-' +
   '28.7 64-64V306c0-35.3-28.7-64-64-64z';
 
-const getSvg = (path, props = {}, align = false) => {
-  return (
-    <i {...props}>
-      <svg
-        viewBox="0 0 1024 1024"
-        width="1em"
-        height="1em"
-        fill="currentColor"
-        style={align ? { verticalAlign: '-.125em ' } : {}}
-      >
-        <path d={path} />
-      </svg>
-    </i>
-  );
-};
+const getSvg = (path, props = {}, align = false) => (
+  <i {...props}>
+    <svg
+      viewBox="0 0 1024 1024"
+      width="1em"
+      height="1em"
+      fill="currentColor"
+      style={align ? { verticalAlign: '-.125em ' } : {}}
+    >
+      <path d={path} />
+    </svg>
+  </i>
+);
 
 function customCloseIconFn() {
   notification.notice({
@@ -108,15 +114,27 @@ function customCloseIconFn() {
   });
 }
 
-ReactDOM.render(<div>
+const Demo = () => (
   <div>
-    <button onClick={simpleFn}>simple show</button>
-    <button onClick={durationFn}>duration=0</button>
-    <button onClick={closableFn}>closable</button>
-    <button onClick={manualClose}>controlled close</button>
-    <button onClick={updatableFn}>updatable</button>
-    <div>
-      <button onClick={customCloseIconFn}>custom close icon</button>
-    </div>
+    <button type="button" onClick={simpleFn}>
+      simple show
+    </button>
+    <button type="button" onClick={durationFn}>
+      duration=0
+    </button>
+    <button type="button" onClick={closableFn}>
+      closable
+    </button>
+    <button type="button" onClick={manualClose}>
+      controlled close
+    </button>
+    <button type="button" onClick={updatableFn}>
+      updatable
+    </button>
+    <button type="button" onClick={customCloseIconFn}>
+      custom close icon
+    </button>
   </div>
-</div>, document.getElementById('__react-content'));
+);
+
+export default Demo;

examples/simple.js

@@ -0,0 +1,3 @@
+module.exports = {
+  snapshotSerializers: [require.resolve("enzyme-to-json/serializer")]
+};

jest.config.js

@@ -0,0 +1,11 @@
+{
+  "version": 2,
+  "name": "rc-notification",
+  "builds": [
+    {
+      "src": "package.json",
+      "use": "@now/static-build",
+      "config": { "distDir": ".doc" }
+    }
+  ]
+}

now.json

@@ -2,6 +2,9 @@
   "name": "rc-notification",
   "version": "3.3.1",
   "description": "notification ui component for react",
+  "engines": {
+    "node": ">=8.x"
+  },
   "keywords": [
     "react",
     "react-component",
@@ -15,10 +18,10 @@
     "hust2012jiangkai@gmail.com"
   ],
   "files": [
-    "dist",
-    "lib",
+    "assets/*.css",
+    "assets/*.less",
     "es",
-    "assets/*.css"
+    "lib"
   ],
   "repository": {
     "type": "git",
@@ -30,49 +33,35 @@
   "license": "MIT",
   "main": "lib/index",
   "module": "es/index",
-  "config": {
-    "port": 8000,
-    "entry": {
-      "rc-notification": [
-        "./assets/index.less",
-        "./src/index.js"
-      ]
-    }
-  },
   "scripts": {
-    "build": "rc-tools run build",
-    "gh-pages": "rc-tools run gh-pages",
-    "start": "rc-tools run server",
-    "compile": "rc-tools run compile --babel-runtime",
-    "pub": "rc-tools run pub --babel-runtime",
-    "lint": "rc-tools run lint",
-    "karma": "rc-test run karma",
-    "saucelabs": "rc-test run saucelabs",
-    "test": "rc-test run test",
-    "chrome-test": "rc-test run chrome-test",
-    "coverage": "rc-test run coverage",
-    "prepublish": "rc-tools run guard"
+    "start": "cross-env NODE_ENV=development father doc dev --storybook",
+    "build": "father doc build --storybook",
+    "compile": "father build",
+    "prepublishOnly": "npm run compile && np --no-cleanup --yolo --no-publish",
+    "lint": "eslint src/ examples/ --ext .tsx,.ts,.jsx,.js",
+    "test": "father test",
+    "now-build": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
   },
   "devDependencies": {
-    "core-js": "^2.5.1",
-    "expect.js": "~0.3.1",
-    "pre-commit": "1.x",
-    "rc-test": "^6.0.8",
-    "rc-tools": "^6.3.6",
+    "@types/jest": "^25.1.0",
+    "@types/react": "^16.8.19",
+    "@types/react-dom": "^16.8.4",
+    "cross-env": "^7.0.0",
+    "enzyme": "^3.3.0",
+    "enzyme-to-json": "^3.4.0",
+    "father": "^2.13.2",
+    "np": "^5.0.3",
     "react": "^16.0.0",
     "react-dom": "^16.0.0"
   },
-  "precommit": [
-    "lint"
-  ],
   "dependencies": {
-    "babel-runtime": "6.x",
     "classnames": "2.x",
     "prop-types": "^15.5.8",
     "rc-animate": "2.x",
     "rc-util": "^4.0.4"
-  },
-  "pre-commit": [
-    "lint"
-  ]
+  }
 }