[update] 添加 pre commit lint

app/components/ExampleCom/index.tsx

@@ -20,13 +20,13 @@ class Hello extends React.PureComponent<IProps> {
     return (
       <div>
         <h1>This is Example component.</h1>
-        <div className="name">
+        <div className='name'>
           my name is {name}
         </div>
         <button onClick={this.handleClick}>
           the count {count}
         </button>
-        <div className="ruiwen">this is ruiwen</div>
+        <div className='ruiwen'>this is ruiwen</div>
       </div>
     )
   }

app/mockData/apis.ts

@@ -4,7 +4,7 @@ export async function getGoods() {
   return {
     id: random,
     name: `goods-${random}`,
-    desc: `desc-${random}`
+    desc: `desc-${random}`,
   }
 }
 

app/pages/Example/actions/exampleAction.ts

@@ -5,7 +5,7 @@ import { IRootAction, IRootStore } from '../../../typings'
 export default class ExampleAction {
   constructor(
     public stores: IRootStore['Example'],
-    public actions: IRootAction['Example']
+    public actions: IRootAction['Example'],
   ) {}
 
   async loadGoods() {

app/pages/Example/index.tsx

@@ -10,7 +10,7 @@ import addIcon from '../../assets/images/add.svg'
 
 @inject(injector)
 @observer
-export default class Example extends React.Component<Props, {}> {
+export default class Example extends React.Component<IProps, {}> {
   static defaultProps = {
     prefixCls: 'page-example',
   }
@@ -31,18 +31,18 @@ export default class Example extends React.Component<Props, {}> {
     return (
       <div className={prefixCls}>
         this is example page
-        <ExampleCom name="lawler" />
-        <img src={addIcon} alt="addIcon" />
+        <ExampleCom name='lawler' />
+        <img src={addIcon} alt='addIcon' />
         <h1>当前产品</h1>
         {isloading ? (
-          <h1 className="loading">loading...</h1>
+          <h1 className='loading'>loading...</h1>
         ) : (
           <React.Fragment>
             <ul className='qa-border-1px'>
               <li>{curGoods!.name}</li>
               <li>{curGoods!.desc}</li>
             </ul>
-            <Button type="primary" onClick={this.handleLoadGoods}>
+            <Button type='primary' onClick={this.handleLoadGoods}>
               换一个
             </Button>
           </React.Fragment>
@@ -54,7 +54,7 @@ export default class Example extends React.Component<Props, {}> {
 
 type injectorReturnType = ReturnType<typeof injector>
 
-interface Props extends Partial<injectorReturnType> {
+interface IProps extends Partial<injectorReturnType> {
   prefixCls?: string
   [k: string]: any
 }
@@ -63,8 +63,8 @@ function injector({
   rootStore,
   rootAction,
 }: {
-  rootStore: IRootStore
-  rootAction: IRootAction
+  rootStore: IRootStore,
+  rootAction: IRootAction,
 }) {
   return {
     store: rootStore.Example,

app/pages/Home/actions/homeAction.ts

@@ -1,12 +1,11 @@
 import { mAction } from '../../../mobx/action'
-import { IRootAction, IRootStore } from "../../../typings"
+import { IRootAction, IRootStore } from '../../../typings'
 
 @mAction
 export default class HomeAction {
   constructor(
     public stores: IRootStore['Home'],
-    public actions: IRootAction['Home']
+    public actions: IRootAction['Home'],
   ) {}
 
-
 }

app/pages/Home/index.tsx

@@ -6,32 +6,28 @@ import './index.scss'
 
 @inject(injector)
 @observer
-export default class Home extends React.Component<Props, {}> {
+export default class Home extends React.Component<IProps, {}> {
   static defaultProps = {
-    prefixCls: 'page-home'
+    prefixCls: 'page-home',
   }
 
   constructor(props) {
     super(props)
   }
 
-  componentDidMount() {
-
-  }
-
   render() {
     const { prefixCls } = this.props
     return (
       <div className={prefixCls}>
-
+        this is home page
       </div>
     )
   }
 }
 
 type injectorReturnType = ReturnType<typeof injector>
 
-interface Props extends Partial<injectorReturnType> {
+interface IProps extends Partial<injectorReturnType> {
   prefixCls?: string
   [k: string]: any
 }
@@ -40,8 +36,8 @@ function injector({
   rootStore,
   rootAction,
 }: {
-  rootStore: IRootStore
-  rootAction: IRootAction
+  rootStore: IRootStore,
+  rootAction: IRootAction,
 }) {
   return {}
 }

app/pages/Home/stores/homeStore.ts

@@ -2,7 +2,7 @@ import { action, observable, computed } from 'mobx'
 import { mStore } from '../../../mobx/store'
 
 interface ISomething {
-
+  prop: string
 }
 
 @mStore

app/routes/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { HashRouter as Router, Route, Switch } from 'react-router-dom'
-import routes, { IRoute } from './routes'
+import routesAll, { IRoute } from './routes'
 
 function getRoutes(routes: IRoute[]) {
   return routes.map(route => {
@@ -17,6 +17,6 @@ function getRoutes(routes: IRoute[]) {
 
 export default (
   <Router>
-    <Switch>{getRoutes(routes)}</Switch>
+    <Switch>{getRoutes(routesAll)}</Switch>
   </Router>
 )

app/serve.ts

@@ -15,6 +15,4 @@ const server = http.createServer((req, res) => {
   })
 })
 
-server.listen(8080, () =>
-  console.log('your app is running at http://localhost:8080')
-)
+server.listen(8080, () => console.log('your app is running at http://localhost:8080'))

app/tools/templates/actions/action.ts.tpl

@@ -1,12 +1,11 @@
 import { mAction } from '../../../mobx/action'
-import { IRootAction, IRootStore } from "../../../typings"
+import { IRootAction, IRootStore } from '../../../typings'
 
 @mAction
 export default class ${uppercaseName}$Action {
   constructor(
     public stores: IRootStore['${rootPageName}$'],
-    public actions: IRootAction['${rootPageName}$']
+    public actions: IRootAction['${rootPageName}$'],
   ) {}
 
-
 }

app/tools/templates/index.tsx.tpl

@@ -6,18 +6,16 @@ import './index.scss'
 
 @inject(injector)
 @observer
-export default class ${uppercaseName}$ extends React.Component<Props, {}> {
+export default class ${uppercaseName}$ extends React.Component<IProps, {}> {
   static defaultProps = {
-    prefixCls: '${type}$-${splitDashName}$'
+    prefixCls: '${type}$-${splitDashName}$',
   }
 
   constructor(props) {
     super(props)
   }
 
-  componentDidMount() {
-
-  }
+  componentDidMount() {}
 
   render() {
     const { prefixCls } = this.props
@@ -31,7 +29,7 @@ export default class ${uppercaseName}$ extends React.Component<Props, {}> {
 
 type injectorReturnType = ReturnType<typeof injector>
 
-interface Props extends Partial<injectorReturnType> {
+interface IProps extends Partial<injectorReturnType> {
   prefixCls?: string
   [k: string]: any
 }
@@ -40,8 +38,8 @@ function injector({
   rootStore,
   rootAction,
 }: {
-  rootStore: IRootStore
-  rootAction: IRootAction
+  rootStore: IRootStore,
+  rootAction: IRootAction,
 }) {
   return {}
 }

app/utils/index.ts

@@ -7,7 +7,7 @@ export function formatDate(date: Date, fmt: string) {
     // 拿到完整年份后，根据传入的y的个数进行截取，如传的是4，则从0截取，为2018，如传2个y则从2开始截取，为16
     fmt = fmt.replace(
       RegExp.$1,
-      `${date.getFullYear()}`.substr(4 - RegExp.$1.length)
+      `${date.getFullYear()}`.substr(4 - RegExp.$1.length),
     )
   }
   const data = {
@@ -17,13 +17,13 @@ export function formatDate(date: Date, fmt: string) {
     'm+': date.getMinutes(),
     's+': date.getSeconds(),
   }
-  Object.keys(data).forEach((k) => {
+  Object.keys(data).forEach(k => {
     if (new RegExp(`(${k})`).test(fmt)) {
-      const str =`${data[k]}`
+      const str = `${data[k]}`
       // 对于月，日，时，分，秒 这种如果传的 M、d等个数是 1个的话，就显示一个，如果为 2，则要在数 < 10时添加 0
       fmt = fmt.replace(
         RegExp.$1,
-        RegExp.$1.length === 1 ? str : padLeftZero(str)
+        RegExp.$1.length === 1 ? str : padLeftZero(str),
       )
     }
   })

package.json

@@ -1,20 +1,23 @@
 {
   "name": "qa-app",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "question-answer app",
   "basePath": "app",
   "main": "app/index.tsx",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "webpack --config config/webpack.prod.config.js --progress",
     "start": "webpack-dev-server --config config/webpack.dev.config.js --progress",
-    "lint": "eslint --ext .js app",
+    "lint": "tslint --fix --project .",
     "dll": "webpack --config config/webpack.dll.config.js --progress",
     "serve": "nodemon app/serve.js",
     "server": "ts-node server/bootstrap.ts"
   },
   "author": "lawler61",
   "license": "ISC",
+  "pre-commit": [
+    "lint"
+  ],
   "keywords": [
     "react",
     "mobx",

server/bootstrap.ts

@@ -8,15 +8,15 @@ import './controller/home';
 import './controller/user';
 
 // load everything needed to the Container
-let container = new Container();
+const container = new Container();
 container.bind<UserService>(TYPES.UserService).to(UserService);
 
 // start the server
-let server = new InversifyExpressServer(container);
+const server = new InversifyExpressServer(container);
 
-server.setConfig((app) => {
+server.setConfig(app => {
   app.use(bodyParser.urlencoded({
-    extended: true
+    extended: true,
   }));
   app.use(bodyParser.json());
 });

server/constant/tags.ts

@@ -1,6 +1,6 @@
 const TAGS = {
     HomeController: 'HomeController',
-    UserController: 'UserController'
+    UserController: 'UserController',
 };
 
 export default TAGS;

server/constant/types.ts

@@ -1,5 +1,5 @@
 const TYPES = {
-    UserService: Symbol.for('UserService')
+    UserService: Symbol.for('UserService'),
 };
 
 export default TYPES;

server/controller/user.ts

@@ -1,5 +1,5 @@
 import {
-  controller, httpGet, httpPost, httpPut, httpDelete
+  controller, httpGet, httpPost, httpPut, httpDelete,
 } from 'inversify-express-utils';
 import { inject } from 'inversify';
 import { IUser, UserService } from '../service/user';

server/service/user.ts

@@ -10,13 +10,12 @@ export class UserService {
 
   private userStorage: IUser[] = [{
     email: 'lorem@ipsum.com',
-    name: 'Lorem'
+    name: 'Lorem',
   }, {
       email: 'doloe@sit.com',
-      name: 'Dolor'
+      name: 'Dolor',
     }];
 
-
   public getUsers(): IUser[] {
     return this.userStorage;
   }
@@ -48,7 +47,7 @@ export class UserService {
   }
 
   public deleteUser(id: string): string {
-    let updatedUser: IUser[] = [];
+    const updatedUser: IUser[] = [];
     this.userStorage.map(user => {
       if (user.name !== id) {
         updatedUser.push(user);

server/test/controller/home.spec.ts

@@ -5,7 +5,7 @@ import { HomeController } from '../../controller/home';
 
 describe('HomeController', () => {
   it('should give back `Home sweet home`', () => {
-    let service = new HomeController();
+    const service = new HomeController();
 
     expect(service.get()).to.equal('Home sweet home');
   });