style(clipper): lint file by new elint rule

vcan · Mar 14, 2019 · 3df8eb1 · 3df8eb1
1 parent a05418a
commit 3df8eb1
Show file tree

Hide file tree

Showing 41 changed files with 442 additions and 442 deletions.
diff --git a/jest.config.js b/jest.config.js
@@ -1,14 +1,14 @@
 module.exports = {
   moduleNameMapper: {
-    '\\.(css|scss)$': 'identity-obj-proxy'
+    '\\.(css|scss)$': 'identity-obj-proxy',
   },
   transform: {
-    '^.+\\.tsx?$': 'ts-jest'
+    '^.+\\.tsx?$': 'ts-jest',
   },
   testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$',
   testPathIgnorePatterns: ['/lib/', '/node_modules/'],
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
   collectCoverage: true,
   testEnvironment: 'node',
-  verbose: true
+  verbose: true,
 };
diff --git a/package.json b/package.json
@@ -49,7 +49,7 @@
     "typescript-fsa": "^3.0.0-beta-2"
   },
   "devDependencies": {
-    "@diamondyuan/eslint-config-react-typescript": "^2.0.3",
+    "@diamondyuan/eslint-config-react-typescript": "^3.0.0",
     "@types/blueimp-md5": "^2.7.0",
     "@types/chrome": "^0.0.72",
     "@types/enzyme": "^3.1.14",

diff --git a/src/const/index.ts b/src/const/index.ts
@@ -1,23 +1,23 @@
 export const backendServices: {
-[key: string]: {
-icon: string;
-home: string;
-api: string;
-name: string;
-};
+  [key: string]: {
+    icon: string;
+    home: string;
+    api: string;
+    name: string;
+  };
 } = {
   yuque: {
     icon: 'yuque',
     home: 'https://www.yuque.com',
     api: 'https://www.yuque.com/api/v2/',
-    name: '语雀'
+    name: '语雀',
   },
   github: {
     icon: 'github',
     home: 'https://www.github.com',
     api: 'https://api.github.com/',
-    name: 'Github'
-  }
+    name: 'Github',
+  },
 };
 
 export function pluginRouterCreator(id: string) {

diff --git a/src/content/index.tsx b/src/content/index.tsx
@@ -6,12 +6,12 @@ import TurndownService from 'turndown';
 import { AnyAction, isType } from 'typescript-fsa';
 import {
   asyncHideTool,
-  asyncRemoveTool
+  asyncRemoveTool,
 } from '../store/actions/userPreference';
 import {
   asyncRunPlugin,
   asyncTakeScreenshot,
-  asyncRunToolPlugin
+  asyncRunToolPlugin,
 } from '../store/actions/clipper';
 import { clickIcon, doYouAliveNow } from '../store/actions/browser';
 
@@ -24,7 +24,7 @@ turndownService.addRule('lazyLoadImage', {
       return `![](${dataSrc})`;
     }
     return `![](${node.getAttribute('src')})`;
-  }
+  },
 });
 
 chrome.runtime.onMessage.addListener((action: AnyAction, _, sendResponse) => {
@@ -64,7 +64,7 @@ chrome.runtime.onMessage.addListener((action: AnyAction, _, sendResponse) => {
         Highlighter,
         toggleClipper,
         Readability,
-        document
+        document,
       };
       (async () => {
         // eslint-disable-next-line
@@ -120,7 +120,7 @@ chrome.runtime.onMessage.addListener((action: AnyAction, _, sendResponse) => {
         Highlighter,
         toggleClipper,
         Readability,
-        document
+        document,
       };
       (async () => {
         // eslint-disable-next-line

diff --git a/src/pages/complete/complete.tsx b/src/pages/complete/complete.tsx
@@ -9,18 +9,18 @@ import { asyncRemoveTool } from '../../store/actions/userPreference';
 import { QuickResponseCode } from './quickResponseCode';
 
 const useActions = {
-  asyncRemoveTool: asyncRemoveTool.started
+  asyncRemoveTool: asyncRemoveTool.started,
 };
 
 const mapStateToProps = ({
   clipper: { completeStatus, currentAccountId },
-  userPreference: { accounts, showQuickResponseCode }
+  userPreference: { accounts, showQuickResponseCode },
 }: GlobalStore) => {
   const currentAccount = accounts.find(o => o.id === currentAccountId);
   return {
     currentAccount,
     completeStatus,
-    showQuickResponseCode
+    showQuickResponseCode,
   };
 };
 type PageState = {};
@@ -40,7 +40,7 @@ class Page extends React.Component<PageProps, PageState> {
     const {
       completeStatus,
       currentAccount,
-      showQuickResponseCode
+      showQuickResponseCode,
     } = this.props;
     if (!completeStatus || !currentAccount) {
       return (

diff --git a/src/pages/complete/quickResponseCode.tsx b/src/pages/complete/quickResponseCode.tsx
@@ -20,7 +20,7 @@ export class QuickResponseCode extends React.Component<PageProps, PageState> {
     super(props);
     this.state = {
       includeToken: false,
-      quickResponseCodeData: null
+      quickResponseCodeData: null,
     };
   }
 
@@ -53,7 +53,7 @@ export class QuickResponseCode extends React.Component<PageProps, PageState> {
           console.log(err);
         }
         this.setState({
-          quickResponseCodeData
+          quickResponseCodeData,
         });
       }
     );

diff --git a/src/pages/plugin/Plugin.tsx b/src/pages/plugin/Plugin.tsx
@@ -4,37 +4,37 @@ import { connect } from 'react-redux';
 import * as HyperMD from 'hypermd';
 import {
   updateTextClipperData,
-  asyncRunPlugin
+  asyncRunPlugin,
 } from '../../store/actions/clipper';
 import { EditorContainer } from '../../components/container';
 import { pluginRouterCreator } from '../../const';
 
 const useActions = {
   asyncRunPlugin: asyncRunPlugin.started,
-  updateTextClipperData
+  updateTextClipperData,
 };
 
 const mapStateToProps = ({
   router: {
-    location: { pathname }
+    location: { pathname },
   },
   clipper,
-  userPreference: { liveRendering, showLineNumber, plugins }
+  userPreference: { liveRendering, showLineNumber, plugins },
 }: GlobalStore) => {
   return {
     clipper,
     liveRendering,
     showLineNumber,
     clipperData: clipper.clipperData,
     pathname,
-    plugins
+    plugins,
   };
 };
 type PageState = {};
 type PageOwnProps = {};
 type PageProps = ReturnType<typeof mapStateToProps> &
   typeof useActions &
-  PageOwnProps;
+PageOwnProps;
 
 const editorId = 'DiamondYuan_Love_LJ';
 
@@ -59,7 +59,7 @@ class ClipperPluginPage extends React.Component<PageProps, PageState> {
     let myTextarea = document.getElementById(editorId) as HTMLTextAreaElement;
     this.myCodeMirror = HyperMD.fromTextArea(myTextarea, {
       lineNumbers: !!this.props.showLineNumber,
-      hmdModeLoader: false
+      hmdModeLoader: false,
     });
 
     const plugin = plugins.find(
@@ -69,7 +69,7 @@ class ClipperPluginPage extends React.Component<PageProps, PageState> {
     if (!clipperData[pathname]) {
       this.props.asyncRunPlugin({
         pathname,
-        plugin
+        plugin,
       });
     }
     const data: TextClipperData = (clipperData[
@@ -81,8 +81,8 @@ class ClipperPluginPage extends React.Component<PageProps, PageState> {
         path: pathname,
         data: {
           type: 'text',
-          data: editor.getValue()
-        }
+          data: editor.getValue(),
+        },
       });
     });
     this.myCodeMirror.setSize(800, 621);

diff --git a/src/pages/plugin/imagePlugin.tsx b/src/pages/plugin/imagePlugin.tsx
@@ -4,41 +4,41 @@ import { connect } from 'react-redux';
 import {
   updateTextClipperData,
   asyncRunPlugin,
-  asyncTakeScreenshot
+  asyncTakeScreenshot,
 } from '../../store/actions/clipper';
 import { EditorContainer } from '../../components/container';
 import * as styles from './index.scss';
 
 const useActions = {
   asyncRunPlugin: asyncRunPlugin.started,
   asyncTakeScreenshot: asyncTakeScreenshot.started,
-  updateTextClipperData
+  updateTextClipperData,
 };
 
 const mapStateToProps = ({
   router,
   clipper,
-  userPreference: { liveRendering, showLineNumber }
+  userPreference: { liveRendering, showLineNumber },
 }: GlobalStore) => {
   return {
     router,
     clipper,
     liveRendering,
     showLineNumber,
     clipperData: clipper.clipperData,
-    pathname: router.location.pathname
+    pathname: router.location.pathname,
   };
 };
 type PageState = {};
 type PageOwnProps = {};
 type PageProps = ReturnType<typeof mapStateToProps> &
   typeof useActions &
-  PageOwnProps;
+PageOwnProps;
 
 class ImagePluginPage extends React.Component<PageProps, PageState> {
   componentDidMount = () => {
     this.props.asyncTakeScreenshot({
-      pathname: this.props.pathname
+      pathname: this.props.pathname,
     });
   };
 

diff --git a/src/pages/plugin/index.tsx b/src/pages/plugin/index.tsx
@@ -6,7 +6,7 @@ import { pluginRouterCreator } from '../../const';
 
 const mapStateToProps = ({ userPreference: { plugins }}: GlobalStore) => {
   return {
-    idList: plugins.filter(o => o.type === 'clipper').map(o => o.id)
+    idList: plugins.filter(o => o.type === 'clipper').map(o => o.id),
   };
 };
 

diff --git a/src/pages/preference/index.tsx b/src/pages/preference/index.tsx
@@ -5,7 +5,7 @@ import {
   asyncSetEditorLiveRendering,
   asyncSetShowLineNumber,
   asyncSetShowQuickResponseCode,
-  asyncSetDefaultPluginId
+  asyncSetDefaultPluginId,
 } from '../../store/actions/userPreference';
 import { bindActionCreators, Dispatch } from 'redux';
 import { CenterContainer } from '../../components/container';
@@ -19,7 +19,7 @@ const useActions = {
   asyncSetEditorLiveRendering: asyncSetEditorLiveRendering.started,
   asyncSetShowLineNumber: asyncSetShowLineNumber.started,
   asyncSetShowQuickResponseCode: asyncSetShowQuickResponseCode.started,
-  asyncSetDefaultPluginId: asyncSetDefaultPluginId.started
+  asyncSetDefaultPluginId: asyncSetDefaultPluginId.started,
 };
 
 const mapStateToProps = ({
@@ -29,8 +29,8 @@ const mapStateToProps = ({
     showLineNumber,
     showQuickResponseCode,
     defaultPluginId,
-    plugins
-  }
+    plugins,
+  },
 }: GlobalStore) => {
   return {
     showLineNumber,
@@ -41,7 +41,7 @@ const mapStateToProps = ({
     liveRendering,
     QRCodeContent: '',
     accounts,
-    plugins: plugins.filter(o => o.type === 'clipper')
+    plugins: plugins.filter(o => o.type === 'clipper'),
   };
 };
 type PageState = {};
@@ -85,10 +85,10 @@ class Page extends React.Component<PageProps, PageState> {
                       key='qrcode'
                       onChange={() => {
                         this.props.asyncSetShowQuickResponseCode({
-                          value: this.props.showQuickResponseCode
+                          value: this.props.showQuickResponseCode,
                         });
                       }}
-                    />
+                    />,
                   ]}
                 >
                   <List.Item.Meta
@@ -109,15 +109,15 @@ class Page extends React.Component<PageProps, PageState> {
                           selectValue = value;
                         }
                         this.props.asyncSetDefaultPluginId({
-                          pluginId: selectValue
+                          pluginId: selectValue,
                         });
                       }}
                     >
                       <Select.Option value={-1}>无</Select.Option>
                       {plugins.map(o => (
                         <Select.Option key={o.id}>{o.name}</Select.Option>
                       ))}
-                    </Select>
+                    </Select>,
                   ]}
                 >
                   <List.Item.Meta
@@ -133,11 +133,11 @@ class Page extends React.Component<PageProps, PageState> {
                       checked={this.props.showLineNumber}
                       onChange={() => {
                         this.props.asyncSetShowLineNumber({
-                          value: this.props.showLineNumber
+                          value: this.props.showLineNumber,
                         });
                       }}
                       key='showLineNumber'
-                    />
+                    />,
                   ]}
                 >
                   <List.Item.Meta
@@ -152,10 +152,10 @@ class Page extends React.Component<PageProps, PageState> {
                       checked={this.props.liveRendering}
                       onChange={() => {
                         this.props.asyncSetEditorLiveRendering({
-                          value: this.props.liveRendering
+                          value: this.props.liveRendering,
                         });
                       }}
-                    />
+                    />,
                   ]}
                 >
                   <List.Item.Meta