fix: Lint issues.

browser/components/CodeEditor.js

@@ -21,7 +21,6 @@ const buildEditorContextMenu = require('browser/lib/contextMenuBuilder')
 import { createTurndownService } from '../lib/turndown'
 import { languageMaps } from '../lib/CMLanguageList'
 import snippetManager from '../lib/SnippetManager'
-import { gfm } from 'turndown-plugin-gfm'
 import { findStorage } from 'browser/lib/findStorage'
 import { sendWakatimeHeartBeat } from 'browser/lib/wakatime-plugin'
 import {
@@ -120,8 +119,15 @@ export default class CodeEditor extends React.Component {
     // wakatime
     const { storageKey, noteKey } = this.props
     const storage = findStorage(storageKey)
-    if (storage) sendWakatimeHeartBeat(storage.path, noteKey, storage.name, false, false, true)
+    if (storage)
-
+      sendWakatimeHeartBeat(
+        storage.path,
+        noteKey,
+        storage.name,
+        false,
+        false,
+        true
+      )
   }
 
   handleSearch(msg) {
@@ -807,9 +813,25 @@ export default class CodeEditor extends React.Component {
     const storage = findStorage(storageKey)
     if (this.props.onChange) {
       this.props.onChange(editor)
-      if (storage) sendWakatimeHeartBeat(storage.path, noteKey, storage.name, true, true, false)
+      if (storage)
+        sendWakatimeHeartBeat(
+          storage.path,
+          noteKey,
+          storage.name,
+          true,
+          true,
+          false
+        )
     } else {
-      if (storage) sendWakatimeHeartBeat(storage.path, noteKey, storage.name, false, false, false)
+      if (storage)
+        sendWakatimeHeartBeat(
+          storage.path,
+          noteKey,
+          storage.name,
+          false,
+          false,
+          false
+        )
     }
   }
 
@@ -942,7 +964,15 @@ export default class CodeEditor extends React.Component {
     // wakatime
     const { storageKey, noteKey } = this.props
     const storage = findStorage(storageKey)
-    if (storage) sendWakatimeHeartBeat(storage.path, noteKey, storage.name, false, false, true)
+    if (storage)
+      sendWakatimeHeartBeat(
+        storage.path,
+        noteKey,
+        storage.name,
+        false,
+        false,
+        true
+      )
   }
 
   setValue(value) {

browser/components/MarkdownPreview.js

@@ -1299,9 +1299,4 @@ MarkdownPreview.propTypes = {
   breaks: PropTypes.bool
 }
 
-export default connect(
+export default connect(null, null, null, { forwardRef: true })(MarkdownPreview)
-  null,
-  null,
-  null,
-  { forwardRef: true }
-)(MarkdownPreview)

browser/lib/markdown.js

@@ -278,9 +278,7 @@ class Markdown {
         flowchart: token => {
           return `<pre class="fence" data-line="${token.map[0]}">
           <span class="filename">${token.fileName}</span>
-          <div class="flowchart" data-height="${token.parameters.height}">${
+          <div class="flowchart" data-height="${token.parameters.height}">${token.content}</div>
-            token.content
-          }</div>
         </pre>`
         },
         gallery: token => {
@@ -299,25 +297,19 @@ class Markdown {
 
           return `<pre class="fence" data-line="${token.map[0]}">
           <span class="filename">${token.fileName}</span>
-          <div class="gallery" data-autoplay="${
+          <div class="gallery" data-autoplay="${token.parameters.autoplay}" data-height="${token.parameters.height}">${content}</div>
-            token.parameters.autoplay
-          }" data-height="${token.parameters.height}">${content}</div>
         </pre>`
         },
         mermaid: token => {
           return `<pre class="fence" data-line="${token.map[0]}">
           <span class="filename">${token.fileName}</span>
-          <div class="mermaid" data-height="${token.parameters.height}">${
+          <div class="mermaid" data-height="${token.parameters.height}">${token.content}</div>
-            token.content
-          }</div>
         </pre>`
         },
         sequence: token => {
           return `<pre class="fence" data-line="${token.map[0]}">
           <span class="filename">${token.fileName}</span>
-          <div class="sequence" data-height="${token.parameters.height}">${
+          <div class="sequence" data-height="${token.parameters.height}">${token.content}</div>
-            token.content
-          }</div>
         </pre>`
         }
       },

browser/lib/wakatime-plugin.js

@@ -3,7 +3,14 @@ const exec = require('child_process').exec
 const path = require('path')
 let lastHeartbeat = 0
 
-function sendWakatimeHeartBeat (storagePath, noteKey, storageName, isWrite, hasFileChanges, isFileChange) {
+function sendWakatimeHeartBeat(
+  storagePath,
+  noteKey,
+  storageName,
+  isWrite,
+  hasFileChanges,
+  isFileChange
+) {
   if (new Date().getTime() - lastHeartbeat > 120000 || isFileChange) {
     const notePath = path.join(storagePath, 'notes', noteKey + '.cson')
 
@@ -14,14 +21,25 @@ function sendWakatimeHeartBeat (storagePath, noteKey, storageName, isWrite, hasF
     lastHeartbeat = new Date()
     const wakatimeKey = config.get().wakatime.key
     if (wakatimeKey) {
-      exec(`wakatime --file ${notePath} --project '${storageName}' --key ${wakatimeKey}  --plugin Boostnote-wakatime`, (error, stdOut, stdErr) => {
+      exec(
+        `wakatime --file ${notePath} --project '${storageName}' --key ${wakatimeKey}  --plugin Boostnote-wakatime`,
+        (error, stdOut, stdErr) => {
           if (error) {
             console.log(error)
             lastHeartbeat = 0
           } else {
-          console.log('wakatime', 'isWrite', isWrite, 'hasChanges', hasFileChanges, 'isFileChange', isFileChange)
+            console.log(
+              'wakatime',
+              'isWrite',
+              isWrite,
+              'hasChanges',
+              hasFileChanges,
+              'isFileChange',
+              isFileChange
+            )
           }
-      })
+        }
+      )
     }
   }
 }

browser/main/modals/PreferencesModal/PluginsTab.js

@@ -21,25 +21,32 @@ class PluginsTab extends React.Component {
 
   componentDidMount() {
     this.handleSettingDone = () => {
-      this.setState({pluginsAlert: {
+      this.setState({
+        pluginsAlert: {
           type: 'success',
           message: i18n.__('Successfully applied!')
-      }})
         }
-    this.handleSettingError = (err) => {
+      })
+    }
+    this.handleSettingError = err => {
       if (
         this.state.config.wakatime.key === '' ||
         this.state.config.wakatime.key === null
       ) {
-        this.setState({pluginsAlert: {
+        this.setState({
+          pluginsAlert: {
             type: 'success',
             message: i18n.__('Successfully applied!')
-        }})
+          }
+        })
       } else {
-        this.setState({pluginsAlert: {
+        this.setState({
+          pluginsAlert: {
             type: 'error',
-          message: err.message != null ? err.message : i18n.__('An error occurred!')
+            message:
-        }})
+              err.message != null ? err.message : i18n.__('An error occurred!')
+          }
+        })
       }
     }
     this.oldWakatimekey = this.state.config.wakatime
@@ -94,11 +101,10 @@ class PluginsTab extends React.Component {
 
   render() {
     const pluginsAlert = this.state.pluginsAlert
-    const pluginsAlertElement = pluginsAlert != null
+    const pluginsAlertElement =
-      ? <p className={`alert ${pluginsAlert.type}`}>
+      pluginsAlert != null ? (
-        {pluginsAlert.message}
+        <p className={`alert ${pluginsAlert.type}`}>{pluginsAlert.message}</p>
-      </p>
+      ) : null
-      : null
     const { config } = this.state
 
     return (
@@ -108,8 +114,9 @@ class PluginsTab extends React.Component {
           <div styleName='group-section'>
             <div styleName='group-section-label'>{i18n.__('Wakatime key')}</div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
-                onChange={(e) => this.handleWakatimeKeyChange(e)}
+                styleName='group-section-control-input'
+                onChange={e => this.handleWakatimeKeyChange(e)}
                 ref='key'
                 value={config.wakatime.key}
                 type='text'
@@ -117,8 +124,11 @@ class PluginsTab extends React.Component {
             </div>
           </div>
           <div styleName='group-control'>
-            <button styleName='group-control-rightButton'
+            <button
-              onClick={(e) => this.handleSaveButtonClick(e)}>{i18n.__('Save')}
+              styleName='group-control-rightButton'
+              onClick={e => this.handleSaveButtonClick(e)}
+            >
+              {i18n.__('Save')}
             </button>
             {pluginsAlertElement}
           </div>

browser/main/modals/PreferencesModal/index.js

@@ -82,13 +82,7 @@ class Preferences extends React.Component {
           />
         )
       case 'SNIPPET':
-        return (
+        return <SnippetTab dispatch={dispatch} config={config} data={data} />
-          <SnippetTab
-            dispatch={dispatch}
-            config={config}
-            data={data}
-          />
-        )
       case 'PLUGINS':
         return (
           <PluginsTab

browser/main/store.js

@@ -480,10 +480,7 @@ const store = createStore(
   reducer,
   undefined,
   process.env.NODE_ENV === 'development'
-    ? compose(
+    ? compose(applyMiddleware(routerMiddleware(history)), DevTools.instrument())
-        applyMiddleware(routerMiddleware(history)),
-        DevTools.instrument()
-      )
     : applyMiddleware(routerMiddleware(history))
 )