modify project structure

main/config.js

@@ -4,6 +4,6 @@ module.exports = {
   rendererDevPath: '../dist',
   devtools: {
     open: false,
-    mode: 'bottom', // //detach right bottom
+    mode: 'bottom' // //detach right bottom
   }
 }

main/index.js

@@ -16,7 +16,13 @@ __DEV__ && require('electron-reload')(path.join(__dirname, rendererDevPath))
 /** init window begin */
 const initWindow = () => {
   win = createWindow({ title: app.getName(), width: 800, height: 500 })
-  win.loadURL('file://' + path.resolve(__dirname, `${__DEV__ ? rendererDevPath : rendererPath}/index.html`))
+  win.loadURL(
+    'file://' +
+      path.resolve(
+        __dirname,
+        `${__DEV__ ? rendererDevPath : rendererPath}/index.html`
+      )
+  )
   devtools.open && win.webContents.openDevTools({ mode: devtools.mode })
   //set tray
   tray = setTray(win)

main/menu.js

@@ -45,9 +45,7 @@ export const defaultMenu = [
       {
         label: '关于',
         click() {
-          shell.openExternal(
-            'https://github.com/onfuns/LightHosts'
-          )
+          shell.openExternal('https://github.com/onfuns/LightHosts')
         }
       }
     ]

package.json

@@ -27,7 +27,7 @@
   "prettier": "@frontend-cli/prettier-config",
   "husky": {
     "hooks": {
-      "pre-commit": "npm run pretty"
+      "pre-commit": "pretty-quick --staged"
     }
   },
   "keywords": [
@@ -69,6 +69,7 @@
     "mobx": "^5.6.0",
     "mobx-react": "^5.4.2",
     "prettier": "^1.18.2",
+    "pretty-quick": "^1.11.1",
     "react": "^16.6.3",
     "react-dom": "^16.6.3",
     "react-loadable": "^5.5.0",

scripts/theme.js

@@ -2,4 +2,4 @@ module.exports = {
   'font-size-base': '12px',
   'primary-color': '#13C2C2',
   'border-radius-base': '2px'
-}
+}

src/components/AddMenuModal.js

@@ -35,27 +35,28 @@ const Add = observer(({ onClose, form, hostStore, detail = {} }) => {
   const { getFieldDecorator } = form
   return (
     <Modal
-      title="host方案"
+      title='host方案'
       visible={true}
       width={450}
       onCancel={onClose}
-      onOk={handleSubmit}
-    >
+      onOk={handleSubmit}>
       <Form>
-        <FormItem
-          label="方案名称"
-          {...formItemLayout}
-        >
+        <FormItem label='方案名称' {...formItemLayout}>
           {getFieldDecorator('name', {
             initialValue: detail.name || '',
-            rules: [{ required: true, min: 2, max: 10, message: '名称由2 ~ 10个字符组成' }]
-          })(
-            <Input placeholder="名称由2 ~ 10个字符组成" />
-          )}
+            rules: [
+              {
+                required: true,
+                min: 2,
+                max: 10,
+                message: '名称由2 ~ 10个字符组成'
+              }
+            ]
+          })(<Input placeholder='名称由2 ~ 10个字符组成' />)}
         </FormItem>
       </Form>
     </Modal>
   )
 })
 
-export default inject('hostStore')(Form.create()(Add))
+export default inject('hostStore')(Form.create()(Add))

src/components/Hosts.js

@@ -10,7 +10,6 @@ import './hosts.less'
 
 @inject('hostStore')
 @observer
-
 class Hosts extends Component {
   constructor(props) {
     super(props)
@@ -22,12 +21,12 @@ class Hosts extends Component {
     this.codeMirrorEditor = CodeMirror.fromTextArea(this.editor, {
       className: 'custom-editor',
       lineNumbers: true,
-      mode: "shell",
+      mode: 'shell',
       theme: 'idea'
     })
-    this.codeMirrorEditor.on('change', (editor) => {
+    this.codeMirrorEditor.on('change', editor => {
       const value = editor.getValue()
-      this.store.update({ data: value, type: "host" })
+      this.store.update({ data: value, type: 'host' })
     })
 
     this.codeMirrorEditor.on('gutterClick', (cm, n) => {
@@ -38,11 +37,14 @@ class Hosts extends Component {
       let ln = info.text
       if (/^\s*$/.test(ln)) return
       let new_ln = /^#/.test(ln) ? ln.replace(/^#\s*/, '') : '# ' + ln
-      this.codeMirrorEditor.getDoc()
-        .replaceRange(new_ln, { line: info.line, ch: 0 }, {
+      this.codeMirrorEditor.getDoc().replaceRange(
+        new_ln,
+        { line: info.line, ch: 0 },
+        {
           line: info.line,
           ch: ln.length
-        })
+        }
+      )
     })
   }
 
@@ -67,12 +69,12 @@ class Hosts extends Component {
   render() {
     const { readOnly = false } = this.getRecord()
     return (
-      <div className="lay-host">
-        {readOnly && <Icon type="lock" className="host-readonly" />}
-        <textarea ref={(ref => this.editor = ref)}></textarea>
+      <div className='lay-host'>
+        {readOnly && <Icon type='lock' className='host-readonly' />}
+        <textarea ref={ref => (this.editor = ref)}></textarea>
       </div>
     )
   }
 }
 
-export default Hosts
+export default Hosts