diff --git a/.eslintrc b/.eslintrc
index be8cb903..67b6c8fe 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,6 +1,6 @@
 {
-  "extends": ["standard", "standard-jsx", "plugin:react/recommended"],
-  "plugins": ["react"],
+  "extends": ["standard", "standard-jsx", "plugin:react/recommended", "prettier"],
+  "plugins": ["react", "prettier"],
   "rules": {
     "no-useless-escape": 0,
     "prefer-const": ["warn", {
@@ -13,7 +13,8 @@
     "react/no-string-refs": 0,
     "react/no-find-dom-node": "warn",
     "react/no-render-return-value": "warn",
-    "react/no-deprecated": "warn"
+    "react/no-deprecated": "warn",
+    "prettier/prettier": ["error"]
   },
   "globals": {
     "FileReader": true,
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..515c6cd5
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,5 @@
+{
+  "singleQuote": true,
+  "semi": false,
+  "jsxSingleQuote": true
+}
\ No newline at end of file
diff --git a/browser/components/CodeEditor.js b/browser/components/CodeEditor.js
index bc2719dc..a5bb009a 100644
--- a/browser/components/CodeEditor.js
+++ b/browser/components/CodeEditor.js
@@ -6,11 +6,7 @@ import hljs from 'highlight.js'
 import 'codemirror-mode-elixir'
 import attachmentManagement from 'browser/main/lib/dataApi/attachmentManagement'
 import convertModeName from 'browser/lib/convertModeName'
-import {
-  options,
-  TableEditor,
-  Alignment
-} from '@susisu/mte-kernel'
+import { options, TableEditor, Alignment } from '@susisu/mte-kernel'
 import TextEditorInterface from 'browser/lib/TextEditorInterface'
 import eventEmitter from 'browser/main/lib/eventEmitter'
 import iconv from 'iconv-lite'
@@ -20,11 +16,15 @@ import styles from '../components/CodeEditor.styl'
 const { ipcRenderer, remote, clipboard } = require('electron')
 import normalizeEditorFontFamily from 'browser/lib/normalizeEditorFontFamily'
 const spellcheck = require('browser/lib/spellcheck')
-const buildEditorContextMenu = require('browser/lib/contextMenuBuilder').buildEditorContextMenu
+const buildEditorContextMenu = require('browser/lib/contextMenuBuilder')
+  .buildEditorContextMenu
 import { createTurndownService } from '../lib/turndown'
-import {languageMaps} from '../lib/CMLanguageList'
+import { languageMaps } from '../lib/CMLanguageList'
 import snippetManager from '../lib/SnippetManager'
-import {generateInEditor, tocExistsInEditor} from 'browser/lib/markdown-toc-generator'
+import {
+  generateInEditor,
+  tocExistsInEditor
+} from 'browser/lib/markdown-toc-generator'
 import markdownlint from 'markdownlint'
 import Jsonlint from 'jsonlint-mod'
 import { DEFAULT_CONFIG } from '../main/lib/ConfigManager'
@@ -33,28 +33,38 @@ import prettier from 'prettier'
 CodeMirror.modeURL = '../node_modules/codemirror/mode/%N/%N.js'
 
 const buildCMRulers = (rulers, enableRulers) =>
-  (enableRulers ? rulers.map(ruler => ({
-    column: ruler
-  })) : [])
+  enableRulers
+    ? rulers.map(ruler => ({
+        column: ruler
+      }))
+    : []
 
-function translateHotkey (hotkey) {
-  return hotkey.replace(/\s*\+\s*/g, '-').replace(/Command/g, 'Cmd').replace(/Control/g, 'Ctrl')
+function translateHotkey(hotkey) {
+  return hotkey
+    .replace(/\s*\+\s*/g, '-')
+    .replace(/Command/g, 'Cmd')
+    .replace(/Control/g, 'Ctrl')
 }
 
 export default class CodeEditor extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.scrollHandler = _.debounce(this.handleScroll.bind(this), 100, {
       leading: false,
       trailing: true
     })
-    this.changeHandler = (editor, changeObject) => this.handleChange(editor, changeObject)
-    this.highlightHandler = (editor, changeObject) => this.handleHighlight(editor, changeObject)
+    this.changeHandler = (editor, changeObject) =>
+      this.handleChange(editor, changeObject)
+    this.highlightHandler = (editor, changeObject) =>
+      this.handleHighlight(editor, changeObject)
     this.focusHandler = () => {
       ipcRenderer.send('editor:focused', true)
     }
-    const debouncedDeletionOfAttachments = _.debounce(attachmentManagement.deleteAttachmentsNotPresentInNote, 30000)
+    const debouncedDeletionOfAttachments = _.debounce(
+      attachmentManagement.deleteAttachmentsNotPresentInNote,
+      30000
+    )
     this.blurHandler = (editor, e) => {
       ipcRenderer.send('editor:focused', false)
       if (e == null) return null
@@ -66,12 +76,13 @@ export default class CodeEditor extends React.Component {
         el = el.parentNode
       }
       this.props.onBlur != null && this.props.onBlur(e)
-      const {
-        storageKey,
-        noteKey
-      } = this.props
+      const { storageKey, noteKey } = this.props
       if (this.props.deleteUnusedAttachments === true) {
-        debouncedDeletionOfAttachments(this.editor.getValue(), storageKey, noteKey)
+        debouncedDeletionOfAttachments(
+          this.editor.getValue(),
+          storageKey,
+          noteKey
+        )
       }
     }
     this.pasteHandler = (editor, e) => {
@@ -91,7 +102,7 @@ export default class CodeEditor extends React.Component {
     this.formatTable = () => this.handleFormatTable()
 
     if (props.switchPreview !== 'RIGHTCLICK') {
-      this.contextMenuHandler = function (editor, event) {
+      this.contextMenuHandler = function(editor, event) {
         const menu = buildEditorContextMenu(editor, event)
         if (menu != null) {
           setTimeout(() => menu.popup(remote.getCurrentWindow()), 30)
@@ -104,24 +115,24 @@ export default class CodeEditor extends React.Component {
     this.turndownService = createTurndownService()
   }
 
-  handleSearch (msg) {
+  handleSearch(msg) {
     const cm = this.editor
     const component = this
 
     if (component.searchState) cm.removeOverlay(component.searchState)
     if (msg.length < 1) return
 
-    cm.operation(function () {
+    cm.operation(function() {
       component.searchState = makeOverlay(msg, 'searching')
       cm.addOverlay(component.searchState)
 
-      function makeOverlay (query, style) {
+      function makeOverlay(query, style) {
         query = new RegExp(
           query.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&'),
           'gi'
         )
         return {
-          token: function (stream) {
+          token: function(stream) {
             query.lastIndex = stream.pos
             var match = query.exec(stream.string)
             if (match && match.index === stream.pos) {
@@ -138,25 +149,27 @@ export default class CodeEditor extends React.Component {
     })
   }
 
-  handleFormatTable () {
-    this.tableEditor.formatAll(options({
-      textWidthOptions: {}
-    }))
+  handleFormatTable() {
+    this.tableEditor.formatAll(
+      options({
+        textWidthOptions: {}
+      })
+    )
   }
 
-  handleEditorActivity () {
+  handleEditorActivity() {
     if (!this.textEditorInterface.transaction) {
       this.updateTableEditorState()
     }
   }
 
-  updateDefaultKeyMap () {
+  updateDefaultKeyMap() {
     const { hotkey } = this.props
     const self = this
     const expandSnippet = snippetManager.expandSnippet
 
     this.defaultKeyMap = CodeMirror.normalizeKeyMap({
-      Tab: function (cm) {
+      Tab: function(cm) {
         const cursor = cm.getCursor()
         const line = cm.getLine(cursor.line)
         const cursorPosition = cursor.ch
@@ -198,17 +211,17 @@ export default class CodeEditor extends React.Component {
           }
         }
       },
-      'Cmd-Left': function (cm) {
+      'Cmd-Left': function(cm) {
         cm.execCommand('goLineLeft')
       },
-      'Cmd-T': function (cm) {
+      'Cmd-T': function(cm) {
         // Do nothing
       },
-      [translateHotkey(hotkey.insertDate)]: function (cm) {
+      [translateHotkey(hotkey.insertDate)]: function(cm) {
         const dateNow = new Date()
         cm.replaceSelection(dateNow.toLocaleDateString())
       },
-      [translateHotkey(hotkey.insertDateTime)]: function (cm) {
+      [translateHotkey(hotkey.insertDateTime)]: function(cm) {
         const dateNow = new Date()
         cm.replaceSelection(dateNow.toLocaleString())
       },
@@ -231,7 +244,10 @@ export default class CodeEditor extends React.Component {
         currentConfig.cursorOffset = cm.doc.indexFromPos(cursorPos)
 
         // Prettify contents of editor
-        const formattedTextDetails = prettier.formatWithCursor(cm.doc.getValue(), currentConfig)
+        const formattedTextDetails = prettier.formatWithCursor(
+          cm.doc.getValue(),
+          currentConfig
+        )
 
         const formattedText = formattedTextDetails.formatted
         const formattedCursorPos = formattedTextDetails.cursorOffset
@@ -246,7 +262,8 @@ export default class CodeEditor extends React.Component {
         const appendLineBreak = /\n$/.test(selection)
 
         const sorted = _.split(selection.trim(), '\n').sort()
-        const sortedString = _.join(sorted, '\n') + (appendLineBreak ? '\n' : '')
+        const sortedString =
+          _.join(sorted, '\n') + (appendLineBreak ? '\n' : '')
 
         cm.doc.replaceSelection(sortedString)
       },
@@ -256,7 +273,7 @@ export default class CodeEditor extends React.Component {
     })
   }
 
-  updateTableEditorState () {
+  updateTableEditorState() {
     const active = this.tableEditor.cursorIsInTable(this.tableEditorOptions)
     if (active) {
       if (this.extraKeysMode !== 'editor') {
@@ -272,7 +289,7 @@ export default class CodeEditor extends React.Component {
     }
   }
 
-  componentDidMount () {
+  componentDidMount() {
     const { rulers, enableRulers, enableMarkdownLint, RTL } = this.props
     eventEmitter.on('line:jump', this.scrollToLineHandeler)
 
@@ -298,7 +315,11 @@ export default class CodeEditor extends React.Component {
       rtlMoveVisually: RTL,
       foldGutter: true,
       lint: enableMarkdownLint ? this.getCodeEditorLintConfig() : false,
-      gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter', 'CodeMirror-lint-markers'],
+      gutters: [
+        'CodeMirror-linenumbers',
+        'CodeMirror-foldgutter',
+        'CodeMirror-lint-markers'
+      ],
       autoCloseBrackets: {
         pairs: this.props.matchingPairs,
         triples: this.props.matchingTriples,
@@ -309,7 +330,9 @@ export default class CodeEditor extends React.Component {
       prettierConfig: this.props.prettierConfig
     })
 
-    document.querySelector('.CodeMirror-lint-markers').style.display = enableMarkdownLint ? 'inline-block' : 'none'
+    document.querySelector(
+      '.CodeMirror-lint-markers'
+    ).style.display = enableMarkdownLint ? 'inline-block' : 'none'
 
     if (!this.props.mode && this.props.value && this.props.autoDetect) {
       this.autoDetectLanguage(this.props.value)
@@ -342,7 +365,7 @@ export default class CodeEditor extends React.Component {
     this.textEditorInterface = new TextEditorInterface(this.editor)
     this.tableEditor = new TableEditor(this.textEditorInterface)
     if (this.props.spellCheck) {
-      this.editor.addPanel(this.createSpellCheckPanel(), {position: 'bottom'})
+      this.editor.addPanel(this.createSpellCheckPanel(), { position: 'bottom' })
     }
 
     eventEmitter.on('code:format-table', this.formatTable)
@@ -352,13 +375,13 @@ export default class CodeEditor extends React.Component {
     })
 
     this.editorKeyMap = CodeMirror.normalizeKeyMap({
-      'Tab': () => {
+      Tab: () => {
         this.tableEditor.nextCell(this.tableEditorOptions)
       },
       'Shift-Tab': () => {
         this.tableEditor.previousCell(this.tableEditorOptions)
       },
-      'Enter': () => {
+      Enter: () => {
         this.tableEditor.nextRow(this.tableEditorOptions)
       },
       'Ctrl-Enter': () => {
@@ -477,7 +500,7 @@ export default class CodeEditor extends React.Component {
     this.initialHighlighting()
   }
 
-  getWordBeforeCursor (line, lineNumber, cursorPosition) {
+  getWordBeforeCursor(line, lineNumber, cursorPosition) {
     let wordBeforeCursor = ''
     const originCursorPosition = cursorPosition
     const emptyChars = /\t|\s|\r|\n|\$/
@@ -514,11 +537,11 @@ export default class CodeEditor extends React.Component {
     }
   }
 
-  quitEditor () {
+  quitEditor() {
     document.querySelector('textarea').blur()
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     this.editor.off('focus', this.focusHandler)
     this.editor.off('blur', this.blurHandler)
     this.editor.off('change', this.changeHandler)
@@ -533,7 +556,7 @@ export default class CodeEditor extends React.Component {
     eventEmitter.off('code:format-table', this.formatTable)
   }
 
-  componentDidUpdate (prevProps, prevState) {
+  componentDidUpdate(prevProps, prevState) {
     let needRefresh = false
     const {
       rulers,
@@ -561,13 +584,18 @@ export default class CodeEditor extends React.Component {
       this.editor.setOption('direction', this.props.RTL ? 'rtl' : 'ltr')
       this.editor.setOption('rtlMoveVisually', this.props.RTL)
     }
-    if (prevProps.enableMarkdownLint !== enableMarkdownLint || prevProps.customMarkdownLintConfig !== customMarkdownLintConfig) {
+    if (
+      prevProps.enableMarkdownLint !== enableMarkdownLint ||
+      prevProps.customMarkdownLintConfig !== customMarkdownLintConfig
+    ) {
       if (!enableMarkdownLint) {
-        this.editor.setOption('lint', {default: false})
-        document.querySelector('.CodeMirror-lint-markers').style.display = 'none'
+        this.editor.setOption('lint', { default: false })
+        document.querySelector('.CodeMirror-lint-markers').style.display =
+          'none'
       } else {
         this.editor.setOption('lint', this.getCodeEditorLintConfig())
-        document.querySelector('.CodeMirror-lint-markers').style.display = 'inline-block'
+        document.querySelector('.CodeMirror-lint-markers').style.display =
+          'inline-block'
       }
       needRefresh = true
     }
@@ -599,9 +627,11 @@ export default class CodeEditor extends React.Component {
       this.editor.setOption('scrollPastEnd', this.props.scrollPastEnd)
     }
 
-    if (prevProps.matchingPairs !== this.props.matchingPairs ||
+    if (
+      prevProps.matchingPairs !== this.props.matchingPairs ||
       prevProps.matchingTriples !== this.props.matchingTriples ||
-      prevProps.explodingPairs !== this.props.explodingPairs) {
+      prevProps.explodingPairs !== this.props.explodingPairs
+    ) {
       const bracketObject = {
         pairs: this.props.matchingPairs,
         triples: this.props.matchingTriples,
@@ -646,11 +676,18 @@ export default class CodeEditor extends React.Component {
         const elem = document.getElementById('editor-bottom-panel')
         elem.parentNode.removeChild(elem)
       } else {
-        this.editor.addPanel(this.createSpellCheckPanel(), {position: 'bottom'})
+        this.editor.addPanel(this.createSpellCheckPanel(), {
+          position: 'bottom'
+        })
       }
     }
-    if (prevProps.deleteUnusedAttachments !== this.props.deleteUnusedAttachments) {
-      this.editor.setOption('deleteUnusedAttachments', this.props.deleteUnusedAttachments)
+    if (
+      prevProps.deleteUnusedAttachments !== this.props.deleteUnusedAttachments
+    ) {
+      this.editor.setOption(
+        'deleteUnusedAttachments',
+        this.props.deleteUnusedAttachments
+      )
     }
 
     if (needRefresh) {
@@ -658,17 +695,19 @@ export default class CodeEditor extends React.Component {
     }
   }
 
-  getCodeEditorLintConfig () {
+  getCodeEditorLintConfig() {
     const { mode } = this.props
     const checkMarkdownNoteIsOpen = mode === 'Boost Flavored Markdown'
 
-    return checkMarkdownNoteIsOpen ? {
-      getAnnotations: this.validatorOfMarkdown,
-      async: true
-    } : false
+    return checkMarkdownNoteIsOpen
+      ? {
+          getAnnotations: this.validatorOfMarkdown,
+          async: true
+        }
+      : false
   }
 
-  validatorOfMarkdown (text, updateLinting) {
+  validatorOfMarkdown(text, updateLinting) {
     const { customMarkdownLintConfig } = this.props
     let lintConfigJson
     try {
@@ -693,7 +732,7 @@ export default class CodeEditor extends React.Component {
           let ruleNames = ''
           item.ruleNames.map((ruleName, index) => {
             ruleNames += ruleName
-            ruleNames += (index === item.ruleNames.length - 1) ? ': ' : '/'
+            ruleNames += index === item.ruleNames.length - 1 ? ': ' : '/'
           })
           const lineNumber = item.lineNumber - 1
           foundIssues.push({
@@ -708,7 +747,7 @@ export default class CodeEditor extends React.Component {
     })
   }
 
-  setMode (mode) {
+  setMode(mode) {
     let syntax = CodeMirror.findModeByName(convertModeName(mode || 'text'))
     if (syntax == null) syntax = CodeMirror.findModeByName('Plain Text')
 
@@ -716,7 +755,7 @@ export default class CodeEditor extends React.Component {
     CodeMirror.autoLoadMode(this.editor, syntax.mode)
   }
 
-  handleChange (editor, changeObject) {
+  handleChange(editor, changeObject) {
     spellcheck.handleChange(editor, changeObject)
 
     // The current note contains an toc. We'll check for changes on headlines.
@@ -726,7 +765,11 @@ export default class CodeEditor extends React.Component {
 
       // Check if one of the changed lines contains a headline
       for (let line = 0; line < changeObject.text.length; line++) {
-        if (this.linePossibleContainsHeadline(editor.getLine(changeObject.from.line + line))) {
+        if (
+          this.linePossibleContainsHeadline(
+            editor.getLine(changeObject.from.line + line)
+          )
+        ) {
           requireTocUpdate = true
           break
         }
@@ -755,13 +798,13 @@ export default class CodeEditor extends React.Component {
     }
   }
 
-  linePossibleContainsHeadline (currentLine) {
+  linePossibleContainsHeadline(currentLine) {
     // We can't check if the line start with # because when some write text before
     // the # we also need to update the toc
     return currentLine.includes('# ')
   }
 
-  incrementLines (start, linesAdded, linesRemoved, editor) {
+  incrementLines(start, linesAdded, linesRemoved, editor) {
     const highlightedLines = editor.options.linesHighlighted
 
     const totalHighlightedLines = highlightedLines.length
@@ -782,7 +825,7 @@ export default class CodeEditor extends React.Component {
         highlightedLines.splice(highlightedLines.indexOf(lineNumber), 1)
 
         // Lines that need to be relocated
-        if (lineNumber >= (start + linesRemoved)) {
+        if (lineNumber >= start + linesRemoved) {
           newLines.push(lineNumber + offset)
         }
       }
@@ -796,22 +839,30 @@ export default class CodeEditor extends React.Component {
     }
   }
 
-  handleHighlight (editor, changeObject) {
+  handleHighlight(editor, changeObject) {
     const lines = editor.options.linesHighlighted
 
     if (!lines.includes(changeObject)) {
       lines.push(changeObject)
-      editor.addLineClass(changeObject, 'text', 'CodeMirror-activeline-background')
+      editor.addLineClass(
+        changeObject,
+        'text',
+        'CodeMirror-activeline-background'
+      )
     } else {
       lines.splice(lines.indexOf(changeObject), 1)
-      editor.removeLineClass(changeObject, 'text', 'CodeMirror-activeline-background')
+      editor.removeLineClass(
+        changeObject,
+        'text',
+        'CodeMirror-activeline-background'
+      )
     }
     if (this.props.onChange) {
       this.props.onChange(editor)
     }
   }
 
-  updateHighlight (editor, changeObject) {
+  updateHighlight(editor, changeObject) {
     const linesAdded = changeObject.text.length - 1
     const linesRemoved = changeObject.removed.length - 1
 
@@ -842,28 +893,28 @@ export default class CodeEditor extends React.Component {
     this.incrementLines(start, linesAdded, linesRemoved, editor)
   }
 
-  moveCursorTo (row, col) {}
+  moveCursorTo(row, col) {}
 
-  scrollToLine (event, num) {
+  scrollToLine(event, num) {
     const cursor = {
       line: num,
       ch: 1
     }
     this.editor.setCursor(cursor)
-    const top = this.editor.charCoords({line: num, ch: 0}, 'local').top
+    const top = this.editor.charCoords({ line: num, ch: 0 }, 'local').top
     const middleHeight = this.editor.getScrollerElement().offsetHeight / 2
     this.editor.scrollTo(null, top - middleHeight - 5)
   }
 
-  focus () {
+  focus() {
     this.editor.focus()
   }
 
-  blur () {
+  blur() {
     this.editor.blur()
   }
 
-  reload () {
+  reload() {
     // Change event shouldn't be fired when switch note
     this.editor.off('change', this.changeHandler)
     this.value = this.props.value
@@ -874,7 +925,7 @@ export default class CodeEditor extends React.Component {
     this.editor.refresh()
   }
 
-  setValue (value) {
+  setValue(value) {
     const cursor = this.editor.getCursor()
     this.editor.setValue(value)
     this.editor.setCursor(cursor)
@@ -885,18 +936,19 @@ export default class CodeEditor extends React.Component {
    * @param {Number} lineNumber
    * @param {String} content
    */
-  setLineContent (lineNumber, content) {
+  setLineContent(lineNumber, content) {
     const prevContent = this.editor.getLine(lineNumber)
     const prevContentLength = prevContent ? prevContent.length : 0
-    this.editor.replaceRange(content, { line: lineNumber, ch: 0 }, { line: lineNumber, ch: prevContentLength })
+    this.editor.replaceRange(
+      content,
+      { line: lineNumber, ch: 0 },
+      { line: lineNumber, ch: prevContentLength }
+    )
   }
 
-  handleDropImage (dropEvent) {
+  handleDropImage(dropEvent) {
     dropEvent.preventDefault()
-    const {
-      storageKey,
-      noteKey
-    } = this.props
+    const { storageKey, noteKey } = this.props
     attachmentManagement.handleAttachmentDrop(
       this,
       storageKey,
@@ -905,37 +957,44 @@ export default class CodeEditor extends React.Component {
     )
   }
 
-  insertAttachmentMd (imageMd) {
+  insertAttachmentMd(imageMd) {
     this.editor.replaceSelection(imageMd)
   }
 
-  autoDetectLanguage (content) {
+  autoDetectLanguage(content) {
     const res = hljs.highlightAuto(content, Object.keys(languageMaps))
     this.setMode(languageMaps[res.language])
   }
 
-  handlePaste (editor, forceSmartPaste) {
+  handlePaste(editor, forceSmartPaste) {
     const { storageKey, noteKey, fetchUrlTitle, enableSmartPaste } = this.props
 
-    const isURL = str => /(?:^\w+:|^)\/\/(?:[^\s\.]+\.\S{2}|localhost[\:?\d]*)/.test(str)
+    const isURL = str =>
+      /(?:^\w+:|^)\/\/(?:[^\s\.]+\.\S{2}|localhost[\:?\d]*)/.test(str)
 
     const isInLinkTag = editor => {
       const startCursor = editor.getCursor('start')
-      const prevChar = editor.getRange({
-        line: startCursor.line,
-        ch: startCursor.ch - 2
-      }, {
-        line: startCursor.line,
-        ch: startCursor.ch
-      })
+      const prevChar = editor.getRange(
+        {
+          line: startCursor.line,
+          ch: startCursor.ch - 2
+        },
+        {
+          line: startCursor.line,
+          ch: startCursor.ch
+        }
+      )
       const endCursor = editor.getCursor('end')
-      const nextChar = editor.getRange({
-        line: endCursor.line,
-        ch: endCursor.ch
-      }, {
-        line: endCursor.line,
-        ch: endCursor.ch + 1
-      })
+      const nextChar = editor.getRange(
+        {
+          line: endCursor.line,
+          ch: endCursor.ch
+        },
+        {
+          line: endCursor.line,
+          ch: endCursor.ch + 1
+        }
+      )
       return prevChar === '](' && nextChar === ')'
     }
 
@@ -947,7 +1006,7 @@ export default class CodeEditor extends React.Component {
         return true
       }
 
-      let line = line = cursor.line - 1
+      let line = (line = cursor.line - 1)
       while (line >= 0) {
         token = editor.getTokenAt({
           ch: 3,
@@ -979,7 +1038,11 @@ export default class CodeEditor extends React.Component {
 
     if (isInFencedCodeBlock(editor)) {
       this.handlePasteText(editor, pastedTxt)
-    } else if (fetchUrlTitle && isMarkdownTitleURL(pastedTxt) && !isInLinkTag(editor)) {
+    } else if (
+      fetchUrlTitle &&
+      isMarkdownTitleURL(pastedTxt) &&
+      !isInLinkTag(editor)
+    ) {
       this.handlePasteUrl(editor, pastedTxt)
     } else if (fetchUrlTitle && isURL(pastedTxt) && !isInLinkTag(editor)) {
       this.handlePasteUrl(editor, pastedTxt)
@@ -1015,13 +1078,13 @@ export default class CodeEditor extends React.Component {
     }
   }
 
-  handleScroll (e) {
+  handleScroll(e) {
     if (this.props.onScroll) {
       this.props.onScroll(e)
     }
   }
 
-  handlePasteUrl (editor, pastedTxt) {
+  handlePasteUrl(editor, pastedTxt) {
     let taggedUrl = `<${pastedTxt}>`
     let urlToFetch = pastedTxt
     let titleMark = ''
@@ -1071,16 +1134,16 @@ export default class CodeEditor extends React.Component {
       })
   }
 
-  handlePasteHtml (editor, pastedHtml) {
+  handlePasteHtml(editor, pastedHtml) {
     const markdown = this.turndownService.turndown(pastedHtml)
     editor.replaceSelection(markdown)
   }
 
-  handlePasteText (editor, pastedTxt) {
+  handlePasteText(editor, pastedTxt) {
     editor.replaceSelection(pastedTxt)
   }
 
-  mapNormalResponse (response, pastedTxt) {
+  mapNormalResponse(response, pastedTxt) {
     return this.decodeResponse(response).then(body => {
       return new Promise((resolve, reject) => {
         try {
@@ -1088,10 +1151,12 @@ export default class CodeEditor extends React.Component {
             body,
             'text/html'
           )
-          const escapePipe = (str) => {
+          const escapePipe = str => {
             return str.replace('|', '\\|')
           }
-          const linkWithTitle = `[${escapePipe(parsedBody.title)}](${pastedTxt})`
+          const linkWithTitle = `[${escapePipe(
+            parsedBody.title
+          )}](${pastedTxt})`
           resolve(linkWithTitle)
         } catch (e) {
           reject(e)
@@ -1100,7 +1165,7 @@ export default class CodeEditor extends React.Component {
     })
   }
 
-  initialHighlighting () {
+  initialHighlighting() {
     if (this.editor.options.linesHighlighted == null) {
       return
     }
@@ -1114,16 +1179,20 @@ export default class CodeEditor extends React.Component {
         // make sure that we skip the invalid lines althrough this case should not be happened.
         continue
       }
-      this.editor.addLineClass(lineNumber, 'text', 'CodeMirror-activeline-background')
+      this.editor.addLineClass(
+        lineNumber,
+        'text',
+        'CodeMirror-activeline-background'
+      )
     }
   }
 
-  restartHighlighting () {
+  restartHighlighting() {
     this.editor.options.linesHighlighted = this.props.linesHighlighted
     this.initialHighlighting()
   }
 
-  mapImageResponse (response, pastedTxt) {
+  mapImageResponse(response, pastedTxt) {
     return new Promise((resolve, reject) => {
       try {
         const url = response.url
@@ -1136,7 +1205,7 @@ export default class CodeEditor extends React.Component {
     })
   }
 
-  decodeResponse (response) {
+  decodeResponse(response) {
     const headers = response.headers
     const _charset = headers.has('content-type')
       ? this.extractContentTypeCharset(headers.get('content-type'))
@@ -1144,10 +1213,10 @@ export default class CodeEditor extends React.Component {
     return response.arrayBuffer().then(buff => {
       return new Promise((resolve, reject) => {
         try {
-          const charset = _charset !== undefined &&
-            iconv.encodingExists(_charset)
-            ? _charset
-            : 'utf-8'
+          const charset =
+            _charset !== undefined && iconv.encodingExists(_charset)
+              ? _charset
+              : 'utf-8'
           resolve(iconv.decode(Buffer.from(buff), charset).toString())
         } catch (e) {
           reject(e)
@@ -1156,50 +1225,49 @@ export default class CodeEditor extends React.Component {
     })
   }
 
-  extractContentTypeCharset (contentType) {
+  extractContentTypeCharset(contentType) {
     return contentType
       .split(';')
       .filter(str => {
-        return str.trim().toLowerCase().startsWith('charset')
+        return str
+          .trim()
+          .toLowerCase()
+          .startsWith('charset')
       })
       .map(str => {
         return str.replace(/['"]/g, '').split('=')[1]
       })[0]
   }
 
-  render () {
-    const {
-      className,
-      fontSize
-    } = this.props
+  render() {
+    const { className, fontSize } = this.props
     const fontFamily = normalizeEditorFontFamily(this.props.fontFamily)
     const width = this.props.width
-    return (<
-      div className={
-        className == null ? 'CodeEditor' : `CodeEditor ${className}`
-      }
-      ref='root'
-      tabIndex='-1'
-      style={{
-        fontFamily,
-        fontSize: fontSize,
-        width: width
-      }}
-      onDrop={
-        e => this.handleDropImage(e)
-      }
+    return (
+      <div
+        className={className == null ? 'CodeEditor' : `CodeEditor ${className}`}
+        ref='root'
+        tabIndex='-1'
+        style={{
+          fontFamily,
+          fontSize: fontSize,
+          width: width
+        }}
+        onDrop={e => this.handleDropImage(e)}
       />
     )
   }
 
-  createSpellCheckPanel () {
+  createSpellCheckPanel() {
     const panel = document.createElement('div')
     panel.className = 'panel bottom'
     panel.id = 'editor-bottom-panel'
     const dropdown = document.createElement('select')
     dropdown.title = 'Spellcheck'
     dropdown.className = styles['spellcheck-select']
-    dropdown.addEventListener('change', (e) => spellcheck.setLanguage(this.editor, dropdown.value))
+    dropdown.addEventListener('change', e =>
+      spellcheck.setLanguage(this.editor, dropdown.value)
+    )
     const options = spellcheck.getAvailableDictionaries()
     for (const op of options) {
       const option = document.createElement('option')
diff --git a/browser/components/ColorPicker.js b/browser/components/ColorPicker.js
index 9e0199c2..4d4e80e4 100644
--- a/browser/components/ColorPicker.js
+++ b/browser/components/ColorPicker.js
@@ -7,7 +7,7 @@ import styles from './ColorPicker.styl'
 const componentHeight = 330
 
 class ColorPicker extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -18,21 +18,21 @@ class ColorPicker extends React.Component {
     this.handleConfirm = this.handleConfirm.bind(this)
   }
 
-  componentWillReceiveProps (nextProps) {
+  componentWillReceiveProps(nextProps) {
     this.onColorChange(nextProps.color)
   }
 
-  onColorChange (color) {
+  onColorChange(color) {
     this.setState({
       color
     })
   }
 
-  handleConfirm () {
+  handleConfirm() {
     this.props.onConfirm(this.state.color)
   }
 
-  render () {
+  render() {
     const { onReset, onCancel, targetRect } = this.props
     const { color } = this.state
 
@@ -44,13 +44,22 @@ class ColorPicker extends React.Component {
     }
 
     return (
-      <div styleName='colorPicker' style={{top: `${alignY}px`, left: `${alignX}px`}}>
+      <div
+        styleName='colorPicker'
+        style={{ top: `${alignY}px`, left: `${alignX}px` }}
+      >
         <div styleName='cover' onClick={onCancel} />
         <SketchPicker color={color} onChange={this.onColorChange} />
         <div styleName='footer'>
-          <button styleName='btn-reset' onClick={onReset}>Reset</button>
-          <button styleName='btn-cancel' onClick={onCancel}>Cancel</button>
-          <button styleName='btn-confirm' onClick={this.handleConfirm}>Confirm</button>
+          <button styleName='btn-reset' onClick={onReset}>
+            Reset
+          </button>
+          <button styleName='btn-cancel' onClick={onCancel}>
+            Cancel
+          </button>
+          <button styleName='btn-confirm' onClick={this.handleConfirm}>
+            Confirm
+          </button>
         </div>
       </div>
     )
diff --git a/browser/components/MarkdownEditor.js b/browser/components/MarkdownEditor.js
index a2265321..a8b88891 100644
--- a/browser/components/MarkdownEditor.js
+++ b/browser/components/MarkdownEditor.js
@@ -10,7 +10,7 @@ import ConfigManager from 'browser/main/lib/ConfigManager'
 import attachmentManagement from 'browser/main/lib/dataApi/attachmentManagement'
 
 class MarkdownEditor extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     // char codes for ctrl + w
@@ -20,7 +20,10 @@ class MarkdownEditor extends React.Component {
     this.supportMdSelectionBold = [16, 17, 186]
 
     this.state = {
-      status: props.config.editor.switchPreview === 'RIGHTCLICK' ? props.config.editor.delfaultStatus : 'CODE',
+      status:
+        props.config.editor.switchPreview === 'RIGHTCLICK'
+          ? props.config.editor.delfaultStatus
+          : 'CODE',
       renderValue: props.value,
       keyPressed: new Set(),
       isLocked: props.isLocked
@@ -29,133 +32,153 @@ class MarkdownEditor extends React.Component {
     this.lockEditorCode = () => this.handleLockEditor()
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.value = this.refs.code.value
     eventEmitter.on('editor:lock', this.lockEditorCode)
     eventEmitter.on('editor:focus', this.focusEditor.bind(this))
   }
 
-  componentDidUpdate () {
+  componentDidUpdate() {
     this.value = this.refs.code.value
   }
 
-  componentWillReceiveProps (props) {
+  componentWillReceiveProps(props) {
     if (props.value !== this.props.value) {
       this.queueRendering(props.value)
     }
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     this.cancelQueue()
     eventEmitter.off('editor:lock', this.lockEditorCode)
     eventEmitter.off('editor:focus', this.focusEditor.bind(this))
   }
 
-  focusEditor () {
-    this.setState({
-      status: 'CODE'
-    }, () => {
-      this.refs.code.focus()
-    })
+  focusEditor() {
+    this.setState(
+      {
+        status: 'CODE'
+      },
+      () => {
+        this.refs.code.focus()
+      }
+    )
   }
 
-  queueRendering (value) {
+  queueRendering(value) {
     clearTimeout(this.renderTimer)
     this.renderTimer = setTimeout(() => {
       this.renderPreview(value)
     }, 500)
   }
 
-  cancelQueue () {
+  cancelQueue() {
     clearTimeout(this.renderTimer)
   }
 
-  renderPreview (value) {
+  renderPreview(value) {
     this.setState({
       renderValue: value
     })
   }
 
-  setValue (value) {
+  setValue(value) {
     this.refs.code.setValue(value)
   }
 
-  handleChange (e) {
+  handleChange(e) {
     this.value = this.refs.code.value
     this.props.onChange(e)
   }
 
-  handleContextMenu (e) {
+  handleContextMenu(e) {
     if (this.state.isLocked) return
     const { config } = this.props
     if (config.editor.switchPreview === 'RIGHTCLICK') {
       const newStatus = this.state.status === 'PREVIEW' ? 'CODE' : 'PREVIEW'
-      this.setState({
-        status: newStatus
-      }, () => {
-        if (newStatus === 'CODE') {
-          this.refs.code.focus()
-        } else {
-          this.refs.preview.focus()
-        }
-        eventEmitter.emit('topbar:togglelockbutton', this.state.status)
+      this.setState(
+        {
+          status: newStatus
+        },
+        () => {
+          if (newStatus === 'CODE') {
+            this.refs.code.focus()
+          } else {
+            this.refs.preview.focus()
+          }
+          eventEmitter.emit('topbar:togglelockbutton', this.state.status)
 
-        const newConfig = Object.assign({}, config)
-        newConfig.editor.delfaultStatus = newStatus
-        ConfigManager.set(newConfig)
-      })
+          const newConfig = Object.assign({}, config)
+          newConfig.editor.delfaultStatus = newStatus
+          ConfigManager.set(newConfig)
+        }
+      )
     }
   }
 
-  handleBlur (e) {
+  handleBlur(e) {
     if (this.state.isLocked) return
     this.setState({ keyPressed: new Set() })
     const { config } = this.props
-    if (config.editor.switchPreview === 'BLUR' ||
-        (config.editor.switchPreview === 'DBL_CLICK' && this.state.status === 'CODE')
+    if (
+      config.editor.switchPreview === 'BLUR' ||
+      (config.editor.switchPreview === 'DBL_CLICK' &&
+        this.state.status === 'CODE')
     ) {
       const cursorPosition = this.refs.code.editor.getCursor()
-      this.setState({
-        status: 'PREVIEW'
-      }, () => {
-        this.refs.preview.focus()
-        this.refs.preview.scrollToRow(cursorPosition.line)
-      })
+      this.setState(
+        {
+          status: 'PREVIEW'
+        },
+        () => {
+          this.refs.preview.focus()
+          this.refs.preview.scrollToRow(cursorPosition.line)
+        }
+      )
       eventEmitter.emit('topbar:togglelockbutton', this.state.status)
     }
   }
 
-  handleDoubleClick (e) {
+  handleDoubleClick(e) {
     if (this.state.isLocked) return
-    this.setState({keyPressed: new Set()})
+    this.setState({ keyPressed: new Set() })
     const { config } = this.props
     if (config.editor.switchPreview === 'DBL_CLICK') {
-      this.setState({
-        status: 'CODE'
-      }, () => {
-        this.refs.code.focus()
-        eventEmitter.emit('topbar:togglelockbutton', this.state.status)
-      })
+      this.setState(
+        {
+          status: 'CODE'
+        },
+        () => {
+          this.refs.code.focus()
+          eventEmitter.emit('topbar:togglelockbutton', this.state.status)
+        }
+      )
     }
   }
 
-  handlePreviewMouseDown (e) {
+  handlePreviewMouseDown(e) {
     this.previewMouseDownedAt = new Date()
   }
 
-  handlePreviewMouseUp (e) {
+  handlePreviewMouseUp(e) {
     const { config } = this.props
-    if (config.editor.switchPreview === 'BLUR' && new Date() - this.previewMouseDownedAt < 200) {
-      this.setState({
-        status: 'CODE'
-      }, () => {
-        this.refs.code.focus()
-      })
+    if (
+      config.editor.switchPreview === 'BLUR' &&
+      new Date() - this.previewMouseDownedAt < 200
+    ) {
+      this.setState(
+        {
+          status: 'CODE'
+        },
+        () => {
+          this.refs.code.focus()
+        }
+      )
       eventEmitter.emit('topbar:togglelockbutton', this.state.status)
     }
   }
 
-  handleCheckboxClick (e) {
+  handleCheckboxClick(e) {
     e.preventDefault()
     e.stopPropagation()
     const idMatch = /checkbox-([0-9]+)/
@@ -164,9 +187,9 @@ class MarkdownEditor extends React.Component {
     const checkReplace = /\[x]/i
     const uncheckReplace = /\[ ]/
     if (idMatch.test(e.target.getAttribute('id'))) {
-      const lineIndex = parseInt(e.target.getAttribute('id').match(idMatch)[1], 10) - 1
-      const lines = this.refs.code.value
-        .split('\n')
+      const lineIndex =
+        parseInt(e.target.getAttribute('id').match(idMatch)[1], 10) - 1
+      const lines = this.refs.code.value.split('\n')
 
       const targetLine = lines[lineIndex]
       let newLine = targetLine
@@ -181,45 +204,56 @@ class MarkdownEditor extends React.Component {
     }
   }
 
-  focus () {
+  focus() {
     if (this.state.status === 'PREVIEW') {
-      this.setState({
-        status: 'CODE'
-      }, () => {
-        this.refs.code.focus()
-      })
+      this.setState(
+        {
+          status: 'CODE'
+        },
+        () => {
+          this.refs.code.focus()
+        }
+      )
     } else {
       this.refs.code.focus()
     }
     eventEmitter.emit('topbar:togglelockbutton', this.state.status)
   }
 
-  reload () {
+  reload() {
     this.refs.code.reload()
     this.cancelQueue()
     this.renderPreview(this.props.value)
   }
 
-  handleKeyDown (e) {
+  handleKeyDown(e) {
     const { config } = this.props
     if (this.state.status !== 'CODE') return false
     const keyPressed = this.state.keyPressed
     keyPressed.add(e.keyCode)
     this.setState({ keyPressed })
-    const isNoteHandlerKey = (el) => { return keyPressed.has(el) }
+    const isNoteHandlerKey = el => {
+      return keyPressed.has(el)
+    }
     // These conditions are for ctrl-e and ctrl-w
-    if (keyPressed.size === this.escapeFromEditor.length &&
-        !this.state.isLocked && this.state.status === 'CODE' &&
-        this.escapeFromEditor.every(isNoteHandlerKey)) {
+    if (
+      keyPressed.size === this.escapeFromEditor.length &&
+      !this.state.isLocked &&
+      this.state.status === 'CODE' &&
+      this.escapeFromEditor.every(isNoteHandlerKey)
+    ) {
       this.handleContextMenu()
       if (config.editor.switchPreview === 'BLUR') document.activeElement.blur()
     }
-    if (keyPressed.size === this.supportMdSelectionBold.length && this.supportMdSelectionBold.every(isNoteHandlerKey)) {
+    if (
+      keyPressed.size === this.supportMdSelectionBold.length &&
+      this.supportMdSelectionBold.every(isNoteHandlerKey)
+    ) {
       this.addMdAroundWord('**')
     }
   }
 
-  addMdAroundWord (mdElement) {
+  addMdAroundWord(mdElement) {
     if (this.refs.code.editor.getSelection()) {
       return this.addMdAroundSelection(mdElement)
     }
@@ -227,47 +261,63 @@ class MarkdownEditor extends React.Component {
     const word = this.refs.code.editor.findWordAt(currentCaret)
     const cmDoc = this.refs.code.editor.getDoc()
     cmDoc.replaceRange(mdElement, word.anchor)
-    cmDoc.replaceRange(mdElement, { line: word.head.line, ch: word.head.ch + mdElement.length })
-  }
-
-  addMdAroundSelection (mdElement) {
-    this.refs.code.editor.replaceSelection(`${mdElement}${this.refs.code.editor.getSelection()}${mdElement}`)
-  }
-
-  handleDropImage (dropEvent) {
-    dropEvent.preventDefault()
-    const { storageKey, noteKey } = this.props
-
-    this.setState({
-      status: 'CODE'
-    }, () => {
-      this.refs.code.focus()
-
-      this.refs.code.editor.execCommand('goDocEnd')
-      this.refs.code.editor.execCommand('goLineEnd')
-      this.refs.code.editor.execCommand('newlineAndIndent')
-
-      attachmentManagement.handleAttachmentDrop(
-        this.refs.code,
-        storageKey,
-        noteKey,
-        dropEvent
-      )
+    cmDoc.replaceRange(mdElement, {
+      line: word.head.line,
+      ch: word.head.ch + mdElement.length
     })
   }
 
-  handleKeyUp (e) {
+  addMdAroundSelection(mdElement) {
+    this.refs.code.editor.replaceSelection(
+      `${mdElement}${this.refs.code.editor.getSelection()}${mdElement}`
+    )
+  }
+
+  handleDropImage(dropEvent) {
+    dropEvent.preventDefault()
+    const { storageKey, noteKey } = this.props
+
+    this.setState(
+      {
+        status: 'CODE'
+      },
+      () => {
+        this.refs.code.focus()
+
+        this.refs.code.editor.execCommand('goDocEnd')
+        this.refs.code.editor.execCommand('goLineEnd')
+        this.refs.code.editor.execCommand('newlineAndIndent')
+
+        attachmentManagement.handleAttachmentDrop(
+          this.refs.code,
+          storageKey,
+          noteKey,
+          dropEvent
+        )
+      }
+    )
+  }
+
+  handleKeyUp(e) {
     const keyPressed = this.state.keyPressed
     keyPressed.delete(e.keyCode)
     this.setState({ keyPressed })
   }
 
-  handleLockEditor () {
+  handleLockEditor() {
     this.setState({ isLocked: !this.state.isLocked })
   }
 
-  render () {
-    const {className, value, config, storageKey, noteKey, linesHighlighted, RTL} = this.props
+  render() {
+    const {
+      className,
+      value,
+      config,
+      storageKey,
+      noteKey,
+      linesHighlighted,
+      RTL
+    } = this.props
 
     let editorFontSize = parseInt(config.editor.fontSize, 10)
     if (!(editorFontSize > 0 && editorFontSize < 101)) editorFontSize = 14
@@ -275,23 +325,24 @@ class MarkdownEditor extends React.Component {
     if (!(editorFontSize > 0 && editorFontSize < 132)) editorIndentSize = 4
 
     const previewStyle = {}
-    if (this.props.ignorePreviewPointerEvents) previewStyle.pointerEvents = 'none'
+    if (this.props.ignorePreviewPointerEvents)
+      previewStyle.pointerEvents = 'none'
 
     const storage = findStorage(storageKey)
 
     return (
-      <div className={className == null
-          ? 'MarkdownEditor'
-          : `MarkdownEditor ${className}`
+      <div
+        className={
+          className == null ? 'MarkdownEditor' : `MarkdownEditor ${className}`
         }
-        onContextMenu={(e) => this.handleContextMenu(e)}
+        onContextMenu={e => this.handleContextMenu(e)}
         tabIndex='-1'
-        onKeyDown={(e) => this.handleKeyDown(e)}
-        onKeyUp={(e) => this.handleKeyUp(e)}
+        onKeyDown={e => this.handleKeyDown(e)}
+        onKeyUp={e => this.handleKeyUp(e)}
       >
-        <CodeEditor styleName={this.state.status === 'CODE'
-            ? 'codeEditor'
-            : 'codeEditor--hide'
+        <CodeEditor
+          styleName={
+            this.state.status === 'CODE' ? 'codeEditor' : 'codeEditor--hide'
           }
           ref='code'
           mode='Boost Flavored Markdown'
@@ -315,8 +366,8 @@ class MarkdownEditor extends React.Component {
           fetchUrlTitle={config.editor.fetchUrlTitle}
           enableTableEditor={config.editor.enableTableEditor}
           linesHighlighted={linesHighlighted}
-          onChange={(e) => this.handleChange(e)}
-          onBlur={(e) => this.handleBlur(e)}
+          onChange={e => this.handleChange(e)}
+          onBlur={e => this.handleBlur(e)}
           spellCheck={config.editor.spellcheck}
           enableSmartPaste={config.editor.enableSmartPaste}
           hotkey={config.hotkey}
@@ -327,9 +378,9 @@ class MarkdownEditor extends React.Component {
           deleteUnusedAttachments={config.editor.deleteUnusedAttachments}
           RTL={RTL}
         />
-        <MarkdownPreview styleName={this.state.status === 'PREVIEW'
-            ? 'preview'
-            : 'preview--hide'
+        <MarkdownPreview
+          styleName={
+            this.state.status === 'PREVIEW' ? 'preview' : 'preview--hide'
           }
           style={previewStyle}
           theme={config.ui.theme}
@@ -347,20 +398,20 @@ class MarkdownEditor extends React.Component {
           sanitize={config.preview.sanitize}
           mermaidHTMLLabel={config.preview.mermaidHTMLLabel}
           ref='preview'
-          onContextMenu={(e) => this.handleContextMenu(e)}
-          onDoubleClick={(e) => this.handleDoubleClick(e)}
+          onContextMenu={e => this.handleContextMenu(e)}
+          onDoubleClick={e => this.handleDoubleClick(e)}
           tabIndex='0'
           value={this.state.renderValue}
-          onMouseUp={(e) => this.handlePreviewMouseUp(e)}
-          onMouseDown={(e) => this.handlePreviewMouseDown(e)}
-          onCheckboxClick={(e) => this.handleCheckboxClick(e)}
+          onMouseUp={e => this.handlePreviewMouseUp(e)}
+          onMouseDown={e => this.handlePreviewMouseDown(e)}
+          onCheckboxClick={e => this.handleCheckboxClick(e)}
           showCopyNotification={config.ui.showCopyNotification}
           storagePath={storage.path}
           noteKey={noteKey}
           customCSS={config.preview.customCSS}
           allowCustomCSS={config.preview.allowCustomCSS}
           lineThroughCheckbox={config.preview.lineThroughCheckbox}
-          onDrop={(e) => this.handleDropImage(e)}
+          onDrop={e => this.handleDropImage(e)}
           RTL={RTL}
         />
       </div>
diff --git a/browser/components/MarkdownPreview.js b/browser/components/MarkdownPreview.js
index fc5aa95c..75635c89 100755
--- a/browser/components/MarkdownPreview.js
+++ b/browser/components/MarkdownPreview.js
@@ -26,7 +26,8 @@ import i18n from 'browser/lib/i18n'
 
 const { remote, shell } = require('electron')
 const attachmentManagement = require('../main/lib/dataApi/attachmentManagement')
-const buildMarkdownPreviewContextMenu = require('browser/lib/contextMenuBuilder').buildMarkdownPreviewContextMenu
+const buildMarkdownPreviewContextMenu = require('browser/lib/contextMenuBuilder')
+  .buildMarkdownPreviewContextMenu
 
 const { app } = remote
 const path = require('path')
@@ -56,7 +57,7 @@ const CSS_FILES = [
  * @param {String} [opts.customCSS] Will be added to bottom, only if `opts.allowCustomCSS` is truthy
  * @returns {String}
  */
-function buildStyle (opts) {
+function buildStyle(opts) {
   const {
     fontFamily,
     fontSize,
@@ -104,11 +105,14 @@ body {
   font-family: '${fontFamily.join("','")}';
   font-size: ${fontSize}px;
 
-  ${scrollPastEnd ? `
+  ${
+    scrollPastEnd
+      ? `
     padding-bottom: 90vh;
     box-sizing: border-box;
     `
-    : ''}
+      : ''
+  }
   ${RTL ? 'direction: rtl;' : ''}
   ${RTL ? 'text-align: right;' : ''}
 }
@@ -225,7 +229,7 @@ const defaultCodeBlockFontFamily = [
 
 // return the line number of the line that used to generate the specified element
 // return -1 if the line is not found
-function getSourceLineNumberByElement (element) {
+function getSourceLineNumberByElement(element) {
   let isHasLineNumber = element.dataset.line !== undefined
   let parent = element
   while (!isHasLineNumber && parent.parentElement !== null) {
@@ -236,7 +240,7 @@ function getSourceLineNumberByElement (element) {
 }
 
 export default class MarkdownPreview extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.contextMenuHandler = e => this.handleContextMenu(e)
@@ -260,7 +264,7 @@ export default class MarkdownPreview extends React.Component {
     this.initMarkdown()
   }
 
-  initMarkdown () {
+  initMarkdown() {
     const { smartQuotes, sanitize, breaks } = this.props
     this.markdown = new Markdown({
       typographer: smartQuotes,
@@ -269,17 +273,17 @@ export default class MarkdownPreview extends React.Component {
     })
   }
 
-  handleCheckboxClick (e) {
+  handleCheckboxClick(e) {
     this.props.onCheckboxClick(e)
   }
 
-  handleScroll (e) {
+  handleScroll(e) {
     if (this.props.onScroll) {
       this.props.onScroll(e)
     }
   }
 
-  handleContextMenu (event) {
+  handleContextMenu(event) {
     const menu = buildMarkdownPreviewContextMenu(this, event)
     const switchPreview = ConfigManager.get().editor.switchPreview
     if (menu != null && switchPreview !== 'RIGHTCLICK') {
@@ -289,17 +293,21 @@ export default class MarkdownPreview extends React.Component {
     }
   }
 
-  handleDoubleClick (e) {
+  handleDoubleClick(e) {
     if (this.props.onDoubleClick != null) this.props.onDoubleClick(e)
   }
 
-  handleMouseDown (e) {
+  handleMouseDown(e) {
     const config = ConfigManager.get()
     const clickElement = e.target
     const targetTag = clickElement.tagName // The direct parent HTML of where was clicked ie "BODY" or "DIV"
     const lineNumber = getSourceLineNumberByElement(clickElement) // Line location of element clicked.
 
-    if (config.editor.switchPreview === 'RIGHTCLICK' && e.buttons === 2 && config.editor.type === 'SPLIT') {
+    if (
+      config.editor.switchPreview === 'RIGHTCLICK' &&
+      e.buttons === 2 &&
+      config.editor.type === 'SPLIT'
+    ) {
       eventEmitter.emit('topbar:togglemodebutton', 'CODE')
     }
     if (e.ctrlKey) {
@@ -315,10 +323,11 @@ export default class MarkdownPreview extends React.Component {
       }
     }
 
-    if (this.props.onMouseDown != null && targetTag === 'BODY') this.props.onMouseDown(e)
+    if (this.props.onMouseDown != null && targetTag === 'BODY')
+      this.props.onMouseDown(e)
   }
 
-  handleMouseUp (e) {
+  handleMouseUp(e) {
     if (!this.props.onMouseUp) return
     if (e.target != null && e.target.tagName === 'A') {
       return null
@@ -326,15 +335,15 @@ export default class MarkdownPreview extends React.Component {
     if (this.props.onMouseUp != null) this.props.onMouseUp(e)
   }
 
-  handleSaveAsText () {
+  handleSaveAsText() {
     this.exportAsDocument('txt')
   }
 
-  handleSaveAsMd () {
+  handleSaveAsMd() {
     this.exportAsDocument('md')
   }
 
-  htmlContentFormatter (noteContent, exportTasks, targetDir) {
+  htmlContentFormatter(noteContent, exportTasks, targetDir) {
     const {
       fontFamily,
       fontSize,
@@ -360,10 +369,7 @@ export default class MarkdownPreview extends React.Component {
       RTL
     })
     let body = this.refs.root.contentWindow.document.body.innerHTML
-    body = attachmentManagement.fixLocalURLS(
-      body,
-      this.props.storagePath
-    )
+    body = attachmentManagement.fixLocalURLS(body, this.props.storagePath)
     const files = [this.getCodeThemeLink(codeBlockTheme), ...CSS_FILES]
     files.forEach(file => {
       if (global.process.platform === 'win32') {
@@ -394,14 +400,24 @@ export default class MarkdownPreview extends React.Component {
             </html>`
   }
 
-  handleSaveAsHtml () {
-    this.exportAsDocument('html', (noteContent, exportTasks, targetDir) => Promise.resolve(this.htmlContentFormatter(noteContent, exportTasks, targetDir)))
+  handleSaveAsHtml() {
+    this.exportAsDocument('html', (noteContent, exportTasks, targetDir) =>
+      Promise.resolve(
+        this.htmlContentFormatter(noteContent, exportTasks, targetDir)
+      )
+    )
   }
 
-  handleSaveAsPdf () {
+  handleSaveAsPdf() {
     this.exportAsDocument('pdf', (noteContent, exportTasks, targetDir) => {
-      const printout = new remote.BrowserWindow({show: false, webPreferences: {webSecurity: false, javascript: false}})
-      printout.loadURL('data:text/html;charset=UTF-8,' + this.htmlContentFormatter(noteContent, exportTasks, targetDir))
+      const printout = new remote.BrowserWindow({
+        show: false,
+        webPreferences: { webSecurity: false, javascript: false }
+      })
+      printout.loadURL(
+        'data:text/html;charset=UTF-8,' +
+          this.htmlContentFormatter(noteContent, exportTasks, targetDir)
+      )
       return new Promise((resolve, reject) => {
         printout.webContents.on('did-finish-load', () => {
           printout.webContents.printToPDF({}, (err, data) => {
@@ -414,11 +430,11 @@ export default class MarkdownPreview extends React.Component {
     })
   }
 
-  handlePrint () {
+  handlePrint() {
     this.refs.root.contentWindow.print()
   }
 
-  exportAsDocument (fileType, contentFormatter) {
+  exportAsDocument(fileType, contentFormatter) {
     const options = {
       filters: [{ name: 'Documents', extensions: [fileType] }],
       properties: ['openFile', 'createDirectory']
@@ -449,7 +465,7 @@ export default class MarkdownPreview extends React.Component {
     })
   }
 
-  fixDecodedURI (node) {
+  fixDecodedURI(node) {
     if (
       node &&
       node.children.length === 1 &&
@@ -466,17 +482,18 @@ export default class MarkdownPreview extends React.Component {
    * @param {string[]} splitWithCodeTag Array of HTML strings separated by three ```
    * @returns {string} HTML in which special characters between three ``` have been converted
    */
-  escapeHtmlCharactersInCodeTag (splitWithCodeTag) {
+  escapeHtmlCharactersInCodeTag(splitWithCodeTag) {
     for (let index = 0; index < splitWithCodeTag.length; index++) {
-      const codeTagRequired = (splitWithCodeTag[index] !== '\`\`\`' && index < splitWithCodeTag.length - 1)
+      const codeTagRequired =
+        splitWithCodeTag[index] !== '```' && index < splitWithCodeTag.length - 1
       if (codeTagRequired) {
-        splitWithCodeTag.splice((index + 1), 0, '\`\`\`')
+        splitWithCodeTag.splice(index + 1, 0, '```')
       }
     }
     let inCodeTag = false
     let result = ''
     for (let content of splitWithCodeTag) {
-      if (content === '\`\`\`') {
+      if (content === '```') {
         inCodeTag = !inCodeTag
       } else if (inCodeTag) {
         content = escapeHtmlCharacters(content)
@@ -486,13 +503,15 @@ export default class MarkdownPreview extends React.Component {
     return result
   }
 
-  getScrollBarStyle () {
+  getScrollBarStyle() {
     const { theme } = this.props
 
-    return uiThemes.some(item => item.name === theme && item.isDark) ? scrollBarDarkStyle : scrollBarStyle
+    return uiThemes.some(item => item.name === theme && item.isDark)
+      ? scrollBarDarkStyle
+      : scrollBarStyle
   }
 
-  componentDidMount () {
+  componentDidMount() {
     const { onDrop } = this.props
 
     this.refs.root.setAttribute('sandbox', 'allow-scripts')
@@ -542,10 +561,7 @@ export default class MarkdownPreview extends React.Component {
       'scroll',
       this.scrollHandler
     )
-    this.refs.root.contentWindow.addEventListener(
-      'resize',
-      this.resizeHandler
-    )
+    this.refs.root.contentWindow.addEventListener('resize', this.resizeHandler)
     eventEmitter.on('export:save-text', this.saveAsTextHandler)
     eventEmitter.on('export:save-md', this.saveAsMdHandler)
     eventEmitter.on('export:save-html', this.saveAsHtmlHandler)
@@ -553,7 +569,7 @@ export default class MarkdownPreview extends React.Component {
     eventEmitter.on('print', this.printHandler)
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     const { onDrop } = this.props
 
     this.refs.root.contentWindow.document.body.removeEventListener(
@@ -595,7 +611,7 @@ export default class MarkdownPreview extends React.Component {
     eventEmitter.off('print', this.printHandler)
   }
 
-  componentDidUpdate (prevProps) {
+  componentDidUpdate(prevProps) {
     // actual rewriteIframe function should be called only once
     let needsRewriteIframe = false
     if (prevProps.value !== this.props.value) needsRewriteIframe = true
@@ -637,7 +653,7 @@ export default class MarkdownPreview extends React.Component {
     }
   }
 
-  getStyleParams () {
+  getStyleParams() {
     const {
       fontSize,
       lineNumber,
@@ -649,19 +665,20 @@ export default class MarkdownPreview extends React.Component {
       RTL
     } = this.props
     let { fontFamily, codeBlockFontFamily } = this.props
-    fontFamily = _.isString(fontFamily) && fontFamily.trim().length > 0
-      ? fontFamily
-          .split(',')
-          .map(fontName => fontName.trim())
-          .concat(defaultFontFamily)
-      : defaultFontFamily
-    codeBlockFontFamily = _.isString(codeBlockFontFamily) &&
-      codeBlockFontFamily.trim().length > 0
-      ? codeBlockFontFamily
-          .split(',')
-          .map(fontName => fontName.trim())
-          .concat(defaultCodeBlockFontFamily)
-      : defaultCodeBlockFontFamily
+    fontFamily =
+      _.isString(fontFamily) && fontFamily.trim().length > 0
+        ? fontFamily
+            .split(',')
+            .map(fontName => fontName.trim())
+            .concat(defaultFontFamily)
+        : defaultFontFamily
+    codeBlockFontFamily =
+      _.isString(codeBlockFontFamily) && codeBlockFontFamily.trim().length > 0
+        ? codeBlockFontFamily
+            .split(',')
+            .map(fontName => fontName.trim())
+            .concat(defaultCodeBlockFontFamily)
+        : defaultCodeBlockFontFamily
 
     return {
       fontFamily,
@@ -677,7 +694,7 @@ export default class MarkdownPreview extends React.Component {
     }
   }
 
-  applyStyle () {
+  applyStyle() {
     const {
       fontFamily,
       fontSize,
@@ -707,7 +724,7 @@ export default class MarkdownPreview extends React.Component {
     })
   }
 
-  getCodeThemeLink (name) {
+  getCodeThemeLink(name) {
     const theme = consts.THEMES.find(theme => theme.name === name)
 
     return theme != null
@@ -715,7 +732,7 @@ export default class MarkdownPreview extends React.Component {
       : `${appPath}/node_modules/codemirror/theme/elegant.css`
   }
 
-  rewriteIframe () {
+  rewriteIframe() {
     _.forEach(
       this.refs.root.contentWindow.document.querySelectorAll(
         'input[type="checkbox"]'
@@ -773,7 +790,9 @@ export default class MarkdownPreview extends React.Component {
 
     codeBlockTheme = consts.THEMES.find(theme => theme.name === codeBlockTheme)
 
-    const codeBlockThemeClassName = codeBlockTheme ? codeBlockTheme.className : 'cm-s-default'
+    const codeBlockThemeClassName = codeBlockTheme
+      ? codeBlockTheme.className
+      : 'cm-s-default'
 
     _.forEach(
       this.refs.root.contentWindow.document.querySelectorAll('.code code'),
@@ -859,7 +878,10 @@ export default class MarkdownPreview extends React.Component {
       el => {
         try {
           const format = el.attributes.getNamedItem('data-format').value
-          const chartConfig = format === 'yaml' ? yaml.load(el.innerHTML) : JSON.parse(el.innerHTML)
+          const chartConfig =
+            format === 'yaml'
+              ? yaml.load(el.innerHTML)
+              : JSON.parse(el.innerHTML)
           el.innerHTML = ''
 
           const canvas = document.createElement('canvas')
@@ -882,7 +904,12 @@ export default class MarkdownPreview extends React.Component {
     _.forEach(
       this.refs.root.contentWindow.document.querySelectorAll('.mermaid'),
       el => {
-        mermaidRender(el, htmlTextHelper.decodeEntities(el.innerHTML), theme, mermaidHTMLLabel)
+        mermaidRender(
+          el,
+          htmlTextHelper.decodeEntities(el.innerHTML),
+          theme,
+          mermaidHTMLLabel
+        )
       }
     )
 
@@ -904,20 +931,14 @@ export default class MarkdownPreview extends React.Component {
           autoplay = 0
         }
 
-        render(
-          <Carousel
-            images={images}
-            autoplay={autoplay}
-          />,
-          el
-        )
+        render(<Carousel images={images} autoplay={autoplay} />, el)
       }
     )
 
     const markdownPreviewIframe = document.querySelector('.MarkdownPreview')
     const rect = markdownPreviewIframe.getBoundingClientRect()
     const config = { attributes: true, subtree: true }
-    const imgObserver = new MutationObserver((mutationList) => {
+    const imgObserver = new MutationObserver(mutationList => {
       for (const mu of mutationList) {
         if (mu.target.className === 'carouselContent-enter-done') {
           this.setImgOnClickEventHelper(mu.target, rect)
@@ -926,26 +947,32 @@ export default class MarkdownPreview extends React.Component {
       }
     })
 
-    const imgList = markdownPreviewIframe.contentWindow.document.body.querySelectorAll('img')
+    const imgList = markdownPreviewIframe.contentWindow.document.body.querySelectorAll(
+      'img'
+    )
     for (const img of imgList) {
       const parentEl = img.parentElement
       this.setImgOnClickEventHelper(img, rect)
       imgObserver.observe(parentEl, config)
     }
 
-    const aList = markdownPreviewIframe.contentWindow.document.body.querySelectorAll('a')
+    const aList = markdownPreviewIframe.contentWindow.document.body.querySelectorAll(
+      'a'
+    )
     for (const a of aList) {
       a.removeEventListener('click', this.linkClickHandler)
       a.addEventListener('click', this.linkClickHandler)
     }
   }
 
-  setImgOnClickEventHelper (img, rect) {
+  setImgOnClickEventHelper(img, rect) {
     img.onclick = () => {
       const widthMagnification = document.body.clientWidth / img.width
       const heightMagnification = document.body.clientHeight / img.height
       const baseOnWidth = widthMagnification < heightMagnification
-      const magnification = baseOnWidth ? widthMagnification : heightMagnification
+      const magnification = baseOnWidth
+        ? widthMagnification
+        : heightMagnification
 
       const zoomImgWidth = img.width * magnification
       const zoomImgHeight = img.height * magnification
@@ -976,10 +1003,7 @@ export default class MarkdownPreview extends React.Component {
         width: ${zoomImgWidth};
         height: ${zoomImgHeight}px;
         `
-      zoomImg.animate([
-        originalImgRect,
-        zoomInImgRect
-      ], animationSpeed)
+      zoomImg.animate([originalImgRect, zoomInImgRect], animationSpeed)
 
       const overlay = document.createElement('div')
       overlay.style = `
@@ -1000,10 +1024,10 @@ export default class MarkdownPreview extends React.Component {
           width: ${img.width}px;
           height: ${img.height}px;
           `
-        const zoomOutImgAnimation = zoomImg.animate([
-          zoomInImgRect,
-          originalImgRect
-        ], animationSpeed)
+        const zoomOutImgAnimation = zoomImg.animate(
+          [zoomInImgRect, originalImgRect],
+          animationSpeed
+        )
         zoomOutImgAnimation.onfinish = () => overlay.remove()
       }
 
@@ -1012,7 +1036,7 @@ export default class MarkdownPreview extends React.Component {
     }
   }
 
-  handleResize () {
+  handleResize() {
     _.forEach(
       this.refs.root.contentWindow.document.querySelectorAll('svg[ratio]'),
       el => {
@@ -1021,11 +1045,11 @@ export default class MarkdownPreview extends React.Component {
     )
   }
 
-  focus () {
+  focus() {
     this.refs.root.focus()
   }
 
-  getWindow () {
+  getWindow() {
     return this.refs.root.contentWindow
   }
 
@@ -1033,7 +1057,7 @@ export default class MarkdownPreview extends React.Component {
    * @public
    * @param {Number} targetRow
    */
-  scrollToRow (targetRow) {
+  scrollToRow(targetRow) {
     const blocks = this.getWindow().document.querySelectorAll(
       'body>[data-line]'
     )
@@ -1054,16 +1078,16 @@ export default class MarkdownPreview extends React.Component {
    * @param {Number} x
    * @param {Number} y
    */
-  scrollTo (x, y) {
+  scrollTo(x, y) {
     this.getWindow().document.body.scrollTo(x, y)
   }
 
-  preventImageDroppedHandler (e) {
+  preventImageDroppedHandler(e) {
     e.preventDefault()
     e.stopPropagation()
   }
 
-  notify (title, options) {
+  notify(title, options) {
     if (global.process.platform === 'win32') {
       options.icon = path.join(
         'file://',
@@ -1074,7 +1098,7 @@ export default class MarkdownPreview extends React.Component {
     return new window.Notification(title, options)
   }
 
-  handleLinkClick (e) {
+  handleLinkClick(e) {
     e.preventDefault()
     e.stopPropagation()
 
@@ -1095,9 +1119,7 @@ export default class MarkdownPreview extends React.Component {
       if (posOfHash > -1) {
         const extractedId = linkHash.slice(posOfHash + 1)
         const targetId = mdurl.encode(extractedId)
-        const targetElement = this.getWindow().document.getElementById(
-          targetId
-        )
+        const targetElement = this.getWindow().document.getElementById(targetId)
 
         if (targetElement != null) {
           this.scrollTo(0, targetElement.offsetTop)
@@ -1138,9 +1160,10 @@ export default class MarkdownPreview extends React.Component {
     this.openExternal(href)
   }
 
-  openExternal (href) {
+  openExternal(href) {
     try {
-      const success = shell.openExternal(href) || shell.openExternal(decodeURI(href))
+      const success =
+        shell.openExternal(href) || shell.openExternal(decodeURI(href))
       if (!success) console.error('failed to open url ' + href)
     } catch (e) {
       // URI Error threw from decodeURI
@@ -1148,7 +1171,7 @@ export default class MarkdownPreview extends React.Component {
     }
   }
 
-  render () {
+  render() {
     const { className, style, tabIndex } = this.props
     return (
       <iframe
diff --git a/browser/components/MarkdownSplitEditor.js b/browser/components/MarkdownSplitEditor.js
index 8ae9b751..080322b7 100644
--- a/browser/components/MarkdownSplitEditor.js
+++ b/browser/components/MarkdownSplitEditor.js
@@ -8,7 +8,7 @@ import styles from './MarkdownSplitEditor.styl'
 import CSSModules from 'browser/lib/CSSModules'
 
 class MarkdownSplitEditor extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
     this.value = props.value
     this.focus = () => this.refs.code.focus()
@@ -20,19 +20,22 @@ class MarkdownSplitEditor extends React.Component {
     }
   }
 
-  setValue (value) {
+  setValue(value) {
     this.refs.code.setValue(value)
   }
 
-  handleOnChange (e) {
+  handleOnChange(e) {
     this.value = this.refs.code.value
     this.props.onChange(e)
   }
 
-  handleScroll (e) {
+  handleScroll(e) {
     if (!this.props.config.preview.scrollSync) return
 
-    const previewDoc = _.get(this, 'refs.preview.refs.root.contentWindow.document')
+    const previewDoc = _.get(
+      this,
+      'refs.preview.refs.root.contentWindow.document'
+    )
     const codeDoc = _.get(this, 'refs.code.editor.doc')
     let srcTop, srcHeight, targetTop, targetHeight
 
@@ -49,7 +52,7 @@ class MarkdownSplitEditor extends React.Component {
         targetHeight = _.get(codeDoc, 'height')
       }
 
-      const distance = (targetHeight * srcTop / srcHeight) - targetTop
+      const distance = (targetHeight * srcTop) / srcHeight - targetTop
       const framerate = 1000 / 60
       const frames = 20
       const refractory = frames * framerate
@@ -60,21 +63,29 @@ class MarkdownSplitEditor extends React.Component {
       let scrollPos, time
       const timer = setInterval(() => {
         time = frame / frames
-        scrollPos = time < 0.5
-                  ? 2 * time * time // ease in
-                  : -1 + (4 - 2 * time) * time // ease out
-        if (e.doc) _.set(previewDoc, 'body.scrollTop', targetTop + scrollPos * distance)
-        else _.get(this, 'refs.code.editor').scrollTo(0, targetTop + scrollPos * distance)
+        scrollPos =
+          time < 0.5
+            ? 2 * time * time // ease in
+            : -1 + (4 - 2 * time) * time // ease out
+        if (e.doc)
+          _.set(previewDoc, 'body.scrollTop', targetTop + scrollPos * distance)
+        else
+          _.get(this, 'refs.code.editor').scrollTo(
+            0,
+            targetTop + scrollPos * distance
+          )
         if (frame >= frames) {
           clearInterval(timer)
-          setTimeout(() => { this.userScroll = true }, refractory)
+          setTimeout(() => {
+            this.userScroll = true
+          }, refractory)
         }
         frame++
       }, framerate)
     }
   }
 
-  handleCheckboxClick (e) {
+  handleCheckboxClick(e) {
     e.preventDefault()
     e.stopPropagation()
     const idMatch = /checkbox-([0-9]+)/
@@ -83,9 +94,9 @@ class MarkdownSplitEditor extends React.Component {
     const checkReplace = /\[x]/i
     const uncheckReplace = /\[ ]/
     if (idMatch.test(e.target.getAttribute('id'))) {
-      const lineIndex = parseInt(e.target.getAttribute('id').match(idMatch)[1], 10) - 1
-      const lines = this.refs.code.value
-        .split('\n')
+      const lineIndex =
+        parseInt(e.target.getAttribute('id').match(idMatch)[1], 10) - 1
+      const lines = this.refs.code.value.split('\n')
 
       const targetLine = lines[lineIndex]
       let newLine = targetLine
@@ -100,12 +111,12 @@ class MarkdownSplitEditor extends React.Component {
     }
   }
 
-  handleMouseMove (e) {
+  handleMouseMove(e) {
     if (this.state.isSliderFocused) {
       const rootRect = this.refs.root.getBoundingClientRect()
       const rootWidth = rootRect.width
       const offset = rootRect.left
-      let newCodeEditorWidthInPercent = (e.pageX - offset) / rootWidth * 100
+      let newCodeEditorWidthInPercent = ((e.pageX - offset) / rootWidth) * 100
 
       // limit minSize to 10%, maxSize to 90%
       if (newCodeEditorWidthInPercent <= 10) {
@@ -122,34 +133,45 @@ class MarkdownSplitEditor extends React.Component {
     }
   }
 
-  handleMouseUp (e) {
+  handleMouseUp(e) {
     e.preventDefault()
     this.setState({
       isSliderFocused: false
     })
   }
 
-  handleMouseDown (e) {
+  handleMouseDown(e) {
     e.preventDefault()
     this.setState({
       isSliderFocused: true
     })
   }
 
-  render () {
-    const {config, value, storageKey, noteKey, linesHighlighted, RTL} = this.props
+  render() {
+    const {
+      config,
+      value,
+      storageKey,
+      noteKey,
+      linesHighlighted,
+      RTL
+    } = this.props
     const storage = findStorage(storageKey)
     let editorFontSize = parseInt(config.editor.fontSize, 10)
     if (!(editorFontSize > 0 && editorFontSize < 101)) editorFontSize = 14
     let editorIndentSize = parseInt(config.editor.indentSize, 10)
     if (!(editorFontSize > 0 && editorFontSize < 132)) editorIndentSize = 4
     const previewStyle = {}
-    previewStyle.width = (100 - this.state.codeEditorWidthInPercent) + '%'
-    if (this.props.ignorePreviewPointerEvents || this.state.isSliderFocused) previewStyle.pointerEvents = 'none'
+    previewStyle.width = 100 - this.state.codeEditorWidthInPercent + '%'
+    if (this.props.ignorePreviewPointerEvents || this.state.isSliderFocused)
+      previewStyle.pointerEvents = 'none'
     return (
-      <div styleName='root' ref='root'
+      <div
+        styleName='root'
+        ref='root'
         onMouseMove={e => this.handleMouseMove(e)}
-        onMouseUp={e => this.handleMouseUp(e)}>
+        onMouseUp={e => this.handleMouseUp(e)}
+      >
         <CodeEditor
           ref='code'
           width={this.state.codeEditorWidthInPercent + '%'}
@@ -174,7 +196,7 @@ class MarkdownSplitEditor extends React.Component {
           storageKey={storageKey}
           noteKey={noteKey}
           linesHighlighted={linesHighlighted}
-          onChange={(e) => this.handleOnChange(e)}
+          onChange={e => this.handleOnChange(e)}
           onScroll={this.handleScroll.bind(this)}
           spellCheck={config.editor.spellcheck}
           enableSmartPaste={config.editor.enableSmartPaste}
@@ -184,8 +206,12 @@ class MarkdownSplitEditor extends React.Component {
           customMarkdownLintConfig={config.editor.customMarkdownLintConfig}
           deleteUnusedAttachments={config.editor.deleteUnusedAttachments}
           RTL={RTL}
-       />
-        <div styleName='slider' style={{left: this.state.codeEditorWidthInPercent + '%'}} onMouseDown={e => this.handleMouseDown(e)} >
+        />
+        <div
+          styleName='slider'
+          style={{ left: this.state.codeEditorWidthInPercent + '%' }}
+          onMouseDown={e => this.handleMouseDown(e)}
+        >
           <div styleName='slider-hitbox' />
         </div>
         <MarkdownPreview
@@ -206,7 +232,7 @@ class MarkdownSplitEditor extends React.Component {
           ref='preview'
           tabInde='0'
           value={value}
-          onCheckboxClick={(e) => this.handleCheckboxClick(e)}
+          onCheckboxClick={e => this.handleCheckboxClick(e)}
           onScroll={this.handleScroll.bind(this)}
           showCopyNotification={config.ui.showCopyNotification}
           storagePath={storage.path}
@@ -215,7 +241,7 @@ class MarkdownSplitEditor extends React.Component {
           allowCustomCSS={config.preview.allowCustomCSS}
           lineThroughCheckbox={config.preview.lineThroughCheckbox}
           RTL={RTL}
-       />
+        />
       </div>
     )
   }
diff --git a/browser/components/ModalEscButton.js b/browser/components/ModalEscButton.js
index 39129d18..95e134d0 100644
--- a/browser/components/ModalEscButton.js
+++ b/browser/components/ModalEscButton.js
@@ -3,9 +3,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './ModalEscButton.styl'
 
-const ModalEscButton = ({
-  handleEscButtonClick
-}) => (
+const ModalEscButton = ({ handleEscButtonClick }) => (
   <button styleName='escButton' onClick={handleEscButtonClick}>
     <div styleName='esc-mark'>×</div>
     <div>esc</div>
diff --git a/browser/components/NavToggleButton.js b/browser/components/NavToggleButton.js
index 7dc75e90..6a37c45f 100644
--- a/browser/components/NavToggleButton.js
+++ b/browser/components/NavToggleButton.js
@@ -1,24 +1,23 @@
 /**
-* @fileoverview Micro component for toggle SideNav
-*/
+ * @fileoverview Micro component for toggle SideNav
+ */
 import PropTypes from 'prop-types'
 import React from 'react'
 import styles from './NavToggleButton.styl'
 import CSSModules from 'browser/lib/CSSModules'
 
 /**
-* @param {boolean} isFolded
-* @param {Function} handleToggleButtonClick
-*/
+ * @param {boolean} isFolded
+ * @param {Function} handleToggleButtonClick
+ */
 
-const NavToggleButton = ({isFolded, handleToggleButtonClick}) => (
-  <button styleName='navToggle'
-    onClick={(e) => handleToggleButtonClick(e)}
-  >
-    {isFolded
-     ? <i className='fa fa-angle-double-right fa-2x' />
-     : <i className='fa fa-angle-double-left fa-2x' />
-    }
+const NavToggleButton = ({ isFolded, handleToggleButtonClick }) => (
+  <button styleName='navToggle' onClick={e => handleToggleButtonClick(e)}>
+    {isFolded ? (
+      <i className='fa fa-angle-double-right fa-2x' />
+    ) : (
+      <i className='fa fa-angle-double-left fa-2x' />
+    )}
   </button>
 )
 
diff --git a/browser/components/NoteItem.js b/browser/components/NoteItem.js
index b672bfcc..f15e21ec 100644
--- a/browser/components/NoteItem.js
+++ b/browser/components/NoteItem.js
@@ -22,7 +22,11 @@ const TagElement = ({ tagName, color }) => {
   const style = {}
   if (color) {
     style.backgroundColor = color
-    style.color = invertColor(color, { black: '#222', white: '#f1f1f1', threshold: 0.3 })
+    style.color = invertColor(color, {
+      black: '#222',
+      white: '#f1f1f1',
+      threshold: 0.3
+    })
   }
   return (
     <span styleName='item-bottom-tagList-item' key={tagName} style={style}>
@@ -44,9 +48,13 @@ const TagElementList = (tags, showTagsAlphabetically, coloredTags) => {
   }
 
   if (showTagsAlphabetically) {
-    return sortBy(tags).map(tag => TagElement({ tagName: tag, color: coloredTags[tag] }))
+    return sortBy(tags).map(tag =>
+      TagElement({ tagName: tag, color: coloredTags[tag] })
+    )
   } else {
-    return tags.map(tag => TagElement({ tagName: tag, color: coloredTags[tag] }))
+    return tags.map(tag =>
+      TagElement({ tagName: tag, color: coloredTags[tag] })
+    )
   }
 }
 
@@ -83,13 +91,17 @@ const NoteItem = ({
     draggable='true'
   >
     <div styleName='item-wrapper'>
-      {note.type === 'SNIPPET_NOTE'
-        ? <i styleName='item-title-icon' className='fa fa-fw fa-code' />
-        : <i styleName='item-title-icon' className='fa fa-fw fa-file-text-o' />}
+      {note.type === 'SNIPPET_NOTE' ? (
+        <i styleName='item-title-icon' className='fa fa-fw fa-code' />
+      ) : (
+        <i styleName='item-title-icon' className='fa fa-fw fa-file-text-o' />
+      )}
       <div styleName='item-title'>
-        {note.title.trim().length > 0
-          ? <Emoji text={note.title} />
-          : <span styleName='item-title-empty'>{i18n.__('Empty note')}</span>}
+        {note.title.trim().length > 0 ? (
+          <Emoji text={note.title} />
+        ) : (
+          <span styleName='item-title-empty'>{i18n.__('Empty note')}</span>
+        )}
       </div>
       <div styleName='item-middle'>
         <div styleName='item-middle-time'>{dateDisplay}</div>
@@ -98,7 +110,9 @@ const NoteItem = ({
             title={
               viewType === 'ALL'
                 ? storageName
-                : viewType === 'STORAGE' ? folderName : null
+                : viewType === 'STORAGE'
+                ? folderName
+                : null
             }
             styleName='item-middle-app-meta-label'
           >
@@ -109,28 +123,36 @@ const NoteItem = ({
       </div>
       <div styleName='item-bottom'>
         <div styleName='item-bottom-tagList'>
-          {note.tags.length > 0
-            ? TagElementList(note.tags, showTagsAlphabetically, coloredTags)
-            : <span
+          {note.tags.length > 0 ? (
+            TagElementList(note.tags, showTagsAlphabetically, coloredTags)
+          ) : (
+            <span
               style={{ fontStyle: 'italic', opacity: 0.5 }}
               styleName='item-bottom-tagList-empty'
-              >
+            >
               {i18n.__('No tags')}
-            </span>}
+            </span>
+          )}
         </div>
         <div>
-          {note.isStarred
-            ? <img
+          {note.isStarred ? (
+            <img
               styleName='item-star'
               src='../resources/icon/icon-starred.svg'
-              />
-            : ''}
-          {note.isPinned && !pathname.match(/\/starred|\/trash/)
-            ? <i styleName='item-pin' className='fa fa-thumb-tack' />
-            : ''}
-          {note.type === 'MARKDOWN_NOTE'
-            ? <TodoProcess todoStatus={getTodoStatus(note.content)} />
-            : ''}
+            />
+          ) : (
+            ''
+          )}
+          {note.isPinned && !pathname.match(/\/starred|\/trash/) ? (
+            <i styleName='item-pin' className='fa fa-thumb-tack' />
+          ) : (
+            ''
+          )}
+          {note.type === 'MARKDOWN_NOTE' ? (
+            <TodoProcess todoStatus={getTodoStatus(note.content)} />
+          ) : (
+            ''
+          )}
         </div>
       </div>
     </div>
diff --git a/browser/components/NoteItemSimple.js b/browser/components/NoteItemSimple.js
index 57c62ec3..27b10a9f 100644
--- a/browser/components/NoteItemSimple.js
+++ b/browser/components/NoteItemSimple.js
@@ -25,10 +25,8 @@ const NoteItemSimple = ({
   pathname,
   storage
 }) => (
-  <div styleName={isActive
-    ? 'item-simple--active'
-    : 'item-simple'
-  }
+  <div
+    styleName={isActive ? 'item-simple--active' : 'item-simple'}
     key={note.key}
     onClick={e => handleNoteClick(e, note.key)}
     onContextMenu={e => handleNoteContextMenu(e, note.key)}
@@ -36,23 +34,29 @@ const NoteItemSimple = ({
     draggable='true'
   >
     <div styleName='item-simple-title'>
-      {note.type === 'SNIPPET_NOTE'
-        ? <i styleName='item-simple-title-icon' className='fa fa-fw fa-code' />
-        : <i styleName='item-simple-title-icon' className='fa fa-fw fa-file-text-o' />
-      }
-      {note.isPinned && !pathname.match(/\/starred|\/trash/)
-        ? <i styleName='item-pin' className='fa fa-thumb-tack' />
-        : ''
-      }
-      {note.title.trim().length > 0
-        ? note.title
-        : <span styleName='item-simple-title-empty'>{i18n.__('Empty note')}</span>
-      }
-      {isAllNotesView && <div styleName='item-simple-right'>
-        <span styleName='item-simple-right-storageName'>
-          {storage.name}
-        </span>
-      </div>}
+      {note.type === 'SNIPPET_NOTE' ? (
+        <i styleName='item-simple-title-icon' className='fa fa-fw fa-code' />
+      ) : (
+        <i
+          styleName='item-simple-title-icon'
+          className='fa fa-fw fa-file-text-o'
+        />
+      )}
+      {note.isPinned && !pathname.match(/\/starred|\/trash/) ? (
+        <i styleName='item-pin' className='fa fa-thumb-tack' />
+      ) : (
+        ''
+      )}
+      {note.title.trim().length > 0 ? (
+        note.title
+      ) : (
+        <span styleName='item-simple-title-empty'>{i18n.__('Empty note')}</span>
+      )}
+      {isAllNotesView && (
+        <div styleName='item-simple-right'>
+          <span styleName='item-simple-right-storageName'>{storage.name}</span>
+        </div>
+      )}
     </div>
   </div>
 )
diff --git a/browser/components/RealtimeNotification.js b/browser/components/RealtimeNotification.js
index 39e134b4..e17e6414 100644
--- a/browser/components/RealtimeNotification.js
+++ b/browser/components/RealtimeNotification.js
@@ -6,7 +6,7 @@ const electron = require('electron')
 const { shell } = electron
 
 class RealtimeNotification extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -14,38 +14,46 @@ class RealtimeNotification extends React.Component {
     }
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.fetchNotifications()
   }
 
-  fetchNotifications () {
-    const notificationsUrl = 'https://raw.githubusercontent.com/BoostIO/notification/master/notification.json'
+  fetchNotifications() {
+    const notificationsUrl =
+      'https://raw.githubusercontent.com/BoostIO/notification/master/notification.json'
     fetch(notificationsUrl)
       .then(response => {
         return response.json()
       })
       .then(json => {
-        this.setState({notifications: json.notifications})
+        this.setState({ notifications: json.notifications })
       })
   }
 
-  handleLinkClick (e) {
+  handleLinkClick(e) {
     shell.openExternal(e.currentTarget.href)
     e.preventDefault()
   }
 
-  render () {
+  render() {
     const { notifications } = this.state
-    const link = notifications.length > 0
-      ? <a styleName='notification-link' href={notifications[0].linkUrl}
-        onClick={(e) => this.handleLinkClick(e)}
-      >
-        Info: {notifications[0].text}
-      </a>
-    : ''
+    const link =
+      notifications.length > 0 ? (
+        <a
+          styleName='notification-link'
+          href={notifications[0].linkUrl}
+          onClick={e => this.handleLinkClick(e)}
+        >
+          Info: {notifications[0].text}
+        </a>
+      ) : (
+        ''
+      )
 
     return (
-      <div styleName='notification-area' style={this.props.style}>{link}</div>
+      <div styleName='notification-area' style={this.props.style}>
+        {link}
+      </div>
     )
   }
 }
diff --git a/browser/components/SideNavFilter.js b/browser/components/SideNavFilter.js
index 5d5d627f..ae3ff969 100644
--- a/browser/components/SideNavFilter.js
+++ b/browser/components/SideNavFilter.js
@@ -16,54 +16,70 @@ import i18n from 'browser/lib/i18n'
  * @return {React.Component}
  */
 const SideNavFilter = ({
-  isFolded, isHomeActive, handleAllNotesButtonClick,
-  isStarredActive, handleStarredButtonClick, isTrashedActive, handleTrashedButtonClick, counterDelNote,
-  counterTotalNote, counterStarredNote, handleFilterButtonContextMenu
+  isFolded,
+  isHomeActive,
+  handleAllNotesButtonClick,
+  isStarredActive,
+  handleStarredButtonClick,
+  isTrashedActive,
+  handleTrashedButtonClick,
+  counterDelNote,
+  counterTotalNote,
+  counterStarredNote,
+  handleFilterButtonContextMenu
 }) => (
   <div styleName={isFolded ? 'menu--folded' : 'menu'}>
-
-    <button styleName={isHomeActive ? 'menu-button--active' : 'menu-button'}
+    <button
+      styleName={isHomeActive ? 'menu-button--active' : 'menu-button'}
       onClick={handleAllNotesButtonClick}
     >
       <div styleName='iconWrap'>
-        <img src={isHomeActive
-          ? '../resources/icon/icon-all-active.svg'
-          : '../resources/icon/icon-all.svg'
-        }
+        <img
+          src={
+            isHomeActive
+              ? '../resources/icon/icon-all-active.svg'
+              : '../resources/icon/icon-all.svg'
+          }
         />
       </div>
       <span styleName='menu-button-label'>{i18n.__('All Notes')}</span>
       <span styleName='counters'>{counterTotalNote}</span>
     </button>
 
-    <button styleName={isStarredActive ? 'menu-button-star--active' : 'menu-button'}
+    <button
+      styleName={isStarredActive ? 'menu-button-star--active' : 'menu-button'}
       onClick={handleStarredButtonClick}
     >
       <div styleName='iconWrap'>
-        <img src={isStarredActive
-          ? '../resources/icon/icon-star-active.svg'
-          : '../resources/icon/icon-star-sidenav.svg'
-        }
+        <img
+          src={
+            isStarredActive
+              ? '../resources/icon/icon-star-active.svg'
+              : '../resources/icon/icon-star-sidenav.svg'
+          }
         />
       </div>
       <span styleName='menu-button-label'>{i18n.__('Starred')}</span>
       <span styleName='counters'>{counterStarredNote}</span>
     </button>
 
-    <button styleName={isTrashedActive ? 'menu-button-trash--active' : 'menu-button'}
-      onClick={handleTrashedButtonClick} onContextMenu={handleFilterButtonContextMenu}
+    <button
+      styleName={isTrashedActive ? 'menu-button-trash--active' : 'menu-button'}
+      onClick={handleTrashedButtonClick}
+      onContextMenu={handleFilterButtonContextMenu}
     >
       <div styleName='iconWrap'>
-        <img src={isTrashedActive
-          ? '../resources/icon/icon-trash-active.svg'
-          : '../resources/icon/icon-trash-sidenav.svg'
-        }
+        <img
+          src={
+            isTrashedActive
+              ? '../resources/icon/icon-trash-active.svg'
+              : '../resources/icon/icon-trash-sidenav.svg'
+          }
         />
       </div>
       <span styleName='menu-button-label'>{i18n.__('Trash')}</span>
       <span styleName='counters'>{counterDelNote}</span>
     </button>
-
   </div>
 )
 
diff --git a/browser/components/SnippetTab.js b/browser/components/SnippetTab.js
index d29130c7..bfac1f3b 100644
--- a/browser/components/SnippetTab.js
+++ b/browser/components/SnippetTab.js
@@ -5,7 +5,7 @@ import context from 'browser/lib/context'
 import i18n from 'browser/lib/i18n'
 
 class SnippetTab extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -14,7 +14,7 @@ class SnippetTab extends React.Component {
     }
   }
 
-  componentWillUpdate (nextProps) {
+  componentWillUpdate(nextProps) {
     if (nextProps.snippet.name !== this.props.snippet.name) {
       this.setState({
         name: nextProps.snippet.name
@@ -22,34 +22,34 @@ class SnippetTab extends React.Component {
     }
   }
 
-  handleClick (e) {
+  handleClick(e) {
     this.props.onClick(e)
   }
 
-  handleContextMenu (e) {
+  handleContextMenu(e) {
     context.popup([
       {
         label: i18n.__('Rename'),
-        click: (e) => this.handleRenameClick(e)
+        click: e => this.handleRenameClick(e)
       }
     ])
   }
 
-  handleRenameClick (e) {
+  handleRenameClick(e) {
     this.startRenaming()
   }
 
-  handleNameInputBlur (e) {
+  handleNameInputBlur(e) {
     this.handleRename()
   }
 
-  handleNameInputChange (e) {
+  handleNameInputChange(e) {
     this.setState({
       name: e.target.value
     })
   }
 
-  handleNameInputKeyDown (e) {
+  handleNameInputKeyDown(e) {
     switch (e.keyCode) {
       case 13:
         this.handleRename()
@@ -63,84 +63,87 @@ class SnippetTab extends React.Component {
     }
   }
 
-  handleRename () {
-    this.setState({
-      isRenaming: false
-    }, () => {
-      if (this.props.snippet.name !== this.state.name) {
-        this.props.onRename(this.state.name)
+  handleRename() {
+    this.setState(
+      {
+        isRenaming: false
+      },
+      () => {
+        if (this.props.snippet.name !== this.state.name) {
+          this.props.onRename(this.state.name)
+        }
       }
-    })
+    )
   }
 
-  handleDeleteButtonClick (e) {
+  handleDeleteButtonClick(e) {
     this.props.onDelete(e)
   }
 
-  startRenaming () {
-    this.setState({
-      isRenaming: true
-    }, () => {
-      this.refs.name.focus()
-      this.refs.name.select()
-    })
+  startRenaming() {
+    this.setState(
+      {
+        isRenaming: true
+      },
+      () => {
+        this.refs.name.focus()
+        this.refs.name.select()
+      }
+    )
   }
 
-  handleDragStart (e) {
+  handleDragStart(e) {
     e.dataTransfer.dropEffect = 'move'
     this.props.onDragStart(e)
   }
 
-  handleDrop (e) {
+  handleDrop(e) {
     this.props.onDrop(e)
   }
 
-  render () {
+  render() {
     const { isActive, snippet, isDeletable } = this.props
     return (
-      <div styleName={isActive
-          ? 'root--active'
-          : 'root'
-        }
-      >
-        {!this.state.isRenaming
-          ? <button styleName='button'
-            onClick={(e) => this.handleClick(e)}
-            onDoubleClick={(e) => this.handleRenameClick(e)}
-            onContextMenu={(e) => this.handleContextMenu(e)}
-            onDragStart={(e) => this.handleDragStart(e)}
-            onDrop={(e) => this.handleDrop(e)}
+      <div styleName={isActive ? 'root--active' : 'root'}>
+        {!this.state.isRenaming ? (
+          <button
+            styleName='button'
+            onClick={e => this.handleClick(e)}
+            onDoubleClick={e => this.handleRenameClick(e)}
+            onContextMenu={e => this.handleContextMenu(e)}
+            onDragStart={e => this.handleDragStart(e)}
+            onDrop={e => this.handleDrop(e)}
             draggable='true'
           >
-            {snippet.name.trim().length > 0
-              ? snippet.name
-              : <span>
-                {i18n.__('Unnamed')}
-              </span>
-            }
+            {snippet.name.trim().length > 0 ? (
+              snippet.name
+            ) : (
+              <span>{i18n.__('Unnamed')}</span>
+            )}
           </button>
-          : <input styleName='input'
+        ) : (
+          <input
+            styleName='input'
             ref='name'
             value={this.state.name}
-            onChange={(e) => this.handleNameInputChange(e)}
-            onBlur={(e) => this.handleNameInputBlur(e)}
-            onKeyDown={(e) => this.handleNameInputKeyDown(e)}
+            onChange={e => this.handleNameInputChange(e)}
+            onBlur={e => this.handleNameInputBlur(e)}
+            onKeyDown={e => this.handleNameInputKeyDown(e)}
           />
-        }
-        {isDeletable &&
-          <button styleName='deleteButton'
-            onClick={(e) => this.handleDeleteButtonClick(e)}
+        )}
+        {isDeletable && (
+          <button
+            styleName='deleteButton'
+            onClick={e => this.handleDeleteButtonClick(e)}
           >
             <i className='fa fa-times' />
           </button>
-        }
+        )}
       </div>
     )
   }
 }
 
-SnippetTab.propTypes = {
-
-}
+SnippetTab.propTypes = {}
 
 export default CSSModules(SnippetTab, styles)
diff --git a/browser/components/StorageItem.js b/browser/components/StorageItem.js
index bc9b8f29..2b796c95 100644
--- a/browser/components/StorageItem.js
+++ b/browser/components/StorageItem.js
@@ -54,8 +54,9 @@ const StorageItem = ({
       onDragEnter={handleDragEnter}
       onDragLeave={handleDragLeave}
     >
-      {!isFolded &&
-        <DraggableIcon className={styles['folderList-item-reorder']} />}
+      {!isFolded && (
+        <DraggableIcon className={styles['folderList-item-reorder']} />
+      )}
       <span
         styleName={
           isFolded ? 'folderList-item-name--folded' : 'folderList-item-name'
@@ -70,11 +71,12 @@ const StorageItem = ({
           ? _.truncate(folderName, { length: 1, omission: '' })
           : folderName}
       </span>
-      {!isFolded &&
-        _.isNumber(noteCount) &&
-        <span styleName='folderList-item-noteCount'>{noteCount}</span>}
-      {isFolded &&
-        <span styleName='folderList-item-tooltip'>{folderName}</span>}
+      {!isFolded && _.isNumber(noteCount) && (
+        <span styleName='folderList-item-noteCount'>{noteCount}</span>
+      )}
+      {isFolded && (
+        <span styleName='folderList-item-tooltip'>{folderName}</span>
+      )}
     </button>
   )
 }
diff --git a/browser/components/StorageList.js b/browser/components/StorageList.js
index fe478e89..218af68a 100644
--- a/browser/components/StorageList.js
+++ b/browser/components/StorageList.js
@@ -1,18 +1,20 @@
 /**
-* @fileoverview Micro component for showing StorageList
-*/
+ * @fileoverview Micro component for showing StorageList
+ */
 import PropTypes from 'prop-types'
 import React from 'react'
 import styles from './StorageList.styl'
 import CSSModules from 'browser/lib/CSSModules'
 
 /**
-* @param {Array} storageList
-*/
+ * @param {Array} storageList
+ */
 
-const StorageList = ({storageList, isFolded}) => (
+const StorageList = ({ storageList, isFolded }) => (
   <div styleName={isFolded ? 'storageList-folded' : 'storageList'}>
-    {storageList.length > 0 ? storageList : (
+    {storageList.length > 0 ? (
+      storageList
+    ) : (
       <div styleName='storageList-empty'>No storage mount.</div>
     )}
   </div>
diff --git a/browser/components/TagListItem.js b/browser/components/TagListItem.js
index 9aa00a1d..2d698dbc 100644
--- a/browser/components/TagListItem.js
+++ b/browser/components/TagListItem.js
@@ -1,30 +1,58 @@
 /**
-* @fileoverview Micro component for showing TagList.
-*/
+ * @fileoverview Micro component for showing TagList.
+ */
 import PropTypes from 'prop-types'
 import React from 'react'
 import styles from './TagListItem.styl'
 import CSSModules from 'browser/lib/CSSModules'
 
 /**
-* @param {string} name
-* @param {Function} handleClickTagListItem
-* @param {Function} handleClickNarrowToTag
-* @param {boolean} isActive
-* @param {boolean} isRelated
-* @param {string} bgColor tab backgroundColor
-*/
+ * @param {string} name
+ * @param {Function} handleClickTagListItem
+ * @param {Function} handleClickNarrowToTag
+ * @param {boolean} isActive
+ * @param {boolean} isRelated
+ * @param {string} bgColor tab backgroundColor
+ */
 
-const TagListItem = ({name, handleClickTagListItem, handleClickNarrowToTag, handleContextMenu, isActive, isRelated, count, color}) => (
-  <div styleName='tagList-itemContainer' onContextMenu={e => handleContextMenu(e, name)}>
-    {isRelated
-      ? <button styleName={isActive ? 'tagList-itemNarrow-active' : 'tagList-itemNarrow'} onClick={() => handleClickNarrowToTag(name)}>
+const TagListItem = ({
+  name,
+  handleClickTagListItem,
+  handleClickNarrowToTag,
+  handleContextMenu,
+  isActive,
+  isRelated,
+  count,
+  color
+}) => (
+  <div
+    styleName='tagList-itemContainer'
+    onContextMenu={e => handleContextMenu(e, name)}
+  >
+    {isRelated ? (
+      <button
+        styleName={
+          isActive ? 'tagList-itemNarrow-active' : 'tagList-itemNarrow'
+        }
+        onClick={() => handleClickNarrowToTag(name)}
+      >
         <i className={isActive ? 'fa fa-minus-circle' : 'fa fa-plus-circle'} />
       </button>
-      : <div styleName={isActive ? 'tagList-itemNarrow-active' : 'tagList-itemNarrow'} />
-    }
-    <button styleName={isActive ? 'tagList-item-active' : 'tagList-item'} onClick={() => handleClickTagListItem(name)}>
-      <span styleName='tagList-item-color' style={{backgroundColor: color || 'transparent'}} />
+    ) : (
+      <div
+        styleName={
+          isActive ? 'tagList-itemNarrow-active' : 'tagList-itemNarrow'
+        }
+      />
+    )}
+    <button
+      styleName={isActive ? 'tagList-item-active' : 'tagList-item'}
+      onClick={() => handleClickTagListItem(name)}
+    >
+      <span
+        styleName='tagList-item-color'
+        style={{ backgroundColor: color || 'transparent' }}
+      />
       <span styleName='tagList-item-name'>
         {`# ${name}`}
         <span styleName='tagList-item-count'>{count !== 0 ? count : ''}</span>
diff --git a/browser/components/TodoListPercentage.js b/browser/components/TodoListPercentage.js
index b917bbc1..fb6e55b5 100644
--- a/browser/components/TodoListPercentage.js
+++ b/browser/components/TodoListPercentage.js
@@ -11,17 +11,20 @@ import styles from './TodoListPercentage.styl'
  * @param {number} percentageOfTodo
  */
 
-const TodoListPercentage = ({
-  percentageOfTodo, onClearCheckboxClick
-}) => (
-  <div styleName='percentageBar' style={{display: isNaN(percentageOfTodo) ? 'none' : ''}}>
-    <div styleName='progressBar' style={{width: `${percentageOfTodo}%`}}>
+const TodoListPercentage = ({ percentageOfTodo, onClearCheckboxClick }) => (
+  <div
+    styleName='percentageBar'
+    style={{ display: isNaN(percentageOfTodo) ? 'none' : '' }}
+  >
+    <div styleName='progressBar' style={{ width: `${percentageOfTodo}%` }}>
       <div styleName='progressBarInner'>
         <p styleName='percentageText'>{percentageOfTodo}%</p>
       </div>
     </div>
     <div styleName='todoClear'>
-      <p styleName='todoClearText' onClick={(e) => onClearCheckboxClick(e)}>clear</p>
+      <p styleName='todoClearText' onClick={e => onClearCheckboxClick(e)}>
+        clear
+      </p>
     </div>
   </div>
 )
diff --git a/browser/components/TodoProcess.js b/browser/components/TodoProcess.js
index 9d1f93cf..6dc46e65 100644
--- a/browser/components/TodoProcess.js
+++ b/browser/components/TodoProcess.js
@@ -8,18 +8,21 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './TodoProcess.styl'
 
 const TodoProcess = ({
-  todoStatus: {
-    total: totalTodo,
-    completed: completedTodo
-  }
+  todoStatus: { total: totalTodo, completed: completedTodo }
 }) => (
-  <div styleName='todo-process' style={{display: totalTodo > 0 ? '' : 'none'}}>
+  <div
+    styleName='todo-process'
+    style={{ display: totalTodo > 0 ? '' : 'none' }}
+  >
     <div styleName='todo-process-text'>
       <i className='fa fa-fw fa-check-square-o' />
       {completedTodo} of {totalTodo}
     </div>
     <div styleName='todo-process-bar'>
-      <div styleName='todo-process-bar--inner' style={{width: parseInt(completedTodo / totalTodo * 100) + '%'}} />
+      <div
+        styleName='todo-process-bar--inner'
+        style={{ width: parseInt((completedTodo / totalTodo) * 100) + '%' }}
+      />
     </div>
   </div>
 )
diff --git a/browser/components/render/MermaidRender.js b/browser/components/render/MermaidRender.js
index 5bed9bf1..d397d03b 100644
--- a/browser/components/render/MermaidRender.js
+++ b/browser/components/render/MermaidRender.js
@@ -7,11 +7,11 @@ const darkThemeStyling = `
   fill: white;
 }`
 
-function getRandomInt (min, max) {
+function getRandomInt(min, max) {
   return Math.floor(Math.random() * (max - min)) + min
 }
 
-function getId () {
+function getId() {
   const pool = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'
   let id = 'm-'
   for (let i = 0; i < 7; i++) {
@@ -20,7 +20,7 @@ function getId () {
   return id
 }
 
-function render (element, content, theme, enableHTMLLabel) {
+function render(element, content, theme, enableHTMLLabel) {
   try {
     const height = element.attributes.getNamedItem('data-height')
     const isPredefined = height && height.value !== 'undefined'
@@ -29,7 +29,9 @@ function render (element, content, theme, enableHTMLLabel) {
       element.style.height = height.value + 'vh'
     }
 
-    const isDarkTheme = uiThemes.some(item => item.name === theme && item.isDark)
+    const isDarkTheme = uiThemes.some(
+      item => item.name === theme && item.isDark
+    )
 
     mermaidAPI.initialize({
       theme: isDarkTheme ? 'dark' : 'default',
@@ -42,7 +44,7 @@ function render (element, content, theme, enableHTMLLabel) {
       }
     })
 
-    mermaidAPI.render(getId(), content, (svgGraph) => {
+    mermaidAPI.render(getId(), content, svgGraph => {
       element.innerHTML = svgGraph
 
       if (!isPredefined) {
diff --git a/browser/lib/CSSModules.js b/browser/lib/CSSModules.js
index 691b44d2..c05a56f0 100644
--- a/browser/lib/CSSModules.js
+++ b/browser/lib/CSSModules.js
@@ -1,5 +1,5 @@
 import CSSModules from 'react-css-modules'
 
-export default function (component, styles) {
-  return CSSModules(component, styles, {handleNotFoundStyleName: 'log'})
+export default function(component, styles) {
+  return CSSModules(component, styles, { handleNotFoundStyleName: 'log' })
 }
diff --git a/browser/lib/Languages.js b/browser/lib/Languages.js
index 42755af9..6367bec4 100644
--- a/browser/lib/Languages.js
+++ b/browser/lib/Languages.js
@@ -78,13 +78,13 @@ const languages = [
 ]
 
 module.exports = {
-  getLocales () {
-    return languages.reduce(function (localeList, locale) {
+  getLocales() {
+    return languages.reduce(function(localeList, locale) {
       localeList.push(locale.locale)
       return localeList
     }, [])
   },
-  getLanguages () {
+  getLanguages() {
     return languages
   }
 }
diff --git a/browser/lib/Mutable.js b/browser/lib/Mutable.js
index 0ae2d9cf..7c376ef1 100644
--- a/browser/lib/Mutable.js
+++ b/browser/lib/Mutable.js
@@ -1,43 +1,43 @@
 class MutableMap {
-  constructor (iterable) {
+  constructor(iterable) {
     this._map = new Map(iterable)
     Object.defineProperty(this, 'size', {
       get: () => this._map.size,
-      set: function (value) {
+      set: function(value) {
         this['size'] = value
       }
     })
   }
 
-  get (...args) {
+  get(...args) {
     return this._map.get(...args)
   }
 
-  set (...args) {
+  set(...args) {
     return this._map.set(...args)
   }
 
-  delete (...args) {
+  delete(...args) {
     return this._map.delete(...args)
   }
 
-  has (...args) {
+  has(...args) {
     return this._map.has(...args)
   }
 
-  clear (...args) {
+  clear(...args) {
     return this._map.clear(...args)
   }
 
-  forEach (...args) {
+  forEach(...args) {
     return this._map.forEach(...args)
   }
 
-  [Symbol.iterator] () {
+  [Symbol.iterator]() {
     return this._map[Symbol.iterator]()
   }
 
-  map (cb) {
+  map(cb) {
     const result = []
     for (const [key, value] of this._map) {
       result.push(cb(value, key))
@@ -45,7 +45,7 @@ class MutableMap {
     return result
   }
 
-  toJS () {
+  toJS() {
     const result = {}
     for (let [key, value] of this._map) {
       if (value instanceof MutableSet || value instanceof MutableMap) {
@@ -58,42 +58,42 @@ class MutableMap {
 }
 
 class MutableSet {
-  constructor (iterable) {
+  constructor(iterable) {
     this._set = new Set(iterable)
     Object.defineProperty(this, 'size', {
       get: () => this._set.size,
-      set: function (value) {
+      set: function(value) {
         this['size'] = value
       }
     })
   }
 
-  add (...args) {
+  add(...args) {
     return this._set.add(...args)
   }
 
-  delete (...args) {
+  delete(...args) {
     return this._set.delete(...args)
   }
 
-  forEach (...args) {
+  forEach(...args) {
     return this._set.forEach(...args)
   }
 
-  [Symbol.iterator] () {
+  [Symbol.iterator]() {
     return this._set[Symbol.iterator]()
   }
 
-  map (cb) {
+  map(cb) {
     const result = []
-    this._set.forEach(function (value, key) {
+    this._set.forEach(function(value, key) {
       result.push(cb(value, key))
     })
 
     return result
   }
 
-  toJS () {
+  toJS() {
     return Array.from(this._set)
   }
 }
diff --git a/browser/lib/RcParser.js b/browser/lib/RcParser.js
index 0df59476..e8eb90c4 100644
--- a/browser/lib/RcParser.js
+++ b/browser/lib/RcParser.js
@@ -5,13 +5,13 @@ const BOOSTNOTERC = '.boostnoterc'
 const homePath = global.process.env.HOME || global.process.env.USERPROFILE
 const _boostnotercPath = path.join(homePath, BOOSTNOTERC)
 
-export function parse (boostnotercPath = _boostnotercPath) {
+export function parse(boostnotercPath = _boostnotercPath) {
   if (!sander.existsSync(boostnotercPath)) return {}
   try {
     return JSON.parse(sander.readFileSync(boostnotercPath).toString())
   } catch (e) {
     console.warn(e)
-    console.warn('Your .boostnoterc is broken so it\'s not used.')
+    console.warn("Your .boostnoterc is broken so it's not used.")
     return {}
   }
 }
diff --git a/browser/lib/SnippetManager.js b/browser/lib/SnippetManager.js
index 70f9b400..a167f1e0 100644
--- a/browser/lib/SnippetManager.js
+++ b/browser/lib/SnippetManager.js
@@ -3,13 +3,14 @@ import fs from 'fs'
 import consts from './consts'
 
 class SnippetManager {
-  constructor () {
+  constructor() {
     this.defaultSnippet = [
       {
         id: crypto.randomBytes(16).toString('hex'),
         name: 'Dummy text',
         prefix: ['lorem', 'ipsum'],
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
+        content:
+          'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
       }
     ]
     this.snippets = []
@@ -18,7 +19,7 @@ class SnippetManager {
     this.assignSnippets = this.assignSnippets.bind(this)
   }
 
-  init () {
+  init() {
     if (fs.existsSync(consts.SNIPPET_FILE)) {
       try {
         this.snippets = JSON.parse(
@@ -37,11 +38,11 @@ class SnippetManager {
     this.snippets = this.defaultSnippet
   }
 
-  assignSnippets (snippets) {
+  assignSnippets(snippets) {
     this.snippets = snippets
   }
 
-  expandSnippet (wordBeforeCursor, cursor, cm) {
+  expandSnippet(wordBeforeCursor, cursor, cm) {
     const templateCursorString = ':{}'
     for (let i = 0; i < this.snippets.length; i++) {
       if (this.snippets[i].prefix.indexOf(wordBeforeCursor.text) === -1) {
diff --git a/browser/lib/TextEditorInterface.js b/browser/lib/TextEditorInterface.js
index 55f2c29d..18795197 100644
--- a/browser/lib/TextEditorInterface.js
+++ b/browser/lib/TextEditorInterface.js
@@ -1,44 +1,44 @@
 import { Point } from '@susisu/mte-kernel'
 
 export default class TextEditorInterface {
-  constructor (editor) {
+  constructor(editor) {
     this.editor = editor
     this.doc = editor.getDoc()
     this.transaction = false
   }
 
-  getCursorPosition () {
+  getCursorPosition() {
     const { line, ch } = this.doc.getCursor()
     return new Point(line, ch)
   }
 
-  setCursorPosition (pos) {
+  setCursorPosition(pos) {
     this.doc.setCursor({
       line: pos.row,
       ch: pos.column
     })
   }
 
-  setSelectionRange (range) {
+  setSelectionRange(range) {
     this.doc.setSelection(
       { line: range.start.row, ch: range.start.column },
       { line: range.end.row, ch: range.end.column }
     )
   }
 
-  getLastRow () {
+  getLastRow() {
     return this.doc.lineCount() - 1
   }
 
-  acceptsTableEdit () {
+  acceptsTableEdit() {
     return true
   }
 
-  getLine (row) {
+  getLine(row) {
     return this.doc.getLine(row)
   }
 
-  insertLine (row, line) {
+  insertLine(row, line) {
     const lastRow = this.getLastRow()
     if (row > lastRow) {
       const lastLine = this.getLine(lastRow)
@@ -56,7 +56,7 @@ export default class TextEditorInterface {
     }
   }
 
-  deleteLine (row) {
+  deleteLine(row) {
     const lastRow = this.getLastRow()
     if (row >= lastRow) {
       if (lastRow > 0) {
@@ -76,15 +76,11 @@ export default class TextEditorInterface {
         )
       }
     } else {
-      this.doc.replaceRange(
-        '',
-        { line: row, ch: 0 },
-        { line: row + 1, ch: 0 }
-      )
+      this.doc.replaceRange('', { line: row, ch: 0 }, { line: row + 1, ch: 0 })
     }
   }
 
-  replaceLines (startRow, endRow, lines) {
+  replaceLines(startRow, endRow, lines) {
     const lastRow = this.getLastRow()
     if (endRow > lastRow) {
       const lastLine = this.getLine(lastRow)
@@ -102,7 +98,7 @@ export default class TextEditorInterface {
     }
   }
 
-  transact (func) {
+  transact(func) {
     this.transaction = true
     func()
     this.transaction = false
diff --git a/browser/lib/confirmDeleteNote.js b/browser/lib/confirmDeleteNote.js
index b67ed7e3..c9400daa 100644
--- a/browser/lib/confirmDeleteNote.js
+++ b/browser/lib/confirmDeleteNote.js
@@ -3,7 +3,7 @@ import i18n from 'browser/lib/i18n'
 const { remote } = electron
 const { dialog } = remote
 
-export function confirmDeleteNote (confirmDeletion, permanent) {
+export function confirmDeleteNote(confirmDeletion, permanent) {
   if (confirmDeletion || permanent) {
     const alertConfig = {
       type: 'warning',
@@ -13,7 +13,8 @@ export function confirmDeleteNote (confirmDeletion, permanent) {
     }
 
     const dialogButtonIndex = dialog.showMessageBox(
-      remote.getCurrentWindow(), alertConfig
+      remote.getCurrentWindow(),
+      alertConfig
     )
 
     return dialogButtonIndex === 0
diff --git a/browser/lib/consts.js b/browser/lib/consts.js
index ed497376..07c81b03 100644
--- a/browser/lib/consts.js
+++ b/browser/lib/consts.js
@@ -9,41 +9,53 @@ const CODEMIRROR_EXTRA_THEME_PATH = 'extra_scripts/codemirror/theme'
 const isProduction = process.env.NODE_ENV === 'production'
 
 const paths = [
-  isProduction ? path.join(app.getAppPath(), CODEMIRROR_THEME_PATH) : path.resolve(CODEMIRROR_THEME_PATH),
-  isProduction ? path.join(app.getAppPath(), CODEMIRROR_EXTRA_THEME_PATH) : path.resolve(CODEMIRROR_EXTRA_THEME_PATH)
+  isProduction
+    ? path.join(app.getAppPath(), CODEMIRROR_THEME_PATH)
+    : path.resolve(CODEMIRROR_THEME_PATH),
+  isProduction
+    ? path.join(app.getAppPath(), CODEMIRROR_EXTRA_THEME_PATH)
+    : path.resolve(CODEMIRROR_EXTRA_THEME_PATH)
 ]
 
 const themes = paths
-  .map(directory => fs.readdirSync(directory).map(file => {
-    const name = file.substring(0, file.lastIndexOf('.'))
+  .map(directory =>
+    fs.readdirSync(directory).map(file => {
+      const name = file.substring(0, file.lastIndexOf('.'))
 
-    return {
-      name,
-      path: path.join(directory, file),
-      className: `cm-s-${name}`
-    }
-  }))
+      return {
+        name,
+        path: path.join(directory, file),
+        className: `cm-s-${name}`
+      }
+    })
+  )
   .reduce((accumulator, value) => accumulator.concat(value), [])
   .sort((a, b) => a.name.localeCompare(b.name))
 
-themes.splice(themes.findIndex(({ name }) => name === 'solarized'), 1, {
-  name: 'solarized dark',
-  path: path.join(paths[0], 'solarized.css'),
-  className: `cm-s-solarized cm-s-dark`
-}, {
-  name: 'solarized light',
-  path: path.join(paths[0], 'solarized.css'),
-  className: `cm-s-solarized cm-s-light`
-})
+themes.splice(
+  themes.findIndex(({ name }) => name === 'solarized'),
+  1,
+  {
+    name: 'solarized dark',
+    path: path.join(paths[0], 'solarized.css'),
+    className: `cm-s-solarized cm-s-dark`
+  },
+  {
+    name: 'solarized light',
+    path: path.join(paths[0], 'solarized.css'),
+    className: `cm-s-solarized cm-s-light`
+  }
+)
 themes.splice(0, 0, {
   name: 'default',
   path: path.join(paths[0], 'elegant.css'),
   className: `cm-s-default`
 })
 
-const snippetFile = process.env.NODE_ENV !== 'test'
-  ? path.join(app.getPath('userData'), 'snippets.json')
-  : '' // return nothing as we specified different path to snippets.json in test
+const snippetFile =
+  process.env.NODE_ENV !== 'test'
+    ? path.join(app.getPath('userData'), 'snippets.json')
+    : '' // return nothing as we specified different path to snippets.json in test
 
 const consts = {
   FOLDER_COLORS: [
diff --git a/browser/lib/context.js b/browser/lib/context.js
index 6c82e6a2..a89628e5 100644
--- a/browser/lib/context.js
+++ b/browser/lib/context.js
@@ -1,9 +1,9 @@
 const { remote } = require('electron')
 const { Menu, MenuItem } = remote
 
-function popup (templates) {
+function popup(templates) {
   const menu = new Menu()
-  templates.forEach((item) => {
+  templates.forEach(item => {
     menu.append(new MenuItem(item))
   })
   menu.popup(remote.getCurrentWindow())
diff --git a/browser/lib/contextMenuBuilder.js b/browser/lib/contextMenuBuilder.js
index ff3349eb..6eee85da 100644
--- a/browser/lib/contextMenuBuilder.js
+++ b/browser/lib/contextMenuBuilder.js
@@ -1,10 +1,10 @@
 import i18n from 'browser/lib/i18n'
 import fs from 'fs'
 
-const {remote} = require('electron')
-const {Menu} = remote.require('electron')
-const {clipboard} = remote.require('electron')
-const {shell} = remote.require('electron')
+const { remote } = require('electron')
+const { Menu } = remote.require('electron')
+const { clipboard } = remote.require('electron')
+const { shell } = remote.require('electron')
 const spellcheck = require('./spellcheck')
 const uri2path = require('file-uri-to-path')
 
@@ -16,11 +16,16 @@ const uri2path = require('file-uri-to-path')
  * @param {MouseEvent} event that has triggered the creation of the context menu
  * @returns {Electron.Menu} The created electron context menu
  */
-const buildEditorContextMenu = function (editor, event) {
-  if (editor == null || event == null || event.pageX == null || event.pageY == null) {
+const buildEditorContextMenu = function(editor, event) {
+  if (
+    editor == null ||
+    event == null ||
+    event.pageX == null ||
+    event.pageY == null
+  ) {
     return null
   }
-  const cursor = editor.coordsChar({left: event.pageX, top: event.pageY})
+  const cursor = editor.coordsChar({ left: event.pageX, top: event.pageY })
   const wordRange = editor.findWordAt(cursor)
   const word = editor.getRange(wordRange.anchor, wordRange.head)
   const existingMarks = editor.findMarks(wordRange.anchor, wordRange.head) || []
@@ -40,30 +45,44 @@ const buildEditorContextMenu = function (editor, event) {
     isMisspelled: isMisspelled,
     spellingSuggestions: suggestion
   }
-  const template = [{
-    role: 'cut'
-  }, {
-    role: 'copy'
-  }, {
-    role: 'paste'
-  }, {
-    role: 'selectall'
-  }]
+  const template = [
+    {
+      role: 'cut'
+    },
+    {
+      role: 'copy'
+    },
+    {
+      role: 'paste'
+    },
+    {
+      role: 'selectall'
+    }
+  ]
 
   if (selection.isMisspelled) {
     const suggestions = selection.spellingSuggestions
-    template.unshift.apply(template, suggestions.map(function (suggestion) {
-      return {
-        label: suggestion,
-        click: function (suggestion) {
-          if (editor != null) {
-            editor.replaceRange(suggestion.label, wordRange.anchor, wordRange.head)
+    template.unshift.apply(
+      template,
+      suggestions
+        .map(function(suggestion) {
+          return {
+            label: suggestion,
+            click: function(suggestion) {
+              if (editor != null) {
+                editor.replaceRange(
+                  suggestion.label,
+                  wordRange.anchor,
+                  wordRange.head
+                )
+              }
+            }
           }
-        }
-      }
-    }).concat({
-      type: 'separator'
-    }))
+        })
+        .concat({
+          type: 'separator'
+        })
+    )
   }
   return Menu.buildFromTemplate(template)
 }
@@ -74,19 +93,30 @@ const buildEditorContextMenu = function (editor, event) {
  * @param {MouseEvent} event that has triggered the creation of the context menu
  * @returns {Electron.Menu} The created electron context menu
  */
-const buildMarkdownPreviewContextMenu = function (markdownPreview, event) {
-  if (markdownPreview == null || event == null || event.pageX == null || event.pageY == null) {
+const buildMarkdownPreviewContextMenu = function(markdownPreview, event) {
+  if (
+    markdownPreview == null ||
+    event == null ||
+    event.pageX == null ||
+    event.pageY == null
+  ) {
     return null
   }
 
   // Default context menu inclusions
-  const template = [{
-    role: 'copy'
-  }, {
-    role: 'selectall'
-  }]
+  const template = [
+    {
+      role: 'copy'
+    },
+    {
+      role: 'selectall'
+    }
+  ]
 
-  if (event.target.tagName.toLowerCase() === 'a' && event.target.getAttribute('href')) {
+  if (
+    event.target.tagName.toLowerCase() === 'a' &&
+    event.target.getAttribute('href')
+  ) {
     // Link opener for files on the local system pointed to by href
     const href = event.target.href
     const isLocalFile = href.startsWith('file:')
@@ -94,31 +124,29 @@ const buildMarkdownPreviewContextMenu = function (markdownPreview, event) {
       const absPath = uri2path(href)
       try {
         if (fs.lstatSync(absPath).isFile()) {
-          template.push(
-            {
-              label: i18n.__('Show in explorer'),
-              click: (e) => shell.showItemInFolder(absPath)
-            }
-          )
+          template.push({
+            label: i18n.__('Show in explorer'),
+            click: e => shell.showItemInFolder(absPath)
+          })
         }
       } catch (e) {
-        console.log('Error while evaluating if the file is locally available', e)
+        console.log(
+          'Error while evaluating if the file is locally available',
+          e
+        )
       }
     }
 
     // Add option to context menu to copy url
-    template.push(
-      {
-        label: i18n.__('Copy Url'),
-        click: (e) => clipboard.writeText(href)
-      }
-    )
+    template.push({
+      label: i18n.__('Copy Url'),
+      click: e => clipboard.writeText(href)
+    })
   }
   return Menu.buildFromTemplate(template)
 }
 
-module.exports =
-{
+module.exports = {
   buildEditorContextMenu: buildEditorContextMenu,
   buildMarkdownPreviewContextMenu: buildMarkdownPreviewContextMenu
 }
diff --git a/browser/lib/convertModeName.js b/browser/lib/convertModeName.js
index b0431059..a0a31f76 100644
--- a/browser/lib/convertModeName.js
+++ b/browser/lib/convertModeName.js
@@ -1,4 +1,4 @@
-export default function convertModeName (name) {
+export default function convertModeName(name) {
   switch (name) {
     case 'ejs':
       return 'Embedded Javascript'
diff --git a/browser/lib/customMeta.js b/browser/lib/customMeta.js
index b890cf55..33296471 100644
--- a/browser/lib/customMeta.js
+++ b/browser/lib/customMeta.js
@@ -3,8 +3,19 @@ import 'codemirror-mode-elixir'
 
 const stylusCodeInfo = CodeMirror.modeInfo.find(info => info.name === 'Stylus')
 if (stylusCodeInfo == null) {
-  CodeMirror.modeInfo.push({name: 'Stylus', mime: 'text/x-styl', mode: 'stylus', ext: ['styl'], alias: ['styl']})
+  CodeMirror.modeInfo.push({
+    name: 'Stylus',
+    mime: 'text/x-styl',
+    mode: 'stylus',
+    ext: ['styl'],
+    alias: ['styl']
+  })
 } else {
   stylusCodeInfo.alias = ['styl']
 }
-CodeMirror.modeInfo.push({name: 'Elixir', mime: 'text/x-elixir', mode: 'elixir', ext: ['ex']})
+CodeMirror.modeInfo.push({
+  name: 'Elixir',
+  mime: 'text/x-elixir',
+  mode: 'elixir',
+  ext: ['ex']
+})
diff --git a/browser/lib/date-formatter.js b/browser/lib/date-formatter.js
index 8f74fe4d..0ced141a 100644
--- a/browser/lib/date-formatter.js
+++ b/browser/lib/date-formatter.js
@@ -8,7 +8,7 @@ import moment from 'moment'
  * @param {mixed}
  * @return {string}
  */
-export function formatDate (date) {
+export function formatDate(date) {
   const m = moment(date)
   if (!m.isValid()) {
     throw Error('Invalid argument.')
diff --git a/browser/lib/findNoteTitle.js b/browser/lib/findNoteTitle.js
index 912c3bdd..01ef56d1 100644
--- a/browser/lib/findNoteTitle.js
+++ b/browser/lib/findNoteTitle.js
@@ -1,4 +1,8 @@
-export function findNoteTitle (value, enableFrontMatterTitle, frontMatterTitleField = 'title') {
+export function findNoteTitle(
+  value,
+  enableFrontMatterTitle,
+  frontMatterTitleField = 'title'
+) {
   const splitted = value.split('\n')
   let title = null
   let isInsideCodeBlock = false
@@ -6,8 +10,13 @@ export function findNoteTitle (value, enableFrontMatterTitle, frontMatterTitleFi
   if (splitted[0] === '---') {
     let line = 0
     while (++line < splitted.length) {
-      if (enableFrontMatterTitle && splitted[line].startsWith(frontMatterTitleField + ':')) {
-        title = splitted[line].substring(frontMatterTitleField.length + 1).trim()
+      if (
+        enableFrontMatterTitle &&
+        splitted[line].startsWith(frontMatterTitleField + ':')
+      ) {
+        title = splitted[line]
+          .substring(frontMatterTitleField.length + 1)
+          .trim()
 
         break
       }
@@ -22,11 +31,15 @@ export function findNoteTitle (value, enableFrontMatterTitle, frontMatterTitleFi
   if (title === null) {
     splitted.some((line, index) => {
       const trimmedLine = line.trim()
-      const trimmedNextLine = splitted[index + 1] === undefined ? '' : splitted[index + 1].trim()
+      const trimmedNextLine =
+        splitted[index + 1] === undefined ? '' : splitted[index + 1].trim()
       if (trimmedLine.match('```')) {
         isInsideCodeBlock = !isInsideCodeBlock
       }
-      if (isInsideCodeBlock === false && (trimmedLine.match(/^# +/) || trimmedNextLine.match(/^=+$/))) {
+      if (
+        isInsideCodeBlock === false &&
+        (trimmedLine.match(/^# +/) || trimmedNextLine.match(/^=+$/))
+      ) {
         title = trimmedLine
         return true
       }
@@ -35,7 +48,7 @@ export function findNoteTitle (value, enableFrontMatterTitle, frontMatterTitleFi
 
   if (title === null) {
     title = ''
-    splitted.some((line) => {
+    splitted.some(line => {
       if (line.trim().length > 0) {
         title = line.trim()
         return true
diff --git a/browser/lib/findStorage.js b/browser/lib/findStorage.js
index 98d48236..7753dc87 100644
--- a/browser/lib/findStorage.js
+++ b/browser/lib/findStorage.js
@@ -1,10 +1,11 @@
 const _ = require('lodash')
 
-export function findStorage (storageKey) {
+export function findStorage(storageKey) {
   const cachedStorageList = JSON.parse(localStorage.getItem('storages'))
-  if (!_.isArray(cachedStorageList)) throw new Error('Target storage doesn\'t exist.')
-  const storage = _.find(cachedStorageList, {key: storageKey})
-  if (storage === undefined) throw new Error('Target storage doesn\'t exist.')
+  if (!_.isArray(cachedStorageList))
+    throw new Error("Target storage doesn't exist.")
+  const storage = _.find(cachedStorageList, { key: storageKey })
+  if (storage === undefined) throw new Error("Target storage doesn't exist.")
 
   return storage
 }
diff --git a/browser/lib/getTodoStatus.js b/browser/lib/getTodoStatus.js
index 8b552109..2522a16a 100644
--- a/browser/lib/getTodoStatus.js
+++ b/browser/lib/getTodoStatus.js
@@ -1,9 +1,9 @@
-export function getTodoStatus (content) {
+export function getTodoStatus(content) {
   const splitted = content.split('\n')
   let numberOfTodo = 0
   let numberOfCompletedTodo = 0
 
-  splitted.forEach((line) => {
+  splitted.forEach(line => {
     const trimmedLine = line.trim().replace(/^(>\s*)*/, '')
     if (trimmedLine.match(/^[+\-*] \[(\s|x)] ./i)) {
       numberOfTodo++
@@ -19,7 +19,7 @@ export function getTodoStatus (content) {
   }
 }
 
-export function getTodoPercentageOfCompleted (content) {
+export function getTodoPercentageOfCompleted(content) {
   const state = getTodoStatus(content)
-  return Math.floor(state.completed / state.total * 100)
+  return Math.floor((state.completed / state.total) * 100)
 }
diff --git a/browser/lib/htmlTextHelper.js b/browser/lib/htmlTextHelper.js
index ccc545e3..e3e0c0e3 100644
--- a/browser/lib/htmlTextHelper.js
+++ b/browser/lib/htmlTextHelper.js
@@ -7,9 +7,9 @@
  * @return {string}
  */
 
-export function decodeEntities (text) {
+export function decodeEntities(text) {
   var entities = [
-    ['apos', '\''],
+    ['apos', "'"],
     ['amp', '&'],
     ['lt', '<'],
     ['gt', '>'],
@@ -24,16 +24,16 @@ export function decodeEntities (text) {
   return text
 }
 
-export function encodeEntities (text) {
+export function encodeEntities(text) {
   const entities = [
-    ['\'', 'apos'],
+    ["'", 'apos'],
     ['<', 'lt'],
     ['>', 'gt'],
     ['\\?', '#63'],
     ['\\$', '#36']
   ]
 
-  entities.forEach((entity) => {
+  entities.forEach(entity => {
     text = text.replace(new RegExp(entity[0], 'g'), `&${entity[1]};`)
   })
   return text
diff --git a/browser/lib/i18n.js b/browser/lib/i18n.js
index e12e2aa6..ad59cc23 100644
--- a/browser/lib/i18n.js
+++ b/browser/lib/i18n.js
@@ -8,9 +8,10 @@ const i18n = new (require('i18n-2'))({
   // setup some locales - other locales default to the first locale
   locales: getLocales(),
   extension: '.json',
-  directory: process.env.NODE_ENV === 'production'
-    ? path.join(app.getAppPath(), './locales')
-    : path.resolve('./locales'),
+  directory:
+    process.env.NODE_ENV === 'production'
+      ? path.join(app.getAppPath(), './locales')
+      : path.resolve('./locales'),
   devMode: false
 })
 
diff --git a/browser/lib/keygen.js b/browser/lib/keygen.js
index 557a8a40..81c8a868 100644
--- a/browser/lib/keygen.js
+++ b/browser/lib/keygen.js
@@ -1,7 +1,7 @@
 const crypto = require('crypto')
 const uuidv4 = require('uuid/v4')
 
-module.exports = function (uuid) {
+module.exports = function(uuid) {
   if (typeof uuid === typeof true && uuid) {
     return uuidv4()
   }
diff --git a/browser/lib/markdown-it-deflist.js b/browser/lib/markdown-it-deflist.js
index db14c636..a6b30f48 100644
--- a/browser/lib/markdown-it-deflist.js
+++ b/browser/lib/markdown-it-deflist.js
@@ -1,35 +1,44 @@
 'use strict'
 
-module.exports = function definitionListPlugin (md) {
+module.exports = function definitionListPlugin(md) {
   var isSpace = md.utils.isSpace
 
   // Search `[:~][\n ]`, returns next pos after marker on success
   // or -1 on fail.
-  function skipMarker (state, line) {
+  function skipMarker(state, line) {
     let start = state.bMarks[line] + state.tShift[line]
     const max = state.eMarks[line]
 
-    if (start >= max) { return -1 }
+    if (start >= max) {
+      return -1
+    }
 
     // Check bullet
     const marker = state.src.charCodeAt(start++)
-    if (marker !== 0x7E/* ~ */ && marker !== 0x3A/* : */) { return -1 }
+    if (marker !== 0x7e /* ~ */ && marker !== 0x3a /* : */) {
+      return -1
+    }
 
     const pos = state.skipSpaces(start)
 
     // require space after ":"
-    if (start === pos) { return -1 }
+    if (start === pos) {
+      return -1
+    }
 
     return start
   }
 
-  function markTightParagraphs (state, idx) {
+  function markTightParagraphs(state, idx) {
     const level = state.level + 2
 
     let i
     let l
     for (i = idx + 2, l = state.tokens.length - 2; i < l; i++) {
-      if (state.tokens[i].level === level && state.tokens[i].type === 'paragraph_open') {
+      if (
+        state.tokens[i].level === level &&
+        state.tokens[i].type === 'paragraph_open'
+      ) {
         state.tokens[i + 2].hidden = true
         state.tokens[i].hidden = true
         i += 2
@@ -37,7 +46,7 @@ module.exports = function definitionListPlugin (md) {
     }
   }
 
-  function deflist (state, startLine, endLine, silent) {
+  function deflist(state, startLine, endLine, silent) {
     var ch,
       contentStart,
       ddLine,
@@ -63,28 +72,38 @@ module.exports = function definitionListPlugin (md) {
 
     if (silent) {
       // quirk: validation mode validates a dd block only, not a whole deflist
-      if (state.ddIndent < 0) { return false }
+      if (state.ddIndent < 0) {
+        return false
+      }
       return skipMarker(state, startLine) >= 0
     }
 
     nextLine = startLine + 1
-    if (nextLine >= endLine) { return false }
+    if (nextLine >= endLine) {
+      return false
+    }
 
     if (state.isEmpty(nextLine)) {
       nextLine++
-      if (nextLine >= endLine) { return false }
+      if (nextLine >= endLine) {
+        return false
+      }
     }
 
-    if (state.sCount[nextLine] < state.blkIndent) { return false }
+    if (state.sCount[nextLine] < state.blkIndent) {
+      return false
+    }
     contentStart = skipMarker(state, nextLine)
-    if (contentStart < 0) { return false }
+    if (contentStart < 0) {
+      return false
+    }
 
     // Start list
     listTokIdx = state.tokens.length
     tight = true
 
     token = state.push('dl_open', 'dl', 1)
-    token.map = listLines = [ startLine, 0 ]
+    token.map = listLines = [startLine, 0]
 
     //
     // Iterate list items
@@ -100,34 +119,38 @@ module.exports = function definitionListPlugin (md) {
     // needed to break out of the second one
     //
     /* eslint no-labels:0,block-scoped-var:0 */
-    OUTER:
-    for (;;) {
+    OUTER: for (;;) {
       prevEmptyEnd = false
 
       token = state.push('dt_open', 'dt', 1)
-      token.map = [ dtLine, dtLine ]
+      token.map = [dtLine, dtLine]
 
       token = state.push('inline', '', 0)
-      token.map = [ dtLine, dtLine ]
-      token.content = state.getLines(dtLine, dtLine + 1, state.blkIndent, false).trim()
+      token.map = [dtLine, dtLine]
+      token.content = state
+        .getLines(dtLine, dtLine + 1, state.blkIndent, false)
+        .trim()
       token.children = []
 
       token = state.push('dt_close', 'dt', -1)
 
       for (;;) {
         token = state.push('dd_open', 'dd', 1)
-        token.map = itemLines = [ ddLine, 0 ]
+        token.map = itemLines = [ddLine, 0]
 
         pos = contentStart
         max = state.eMarks[ddLine]
-        offset = state.sCount[ddLine] + contentStart - (state.bMarks[ddLine] + state.tShift[ddLine])
+        offset =
+          state.sCount[ddLine] +
+          contentStart -
+          (state.bMarks[ddLine] + state.tShift[ddLine])
 
         while (pos < max) {
           ch = state.src.charCodeAt(pos)
 
           if (isSpace(ch)) {
             if (ch === 0x09) {
-              offset += 4 - offset % 4
+              offset += 4 - (offset % 4)
             } else {
               offset++
             }
@@ -153,8 +176,11 @@ module.exports = function definitionListPlugin (md) {
         state.parentType = 'deflist'
 
         newEndLine = ddLine
-        while (++newEndLine < endLine && (state.sCount[newEndLine] >= state.sCount[ddLine] || state.isEmpty(newEndLine))) {
-        }
+        while (
+          ++newEndLine < endLine &&
+          (state.sCount[newEndLine] >= state.sCount[ddLine] ||
+            state.isEmpty(newEndLine))
+        ) {}
 
         oldLineMax = state.lineMax
         state.lineMax = newEndLine
@@ -169,7 +195,7 @@ module.exports = function definitionListPlugin (md) {
         }
         // Item become loose if finish with empty line,
         // but we should filter last element, because it means list finish
-        prevEmptyEnd = (state.line - ddLine) > 1 && state.isEmpty(state.line - 1)
+        prevEmptyEnd = state.line - ddLine > 1 && state.isEmpty(state.line - 1)
 
         state.tShift[ddLine] = oldTShift
         state.sCount[ddLine] = oldSCount
@@ -182,11 +208,17 @@ module.exports = function definitionListPlugin (md) {
 
         itemLines[1] = nextLine = state.line
 
-        if (nextLine >= endLine) { break OUTER }
+        if (nextLine >= endLine) {
+          break OUTER
+        }
 
-        if (state.sCount[nextLine] < state.blkIndent) { break OUTER }
+        if (state.sCount[nextLine] < state.blkIndent) {
+          break OUTER
+        }
         contentStart = skipMarker(state, nextLine)
-        if (contentStart < 0) { break }
+        if (contentStart < 0) {
+          break
+        }
 
         ddLine = nextLine
 
@@ -194,20 +226,36 @@ module.exports = function definitionListPlugin (md) {
         // insert DD tag and repeat checking
       }
 
-      if (nextLine >= endLine) { break }
+      if (nextLine >= endLine) {
+        break
+      }
       dtLine = nextLine
 
-      if (state.isEmpty(dtLine)) { break }
-      if (state.sCount[dtLine] < state.blkIndent) { break }
+      if (state.isEmpty(dtLine)) {
+        break
+      }
+      if (state.sCount[dtLine] < state.blkIndent) {
+        break
+      }
 
       ddLine = dtLine + 1
-      if (ddLine >= endLine) { break }
-      if (state.isEmpty(ddLine)) { ddLine++ }
-      if (ddLine >= endLine) { break }
+      if (ddLine >= endLine) {
+        break
+      }
+      if (state.isEmpty(ddLine)) {
+        ddLine++
+      }
+      if (ddLine >= endLine) {
+        break
+      }
 
-      if (state.sCount[ddLine] < state.blkIndent) { break }
+      if (state.sCount[ddLine] < state.blkIndent) {
+        break
+      }
       contentStart = skipMarker(state, ddLine)
-      if (contentStart < 0) { break }
+      if (contentStart < 0) {
+        break
+      }
 
       // go to the next loop iteration:
       // insert DT and DD tags and repeat checking
@@ -228,5 +276,7 @@ module.exports = function definitionListPlugin (md) {
     return true
   }
 
-  md.block.ruler.before('paragraph', 'deflist', deflist, { alt: [ 'paragraph', 'reference' ] })
+  md.block.ruler.before('paragraph', 'deflist', deflist, {
+    alt: ['paragraph', 'reference']
+  })
 }
diff --git a/browser/lib/markdown-it-fence.js b/browser/lib/markdown-it-fence.js
index f2f7e999..1346a122 100644
--- a/browser/lib/markdown-it-fence.js
+++ b/browser/lib/markdown-it-fence.js
@@ -1,9 +1,9 @@
 'use strict'
 
-module.exports = function (md, renderers, defaultRenderer) {
+module.exports = function(md, renderers, defaultRenderer) {
   const paramsRE = /^[ \t]*([\w+#-]+)?(?:\(((?:\s*\w[-\w]*(?:=(?:'(?:.*?[^\\])?'|"(?:.*?[^\\])?"|(?:[^'"][^\s]*)))?)*)\))?(?::([^:]*)(?::(\d+))?)?\s*$/
 
-  function fence (state, startLine, endLine, silent) {
+  function fence(state, startLine, endLine, silent) {
     let pos = state.bMarks[startLine] + state.tShift[startLine]
     let max = state.eMarks[startLine]
 
@@ -12,7 +12,7 @@ module.exports = function (md, renderers, defaultRenderer) {
     }
 
     const marker = state.src.charCodeAt(pos)
-    if (marker !== 0x7E/* ~ */ && marker !== 0x60 /* ` */) {
+    if (marker !== 0x7e /* ~ */ && marker !== 0x60 /* ` */) {
       return false
     }
 
@@ -46,7 +46,10 @@ module.exports = function (md, renderers, defaultRenderer) {
       if (pos < max && state.sCount[nextLine] < state.blkIndent) {
         break
       }
-      if (state.src.charCodeAt(pos) !== marker || state.sCount[nextLine] - state.blkIndent >= 4) {
+      if (
+        state.src.charCodeAt(pos) !== marker ||
+        state.sCount[nextLine] - state.blkIndent >= 4
+      ) {
         continue
       }
 
@@ -127,10 +130,12 @@ module.exports = function (md, renderers, defaultRenderer) {
   })
 
   for (const name in renderers) {
-    md.renderer.rules[`${name}_fence`] = (tokens, index) => renderers[name](tokens[index])
+    md.renderer.rules[`${name}_fence`] = (tokens, index) =>
+      renderers[name](tokens[index])
   }
 
   if (defaultRenderer) {
-    md.renderer.rules['_fence'] = (tokens, index) => defaultRenderer(tokens[index])
+    md.renderer.rules['_fence'] = (tokens, index) =>
+      defaultRenderer(tokens[index])
   }
 }
diff --git a/browser/lib/markdown-it-frontmatter.js b/browser/lib/markdown-it-frontmatter.js
index 66d8ce89..f101dd73 100644
--- a/browser/lib/markdown-it-frontmatter.js
+++ b/browser/lib/markdown-it-frontmatter.js
@@ -1,14 +1,19 @@
 'use strict'
 
-module.exports = function frontMatterPlugin (md) {
-  function frontmatter (state, startLine, endLine, silent) {
-    if (startLine !== 0 || state.src.substr(startLine, state.eMarks[0]) !== '---') {
+module.exports = function frontMatterPlugin(md) {
+  function frontmatter(state, startLine, endLine, silent) {
+    if (
+      startLine !== 0 ||
+      state.src.substr(startLine, state.eMarks[0]) !== '---'
+    ) {
       return false
     }
 
     let line = 0
     while (++line < state.lineMax) {
-      if (state.src.substring(state.bMarks[line], state.eMarks[line]) === '---') {
+      if (
+        state.src.substring(state.bMarks[line], state.eMarks[line]) === '---'
+      ) {
         state.line = line + 1
 
         return true
@@ -19,6 +24,6 @@ module.exports = function frontMatterPlugin (md) {
   }
 
   md.block.ruler.before('table', 'frontmatter', frontmatter, {
-    alt: [ 'paragraph', 'reference', 'blockquote', 'list' ]
+    alt: ['paragraph', 'reference', 'blockquote', 'list']
   })
 }
diff --git a/browser/lib/markdown-it-sanitize-html.js b/browser/lib/markdown-it-sanitize-html.js
index 641216e3..b93e866f 100644
--- a/browser/lib/markdown-it-sanitize-html.js
+++ b/browser/lib/markdown-it-sanitize-html.js
@@ -4,7 +4,7 @@ import sanitizeHtml from 'sanitize-html'
 import { escapeHtmlCharacters } from './utils'
 import url from 'url'
 
-module.exports = function sanitizePlugin (md, options) {
+module.exports = function sanitizePlugin(md, options) {
   options = options || {}
 
   md.core.ruler.after('linkify', 'sanitize_inline', state => {
@@ -38,15 +38,20 @@ module.exports = function sanitizePlugin (md, options) {
 }
 
 const tagRegex = /<([A-Z][A-Z0-9]*)\s*((?:\s*[A-Z][A-Z0-9]*(?:=("|')(?:[^\3]+?)\3)?)*)\s*\/?>|<\/([A-Z][A-Z0-9]*)\s*>/i
-const attributesRegex = /([A-Z][A-Z0-9]*)(?:=("|')([^\2]+?)\2)?/ig
+const attributesRegex = /([A-Z][A-Z0-9]*)(?:=("|')([^\2]+?)\2)?/gi
 
-function sanitizeInline (html, options) {
+function sanitizeInline(html, options) {
   let match = tagRegex.exec(html)
   if (!match) {
     return ''
   }
 
-  const { allowedTags, allowedAttributes, selfClosing, allowedSchemesAppliedToAttributes } = options
+  const {
+    allowedTags,
+    allowedAttributes,
+    selfClosing,
+    allowedSchemesAppliedToAttributes
+  } = options
 
   if (match[1] !== undefined) {
     // opening tag
@@ -65,9 +70,17 @@ function sanitizeInline (html, options) {
       name = match[1].toLowerCase()
       value = match[3]
 
-      if (allowedAttributes['*'].indexOf(name) !== -1 || (allowedAttributes[tag] && allowedAttributes[tag].indexOf(name) !== -1)) {
+      if (
+        allowedAttributes['*'].indexOf(name) !== -1 ||
+        (allowedAttributes[tag] && allowedAttributes[tag].indexOf(name) !== -1)
+      ) {
         if (allowedSchemesAppliedToAttributes.indexOf(name) !== -1) {
-          if (naughtyHRef(value, options) || (tag === 'iframe' && name === 'src' && naughtyIFrame(value, options))) {
+          if (
+            naughtyHRef(value, options) ||
+            (tag === 'iframe' &&
+              name === 'src' &&
+              naughtyIFrame(value, options))
+          ) {
             continue
           }
         }
@@ -94,7 +107,7 @@ function sanitizeInline (html, options) {
   }
 }
 
-function naughtyHRef (href, options) {
+function naughtyHRef(href, options) {
   // href = href.replace(/[\x00-\x20]+/g, '')
   if (!href) {
     // No href
@@ -117,7 +130,7 @@ function naughtyHRef (href, options) {
   return options.allowedSchemes.indexOf(scheme) === -1
 }
 
-function naughtyIFrame (src, options) {
+function naughtyIFrame(src, options) {
   try {
     const parsed = url.parse(src, false, true)
 
diff --git a/browser/lib/markdown-toc-generator.js b/browser/lib/markdown-toc-generator.js
index 7c76c1f3..900aef18 100644
--- a/browser/lib/markdown-toc-generator.js
+++ b/browser/lib/markdown-toc-generator.js
@@ -12,7 +12,7 @@ const hasProp = Object.prototype.hasOwnProperty
 /**
  * From @enyaxu/markdown-it-anchor
  */
-function uniqueSlug (slug, slugs, opts) {
+function uniqueSlug(slug, slugs, opts) {
   let uniq = slug
   let i = opts.uniqueSlugStartIndex
   while (hasProp.call(slugs, uniq)) uniq = `${slug}-${i++}`
@@ -20,7 +20,7 @@ function uniqueSlug (slug, slugs, opts) {
   return uniq
 }
 
-function linkify (token) {
+function linkify(token) {
   token.content = mdlink(token.content, `#${decodeURI(token.slug)}`)
   return token
 }
@@ -36,8 +36,8 @@ const tocRegex = new RegExp(`${TOC_MARKER_START}[\\s\\S]*?${TOC_MARKER_END}`)
  * Otherwise,TOC is updated in place.
  * @param editor CodeMirror editor to be updated with TOC
  */
-export function generateInEditor (editor) {
-  function updateExistingToc () {
+export function generateInEditor(editor) {
+  function updateExistingToc() {
     const toc = generate(editor.getValue())
     const search = editor.getSearchCursor(tocRegex)
     while (search.findNext()) {
@@ -45,8 +45,10 @@ export function generateInEditor (editor) {
     }
   }
 
-  function addTocAtCursorPosition () {
-    const toc = generate(editor.getRange(editor.getCursor(), {line: Infinity}))
+  function addTocAtCursorPosition() {
+    const toc = generate(
+      editor.getRange(editor.getCursor(), { line: Infinity })
+    )
     editor.replaceRange(wrapTocWithEol(toc, editor), editor.getCursor())
   }
 
@@ -57,7 +59,7 @@ export function generateInEditor (editor) {
   }
 }
 
-export function tocExistsInEditor (editor) {
+export function tocExistsInEditor(editor) {
   return tocRegex.test(editor.getValue())
 }
 
@@ -66,7 +68,7 @@ export function tocExistsInEditor (editor) {
  * @param markdownText MD document
  * @returns generatedTOC String containing generated TOC
  */
-export function generate (markdownText) {
+export function generate(markdownText) {
   const slugs = {}
   const opts = {
     uniqueSlugStartIndex: 1
@@ -86,9 +88,12 @@ export function generate (markdownText) {
   return TOC_MARKER_START + EOL + EOL + md + EOL + EOL + TOC_MARKER_END
 }
 
-function wrapTocWithEol (toc, editor) {
+function wrapTocWithEol(toc, editor) {
   const leftWrap = editor.getCursor().ch === 0 ? '' : EOL
-  const rightWrap = editor.getLine(editor.getCursor().line).length === editor.getCursor().ch ? '' : EOL
+  const rightWrap =
+    editor.getLine(editor.getCursor().line).length === editor.getCursor().ch
+      ? ''
+      : EOL
   return leftWrap + toc + rightWrap
 }
 
diff --git a/browser/lib/markdown.js b/browser/lib/markdown.js
index c915f0ed..29a3b70b 100644
--- a/browser/lib/markdown.js
+++ b/browser/lib/markdown.js
@@ -10,18 +10,20 @@ import ConfigManager from 'browser/main/lib/ConfigManager'
 import katex from 'katex'
 import { lastFindInArray } from './utils'
 
-function createGutter (str, firstLineNumber) {
+function createGutter(str, firstLineNumber) {
   if (Number.isNaN(firstLineNumber)) firstLineNumber = 1
   const lastLineNumber = (str.match(/\n/g) || []).length + firstLineNumber - 1
   const lines = []
   for (let i = firstLineNumber; i <= lastLineNumber; i++) {
     lines.push('<span class="CodeMirror-linenumber">' + i + '</span>')
   }
-  return '<span class="lineNumber CodeMirror-gutters">' + lines.join('') + '</span>'
+  return (
+    '<span class="lineNumber CodeMirror-gutters">' + lines.join('') + '</span>'
+  )
 }
 
 class Markdown {
-  constructor (options = {}) {
+  constructor(options = {}) {
     const config = ConfigManager.get()
     const defaultOptions = {
       typographer: config.preview.smartQuotes,
@@ -37,29 +39,129 @@ class Markdown {
     this.md.linkify.set({ fuzzyLink: false })
 
     if (updatedOptions.sanitize !== 'NONE') {
-      const allowedTags = ['iframe', 'input', 'b',
-        'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'h7', 'h8', 'br', 'b', 'i', 'strong', 'em', 'a', 'pre', 'code', 'img', 'tt',
-        'div', 'ins', 'del', 'sup', 'sub', 'p', 'ol', 'ul', 'table', 'thead', 'tbody', 'tfoot', 'blockquote',
-        'dl', 'dt', 'dd', 'kbd', 'q', 'samp', 'var', 'hr', 'ruby', 'rt', 'rp', 'li', 'tr', 'td', 'th', 's', 'strike', 'summary', 'details'
+      const allowedTags = [
+        'iframe',
+        'input',
+        'b',
+        'h1',
+        'h2',
+        'h3',
+        'h4',
+        'h5',
+        'h6',
+        'h7',
+        'h8',
+        'br',
+        'b',
+        'i',
+        'strong',
+        'em',
+        'a',
+        'pre',
+        'code',
+        'img',
+        'tt',
+        'div',
+        'ins',
+        'del',
+        'sup',
+        'sub',
+        'p',
+        'ol',
+        'ul',
+        'table',
+        'thead',
+        'tbody',
+        'tfoot',
+        'blockquote',
+        'dl',
+        'dt',
+        'dd',
+        'kbd',
+        'q',
+        'samp',
+        'var',
+        'hr',
+        'ruby',
+        'rt',
+        'rp',
+        'li',
+        'tr',
+        'td',
+        'th',
+        's',
+        'strike',
+        'summary',
+        'details'
       ]
       const allowedAttributes = [
-        'abbr', 'accept', 'accept-charset',
-        'accesskey', 'action', 'align', 'alt', 'axis',
-        'border', 'cellpadding', 'cellspacing', 'char',
-        'charoff', 'charset', 'checked',
-        'clear', 'cols', 'colspan', 'color',
-        'compact', 'coords', 'datetime', 'dir',
-        'disabled', 'enctype', 'for', 'frame',
-        'headers', 'height', 'hreflang',
-        'hspace', 'ismap', 'label', 'lang',
-        'maxlength', 'media', 'method',
-        'multiple', 'name', 'nohref', 'noshade',
-        'nowrap', 'open', 'prompt', 'readonly', 'rel', 'rev',
-        'rows', 'rowspan', 'rules', 'scope',
-        'selected', 'shape', 'size', 'span',
-        'start', 'summary', 'tabindex', 'target',
-        'title', 'type', 'usemap', 'valign', 'value',
-        'vspace', 'width', 'itemprop'
+        'abbr',
+        'accept',
+        'accept-charset',
+        'accesskey',
+        'action',
+        'align',
+        'alt',
+        'axis',
+        'border',
+        'cellpadding',
+        'cellspacing',
+        'char',
+        'charoff',
+        'charset',
+        'checked',
+        'clear',
+        'cols',
+        'colspan',
+        'color',
+        'compact',
+        'coords',
+        'datetime',
+        'dir',
+        'disabled',
+        'enctype',
+        'for',
+        'frame',
+        'headers',
+        'height',
+        'hreflang',
+        'hspace',
+        'ismap',
+        'label',
+        'lang',
+        'maxlength',
+        'media',
+        'method',
+        'multiple',
+        'name',
+        'nohref',
+        'noshade',
+        'nowrap',
+        'open',
+        'prompt',
+        'readonly',
+        'rel',
+        'rev',
+        'rows',
+        'rowspan',
+        'rules',
+        'scope',
+        'selected',
+        'shape',
+        'size',
+        'span',
+        'start',
+        'summary',
+        'tabindex',
+        'target',
+        'title',
+        'type',
+        'usemap',
+        'valign',
+        'value',
+        'vspace',
+        'width',
+        'itemprop'
       ]
 
       if (updatedOptions.sanitize === 'ALLOW_STYLES') {
@@ -72,20 +174,20 @@ class Markdown {
         allowedTags,
         allowedAttributes: {
           '*': allowedAttributes,
-          'a': ['href'],
-          'div': ['itemscope', 'itemtype'],
-          'blockquote': ['cite'],
-          'del': ['cite'],
-          'ins': ['cite'],
-          'q': ['cite'],
-          'img': ['src', 'width', 'height'],
-          'iframe': ['src', 'width', 'height', 'frameborder', 'allowfullscreen'],
-          'input': ['type', 'id', 'checked']
+          a: ['href'],
+          div: ['itemscope', 'itemtype'],
+          blockquote: ['cite'],
+          del: ['cite'],
+          ins: ['cite'],
+          q: ['cite'],
+          img: ['src', 'width', 'height'],
+          iframe: ['src', 'width', 'height', 'frameborder', 'allowfullscreen'],
+          input: ['type', 'id', 'checked']
         },
         allowedIframeHostnames: ['www.youtube.com'],
-        selfClosing: [ 'img', 'br', 'hr', 'input' ],
-        allowedSchemes: [ 'http', 'https', 'ftp', 'mailto' ],
-        allowedSchemesAppliedToAttributes: [ 'href', 'src', 'cite' ],
+        selfClosing: ['img', 'br', 'hr', 'input'],
+        allowedSchemes: ['http', 'https', 'ftp', 'mailto'],
+        allowedSchemesAppliedToAttributes: ['href', 'src', 'cite'],
         allowProtocolRelative: true
       })
     }
@@ -98,7 +200,7 @@ class Markdown {
       inlineClose: config.preview.latexInlineClose,
       blockOpen: config.preview.latexBlockOpen,
       blockClose: config.preview.latexBlockClose,
-      inlineRenderer: function (str) {
+      inlineRenderer: function(str) {
         let output = ''
         try {
           output = katex.renderToString(str.trim())
@@ -107,7 +209,7 @@ class Markdown {
         }
         return output
       },
-      blockRenderer: function (str) {
+      blockRenderer: function(str) {
         let output = ''
         try {
           output = katex.renderToString(str.trim(), { displayMode: true })
@@ -124,7 +226,19 @@ class Markdown {
       slugify: require('./slugify')
     })
     this.md.use(require('markdown-it-kbd'))
-    this.md.use(require('markdown-it-admonition'), {types: ['note', 'hint', 'attention', 'caution', 'danger', 'error', 'quote', 'abstract', 'question']})
+    this.md.use(require('markdown-it-admonition'), {
+      types: [
+        'note',
+        'hint',
+        'attention',
+        'caution',
+        'danger',
+        'error',
+        'quote',
+        'abstract',
+        'question'
+      ]
+    })
     this.md.use(require('markdown-it-abbr'))
     this.md.use(require('markdown-it-sub'))
     this.md.use(require('markdown-it-sup'))
@@ -144,63 +258,86 @@ class Markdown {
     this.md.use(require('./markdown-it-deflist'))
     this.md.use(require('./markdown-it-frontmatter'))
 
-    this.md.use(require('./markdown-it-fence'), {
-      chart: token => {
-        if (token.parameters.hasOwnProperty('yaml')) {
-          token.parameters.format = 'yaml'
-        }
-
-        return `<pre class="fence" data-line="${token.map[0]}">
-          <span class="filename">${token.fileName}</span>
-          <div class="chart" data-height="${token.parameters.height}" data-format="${token.parameters.format || 'json'}">${token.content}</div>
-        </pre>`
-      },
-      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}">${token.content}</div>
-        </pre>`
-      },
-      gallery: token => {
-        const content = token.content.split('\n').slice(0, -1).map(line => {
-          const match = /!\[[^\]]*]\(([^\)]*)\)/.exec(line)
-          if (match) {
-            return mdurl.encode(match[1])
-          } else {
-            return mdurl.encode(line)
+    this.md.use(
+      require('./markdown-it-fence'),
+      {
+        chart: token => {
+          if (token.parameters.hasOwnProperty('yaml')) {
+            token.parameters.format = 'yaml'
           }
-        }).join('\n')
 
-        return `<pre class="fence" data-line="${token.map[0]}">
+          return `<pre class="fence" data-line="${token.map[0]}">
           <span class="filename">${token.fileName}</span>
-          <div class="gallery" data-autoplay="${token.parameters.autoplay}" data-height="${token.parameters.height}">${content}</div>
+          <div class="chart" data-height="${
+            token.parameters.height
+          }" data-format="${token.parameters.format || 'json'}">${
+            token.content
+          }</div>
         </pre>`
+        },
+        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}">${
+            token.content
+          }</div>
+        </pre>`
+        },
+        gallery: token => {
+          const content = token.content
+            .split('\n')
+            .slice(0, -1)
+            .map(line => {
+              const match = /!\[[^\]]*]\(([^\)]*)\)/.exec(line)
+              if (match) {
+                return mdurl.encode(match[1])
+              } else {
+                return mdurl.encode(line)
+              }
+            })
+            .join('\n')
+
+          return `<pre class="fence" data-line="${token.map[0]}">
+          <span class="filename">${token.fileName}</span>
+          <div class="gallery" data-autoplay="${
+            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}">${
+            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}">${
+            token.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}">${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}">${token.content}</div>
-        </pre>`
-      }
-    }, token => {
-      return `<pre class="code CodeMirror" data-line="${token.map[0]}">
+      token => {
+        return `<pre class="code CodeMirror" data-line="${token.map[0]}">
         <span class="filename">${token.fileName}</span>
         ${createGutter(token.content, token.firstLineNumber)}
         <code class="${token.langType}">${token.content}</code>
       </pre>`
-    })
+      }
+    )
 
     const deflate = require('markdown-it-plantuml/lib/deflate')
     const plantuml = require('markdown-it-plantuml')
-    const plantUmlStripTrailingSlash = (url) => url.endsWith('/') ? url.slice(0, -1) : url
-    const plantUmlServerAddress = plantUmlStripTrailingSlash(config.preview.plantUMLServerAddress)
-    const parsePlantUml = function (umlCode, openMarker, closeMarker, type) {
+    const plantUmlStripTrailingSlash = url =>
+      url.endsWith('/') ? url.slice(0, -1) : url
+    const plantUmlServerAddress = plantUmlStripTrailingSlash(
+      config.preview.plantUMLServerAddress
+    )
+    const parsePlantUml = function(umlCode, openMarker, closeMarker, type) {
       const s = unescape(encodeURIComponent(umlCode))
       const zippedCode = deflate.encode64(
         deflate.zip_deflate(`${openMarker}\n${s}\n${closeMarker}`, 9)
@@ -209,39 +346,47 @@ class Markdown {
     }
 
     this.md.use(plantuml, {
-      generateSource: (umlCode) => parsePlantUml(umlCode, '@startuml', '@enduml', 'svg')
+      generateSource: umlCode =>
+        parsePlantUml(umlCode, '@startuml', '@enduml', 'svg')
     })
 
     // Ditaa support. PlantUML server doesn't support Ditaa in SVG, so we set the format as PNG at the moment.
     this.md.use(plantuml, {
       openMarker: '@startditaa',
       closeMarker: '@endditaa',
-      generateSource: (umlCode) => parsePlantUml(umlCode, '@startditaa', '@endditaa', 'png')
+      generateSource: umlCode =>
+        parsePlantUml(umlCode, '@startditaa', '@endditaa', 'png')
     })
 
     // Mindmap support
     this.md.use(plantuml, {
       openMarker: '@startmindmap',
       closeMarker: '@endmindmap',
-      generateSource: (umlCode) => parsePlantUml(umlCode, '@startmindmap', '@endmindmap', 'svg')
+      generateSource: umlCode =>
+        parsePlantUml(umlCode, '@startmindmap', '@endmindmap', 'svg')
     })
 
     // WBS support
     this.md.use(plantuml, {
       openMarker: '@startwbs',
       closeMarker: '@endwbs',
-      generateSource: (umlCode) => parsePlantUml(umlCode, '@startwbs', '@endwbs', 'svg')
+      generateSource: umlCode =>
+        parsePlantUml(umlCode, '@startwbs', '@endwbs', 'svg')
     })
 
     // Gantt support
     this.md.use(plantuml, {
       openMarker: '@startgantt',
       closeMarker: '@endgantt',
-      generateSource: (umlCode) => parsePlantUml(umlCode, '@startgantt', '@endgantt', 'svg')
+      generateSource: umlCode =>
+        parsePlantUml(umlCode, '@startgantt', '@endgantt', 'svg')
     })
 
     // Override task item
-    this.md.block.ruler.at('paragraph', function (state, startLine/*, endLine */) {
+    this.md.block.ruler.at('paragraph', function(
+      state,
+      startLine /*, endLine */
+    ) {
       let content, terminate, i, l, token
       let nextLine = startLine + 1
       const terminatorRules = state.md.block.ruler.getRules('paragraph')
@@ -251,10 +396,14 @@ class Markdown {
       for (; nextLine < endLine && !state.isEmpty(nextLine); nextLine++) {
         // this would be a code block normally, but after paragraph
         // it's considered a lazy continuation regardless of what's there
-        if (state.sCount[nextLine] - state.blkIndent > 3) { continue }
+        if (state.sCount[nextLine] - state.blkIndent > 3) {
+          continue
+        }
 
         // quirk for blockquotes, this line should already be checked by that rule
-        if (state.sCount[nextLine] < 0) { continue }
+        if (state.sCount[nextLine] < 0) {
+          continue
+        }
 
         // Some tags can terminate paragraph without empty line.
         terminate = false
@@ -264,10 +413,14 @@ class Markdown {
             break
           }
         }
-        if (terminate) { break }
+        if (terminate) {
+          break
+        }
       }
 
-      content = state.getLines(startLine, nextLine, state.blkIndent, false).trim()
+      content = state
+        .getLines(startLine, nextLine, state.blkIndent, false)
+        .trim()
 
       state.line = nextLine
 
@@ -277,18 +430,31 @@ class Markdown {
       if (state.parentType === 'list') {
         const match = content.match(/^\[( |x)\] ?(.+)/i)
         if (match) {
-          const liToken = lastFindInArray(state.tokens, token => token.type === 'list_item_open')
+          const liToken = lastFindInArray(
+            state.tokens,
+            token => token.type === 'list_item_open'
+          )
           if (liToken) {
             if (!liToken.attrs) {
               liToken.attrs = []
             }
             if (config.preview.lineThroughCheckbox) {
-              liToken.attrs.push(['class', `taskListItem${match[1] !== ' ' ? ' checked' : ''}`])
+              liToken.attrs.push([
+                'class',
+                `taskListItem${match[1] !== ' ' ? ' checked' : ''}`
+              ])
             } else {
               liToken.attrs.push(['class', 'taskListItem'])
             }
           }
-          content = `<label class='taskListItem${match[1] !== ' ' ? ' checked' : ''}' for='checkbox-${startLine + 1}'><input type='checkbox'${match[1] !== ' ' ? ' checked' : ''} id='checkbox-${startLine + 1}'/> ${content.substring(4, content.length)}</label>`
+          content = `<label class='taskListItem${
+            match[1] !== ' ' ? ' checked' : ''
+          }' for='checkbox-${startLine + 1}'><input type='checkbox'${
+            match[1] !== ' ' ? ' checked' : ''
+          } id='checkbox-${startLine + 1}'/> ${content.substring(
+            4,
+            content.length
+          )}</label>`
         }
       }
 
@@ -309,7 +475,7 @@ class Markdown {
     // Add line number attribute for scrolling
     const originalRender = this.md.renderer.render
     this.md.renderer.render = (tokens, options, env) => {
-      tokens.forEach((token) => {
+      tokens.forEach(token => {
         switch (token.type) {
           case 'blockquote_open':
           case 'dd_open':
@@ -330,7 +496,7 @@ class Markdown {
     window.md = this.md
   }
 
-  render (content) {
+  render(content) {
     if (!_.isString(content)) content = ''
     return this.md.render(content)
   }
diff --git a/browser/lib/markdownTextHelper.js b/browser/lib/markdownTextHelper.js
index 1657efd9..bb2ed938 100644
--- a/browser/lib/markdownTextHelper.js
+++ b/browser/lib/markdownTextHelper.js
@@ -6,7 +6,7 @@
  * @param {string} input
  * @return {string}
  */
-export function strip (input) {
+export function strip(input) {
   let output = input
   try {
     output = output
diff --git a/browser/lib/newNote.js b/browser/lib/newNote.js
index 4eec24f1..024ae21b 100644
--- a/browser/lib/newNote.js
+++ b/browser/lib/newNote.js
@@ -4,12 +4,22 @@ import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
 import queryString from 'query-string'
 import { push } from 'connected-react-router'
 
-export function createMarkdownNote (storage, folder, dispatch, location, params, config) {
+export function createMarkdownNote(
+  storage,
+  folder,
+  dispatch,
+  location,
+  params,
+  config
+) {
   AwsMobileAnalyticsConfig.recordDynamicCustomEvent('ADD_MARKDOWN')
   AwsMobileAnalyticsConfig.recordDynamicCustomEvent('ADD_ALLNOTE')
 
   let tags = []
-  if (config.ui.tagNewNoteWithFilteringTags && location.pathname.match(/\/tags/)) {
+  if (
+    config.ui.tagNewNoteWithFilteringTags &&
+    location.pathname.match(/\/tags/)
+  ) {
     tags = params.tagname.split(' ')
   }
 
@@ -29,25 +39,40 @@ export function createMarkdownNote (storage, folder, dispatch, location, params,
         note: note
       })
 
-      dispatch(push({
-        pathname: location.pathname,
-        search: queryString.stringify({ key: noteHash })
-      }))
+      dispatch(
+        push({
+          pathname: location.pathname,
+          search: queryString.stringify({ key: noteHash })
+        })
+      )
       ee.emit('list:jump', noteHash)
       ee.emit('detail:focus')
     })
 }
 
-export function createSnippetNote (storage, folder, dispatch, location, params, config) {
+export function createSnippetNote(
+  storage,
+  folder,
+  dispatch,
+  location,
+  params,
+  config
+) {
   AwsMobileAnalyticsConfig.recordDynamicCustomEvent('ADD_SNIPPET')
   AwsMobileAnalyticsConfig.recordDynamicCustomEvent('ADD_ALLNOTE')
 
   let tags = []
-  if (config.ui.tagNewNoteWithFilteringTags && location.pathname.match(/\/tags/)) {
+  if (
+    config.ui.tagNewNoteWithFilteringTags &&
+    location.pathname.match(/\/tags/)
+  ) {
     tags = params.tagname.split(' ')
   }
 
-  const defaultLanguage = config.editor.snippetDefaultLanguage === 'Auto Detect' ? null : config.editor.snippetDefaultLanguage
+  const defaultLanguage =
+    config.editor.snippetDefaultLanguage === 'Auto Detect'
+      ? null
+      : config.editor.snippetDefaultLanguage
 
   return dataApi
     .createNote(storage, {
@@ -71,10 +96,12 @@ export function createSnippetNote (storage, folder, dispatch, location, params,
         type: 'UPDATE_NOTE',
         note: note
       })
-      dispatch(push({
-        pathname: location.pathname,
-        search: queryString.stringify({ key: noteHash })
-      }))
+      dispatch(
+        push({
+          pathname: location.pathname,
+          search: queryString.stringify({ key: noteHash })
+        })
+      )
       ee.emit('list:jump', noteHash)
       ee.emit('detail:focus')
     })
diff --git a/browser/lib/normalizeEditorFontFamily.js b/browser/lib/normalizeEditorFontFamily.js
index a2a2ec31..21ded4ac 100644
--- a/browser/lib/normalizeEditorFontFamily.js
+++ b/browser/lib/normalizeEditorFontFamily.js
@@ -1,7 +1,7 @@
 import consts from 'browser/lib/consts'
 import isString from 'lodash/isString'
 
-export default function normalizeEditorFontFamily (fontFamily) {
+export default function normalizeEditorFontFamily(fontFamily) {
   const defaultEditorFontFamily = consts.DEFAULT_EDITOR_FONT_FAMILY
   return isString(fontFamily) && fontFamily.length > 0
     ? [fontFamily].concat(defaultEditorFontFamily).join(', ')
diff --git a/browser/lib/search.js b/browser/lib/search.js
index cf5b3b1b..4374fa94 100644
--- a/browser/lib/search.js
+++ b/browser/lib/search.js
@@ -1,31 +1,38 @@
 import _ from 'lodash'
 
-export default function searchFromNotes (notes, search) {
+export default function searchFromNotes(notes, search) {
   if (search.trim().length === 0) return []
-  const searchBlocks = search.split(' ').filter(block => { return block !== '' })
+  const searchBlocks = search.split(' ').filter(block => {
+    return block !== ''
+  })
 
   let foundNotes = notes
-  searchBlocks.forEach((block) => {
+  searchBlocks.forEach(block => {
     foundNotes = findByWordOrTag(foundNotes, block)
   })
   return foundNotes
 }
 
-function findByWordOrTag (notes, block) {
+function findByWordOrTag(notes, block) {
   let tag = block
   if (tag.match(/^#.+/)) {
     tag = tag.match(/#(.+)/)[1]
   }
   const tagRegExp = new RegExp(_.escapeRegExp(tag), 'i')
   const wordRegExp = new RegExp(_.escapeRegExp(block), 'i')
-  return notes.filter((note) => {
-    if (_.isArray(note.tags) && note.tags.some((_tag) => _tag.match(tagRegExp))) {
+  return notes.filter(note => {
+    if (_.isArray(note.tags) && note.tags.some(_tag => _tag.match(tagRegExp))) {
       return true
     }
     if (note.type === 'SNIPPET_NOTE') {
-      return note.description.match(wordRegExp) || note.snippets.some((snippet) => {
-        return snippet.name.match(wordRegExp) || snippet.content.match(wordRegExp)
-      })
+      return (
+        note.description.match(wordRegExp) ||
+        note.snippets.some(snippet => {
+          return (
+            snippet.name.match(wordRegExp) || snippet.content.match(wordRegExp)
+          )
+        })
+      )
     } else if (note.type === 'MARKDOWN_NOTE') {
       return note.content.match(wordRegExp)
     }
diff --git a/browser/lib/slugify.js b/browser/lib/slugify.js
index 21c18e02..a00b4bd0 100644
--- a/browser/lib/slugify.js
+++ b/browser/lib/slugify.js
@@ -1,10 +1,14 @@
-module.exports = function slugify (title) {
+module.exports = function slugify(title) {
   const slug = encodeURI(
-    title.trim()
+    title
+      .trim()
       .replace(/^\s+/, '')
       .replace(/\s+$/, '')
       .replace(/\s+/g, '-')
-      .replace(/[\]\[\!\'\#\$\%\&\(\)\*\+\,\.\/\:\;\<\=\>\?\@\\\^\{\|\}\~\`]/g, '')
+      .replace(
+        /[\]\[\!\'\#\$\%\&\(\)\*\+\,\.\/\:\;\<\=\>\?\@\\\^\{\|\}\~\`]/g,
+        ''
+      )
   )
 
   return slug
diff --git a/browser/lib/spellcheck.js b/browser/lib/spellcheck.js
index ab8fc81b..96aac454 100644
--- a/browser/lib/spellcheck.js
+++ b/browser/lib/spellcheck.js
@@ -12,19 +12,19 @@ const MILLISECONDS_TILL_LIVECHECK = 500
 let dictionary = null
 let self
 
-function getAvailableDictionaries () {
+function getAvailableDictionaries() {
   return [
-    {label: i18n.__('Spellcheck disabled'), value: SPELLCHECK_DISABLED},
-    {label: i18n.__('English'), value: 'en_GB'},
-    {label: i18n.__('German'), value: 'de_DE'},
-    {label: i18n.__('French'), value: 'fr_FR'}
+    { label: i18n.__('Spellcheck disabled'), value: SPELLCHECK_DISABLED },
+    { label: i18n.__('English'), value: 'en_GB' },
+    { label: i18n.__('German'), value: 'de_DE' },
+    { label: i18n.__('French'), value: 'fr_FR' }
   ]
 }
 
 /**
  * Only to be used in the tests :)
  */
-function setDictionaryForTestsOnly (newDictionary) {
+function setDictionaryForTestsOnly(newDictionary) {
   dictionary = newDictionary
 }
 
@@ -34,7 +34,7 @@ function setDictionaryForTestsOnly (newDictionary) {
  * @param {Codemirror} editor CodeMirror-Editor
  * @param {String} lang on of the values from getAvailableDictionaries()-Method
  */
-function setLanguage (editor, lang) {
+function setLanguage(editor, lang) {
   self = this
   dictionary = null
 
@@ -50,8 +50,7 @@ function setLanguage (editor, lang) {
     dictionary = new Typo(lang, false, false, {
       dictionaryPath: DICTIONARY_PATH,
       asyncLoad: true,
-      loadedCallback: () =>
-        checkWholeDocument(editor)
+      loadedCallback: () => checkWholeDocument(editor)
     })
   }
 }
@@ -60,12 +59,12 @@ function setLanguage (editor, lang) {
  * Checks the whole content of the editor for typos
  * @param {Codemirror} editor CodeMirror-Editor
  */
-function checkWholeDocument (editor) {
+function checkWholeDocument(editor) {
   const lastLine = editor.lineCount() - 1
   const textOfLastLine = editor.getLine(lastLine) || ''
   const lastChar = textOfLastLine.length
-  const from = {line: 0, ch: 0}
-  const to = {line: lastLine, ch: lastChar}
+  const from = { line: 0, ch: 0 }
+  const to = { line: lastLine, ch: lastChar }
   checkMultiLineRange(editor, from, to)
 }
 
@@ -75,15 +74,18 @@ function checkWholeDocument (editor) {
  * @param {line, ch} from starting position of the spellcheck
  * @param {line, ch} to end position of the spellcheck
  */
-function checkMultiLineRange (editor, from, to) {
-  function sortRange (pos1, pos2) {
-    if (pos1.line > pos2.line || (pos1.line === pos2.line && pos1.ch > pos2.ch)) {
-      return {from: pos2, to: pos1}
+function checkMultiLineRange(editor, from, to) {
+  function sortRange(pos1, pos2) {
+    if (
+      pos1.line > pos2.line ||
+      (pos1.line === pos2.line && pos1.ch > pos2.ch)
+    ) {
+      return { from: pos2, to: pos1 }
     }
-    return {from: pos1, to: pos2}
+    return { from: pos1, to: pos2 }
   }
 
-  const {from: smallerPos, to: higherPos} = sortRange(from, to)
+  const { from: smallerPos, to: higherPos } = sortRange(from, to)
   for (let l = smallerPos.line; l <= higherPos.line; l++) {
     const line = editor.getLine(l) || ''
     let w = 0
@@ -95,9 +97,9 @@ function checkMultiLineRange (editor, from, to) {
       wEnd = higherPos.ch
     }
     while (w <= wEnd) {
-      const wordRange = editor.findWordAt({line: l, ch: w})
+      const wordRange = editor.findWordAt({ line: l, ch: w })
       self.checkWord(editor, wordRange)
-      w += (wordRange.head.ch - wordRange.anchor.ch) + 1
+      w += wordRange.head.ch - wordRange.anchor.ch + 1
     }
   }
 }
@@ -110,13 +112,15 @@ function checkMultiLineRange (editor, from, to) {
  * @param wordRange Object specifying the range that should be checked.
  * Having the following structure: <code>{anchor: {line: integer, ch: integer}, head: {line: integer, ch: integer}}</code>
  */
-function checkWord (editor, wordRange) {
+function checkWord(editor, wordRange) {
   const word = editor.getRange(wordRange.anchor, wordRange.head)
   if (word == null || word.length <= 3) {
     return
   }
   if (!dictionary.check(word)) {
-    editor.markText(wordRange.anchor, wordRange.head, {className: styles[CSS_ERROR_CLASS]})
+    editor.markText(wordRange.anchor, wordRange.head, {
+      className: styles[CSS_ERROR_CLASS]
+    })
   }
 }
 
@@ -126,32 +130,40 @@ function checkWord (editor, wordRange) {
  * @param fromChangeObject codeMirror changeObject describing the start of the editing
  * @param toChangeObject codeMirror changeObject describing the end of the editing
  */
-function checkChangeRange (editor, fromChangeObject, toChangeObject) {
+function checkChangeRange(editor, fromChangeObject, toChangeObject) {
   /**
    * Calculate the smallest respectively largest position as a start, resp. end, position and return it
    * @param start CodeMirror change object
    * @param end CodeMirror change object
    * @returns {{start: {line: *, ch: *}, end: {line: *, ch: *}}}
    */
-  function getStartAndEnd (start, end) {
+  function getStartAndEnd(start, end) {
     const possiblePositions = [start.from, start.to, end.from, end.to]
     let smallest = start.from
     let biggest = end.to
     for (const currentPos of possiblePositions) {
-      if (currentPos.line < smallest.line || (currentPos.line === smallest.line && currentPos.ch < smallest.ch)) {
+      if (
+        currentPos.line < smallest.line ||
+        (currentPos.line === smallest.line && currentPos.ch < smallest.ch)
+      ) {
         smallest = currentPos
       }
-      if (currentPos.line > biggest.line || (currentPos.line === biggest.line && currentPos.ch > biggest.ch)) {
+      if (
+        currentPos.line > biggest.line ||
+        (currentPos.line === biggest.line && currentPos.ch > biggest.ch)
+      ) {
         biggest = currentPos
       }
     }
-    return {start: smallest, end: biggest}
+    return { start: smallest, end: biggest }
   }
 
-  if (dictionary === null || editor == null) { return }
+  if (dictionary === null || editor == null) {
+    return
+  }
 
   try {
-    const {start, end} = getStartAndEnd(fromChangeObject, toChangeObject)
+    const { start, end } = getStartAndEnd(fromChangeObject, toChangeObject)
 
     // Expand the range to include words after/before whitespaces
     start.ch = Math.max(start.ch - 1, 0)
@@ -165,29 +177,40 @@ function checkChangeRange (editor, fromChangeObject, toChangeObject) {
 
     self.checkMultiLineRange(editor, start, end)
   } catch (e) {
-    console.info('Error during the spell check. It might be due to problems figuring out the range of the new text..', e)
+    console.info(
+      'Error during the spell check. It might be due to problems figuring out the range of the new text..',
+      e
+    )
   }
 }
 
-function saveLiveSpellCheckFrom (changeObject) {
+function saveLiveSpellCheckFrom(changeObject) {
   liveSpellCheckFrom = changeObject
 }
 let liveSpellCheckFrom
-const debouncedSpellCheckLeading = _.debounce(saveLiveSpellCheckFrom, MILLISECONDS_TILL_LIVECHECK, {
-  'leading': true,
-  'trailing': false
-})
-const debouncedSpellCheck = _.debounce(checkChangeRange, MILLISECONDS_TILL_LIVECHECK, {
-  'leading': false,
-  'trailing': true
-})
+const debouncedSpellCheckLeading = _.debounce(
+  saveLiveSpellCheckFrom,
+  MILLISECONDS_TILL_LIVECHECK,
+  {
+    leading: true,
+    trailing: false
+  }
+)
+const debouncedSpellCheck = _.debounce(
+  checkChangeRange,
+  MILLISECONDS_TILL_LIVECHECK,
+  {
+    leading: false,
+    trailing: true
+  }
+)
 
 /**
  * Handles a keystroke. Buffers the input and performs a live spell check after a certain time. Uses _debounce from lodash to buffer the input
  * @param {Codemirror} editor CodeMirror-Editor
  * @param changeObject codeMirror changeObject
  */
-function handleChange (editor, changeObject) {
+function handleChange(editor, changeObject) {
   if (dictionary === null) {
     return
   }
@@ -201,7 +224,7 @@ function handleChange (editor, changeObject) {
  * @param word word to be checked
  * @returns {String[]} Array of suggestions
  */
-function getSpellingSuggestion (word) {
+function getSpellingSuggestion(word) {
   if (dictionary == null || word == null) {
     return []
   }
@@ -211,7 +234,7 @@ function getSpellingSuggestion (word) {
 /**
  * Returns the name of the CSS class used for errors
  */
-function getCSSClassName () {
+function getCSSClassName() {
   return styles[CSS_ERROR_CLASS]
 }
 
diff --git a/browser/lib/turndown.js b/browser/lib/turndown.js
index a1c3e128..aae5e1d8 100644
--- a/browser/lib/turndown.js
+++ b/browser/lib/turndown.js
@@ -1,7 +1,7 @@
 const TurndownService = require('turndown')
 const { gfm } = require('turndown-plugin-gfm')
 
-export const createTurndownService = function () {
+export const createTurndownService = function() {
   const turndown = new TurndownService()
   turndown.use(gfm)
   turndown.remove('script')
diff --git a/browser/lib/utils.js b/browser/lib/utils.js
index 9f6f1425..794b4d62 100644
--- a/browser/lib/utils.js
+++ b/browser/lib/utils.js
@@ -1,4 +1,4 @@
-export function lastFindInArray (array, callback) {
+export function lastFindInArray(array, callback) {
   for (let i = array.length - 1; i >= 0; --i) {
     if (callback(array[i], i, array)) {
       return array[i]
@@ -6,7 +6,7 @@ export function lastFindInArray (array, callback) {
   }
 }
 
-export function escapeHtmlCharacters (
+export function escapeHtmlCharacters(
   html,
   opt = { detectCodeBlock: false, skipSingleQuote: false }
 ) {
@@ -115,7 +115,7 @@ export function escapeHtmlCharacters (
   return html
 }
 
-export function isObjectEqual (a, b) {
+export function isObjectEqual(a, b) {
   const aProps = Object.getOwnPropertyNames(a)
   const bProps = Object.getOwnPropertyNames(b)
 
@@ -132,11 +132,13 @@ export function isObjectEqual (a, b) {
   return true
 }
 
-export function isMarkdownTitleURL (str) {
-  return /(^#{1,6}\s)(?:\w+:|^)\/\/(?:[^\s\.]+\.\S{2}|localhost[\:?\d]*)/.test(str)
+export function isMarkdownTitleURL(str) {
+  return /(^#{1,6}\s)(?:\w+:|^)\/\/(?:[^\s\.]+\.\S{2}|localhost[\:?\d]*)/.test(
+    str
+  )
 }
 
-export function humanFileSize (bytes) {
+export function humanFileSize(bytes) {
   const threshold = 1000
   if (Math.abs(bytes) < threshold) {
     return bytes + ' B'
diff --git a/browser/main/Detail/FolderSelect.js b/browser/main/Detail/FolderSelect.js
index 66ca1552..9a4b547e 100644
--- a/browser/main/Detail/FolderSelect.js
+++ b/browser/main/Detail/FolderSelect.js
@@ -6,7 +6,7 @@ import _ from 'lodash'
 import i18n from 'browser/lib/i18n'
 
 class FolderSelect extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -16,24 +16,27 @@ class FolderSelect extends React.Component {
     }
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.value = this.props.value
   }
 
-  componentDidUpdate () {
+  componentDidUpdate() {
     this.value = this.props.value
   }
 
-  handleClick (e) {
-    this.setState({
-      status: 'SEARCH',
-      optionIndex: -1
-    }, () => {
-      this.refs.search.focus()
-    })
+  handleClick(e) {
+    this.setState(
+      {
+        status: 'SEARCH',
+        optionIndex: -1
+      },
+      () => {
+        this.refs.search.focus()
+      }
+    )
   }
 
-  handleFocus (e) {
+  handleFocus(e) {
     if (this.state.status === 'IDLE') {
       this.setState({
         status: 'FOCUS'
@@ -41,7 +44,7 @@ class FolderSelect extends React.Component {
     }
   }
 
-  handleBlur (e) {
+  handleBlur(e) {
     if (this.state.status === 'FOCUS') {
       this.setState({
         status: 'IDLE'
@@ -49,40 +52,49 @@ class FolderSelect extends React.Component {
     }
   }
 
-  handleKeyDown (e) {
+  handleKeyDown(e) {
     switch (e.keyCode) {
       case 13:
         if (this.state.status === 'FOCUS') {
-          this.setState({
-            status: 'SEARCH',
-            optionIndex: -1
-          }, () => {
-            this.refs.search.focus()
-          })
+          this.setState(
+            {
+              status: 'SEARCH',
+              optionIndex: -1
+            },
+            () => {
+              this.refs.search.focus()
+            }
+          )
         }
         break
       case 40:
       case 38:
         if (this.state.status === 'FOCUS') {
-          this.setState({
-            status: 'SEARCH',
-            optionIndex: 0
-          }, () => {
-            this.refs.search.focus()
-          })
+          this.setState(
+            {
+              status: 'SEARCH',
+              optionIndex: 0
+            },
+            () => {
+              this.refs.search.focus()
+            }
+          )
         }
         break
       case 9:
         if (e.shiftKey) {
           e.preventDefault()
-          const tabbable = document.querySelectorAll('a:not([disabled]), button:not([disabled]), input[type=text]:not([disabled]), [tabindex]:not([disabled]):not([tabindex="-1"])')
-          const previousEl = tabbable[Array.prototype.indexOf.call(tabbable, this.refs.root) - 1]
+          const tabbable = document.querySelectorAll(
+            'a:not([disabled]), button:not([disabled]), input[type=text]:not([disabled]), [tabindex]:not([disabled]):not([tabindex="-1"])'
+          )
+          const previousEl =
+            tabbable[Array.prototype.indexOf.call(tabbable, this.refs.root) - 1]
           if (previousEl != null) previousEl.focus()
         }
     }
   }
 
-  handleSearchInputBlur (e) {
+  handleSearchInputBlur(e) {
     if (e.relatedTarget !== this.refs.root) {
       this.setState({
         status: 'IDLE'
@@ -90,14 +102,17 @@ class FolderSelect extends React.Component {
     }
   }
 
-  handleSearchInputChange (e) {
+  handleSearchInputChange(e) {
     const { folders } = this.props
     const search = this.refs.search.value
-    const optionIndex = search.length > 0
-      ? _.findIndex(folders, (folder) => {
-        return folder.name.match(new RegExp('^' + _.escapeRegExp(search), 'i'))
-      })
-      : -1
+    const optionIndex =
+      search.length > 0
+        ? _.findIndex(folders, folder => {
+            return folder.name.match(
+              new RegExp('^' + _.escapeRegExp(search), 'i')
+            )
+          })
+        : -1
 
     this.setState({
       search: this.refs.search.value,
@@ -105,7 +120,7 @@ class FolderSelect extends React.Component {
     })
   }
 
-  handleSearchInputKeyDown (e) {
+  handleSearchInputKeyDown(e) {
     switch (e.keyCode) {
       case 40:
         e.stopPropagation()
@@ -121,15 +136,18 @@ class FolderSelect extends React.Component {
         break
       case 27:
         e.stopPropagation()
-        this.setState({
-          status: 'FOCUS'
-        }, () => {
-          this.refs.root.focus()
-        })
+        this.setState(
+          {
+            status: 'FOCUS'
+          },
+          () => {
+            this.refs.root.focus()
+          }
+        )
     }
   }
 
-  nextOption () {
+  nextOption() {
     let { optionIndex } = this.state
     const { folders } = this.props
 
@@ -141,7 +159,7 @@ class FolderSelect extends React.Component {
     })
   }
 
-  previousOption () {
+  previousOption() {
     const { folders } = this.props
     let { optionIndex } = this.state
 
@@ -153,46 +171,52 @@ class FolderSelect extends React.Component {
     })
   }
 
-  selectOption () {
+  selectOption() {
     const { folders } = this.props
     const optionIndex = this.state.optionIndex
 
     const folder = folders[optionIndex]
     if (folder != null) {
-      this.setState({
-        status: 'FOCUS'
-      }, () => {
-        this.setValue(folder.key)
-        this.refs.root.focus()
-      })
+      this.setState(
+        {
+          status: 'FOCUS'
+        },
+        () => {
+          this.setValue(folder.key)
+          this.refs.root.focus()
+        }
+      )
     }
   }
 
-  handleOptionClick (storageKey, folderKey) {
-    return (e) => {
+  handleOptionClick(storageKey, folderKey) {
+    return e => {
       e.stopPropagation()
-      this.setState({
-        status: 'FOCUS'
-      }, () => {
-        this.setValue(storageKey + '-' + folderKey)
-        this.refs.root.focus()
-      })
+      this.setState(
+        {
+          status: 'FOCUS'
+        },
+        () => {
+          this.setValue(storageKey + '-' + folderKey)
+          this.refs.root.focus()
+        }
+      )
     }
   }
 
-  setValue (value) {
+  setValue(value) {
     this.value = value
     this.props.onChange()
   }
 
-  render () {
+  render() {
     const { className, data, value } = this.props
     const splitted = value.split('-')
     const storageKey = splitted.shift()
     const folderKey = splitted.shift()
     let options = []
     data.storageMap.forEach((storage, index) => {
-      storage.folders.forEach((folder) => {
+      storage.folders.forEach(folder => {
         options.push({
           storage: storage,
           folder: folder
@@ -200,68 +224,78 @@ class FolderSelect extends React.Component {
       })
     })
 
-    const currentOption = options.filter((option) => option.storage.key === storageKey && option.folder.key === folderKey)[0]
+    const currentOption = options.filter(
+      option =>
+        option.storage.key === storageKey && option.folder.key === folderKey
+    )[0]
 
     if (this.state.search.trim().length > 0) {
       const filter = new RegExp('^' + _.escapeRegExp(this.state.search), 'i')
-      options = options.filter((option) => filter.test(option.folder.name))
+      options = options.filter(option => filter.test(option.folder.name))
     }
 
-    const optionList = options
-      .map((option, index) => {
-        return (
-          <div styleName={index === this.state.optionIndex
+    const optionList = options.map((option, index) => {
+      return (
+        <div
+          styleName={
+            index === this.state.optionIndex
               ? 'search-optionList-item--active'
               : 'search-optionList-item'
-            }
-            key={option.storage.key + '-' + option.folder.key}
-            onClick={(e) => this.handleOptionClick(option.storage.key, option.folder.key)(e)}
+          }
+          key={option.storage.key + '-' + option.folder.key}
+          onClick={e =>
+            this.handleOptionClick(option.storage.key, option.folder.key)(e)
+          }
+        >
+          <span
+            styleName='search-optionList-item-name'
+            style={{ borderColor: option.folder.color }}
           >
-            <span styleName='search-optionList-item-name'
-              style={{borderColor: option.folder.color}}
-            >
-              {option.folder.name}
-              <span styleName='search-optionList-item-name-surfix'>in {option.storage.name}</span>
+            {option.folder.name}
+            <span styleName='search-optionList-item-name-surfix'>
+              in {option.storage.name}
             </span>
-          </div>
-        )
-      })
+          </span>
+        </div>
+      )
+    })
 
     return (
-      <div className={_.isString(className)
-          ? 'FolderSelect ' + className
-          : 'FolderSelect'
+      <div
+        className={
+          _.isString(className) ? 'FolderSelect ' + className : 'FolderSelect'
         }
-        styleName={this.state.status === 'SEARCH'
-          ? 'root--search'
-          : this.state.status === 'FOCUS'
-          ? 'root--focus'
-          : 'root'
+        styleName={
+          this.state.status === 'SEARCH'
+            ? 'root--search'
+            : this.state.status === 'FOCUS'
+            ? 'root--focus'
+            : 'root'
         }
         ref='root'
         tabIndex='0'
-        onClick={(e) => this.handleClick(e)}
-        onFocus={(e) => this.handleFocus(e)}
-        onBlur={(e) => this.handleBlur(e)}
-        onKeyDown={(e) => this.handleKeyDown(e)}
+        onClick={e => this.handleClick(e)}
+        onFocus={e => this.handleFocus(e)}
+        onBlur={e => this.handleBlur(e)}
+        onKeyDown={e => this.handleKeyDown(e)}
       >
-        {this.state.status === 'SEARCH'
-          ? <div styleName='search'>
-            <input styleName='search-input'
+        {this.state.status === 'SEARCH' ? (
+          <div styleName='search'>
+            <input
+              styleName='search-input'
               ref='search'
               value={this.state.search}
               placeholder={i18n.__('Folder...')}
-              onChange={(e) => this.handleSearchInputChange(e)}
-              onBlur={(e) => this.handleSearchInputBlur(e)}
-              onKeyDown={(e) => this.handleSearchInputKeyDown(e)}
+              onChange={e => this.handleSearchInputChange(e)}
+              onBlur={e => this.handleSearchInputBlur(e)}
+              onKeyDown={e => this.handleSearchInputKeyDown(e)}
             />
-            <div styleName='search-optionList'
-              ref='optionList'
-            >
+            <div styleName='search-optionList' ref='optionList'>
               {optionList}
             </div>
           </div>
-          : <div styleName='idle' style={{color: currentOption.folder.color}}>
+        ) : (
+          <div styleName='idle' style={{ color: currentOption.folder.color }}>
             <div styleName='idle-label'>
               <i className='fa fa-folder' />
               <span styleName='idle-label-name'>
@@ -269,8 +303,7 @@ class FolderSelect extends React.Component {
               </span>
             </div>
           </div>
-        }
-
+        )}
       </div>
     )
   }
@@ -280,11 +313,13 @@ FolderSelect.propTypes = {
   className: PropTypes.string,
   onChange: PropTypes.func,
   value: PropTypes.string,
-  folders: PropTypes.arrayOf(PropTypes.shape({
-    key: PropTypes.string,
-    name: PropTypes.string,
-    color: PropTypes.string
-  }))
+  folders: PropTypes.arrayOf(
+    PropTypes.shape({
+      key: PropTypes.string,
+      name: PropTypes.string,
+      color: PropTypes.string
+    })
+  )
 }
 
 export default CSSModules(FolderSelect, styles)
diff --git a/browser/main/Detail/FromUrlButton.js b/browser/main/Detail/FromUrlButton.js
index 0d1c1b4c..1481a176 100644
--- a/browser/main/Detail/FromUrlButton.js
+++ b/browser/main/Detail/FromUrlButton.js
@@ -6,7 +6,7 @@ import _ from 'lodash'
 import i18n from 'browser/lib/i18n'
 
 class FromUrlButton extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -14,44 +14,46 @@ class FromUrlButton extends React.Component {
     }
   }
 
-  handleMouseDown (e) {
+  handleMouseDown(e) {
     this.setState({
       isActive: true
     })
   }
 
-  handleMouseUp (e) {
+  handleMouseUp(e) {
     this.setState({
       isActive: false
     })
   }
 
-  handleMouseLeave (e) {
+  handleMouseLeave(e) {
     this.setState({
       isActive: false
     })
   }
 
-  render () {
+  render() {
     const { className } = this.props
 
     return (
-      <button className={_.isString(className)
-          ? 'FromUrlButton ' + className
-          : 'FromUrlButton'
+      <button
+        className={
+          _.isString(className) ? 'FromUrlButton ' + className : 'FromUrlButton'
         }
-        styleName={this.state.isActive || this.props.isActive
-          ? 'root--active'
-          : 'root'
+        styleName={
+          this.state.isActive || this.props.isActive ? 'root--active' : 'root'
         }
-        onMouseDown={(e) => this.handleMouseDown(e)}
-        onMouseUp={(e) => this.handleMouseUp(e)}
-        onMouseLeave={(e) => this.handleMouseLeave(e)}
-        onClick={this.props.onClick}>
-        <img styleName='icon'
-          src={this.state.isActive || this.props.isActive
-            ? '../resources/icon/icon-external.svg'
-            : '../resources/icon/icon-external.svg'
+        onMouseDown={e => this.handleMouseDown(e)}
+        onMouseUp={e => this.handleMouseUp(e)}
+        onMouseLeave={e => this.handleMouseLeave(e)}
+        onClick={this.props.onClick}
+      >
+        <img
+          styleName='icon'
+          src={
+            this.state.isActive || this.props.isActive
+              ? '../resources/icon/icon-external.svg'
+              : '../resources/icon/icon-external.svg'
           }
         />
         <span styleName='tooltip'>{i18n.__('Convert URL to Markdown')}</span>
diff --git a/browser/main/Detail/FullscreenButton.js b/browser/main/Detail/FullscreenButton.js
index eb33165f..06c53463 100644
--- a/browser/main/Detail/FullscreenButton.js
+++ b/browser/main/Detail/FullscreenButton.js
@@ -5,14 +5,18 @@ import styles from './FullscreenButton.styl'
 import i18n from 'browser/lib/i18n'
 
 const OSX = global.process.platform === 'darwin'
-const FullscreenButton = ({
- onClick
-}) => {
+const FullscreenButton = ({ onClick }) => {
   const hotkey = (OSX ? i18n.__('Command(⌘)') : i18n.__('Ctrl(^)')) + '+B'
   return (
-    <button styleName='control-fullScreenButton' title={i18n.__('Fullscreen')} onMouseDown={(e) => onClick(e)}>
+    <button
+      styleName='control-fullScreenButton'
+      title={i18n.__('Fullscreen')}
+      onMouseDown={e => onClick(e)}
+    >
       <img src='../resources/icon/icon-full.svg' />
-      <span lang={i18n.locale} styleName='tooltip'>{i18n.__('Fullscreen')}({hotkey})</span>
+      <span lang={i18n.locale} styleName='tooltip'>
+        {i18n.__('Fullscreen')}({hotkey})
+      </span>
     </button>
   )
 }
diff --git a/browser/main/Detail/InfoButton.js b/browser/main/Detail/InfoButton.js
index 38c1c0cf..94b91f78 100644
--- a/browser/main/Detail/InfoButton.js
+++ b/browser/main/Detail/InfoButton.js
@@ -4,12 +4,8 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './InfoButton.styl'
 import i18n from 'browser/lib/i18n'
 
-const InfoButton = ({
-  onClick
-}) => (
-  <button styleName='control-infoButton'
-    onClick={(e) => onClick(e)}
-  >
+const InfoButton = ({ onClick }) => (
+  <button styleName='control-infoButton' onClick={e => onClick(e)}>
     <img className='infoButton' src='../resources/icon/icon-info.svg' />
     <span styleName='tooltip'>{i18n.__('Info')}</span>
   </button>
diff --git a/browser/main/Detail/InfoPanel.js b/browser/main/Detail/InfoPanel.js
index 86b5ae86..ca869210 100644
--- a/browser/main/Detail/InfoPanel.js
+++ b/browser/main/Detail/InfoPanel.js
@@ -6,28 +6,47 @@ import copy from 'copy-to-clipboard'
 import i18n from 'browser/lib/i18n'
 
 class InfoPanel extends React.Component {
-  copyNoteLink () {
-    const {noteLink} = this.props
+  copyNoteLink() {
+    const { noteLink } = this.props
     this.refs.noteLink.select()
     copy(noteLink)
   }
 
-  render () {
+  render() {
     const {
-      storageName, folderName, noteLink, updatedAt, createdAt, exportAsMd, exportAsTxt, exportAsHtml, exportAsPdf, wordCount, letterCount, type, print
+      storageName,
+      folderName,
+      noteLink,
+      updatedAt,
+      createdAt,
+      exportAsMd,
+      exportAsTxt,
+      exportAsHtml,
+      exportAsPdf,
+      wordCount,
+      letterCount,
+      type,
+      print
     } = this.props
     return (
-      <div className='infoPanel' styleName='control-infoButton-panel' style={{display: 'none'}}>
+      <div
+        className='infoPanel'
+        styleName='control-infoButton-panel'
+        style={{ display: 'none' }}
+      >
         <div>
           <p styleName='modification-date'>{updatedAt}</p>
-          <p styleName='modification-date-desc'>{i18n.__('MODIFICATION DATE')}</p>
+          <p styleName='modification-date-desc'>
+            {i18n.__('MODIFICATION DATE')}
+          </p>
         </div>
 
         <hr />
 
-        {type === 'SNIPPET_NOTE'
-          ? ''
-          : <div styleName='count-wrap'>
+        {type === 'SNIPPET_NOTE' ? (
+          ''
+        ) : (
+          <div styleName='count-wrap'>
             <div styleName='count-number'>
               <p styleName='infoPanel-defaul-count'>{wordCount}</p>
               <p styleName='infoPanel-sub-count'>{i18n.__('Words')}</p>
@@ -37,12 +56,9 @@ class InfoPanel extends React.Component {
               <p styleName='infoPanel-sub-count'>{i18n.__('Letters')}</p>
             </div>
           </div>
-        }
+        )}
 
-        {type === 'SNIPPET_NOTE'
-          ? ''
-          : <hr />
-        }
+        {type === 'SNIPPET_NOTE' ? '' : <hr />}
 
         <div>
           <p styleName='infoPanel-default'>{storageName}</p>
@@ -60,8 +76,18 @@ class InfoPanel extends React.Component {
         </div>
 
         <div>
-          <input styleName='infoPanel-noteLink' ref='noteLink' defaultValue={noteLink} onClick={(e) => { e.target.select() }} />
-          <button onClick={() => this.copyNoteLink()} styleName='infoPanel-copyButton'>
+          <input
+            styleName='infoPanel-noteLink'
+            ref='noteLink'
+            defaultValue={noteLink}
+            onClick={e => {
+              e.target.select()
+            }}
+          />
+          <button
+            onClick={() => this.copyNoteLink()}
+            styleName='infoPanel-copyButton'
+          >
             <i className='fa fa-clipboard' />
           </button>
           <p styleName='infoPanel-sub'>{i18n.__('NOTE LINK')}</p>
@@ -70,27 +96,39 @@ class InfoPanel extends React.Component {
         <hr />
 
         <div id='export-wrap'>
-          <button styleName='export--enable' onClick={(e) => exportAsMd(e, 'export-md')}>
+          <button
+            styleName='export--enable'
+            onClick={e => exportAsMd(e, 'export-md')}
+          >
             <i className='fa fa-file-code-o' />
             <p>{i18n.__('.md')}</p>
           </button>
 
-          <button styleName='export--enable' onClick={(e) => exportAsTxt(e, 'export-txt')}>
+          <button
+            styleName='export--enable'
+            onClick={e => exportAsTxt(e, 'export-txt')}
+          >
             <i className='fa fa-file-text-o' />
             <p>{i18n.__('.txt')}</p>
           </button>
 
-          <button styleName='export--enable' onClick={(e) => exportAsHtml(e, 'export-html')}>
+          <button
+            styleName='export--enable'
+            onClick={e => exportAsHtml(e, 'export-html')}
+          >
             <i className='fa fa-html5' />
             <p>{i18n.__('.html')}</p>
           </button>
 
-          <button styleName='export--enable' onClick={(e) => exportAsPdf(e, 'export-pdf')}>
+          <button
+            styleName='export--enable'
+            onClick={e => exportAsPdf(e, 'export-pdf')}
+          >
             <i className='fa fa-file-pdf-o' />
             <p>{i18n.__('.pdf')}</p>
           </button>
 
-          <button styleName='export--enable' onClick={(e) => print(e, 'print')}>
+          <button styleName='export--enable' onClick={e => print(e, 'print')}>
             <i className='fa fa-print' />
             <p>{i18n.__('Print')}</p>
           </button>
diff --git a/browser/main/Detail/InfoPanelTrashed.js b/browser/main/Detail/InfoPanelTrashed.js
index 55c9be0a..41f800c9 100644
--- a/browser/main/Detail/InfoPanelTrashed.js
+++ b/browser/main/Detail/InfoPanelTrashed.js
@@ -5,9 +5,20 @@ import styles from './InfoPanel.styl'
 import i18n from 'browser/lib/i18n'
 
 const InfoPanelTrashed = ({
-  storageName, folderName, updatedAt, createdAt, exportAsMd, exportAsTxt, exportAsHtml, exportAsPdf
+  storageName,
+  folderName,
+  updatedAt,
+  createdAt,
+  exportAsMd,
+  exportAsTxt,
+  exportAsHtml,
+  exportAsPdf
 }) => (
-  <div className='infoPanel' styleName='control-infoButton-panel-trash' style={{display: 'none'}}>
+  <div
+    className='infoPanel'
+    styleName='control-infoButton-panel-trash'
+    style={{ display: 'none' }}
+  >
     <div>
       <p styleName='modification-date'>{updatedAt}</p>
       <p styleName='modification-date-desc'>{i18n.__('MODIFICATION DATE')}</p>
@@ -21,7 +32,10 @@ const InfoPanelTrashed = ({
     </div>
 
     <div>
-      <p styleName='infoPanel-default'><text styleName='infoPanel-trash'>Trash</text>{folderName}</p>
+      <p styleName='infoPanel-default'>
+        <text styleName='infoPanel-trash'>Trash</text>
+        {folderName}
+      </p>
       <p styleName='infoPanel-sub'>{i18n.__('FOLDER')}</p>
     </div>
 
@@ -31,22 +45,34 @@ const InfoPanelTrashed = ({
     </div>
 
     <div id='export-wrap'>
-      <button styleName='export--enable' onClick={(e) => exportAsMd(e, 'export-md')}>
+      <button
+        styleName='export--enable'
+        onClick={e => exportAsMd(e, 'export-md')}
+      >
         <i className='fa fa-file-code-o' />
         <p>.md</p>
       </button>
 
-      <button styleName='export--enable' onClick={(e) => exportAsTxt(e, 'export-txt')}>
+      <button
+        styleName='export--enable'
+        onClick={e => exportAsTxt(e, 'export-txt')}
+      >
         <i className='fa fa-file-text-o' />
         <p>.txt</p>
       </button>
 
-      <button styleName='export--enable' onClick={(e) => exportAsHtml(e, 'export-html')}>
+      <button
+        styleName='export--enable'
+        onClick={e => exportAsHtml(e, 'export-html')}
+      >
         <i className='fa fa-html5' />
         <p>.html</p>
       </button>
 
-      <button styleName='export--enable' onClick={(e) => exportAsPdf(e, 'export-pdf')}>
+      <button
+        styleName='export--enable'
+        onClick={e => exportAsPdf(e, 'export-pdf')}
+      >
         <i className='fa fa-file-pdf-o' />
         <p>.pdf</p>
       </button>
diff --git a/browser/main/Detail/MarkdownNoteDetail.js b/browser/main/Detail/MarkdownNoteDetail.js
index 083259d8..e71e7841 100755
--- a/browser/main/Detail/MarkdownNoteDetail.js
+++ b/browser/main/Detail/MarkdownNoteDetail.js
@@ -34,16 +34,19 @@ import { replace } from 'connected-react-router'
 import ToggleDirectionButton from 'browser/main/Detail/ToggleDirectionButton'
 
 class MarkdownNoteDetail extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
       isMovingNote: false,
-      note: Object.assign({
-        title: '',
-        content: '',
-        linesHighlighted: []
-      }, props.note),
+      note: Object.assign(
+        {
+          title: '',
+          content: '',
+          linesHighlighted: []
+        },
+        props.note
+      ),
       isLockButtonShown: props.config.editor.type !== 'SPLIT',
       isLocked: false,
       editorType: props.config.editor.type,
@@ -57,37 +60,42 @@ class MarkdownNoteDetail extends React.Component {
     this.generateToc = () => this.handleGenerateToc()
   }
 
-  focus () {
+  focus() {
     this.refs.content.focus()
   }
 
-  componentDidMount () {
+  componentDidMount() {
     ee.on('topbar:togglelockbutton', this.toggleLockButton)
     ee.on('topbar:toggledirectionbutton', () => this.handleSwitchDirection())
     ee.on('topbar:togglemodebutton', () => {
-      const reversedType = this.state.editorType === 'SPLIT' ? 'EDITOR_PREVIEW' : 'SPLIT'
+      const reversedType =
+        this.state.editorType === 'SPLIT' ? 'EDITOR_PREVIEW' : 'SPLIT'
       this.handleSwitchMode(reversedType)
     })
     ee.on('hotkey:deletenote', this.handleDeleteNote.bind(this))
     ee.on('code:generate-toc', this.generateToc)
   }
 
-  componentWillReceiveProps (nextProps) {
+  componentWillReceiveProps(nextProps) {
     const isNewNote = nextProps.note.key !== this.props.note.key
-    const hasDeletedTags = nextProps.note.tags.length < this.props.note.tags.length
+    const hasDeletedTags =
+      nextProps.note.tags.length < this.props.note.tags.length
     if (!this.state.isMovingNote && (isNewNote || hasDeletedTags)) {
       if (this.saveQueue != null) this.saveNow()
-      this.setState({
-        note: Object.assign({linesHighlighted: []}, nextProps.note)
-      }, () => {
-        this.refs.content.reload()
-        if (this.refs.tags) this.refs.tags.reset()
-      })
+      this.setState(
+        {
+          note: Object.assign({ linesHighlighted: [] }, nextProps.note)
+        },
+        () => {
+          this.refs.content.reload()
+          if (this.refs.tags) this.refs.tags.reset()
+        }
+      )
     }
 
     // Focus content if using blur or double click
     // --> Moved here from componentDidMount so a re-render during search won't set focus to the editor
-    const {switchPreview} = nextProps.config.editor
+    const { switchPreview } = nextProps.config.editor
 
     if (this.state.switchPreview !== switchPreview) {
       this.setState({
@@ -100,24 +108,28 @@ class MarkdownNoteDetail extends React.Component {
     }
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     ee.off('topbar:togglelockbutton', this.toggleLockButton)
     ee.on('topbar:toggledirectionbutton', this.handleSwitchDirection)
     ee.off('code:generate-toc', this.generateToc)
     if (this.saveQueue != null) this.saveNow()
   }
 
-  handleUpdateTag () {
+  handleUpdateTag() {
     const { note } = this.state
     if (this.refs.tags) note.tags = this.refs.tags.value
     this.updateNote(note)
   }
 
-  handleUpdateContent () {
+  handleUpdateContent() {
     const { note } = this.state
     note.content = this.refs.content.value
 
-    let title = findNoteTitle(note.content, this.props.config.editor.enableFrontMatterTitle, this.props.config.editor.frontMatterTitleField)
+    let title = findNoteTitle(
+      note.content,
+      this.props.config.editor.enableFrontMatterTitle,
+      this.props.config.editor.frontMatterTitleField
+    )
     title = striptags(title)
     title = markdown.strip(title)
     note.title = title
@@ -125,37 +137,35 @@ class MarkdownNoteDetail extends React.Component {
     this.updateNote(note)
   }
 
-  updateNote (note) {
+  updateNote(note) {
     note.updatedAt = new Date()
-    this.setState({note}, () => {
+    this.setState({ note }, () => {
       this.save()
     })
   }
 
-  save () {
+  save() {
     clearTimeout(this.saveQueue)
     this.saveQueue = setTimeout(() => {
       this.saveNow()
     }, 1000)
   }
 
-  saveNow () {
+  saveNow() {
     const { note, dispatch } = this.props
     clearTimeout(this.saveQueue)
     this.saveQueue = null
 
-    dataApi
-      .updateNote(note.storage, note.key, this.state.note)
-      .then((note) => {
-        dispatch({
-          type: 'UPDATE_NOTE',
-          note: note
-        })
-        AwsMobileAnalyticsConfig.recordDynamicCustomEvent('EDIT_NOTE')
+    dataApi.updateNote(note.storage, note.key, this.state.note).then(note => {
+      dispatch({
+        type: 'UPDATE_NOTE',
+        note: note
       })
+      AwsMobileAnalyticsConfig.recordDynamicCustomEvent('EDIT_NOTE')
+    })
   }
 
-  handleFolderChange (e) {
+  handleFolderChange(e) {
     const { note } = this.state
     const value = this.refs.folder.value
     const splitted = value.split('-')
@@ -164,64 +174,71 @@ class MarkdownNoteDetail extends React.Component {
 
     dataApi
       .moveNote(note.storage, note.key, newStorageKey, newFolderKey)
-      .then((newNote) => {
-        this.setState({
-          isMovingNote: true,
-          note: Object.assign({}, newNote)
-        }, () => {
-          const { dispatch, location } = this.props
-          dispatch({
-            type: 'MOVE_NOTE',
-            originNote: note,
-            note: newNote
-          })
-          dispatch(replace({
-            pathname: location.pathname,
-            search: queryString.stringify({
-              key: newNote.key
+      .then(newNote => {
+        this.setState(
+          {
+            isMovingNote: true,
+            note: Object.assign({}, newNote)
+          },
+          () => {
+            const { dispatch, location } = this.props
+            dispatch({
+              type: 'MOVE_NOTE',
+              originNote: note,
+              note: newNote
             })
-          }))
-          this.setState({
-            isMovingNote: false
-          })
-        })
+            dispatch(
+              replace({
+                pathname: location.pathname,
+                search: queryString.stringify({
+                  key: newNote.key
+                })
+              })
+            )
+            this.setState({
+              isMovingNote: false
+            })
+          }
+        )
       })
   }
 
-  handleStarButtonClick (e) {
+  handleStarButtonClick(e) {
     const { note } = this.state
-    if (!note.isStarred) AwsMobileAnalyticsConfig.recordDynamicCustomEvent('ADD_STAR')
+    if (!note.isStarred)
+      AwsMobileAnalyticsConfig.recordDynamicCustomEvent('ADD_STAR')
 
     note.isStarred = !note.isStarred
 
-    this.setState({
-      note
-    }, () => {
-      this.save()
-    })
+    this.setState(
+      {
+        note
+      },
+      () => {
+        this.save()
+      }
+    )
   }
 
-  exportAsFile () {
+  exportAsFile() {}
 
-  }
-
-  exportAsMd () {
+  exportAsMd() {
     ee.emit('export:save-md')
   }
 
-  exportAsTxt () {
+  exportAsTxt() {
     ee.emit('export:save-text')
   }
 
-  exportAsHtml () {
+  exportAsHtml() {
     ee.emit('export:save-html')
   }
 
-  exportAsPdf () {
+  exportAsPdf() {
     ee.emit('export:save-pdf')
   }
 
-  handleKeyDown (e) {
+  handleKeyDown(e) {
     switch (e.keyCode) {
       // tab key
       case 9:
@@ -231,7 +248,11 @@ class MarkdownNoteDetail extends React.Component {
         } else if (e.ctrlKey && e.shiftKey) {
           e.preventDefault()
           this.jumpPrevTab()
-        } else if (!e.ctrlKey && !e.shiftKey && e.target === this.refs.description) {
+        } else if (
+          !e.ctrlKey &&
+          !e.shiftKey &&
+          e.target === this.refs.description
+        ) {
           e.preventDefault()
           this.focusEditor()
         }
@@ -239,9 +260,8 @@ class MarkdownNoteDetail extends React.Component {
       // I key
       case 73:
         {
-          const isSuper = global.process.platform === 'darwin'
-            ? e.metaKey
-            : e.ctrlKey
+          const isSuper =
+            global.process.platform === 'darwin' ? e.metaKey : e.ctrlKey
           if (isSuper) {
             e.preventDefault()
             this.handleInfoButtonClick(e)
@@ -251,17 +271,17 @@ class MarkdownNoteDetail extends React.Component {
     }
   }
 
-  handleTrashButtonClick (e) {
+  handleTrashButtonClick(e) {
     const { note } = this.state
     const { isTrashed } = note
     const { confirmDeletion } = this.props.config.ui
 
     if (isTrashed) {
       if (confirmDeleteNote(confirmDeletion, true)) {
-        const {note, dispatch} = this.props
+        const { note, dispatch } = this.props
         dataApi
           .deleteNote(note.storage, note.key)
-          .then((data) => {
+          .then(data => {
             const dispatchHandler = () => {
               dispatch({
                 type: 'DELETE_NOTE',
@@ -277,109 +297,124 @@ class MarkdownNoteDetail extends React.Component {
       if (confirmDeleteNote(confirmDeletion, false)) {
         note.isTrashed = true
 
-        this.setState({
-          note
-        }, () => {
-          this.save()
-        })
+        this.setState(
+          {
+            note
+          },
+          () => {
+            this.save()
+          }
+        )
 
         ee.emit('list:next')
       }
     }
   }
 
-  handleUndoButtonClick (e) {
+  handleUndoButtonClick(e) {
     const { note } = this.state
 
     note.isTrashed = false
 
-    this.setState({
-      note
-    }, () => {
-      this.save()
-      this.refs.content.reload()
-      ee.emit('list:next')
-    })
+    this.setState(
+      {
+        note
+      },
+      () => {
+        this.save()
+        this.refs.content.reload()
+        ee.emit('list:next')
+      }
+    )
   }
 
-  handleFullScreenButton (e) {
+  handleFullScreenButton(e) {
     ee.emit('editor:fullscreen')
   }
 
-  handleLockButtonMouseDown (e) {
+  handleLockButtonMouseDown(e) {
     e.preventDefault()
     ee.emit('editor:lock')
     this.setState({ isLocked: !this.state.isLocked })
     if (this.state.isLocked) this.focus()
   }
 
-  getToggleLockButton () {
-    return this.state.isLocked ? '../resources/icon/icon-lock.svg' : '../resources/icon/icon-unlock.svg'
+  getToggleLockButton() {
+    return this.state.isLocked
+      ? '../resources/icon/icon-lock.svg'
+      : '../resources/icon/icon-unlock.svg'
   }
 
-  handleDeleteKeyDown (e) {
+  handleDeleteKeyDown(e) {
     if (e.keyCode === 27) this.handleDeleteCancelButtonClick(e)
   }
 
-  handleToggleLockButton (event, noteStatus) {
+  handleToggleLockButton(event, noteStatus) {
     // first argument event is not used
     if (noteStatus === 'CODE') {
-      this.setState({isLockButtonShown: true})
+      this.setState({ isLockButtonShown: true })
     } else {
-      this.setState({isLockButtonShown: false})
+      this.setState({ isLockButtonShown: false })
     }
   }
 
-  handleGenerateToc () {
+  handleGenerateToc() {
     const editor = this.refs.content.refs.code.editor
     markdownToc.generateInEditor(editor)
   }
 
-  handleFocus (e) {
+  handleFocus(e) {
     this.focus()
   }
 
-  handleInfoButtonClick (e) {
+  handleInfoButtonClick(e) {
     const infoPanel = document.querySelector('.infoPanel')
-    if (infoPanel.style) infoPanel.style.display = infoPanel.style.display === 'none' ? 'inline' : 'none'
+    if (infoPanel.style)
+      infoPanel.style.display =
+        infoPanel.style.display === 'none' ? 'inline' : 'none'
   }
 
-  print (e) {
+  print(e) {
     ee.emit('print')
   }
 
-  handleSwitchMode (type) {
+  handleSwitchMode(type) {
     // If in split mode, hide the lock button
-    this.setState({ editorType: type, isLockButtonShown: !(type === 'SPLIT') }, () => {
-      this.focus()
-      const newConfig = Object.assign({}, this.props.config)
-      newConfig.editor.type = type
-      ConfigManager.set(newConfig)
-    })
+    this.setState(
+      { editorType: type, isLockButtonShown: !(type === 'SPLIT') },
+      () => {
+        this.focus()
+        const newConfig = Object.assign({}, this.props.config)
+        newConfig.editor.type = type
+        ConfigManager.set(newConfig)
+      }
+    )
   }
 
-  handleSwitchDirection () {
+  handleSwitchDirection() {
     // If in split mode, hide the lock button
     const direction = this.state.RTL
     this.setState({ RTL: !direction })
   }
 
-  handleDeleteNote () {
+  handleDeleteNote() {
     this.handleTrashButtonClick()
   }
 
-  handleClearTodo () {
+  handleClearTodo() {
     const { note } = this.state
     const splitted = note.content.split('\n')
 
-    const clearTodoContent = splitted.map((line) => {
-      const trimmedLine = line.trim()
-      if (trimmedLine.match(/\[x\]/i)) {
-        return line.replace(/\[x\]/i, '[ ]')
-      } else {
-        return line
-      }
-    }).join('\n')
+    const clearTodoContent = splitted
+      .map(line => {
+        const trimmedLine = line.trim()
+        if (trimmedLine.match(/\[x\]/i)) {
+          return line.replace(/\[x\]/i, '[ ]')
+        } else {
+          return line
+        }
+      })
+      .join('\n')
 
     note.content = clearTodoContent
     this.refs.content.setValue(note.content)
@@ -387,40 +422,44 @@ class MarkdownNoteDetail extends React.Component {
     this.updateNote(note)
   }
 
-  renderEditor () {
+  renderEditor() {
     const { config, ignorePreviewPointerEvents } = this.props
     const { note } = this.state
 
     if (this.state.editorType === 'EDITOR_PREVIEW') {
-      return <MarkdownEditor
-        ref='content'
-        styleName='body-noteEditor'
-        config={config}
-        value={note.content}
-        storageKey={note.storage}
-        noteKey={note.key}
-        linesHighlighted={note.linesHighlighted}
-        onChange={this.handleUpdateContent.bind(this)}
-        isLocked={this.state.isLocked}
-        ignorePreviewPointerEvents={ignorePreviewPointerEvents}
-        RTL={this.state.RTL}
-      />
+      return (
+        <MarkdownEditor
+          ref='content'
+          styleName='body-noteEditor'
+          config={config}
+          value={note.content}
+          storageKey={note.storage}
+          noteKey={note.key}
+          linesHighlighted={note.linesHighlighted}
+          onChange={this.handleUpdateContent.bind(this)}
+          isLocked={this.state.isLocked}
+          ignorePreviewPointerEvents={ignorePreviewPointerEvents}
+          RTL={this.state.RTL}
+        />
+      )
     } else {
-      return <MarkdownSplitEditor
-        ref='content'
-        config={config}
-        value={note.content}
-        storageKey={note.storage}
-        noteKey={note.key}
-        linesHighlighted={note.linesHighlighted}
-        onChange={this.handleUpdateContent.bind(this)}
-        ignorePreviewPointerEvents={ignorePreviewPointerEvents}
-        RTL={this.state.RTL}
-      />
+      return (
+        <MarkdownSplitEditor
+          ref='content'
+          config={config}
+          value={note.content}
+          storageKey={note.storage}
+          noteKey={note.key}
+          linesHighlighted={note.linesHighlighted}
+          onChange={this.handleUpdateContent.bind(this)}
+          ignorePreviewPointerEvents={ignorePreviewPointerEvents}
+          RTL={this.state.RTL}
+        />
+      )
     }
   }
 
-  render () {
+  render() {
     const { data, dispatch, location, config } = this.props
     const { note, editorType } = this.state
     const storageKey = note.storage
@@ -428,123 +467,141 @@ class MarkdownNoteDetail extends React.Component {
 
     const options = []
     data.storageMap.forEach((storage, index) => {
-      storage.folders.forEach((folder) => {
+      storage.folders.forEach(folder => {
         options.push({
           storage: storage,
           folder: folder
         })
       })
     })
-    const currentOption = options.filter((option) => option.storage.key === storageKey && option.folder.key === folderKey)[0]
+    const currentOption = options.filter(
+      option =>
+        option.storage.key === storageKey && option.folder.key === folderKey
+    )[0]
 
-    const trashTopBar = <div styleName='info'>
-      <div styleName='info-left'>
-        <RestoreButton onClick={(e) => this.handleUndoButtonClick(e)} />
-      </div>
-      <div styleName='info-right'>
-        <PermanentDeleteButton onClick={(e) => this.handleTrashButtonClick(e)} />
-        <InfoButton
-          onClick={(e) => this.handleInfoButtonClick(e)}
-        />
-        <InfoPanelTrashed
-          storageName={currentOption.storage.name}
-          folderName={currentOption.folder.name}
-          updatedAt={formatDate(note.updatedAt)}
-          createdAt={formatDate(note.createdAt)}
-          exportAsHtml={this.exportAsHtml}
-          exportAsMd={this.exportAsMd}
-          exportAsTxt={this.exportAsTxt}
-          exportAsPdf={this.exportAsPdf}
-        />
-      </div>
-    </div>
-
-    const detailTopBar = <div styleName='info'>
-      <div styleName='info-left'>
-        <div>
-          <FolderSelect styleName='info-left-top-folderSelect'
-            value={this.state.note.storage + '-' + this.state.note.folder}
-            ref='folder'
-            data={data}
-            onChange={(e) => this.handleFolderChange(e)}
+    const trashTopBar = (
+      <div styleName='info'>
+        <div styleName='info-left'>
+          <RestoreButton onClick={e => this.handleUndoButtonClick(e)} />
+        </div>
+        <div styleName='info-right'>
+          <PermanentDeleteButton
+            onClick={e => this.handleTrashButtonClick(e)}
+          />
+          <InfoButton onClick={e => this.handleInfoButtonClick(e)} />
+          <InfoPanelTrashed
+            storageName={currentOption.storage.name}
+            folderName={currentOption.folder.name}
+            updatedAt={formatDate(note.updatedAt)}
+            createdAt={formatDate(note.createdAt)}
+            exportAsHtml={this.exportAsHtml}
+            exportAsMd={this.exportAsMd}
+            exportAsTxt={this.exportAsTxt}
+            exportAsPdf={this.exportAsPdf}
           />
         </div>
-
-        <TagSelect
-          ref='tags'
-          value={this.state.note.tags}
-          saveTagsAlphabetically={config.ui.saveTagsAlphabetically}
-          showTagsAlphabetically={config.ui.showTagsAlphabetically}
-          data={data}
-          dispatch={dispatch}
-          onChange={this.handleUpdateTag.bind(this)}
-          coloredTags={config.coloredTags}
-        />
-        <TodoListPercentage onClearCheckboxClick={(e) => this.handleClearTodo(e)} percentageOfTodo={getTodoPercentageOfCompleted(note.content)} />
       </div>
-      <div styleName='info-right'>
-        <ToggleModeButton onClick={(e) => this.handleSwitchMode(e)} editorType={editorType} />
-        <ToggleDirectionButton onClick={(e) => this.handleSwitchDirection(e)} isRTL={this.state.RTL} />
-        <StarButton
-          onClick={(e) => this.handleStarButtonClick(e)}
-          isActive={note.isStarred}
-        />
+    )
 
-        {(() => {
-          const imgSrc = `${this.getToggleLockButton()}`
-          const lockButtonComponent =
-            <button styleName='control-lockButton'
-              onFocus={(e) => this.handleFocus(e)}
-              onMouseDown={(e) => this.handleLockButtonMouseDown(e)}
-            >
-              <img src={imgSrc} />
-              {this.state.isLocked ? <span styleName='tooltip'>Unlock</span> : <span styleName='tooltip'>Lock</span>}
-            </button>
+    const detailTopBar = (
+      <div styleName='info'>
+        <div styleName='info-left'>
+          <div>
+            <FolderSelect
+              styleName='info-left-top-folderSelect'
+              value={this.state.note.storage + '-' + this.state.note.folder}
+              ref='folder'
+              data={data}
+              onChange={e => this.handleFolderChange(e)}
+            />
+          </div>
 
-          return (
-            this.state.isLockButtonShown ? lockButtonComponent : ''
-          )
-        })()}
+          <TagSelect
+            ref='tags'
+            value={this.state.note.tags}
+            saveTagsAlphabetically={config.ui.saveTagsAlphabetically}
+            showTagsAlphabetically={config.ui.showTagsAlphabetically}
+            data={data}
+            dispatch={dispatch}
+            onChange={this.handleUpdateTag.bind(this)}
+            coloredTags={config.coloredTags}
+          />
+          <TodoListPercentage
+            onClearCheckboxClick={e => this.handleClearTodo(e)}
+            percentageOfTodo={getTodoPercentageOfCompleted(note.content)}
+          />
+        </div>
+        <div styleName='info-right'>
+          <ToggleModeButton
+            onClick={e => this.handleSwitchMode(e)}
+            editorType={editorType}
+          />
+          <ToggleDirectionButton
+            onClick={e => this.handleSwitchDirection(e)}
+            isRTL={this.state.RTL}
+          />
+          <StarButton
+            onClick={e => this.handleStarButtonClick(e)}
+            isActive={note.isStarred}
+          />
 
-        <FullscreenButton onClick={(e) => this.handleFullScreenButton(e)} />
+          {(() => {
+            const imgSrc = `${this.getToggleLockButton()}`
+            const lockButtonComponent = (
+              <button
+                styleName='control-lockButton'
+                onFocus={e => this.handleFocus(e)}
+                onMouseDown={e => this.handleLockButtonMouseDown(e)}
+              >
+                <img src={imgSrc} />
+                {this.state.isLocked ? (
+                  <span styleName='tooltip'>Unlock</span>
+                ) : (
+                  <span styleName='tooltip'>Lock</span>
+                )}
+              </button>
+            )
 
-        <TrashButton onClick={(e) => this.handleTrashButtonClick(e)} />
+            return this.state.isLockButtonShown ? lockButtonComponent : ''
+          })()}
 
-        <InfoButton
-          onClick={(e) => this.handleInfoButtonClick(e)}
-        />
+          <FullscreenButton onClick={e => this.handleFullScreenButton(e)} />
 
-        <InfoPanel
-          storageName={currentOption.storage.name}
-          folderName={currentOption.folder.name}
-          noteLink={`[${note.title}](:note:${queryString.parse(location.search).key})`}
-          updatedAt={formatDate(note.updatedAt)}
-          createdAt={formatDate(note.createdAt)}
-          exportAsMd={this.exportAsMd}
-          exportAsTxt={this.exportAsTxt}
-          exportAsHtml={this.exportAsHtml}
-          exportAsPdf={this.exportAsPdf}
-          wordCount={note.content.trim().split(/\s+/g).length}
-          letterCount={note.content.replace(/\r?\n/g, '').length}
-          type={note.type}
-          print={this.print}
-        />
+          <TrashButton onClick={e => this.handleTrashButtonClick(e)} />
+
+          <InfoButton onClick={e => this.handleInfoButtonClick(e)} />
+
+          <InfoPanel
+            storageName={currentOption.storage.name}
+            folderName={currentOption.folder.name}
+            noteLink={`[${note.title}](:note:${
+              queryString.parse(location.search).key
+            })`}
+            updatedAt={formatDate(note.updatedAt)}
+            createdAt={formatDate(note.createdAt)}
+            exportAsMd={this.exportAsMd}
+            exportAsTxt={this.exportAsTxt}
+            exportAsHtml={this.exportAsHtml}
+            exportAsPdf={this.exportAsPdf}
+            wordCount={note.content.trim().split(/\s+/g).length}
+            letterCount={note.content.replace(/\r?\n/g, '').length}
+            type={note.type}
+            print={this.print}
+          />
+        </div>
       </div>
-
-    </div>
+    )
 
     return (
-      <div className='NoteDetail'
+      <div
+        className='NoteDetail'
         style={this.props.style}
         styleName='root'
-        onKeyDown={(e) => this.handleKeyDown(e)}
+        onKeyDown={e => this.handleKeyDown(e)}
       >
-
         {location.pathname === '/trashed' ? trashTopBar : detailTopBar}
 
-        <div styleName='body'>
-          {this.renderEditor()}
-        </div>
+        <div styleName='body'>{this.renderEditor()}</div>
 
         <StatusBar
           {..._.pick(this.props, ['config', 'location', 'dispatch'])}
@@ -558,9 +615,7 @@ class MarkdownNoteDetail extends React.Component {
 MarkdownNoteDetail.propTypes = {
   dispatch: PropTypes.func,
   repositories: PropTypes.array,
-  note: PropTypes.shape({
-
-  }),
+  note: PropTypes.shape({}),
   style: PropTypes.shape({
     left: PropTypes.number
   }),
diff --git a/browser/main/Detail/PermanentDeleteButton.js b/browser/main/Detail/PermanentDeleteButton.js
index 7c27ede1..2ca2a2c4 100644
--- a/browser/main/Detail/PermanentDeleteButton.js
+++ b/browser/main/Detail/PermanentDeleteButton.js
@@ -4,12 +4,8 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './TrashButton.styl'
 import i18n from 'browser/lib/i18n'
 
-const PermanentDeleteButton = ({
-  onClick
-}) => (
-  <button styleName='control-trashButton--in-trash'
-    onClick={(e) => onClick(e)}
-  >
+const PermanentDeleteButton = ({ onClick }) => (
+  <button styleName='control-trashButton--in-trash' onClick={e => onClick(e)}>
     <img src='../resources/icon/icon-trash.svg' />
     <span styleName='tooltip'>{i18n.__('Permanent Delete')}</span>
   </button>
diff --git a/browser/main/Detail/RestoreButton.js b/browser/main/Detail/RestoreButton.js
index 5d0186db..a2909a25 100644
--- a/browser/main/Detail/RestoreButton.js
+++ b/browser/main/Detail/RestoreButton.js
@@ -4,12 +4,8 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './RestoreButton.styl'
 import i18n from 'browser/lib/i18n'
 
-const RestoreButton = ({
-  onClick
-}) => (
-  <button styleName='control-restoreButton'
-    onClick={onClick}
-  >
+const RestoreButton = ({ onClick }) => (
+  <button styleName='control-restoreButton' onClick={onClick}>
     <i className='fa fa-undo fa-fw' styleName='iconRestore' />
     <span styleName='tooltip'>{i18n.__('Restore')}</span>
   </button>
diff --git a/browser/main/Detail/SnippetNoteDetail.js b/browser/main/Detail/SnippetNoteDetail.js
index ec9a1d0b..ea837ef9 100644
--- a/browser/main/Detail/SnippetNoteDetail.js
+++ b/browser/main/Detail/SnippetNoteDetail.js
@@ -16,7 +16,7 @@ import StatusBar from '../StatusBar'
 import context from 'browser/lib/context'
 import ConfigManager from 'browser/main/lib/ConfigManager'
 import _ from 'lodash'
-import {findNoteTitle} from 'browser/lib/findNoteTitle'
+import { findNoteTitle } from 'browser/lib/findNoteTitle'
 import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
 import FullscreenButton from './FullscreenButton'
 import TrashButton from './TrashButton'
@@ -37,7 +37,7 @@ const { remote } = electron
 const { dialog } = remote
 
 class SnippetNoteDetail extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -46,60 +46,79 @@ class SnippetNoteDetail extends React.Component {
       showArrows: false,
       enableLeftArrow: false,
       enableRightArrow: false,
-      note: Object.assign({
-        description: ''
-      }, props.note, {
-        snippets: props.note.snippets.map((snippet) => Object.assign({linesHighlighted: []}, snippet))
-      })
+      note: Object.assign(
+        {
+          description: ''
+        },
+        props.note,
+        {
+          snippets: props.note.snippets.map(snippet =>
+            Object.assign({ linesHighlighted: [] }, snippet)
+          )
+        }
+      )
     }
 
     this.scrollToNextTabThreshold = 0.7
     this.generateToc = () => this.handleGenerateToc()
   }
 
-  componentDidMount () {
+  componentDidMount() {
     const visibleTabs = this.visibleTabs
     const allTabs = this.allTabs
 
     if (visibleTabs.offsetWidth < allTabs.scrollWidth) {
       this.setState({
         showArrows: visibleTabs.offsetWidth < allTabs.scrollWidth,
-        enableRightArrow: allTabs.offsetLeft !== visibleTabs.offsetWidth - allTabs.scrollWidth,
+        enableRightArrow:
+          allTabs.offsetLeft !== visibleTabs.offsetWidth - allTabs.scrollWidth,
         enableLeftArrow: allTabs.offsetLeft !== 0
       })
     }
     ee.on('code:generate-toc', this.generateToc)
   }
 
-  componentWillReceiveProps (nextProps) {
-    if (nextProps.note.key !== this.props.note.key && !this.state.isMovingNote) {
+  componentWillReceiveProps(nextProps) {
+    if (
+      nextProps.note.key !== this.props.note.key &&
+      !this.state.isMovingNote
+    ) {
       if (this.saveQueue != null) this.saveNow()
-      const nextNote = Object.assign({
-        description: ''
-      }, nextProps.note, {
-        snippets: nextProps.note.snippets.map((snippet) => Object.assign({linesHighlighted: []}, snippet))
-      })
+      const nextNote = Object.assign(
+        {
+          description: ''
+        },
+        nextProps.note,
+        {
+          snippets: nextProps.note.snippets.map(snippet =>
+            Object.assign({ linesHighlighted: [] }, snippet)
+          )
+        }
+      )
 
-      this.setState({
-        snippetIndex: 0,
-        note: nextNote
-      }, () => {
-        const { snippets } = this.state.note
-        snippets.forEach((snippet, index) => {
-          this.refs['code-' + index].reload()
-        })
-        if (this.refs.tags) this.refs.tags.reset()
-        this.setState(this.getArrowsState())
-      })
+      this.setState(
+        {
+          snippetIndex: 0,
+          note: nextNote
+        },
+        () => {
+          const { snippets } = this.state.note
+          snippets.forEach((snippet, index) => {
+            this.refs['code-' + index].reload()
+          })
+          if (this.refs.tags) this.refs.tags.reset()
+          this.setState(this.getArrowsState())
+        }
+      )
     }
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     if (this.saveQueue != null) this.saveNow()
     ee.off('code:generate-toc', this.generateToc)
   }
 
-  handleGenerateToc () {
+  handleGenerateToc() {
     const { note, snippetIndex } = this.state
     const currentMode = note.snippets[snippetIndex].mode
     if (currentMode.includes('Markdown')) {
@@ -108,7 +127,7 @@ class SnippetNoteDetail extends React.Component {
     }
   }
 
-  handleChange (e) {
+  handleChange(e) {
     const { note } = this.state
 
     if (this.refs.tags) note.tags = this.refs.tags.value
@@ -116,37 +135,38 @@ class SnippetNoteDetail extends React.Component {
     note.updatedAt = new Date()
     note.title = findNoteTitle(note.description, false)
 
-    this.setState({
-      note
-    }, () => {
-      this.save()
-    })
+    this.setState(
+      {
+        note
+      },
+      () => {
+        this.save()
+      }
+    )
   }
 
-  save () {
+  save() {
     clearTimeout(this.saveQueue)
     this.saveQueue = setTimeout(() => {
       this.saveNow()
     }, 1000)
   }
 
-  saveNow () {
+  saveNow() {
     const { note, dispatch } = this.props
     clearTimeout(this.saveQueue)
     this.saveQueue = null
 
-    dataApi
-      .updateNote(note.storage, note.key, this.state.note)
-      .then((note) => {
-        dispatch({
-          type: 'UPDATE_NOTE',
-          note: note
-        })
-        AwsMobileAnalyticsConfig.recordDynamicCustomEvent('EDIT_NOTE')
+    dataApi.updateNote(note.storage, note.key, this.state.note).then(note => {
+      dispatch({
+        type: 'UPDATE_NOTE',
+        note: note
       })
+      AwsMobileAnalyticsConfig.recordDynamicCustomEvent('EDIT_NOTE')
+    })
   }
 
-  handleFolderChange (e) {
+  handleFolderChange(e) {
     const { note } = this.state
     const value = this.refs.folder.value
     const splitted = value.split('-')
@@ -155,58 +175,65 @@ class SnippetNoteDetail extends React.Component {
 
     dataApi
       .moveNote(note.storage, note.key, newStorageKey, newFolderKey)
-      .then((newNote) => {
-        this.setState({
-          isMovingNote: true,
-          note: Object.assign({}, newNote)
-        }, () => {
-          const { dispatch, location } = this.props
-          dispatch({
-            type: 'MOVE_NOTE',
-            originNote: note,
-            note: newNote
-          })
-          dispatch(replace({
-            pathname: location.pathname,
-            search: queryString.stringify({
-              key: newNote.key
+      .then(newNote => {
+        this.setState(
+          {
+            isMovingNote: true,
+            note: Object.assign({}, newNote)
+          },
+          () => {
+            const { dispatch, location } = this.props
+            dispatch({
+              type: 'MOVE_NOTE',
+              originNote: note,
+              note: newNote
             })
-          }))
-          this.setState({
-            isMovingNote: false
-          })
-        })
+            dispatch(
+              replace({
+                pathname: location.pathname,
+                search: queryString.stringify({
+                  key: newNote.key
+                })
+              })
+            )
+            this.setState({
+              isMovingNote: false
+            })
+          }
+        )
       })
   }
 
-  handleStarButtonClick (e) {
+  handleStarButtonClick(e) {
     const { note } = this.state
-    if (!note.isStarred) AwsMobileAnalyticsConfig.recordDynamicCustomEvent('ADD_STAR')
+    if (!note.isStarred)
+      AwsMobileAnalyticsConfig.recordDynamicCustomEvent('ADD_STAR')
 
     note.isStarred = !note.isStarred
 
-    this.setState({
-      note
-    }, () => {
-      this.save()
-    })
+    this.setState(
+      {
+        note
+      },
+      () => {
+        this.save()
+      }
+    )
   }
 
-  exportAsFile () {
+  exportAsFile() {}
 
-  }
-
-  handleTrashButtonClick (e) {
+  handleTrashButtonClick(e) {
     const { note } = this.state
     const { isTrashed } = note
     const { confirmDeletion } = this.props.config.ui
 
     if (isTrashed) {
       if (confirmDeleteNote(confirmDeletion, true)) {
-        const {note, dispatch} = this.props
+        const { note, dispatch } = this.props
         dataApi
           .deleteNote(note.storage, note.key)
-          .then((data) => {
+          .then(data => {
             const dispatchHandler = () => {
               dispatch({
                 type: 'DELETE_NOTE',
@@ -222,47 +249,57 @@ class SnippetNoteDetail extends React.Component {
       if (confirmDeleteNote(confirmDeletion, false)) {
         note.isTrashed = true
 
-        this.setState({
-          note
-        }, () => {
-          this.save()
-        })
+        this.setState(
+          {
+            note
+          },
+          () => {
+            this.save()
+          }
+        )
 
         ee.emit('list:next')
       }
     }
   }
 
-  handleUndoButtonClick (e) {
+  handleUndoButtonClick(e) {
     const { note } = this.state
 
     note.isTrashed = false
 
-    this.setState({
-      note
-    }, () => {
-      this.save()
-      ee.emit('list:next')
-    })
+    this.setState(
+      {
+        note
+      },
+      () => {
+        this.save()
+        ee.emit('list:next')
+      }
+    )
   }
 
-  handleFullScreenButton (e) {
+  handleFullScreenButton(e) {
     ee.emit('editor:fullscreen')
   }
 
-  handleTabMoveLeftButtonClick (e) {
+  handleTabMoveLeftButtonClick(e) {
     {
       const left = this.visibleTabs.scrollLeft
 
       const tabs = this.allTabs.querySelectorAll('div')
-      const lastVisibleTab = Array.from(tabs).find((tab) => {
+      const lastVisibleTab = Array.from(tabs).find(tab => {
         return tab.offsetLeft + tab.offsetWidth >= left
       })
 
       if (lastVisibleTab) {
-        const visiblePart = lastVisibleTab.offsetWidth + lastVisibleTab.offsetLeft - left
-        const isFullyVisible = visiblePart > lastVisibleTab.offsetWidth * this.scrollToNextTabThreshold
-        const scrollToTab = (isFullyVisible && lastVisibleTab.previousSibling)
+        const visiblePart =
+          lastVisibleTab.offsetWidth + lastVisibleTab.offsetLeft - left
+        const isFullyVisible =
+          visiblePart >
+          lastVisibleTab.offsetWidth * this.scrollToNextTabThreshold
+        const scrollToTab =
+          isFullyVisible && lastVisibleTab.previousSibling
             ? lastVisibleTab.previousSibling
             : lastVisibleTab
 
@@ -273,19 +310,21 @@ class SnippetNoteDetail extends React.Component {
     }
   }
 
-  handleTabMoveRightButtonClick (e) {
+  handleTabMoveRightButtonClick(e) {
     const left = this.visibleTabs.scrollLeft
     const width = this.visibleTabs.offsetWidth
 
     const tabs = this.allTabs.querySelectorAll('div')
-    const lastVisibleTab = Array.from(tabs).find((tab) => {
+    const lastVisibleTab = Array.from(tabs).find(tab => {
       return tab.offsetLeft + tab.offsetWidth >= width + left
     })
 
     if (lastVisibleTab) {
       const visiblePart = width + left - lastVisibleTab.offsetLeft
-      const isFullyVisible = visiblePart > lastVisibleTab.offsetWidth * this.scrollToNextTabThreshold
-      const scrollToTab = (isFullyVisible && lastVisibleTab.nextSibling)
+      const isFullyVisible =
+        visiblePart > lastVisibleTab.offsetWidth * this.scrollToNextTabThreshold
+      const scrollToTab =
+        isFullyVisible && lastVisibleTab.nextSibling
           ? lastVisibleTab.nextSibling
           : lastVisibleTab
 
@@ -295,21 +334,21 @@ class SnippetNoteDetail extends React.Component {
     }
   }
 
-  handleTabPlusButtonClick (e) {
+  handleTabPlusButtonClick(e) {
     this.addSnippet()
   }
 
-  handleTabButtonClick (e, index) {
+  handleTabButtonClick(e, index) {
     this.setState({
       snippetIndex: index
     })
   }
 
-  handleTabDragStart (e, index) {
+  handleTabDragStart(e, index) {
     e.dataTransfer.setData('text/plain', index)
   }
 
-  handleTabDrop (e, index) {
+  handleTabDrop(e, index) {
     const oldIndex = parseInt(e.dataTransfer.getData('text'))
 
     const snippets = this.state.note.snippets.slice()
@@ -318,7 +357,7 @@ class SnippetNoteDetail extends React.Component {
     snippets[index] = draggedSnippet
     const snippetIndex = index
 
-    const note = Object.assign({}, this.state.note, {snippets})
+    const note = Object.assign({}, this.state.note, { snippets })
     this.setState({ note, snippetIndex }, () => {
       this.save()
       this.refs['code-' + index].reload()
@@ -326,7 +365,7 @@ class SnippetNoteDetail extends React.Component {
     })
   }
 
-  handleTabDeleteButtonClick (e, index) {
+  handleTabDeleteButtonClick(e, index) {
     if (this.state.note.snippets.length > 1) {
       if (this.state.note.snippets[index].content.trim().length > 0) {
         const dialogIndex = dialog.showMessageBox(remote.getCurrentWindow(), {
@@ -344,13 +383,14 @@ class SnippetNoteDetail extends React.Component {
     }
   }
 
-  deleteSnippetByIndex (index) {
+  deleteSnippetByIndex(index) {
     const snippets = this.state.note.snippets.slice()
     snippets.splice(index, 1)
-    const note = Object.assign({}, this.state.note, {snippets})
-    const snippetIndex = this.state.snippetIndex >= snippets.length
-      ? snippets.length - 1
-      : this.state.snippetIndex
+    const note = Object.assign({}, this.state.note, { snippets })
+    const snippetIndex =
+      this.state.snippetIndex >= snippets.length
+        ? snippets.length - 1
+        : this.state.snippetIndex
     this.setState({ note, snippetIndex }, () => {
       this.save()
       this.refs['code-' + this.state.snippetIndex].reload()
@@ -359,7 +399,10 @@ class SnippetNoteDetail extends React.Component {
         this.moveTabBarBy(0)
       } else {
         const lastTab = this.allTabs.lastChild
-        if (lastTab.offsetLeft + lastTab.offsetWidth < this.visibleTabs.offsetWidth) {
+        if (
+          lastTab.offsetLeft + lastTab.offsetWidth <
+          this.visibleTabs.offsetWidth
+        ) {
           const width = this.visibleTabs.offsetWidth
           const newLeft = lastTab.offsetLeft + lastTab.offsetWidth - width
           this.moveTabBarBy(newLeft > 0 ? -newLeft : 0)
@@ -370,7 +413,7 @@ class SnippetNoteDetail extends React.Component {
     })
   }
 
-  renameSnippetByIndex (index, name) {
+  renameSnippetByIndex(index, name) {
     const snippets = this.state.note.snippets.slice()
     snippets[index].name = name
     const syntax = CodeMirror.findModeByFileName(name.trim())
@@ -381,26 +424,36 @@ class SnippetNoteDetail extends React.Component {
         name: mode
       })
     }
-    this.setState(state => ({note: Object.assign(state.note, {snippets: snippets})}))
-
     this.setState(state => ({
-      note: state.note
-    }), () => {
-      this.save()
-    })
+      note: Object.assign(state.note, { snippets: snippets })
+    }))
+
+    this.setState(
+      state => ({
+        note: state.note
+      }),
+      () => {
+        this.save()
+      }
+    )
   }
 
-  handleModeOptionClick (index, name) {
-    return (e) => {
+  handleModeOptionClick(index, name) {
+    return e => {
       const snippets = this.state.note.snippets.slice()
       snippets[index].mode = name
-      this.setState(state => ({note: Object.assign(state.note, {snippets: snippets})}))
-
       this.setState(state => ({
-        note: state.note
-      }), () => {
-        this.save()
-      })
+        note: Object.assign(state.note, { snippets: snippets })
+      }))
+
+      this.setState(
+        state => ({
+          note: state.note
+        }),
+        () => {
+          this.save()
+        }
+      )
 
       AwsMobileAnalyticsConfig.recordDynamicCustomEvent('SELECT_LANG', {
         name
@@ -408,22 +461,27 @@ class SnippetNoteDetail extends React.Component {
     }
   }
 
-  handleCodeChange (index) {
-    return (e) => {
+  handleCodeChange(index) {
+    return e => {
       const snippets = this.state.note.snippets.slice()
       snippets[index].content = this.refs['code-' + index].value
       snippets[index].linesHighlighted = e.options.linesHighlighted
 
-      this.setState(state => ({note: Object.assign(state.note, {snippets: snippets})}))
       this.setState(state => ({
-        note: state.note
-      }), () => {
-        this.save()
-      })
+        note: Object.assign(state.note, { snippets: snippets })
+      }))
+      this.setState(
+        state => ({
+          note: state.note
+        }),
+        () => {
+          this.save()
+        }
+      )
     }
   }
 
-  handleKeyDown (e) {
+  handleKeyDown(e) {
     switch (e.keyCode) {
       // tab key
       case 9:
@@ -433,7 +491,11 @@ class SnippetNoteDetail extends React.Component {
         } else if (e.ctrlKey && e.shiftKey) {
           e.preventDefault()
           this.jumpPrevTab()
-        } else if (!e.ctrlKey && !e.shiftKey && e.target === this.refs.description) {
+        } else if (
+          !e.ctrlKey &&
+          !e.shiftKey &&
+          e.target === this.refs.description
+        ) {
           e.preventDefault()
           this.focusEditor()
         }
@@ -441,9 +503,8 @@ class SnippetNoteDetail extends React.Component {
       // I key
       case 73:
         {
-          const isSuper = global.process.platform === 'darwin'
-            ? e.metaKey
-            : e.ctrlKey
+          const isSuper =
+            global.process.platform === 'darwin' ? e.metaKey : e.ctrlKey
           if (isSuper) {
             e.preventDefault()
             this.handleInfoButtonClick(e)
@@ -453,9 +514,8 @@ class SnippetNoteDetail extends React.Component {
       // L key
       case 76:
         {
-          const isSuper = global.process.platform === 'darwin'
-            ? e.metaKey
-            : e.ctrlKey
+          const isSuper =
+            global.process.platform === 'darwin' ? e.metaKey : e.ctrlKey
           if (isSuper) {
             e.preventDefault()
             this.focus()
@@ -465,9 +525,8 @@ class SnippetNoteDetail extends React.Component {
       // T key
       case 84:
         {
-          const isSuper = global.process.platform === 'darwin'
-            ? e.metaKey
-            : e.ctrlKey
+          const isSuper =
+            global.process.platform === 'darwin' ? e.metaKey : e.ctrlKey
           if (isSuper && !e.shiftKey && !e.altKey) {
             e.preventDefault()
             this.addSnippet()
@@ -477,61 +536,65 @@ class SnippetNoteDetail extends React.Component {
     }
   }
 
-  handleModeButtonClick (e, index) {
+  handleModeButtonClick(e, index) {
     const templetes = []
-    CodeMirror.modeInfo.sort(function (a, b) { return a.name.localeCompare(b.name) }).forEach((mode) => {
-      templetes.push({
-        label: mode.name,
-        click: (e) => this.handleModeOptionClick(index, mode.name)(e)
+    CodeMirror.modeInfo
+      .sort(function(a, b) {
+        return a.name.localeCompare(b.name)
+      })
+      .forEach(mode => {
+        templetes.push({
+          label: mode.name,
+          click: e => this.handleModeOptionClick(index, mode.name)(e)
+        })
       })
-    })
     context.popup(templetes)
   }
 
-  handleIndentTypeButtonClick (e) {
+  handleIndentTypeButtonClick(e) {
     context.popup([
       {
         label: 'tab',
-        click: (e) => this.handleIndentTypeItemClick(e, 'tab')
+        click: e => this.handleIndentTypeItemClick(e, 'tab')
       },
       {
         label: 'space',
-        click: (e) => this.handleIndentTypeItemClick(e, 'space')
+        click: e => this.handleIndentTypeItemClick(e, 'space')
       }
     ])
   }
 
-  handleIndentSizeButtonClick (e) {
+  handleIndentSizeButtonClick(e) {
     context.popup([
       {
         label: '2',
-        click: (e) => this.handleIndentSizeItemClick(e, 2)
+        click: e => this.handleIndentSizeItemClick(e, 2)
       },
       {
         label: '4',
-        click: (e) => this.handleIndentSizeItemClick(e, 4)
+        click: e => this.handleIndentSizeItemClick(e, 4)
       },
       {
         label: '8',
-        click: (e) => this.handleIndentSizeItemClick(e, 8)
+        click: e => this.handleIndentSizeItemClick(e, 8)
       }
     ])
   }
 
-  handleWrapLineButtonClick (e) {
+  handleWrapLineButtonClick(e) {
     context.popup([
       {
         label: 'on',
-        click: (e) => this.handleWrapLineItemClick(e, true)
+        click: e => this.handleWrapLineItemClick(e, true)
       },
       {
         label: 'off',
-        click: (e) => this.handleWrapLineItemClick(e, false)
+        click: e => this.handleWrapLineItemClick(e, false)
       }
     ])
   }
 
-  handleIndentSizeItemClick (e, indentSize) {
+  handleIndentSizeItemClick(e, indentSize) {
     const { config, dispatch } = this.props
     const editor = Object.assign({}, config.editor, {
       indentSize
@@ -547,7 +610,7 @@ class SnippetNoteDetail extends React.Component {
     })
   }
 
-  handleIndentTypeItemClick (e, indentType) {
+  handleIndentTypeItemClick(e, indentType) {
     const { config, dispatch } = this.props
     const editor = Object.assign({}, config.editor, {
       indentType
@@ -563,7 +626,7 @@ class SnippetNoteDetail extends React.Component {
     })
   }
 
-  handleWrapLineItemClick (e, lineWrapping) {
+  handleWrapLineItemClick(e, lineWrapping) {
     const { config, dispatch } = this.props
     const editor = Object.assign({}, config.editor, {
       lineWrapping
@@ -579,17 +642,17 @@ class SnippetNoteDetail extends React.Component {
     })
   }
 
-  focus () {
+  focus() {
     this.refs.description.focus()
   }
 
-  moveToTab (tab) {
-    const easeOutCubic = t => (--t) * t * t + 1
+  moveToTab(tab) {
+    const easeOutCubic = t => --t * t * t + 1
     const startScrollPosition = this.visibleTabs.scrollLeft
     const animationTiming = 300
     const scrollMoreCoeff = 1.4 // introduce coefficient, because we want to scroll a bit further to see next tab
 
-    let scrollBy = (tab.offsetLeft - startScrollPosition)
+    let scrollBy = tab.offsetLeft - startScrollPosition
 
     if (tab.offsetLeft > startScrollPosition) {
       // if tab is on the right side and we want to show the whole tab in visible area,
@@ -598,7 +661,7 @@ class SnippetNoteDetail extends React.Component {
       // |____|_______|________|________|_show_this_|
       //        ↑_____________________↑
       //            visible area
-      scrollBy += (tab.offsetWidth - this.visibleTabs.offsetWidth)
+      scrollBy += tab.offsetWidth - this.visibleTabs.offsetWidth
     }
 
     let startTime = null
@@ -606,7 +669,8 @@ class SnippetNoteDetail extends React.Component {
       startTime = startTime || time
       const elapsed = (time - startTime) / animationTiming
 
-      this.visibleTabs.scrollLeft = startScrollPosition + easeOutCubic(elapsed) * scrollBy * scrollMoreCoeff
+      this.visibleTabs.scrollLeft =
+        startScrollPosition + easeOutCubic(elapsed) * scrollBy * scrollMoreCoeff
       if (elapsed < 1) {
         window.requestAnimationFrame(scrollAnimation)
       } else {
@@ -617,88 +681,115 @@ class SnippetNoteDetail extends React.Component {
     window.requestAnimationFrame(scrollAnimation)
   }
 
-  getArrowsState () {
+  getArrowsState() {
     const allTabs = this.allTabs
     const visibleTabs = this.visibleTabs
 
     const showArrows = visibleTabs.offsetWidth < allTabs.scrollWidth
-    const enableRightArrow = visibleTabs.scrollLeft !== allTabs.scrollWidth - visibleTabs.offsetWidth
+    const enableRightArrow =
+      visibleTabs.scrollLeft !== allTabs.scrollWidth - visibleTabs.offsetWidth
     const enableLeftArrow = visibleTabs.scrollLeft !== 0
 
-    return {showArrows, enableRightArrow, enableLeftArrow}
+    return { showArrows, enableRightArrow, enableLeftArrow }
   }
 
-  addSnippet () {
-    const { config: { editor: { snippetDefaultLanguage } } } = this.props
+  addSnippet() {
+    const {
+      config: {
+        editor: { snippetDefaultLanguage }
+      }
+    } = this.props
     const { note } = this.state
 
-    const defaultLanguage = snippetDefaultLanguage === 'Auto Detect' ? null : snippetDefaultLanguage
+    const defaultLanguage =
+      snippetDefaultLanguage === 'Auto Detect' ? null : snippetDefaultLanguage
 
-    note.snippets = note.snippets.concat([{
-      name: '',
-      mode: defaultLanguage,
-      content: '',
-      linesHighlighted: []
-    }])
+    note.snippets = note.snippets.concat([
+      {
+        name: '',
+        mode: defaultLanguage,
+        content: '',
+        linesHighlighted: []
+      }
+    ])
     const snippetIndex = note.snippets.length - 1
 
-    this.setState(Object.assign({
-      note,
-      snippetIndex
-    }, this.getArrowsState()), () => {
-      if (this.state.showArrows) {
-        const tabs = this.allTabs.querySelectorAll('div')
-        if (tabs) {
-          this.moveToTab(tabs[snippetIndex])
+    this.setState(
+      Object.assign(
+        {
+          note,
+          snippetIndex
+        },
+        this.getArrowsState()
+      ),
+      () => {
+        if (this.state.showArrows) {
+          const tabs = this.allTabs.querySelectorAll('div')
+          if (tabs) {
+            this.moveToTab(tabs[snippetIndex])
+          }
         }
+        this.refs['tab-' + snippetIndex].startRenaming()
       }
-      this.refs['tab-' + snippetIndex].startRenaming()
-    })
+    )
   }
 
-  jumpNextTab () {
-    this.setState(state => ({
-      snippetIndex: (state.snippetIndex + 1) % state.note.snippets.length
-    }), () => {
-      this.focusEditor()
-    })
+  jumpNextTab() {
+    this.setState(
+      state => ({
+        snippetIndex: (state.snippetIndex + 1) % state.note.snippets.length
+      }),
+      () => {
+        this.focusEditor()
+      }
+    )
   }
 
-  jumpPrevTab () {
-    this.setState(state => ({
-      snippetIndex: (state.snippetIndex - 1 + state.note.snippets.length) % state.note.snippets.length
-    }), () => {
-      this.focusEditor()
-    })
+  jumpPrevTab() {
+    this.setState(
+      state => ({
+        snippetIndex:
+          (state.snippetIndex - 1 + state.note.snippets.length) %
+          state.note.snippets.length
+      }),
+      () => {
+        this.focusEditor()
+      }
+    )
   }
 
-  focusEditor () {
+  focusEditor() {
     this.refs['code-' + this.state.snippetIndex].focus()
   }
 
-  handleInfoButtonClick (e) {
+  handleInfoButtonClick(e) {
     const infoPanel = document.querySelector('.infoPanel')
-    if (infoPanel.style) infoPanel.style.display = infoPanel.style.display === 'none' ? 'inline' : 'none'
+    if (infoPanel.style)
+      infoPanel.style.display =
+        infoPanel.style.display === 'none' ? 'inline' : 'none'
   }
 
-  showWarning (e, msg) {
-    const warningMessage = (msg) => ({
-      'export-txt': 'Text export',
-      'export-md': 'Markdown export',
-      'export-html': 'HTML export',
-      'export-pdf': 'PDF export',
-      'print': 'Print'
-    })[msg]
+  showWarning(e, msg) {
+    const warningMessage = msg =>
+      ({
+        'export-txt': 'Text export',
+        'export-md': 'Markdown export',
+        'export-html': 'HTML export',
+        'export-pdf': 'PDF export',
+        print: 'Print'
+      }[msg])
 
     dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
       message: i18n.__('Sorry!'),
-      detail: i18n.__(warningMessage(msg) + ' is available only in markdown notes.'),
+      detail: i18n.__(
+        warningMessage(msg) + ' is available only in markdown notes.'
+      ),
       buttons: [i18n.__('OK')]
     })
   }
 
-  render () {
+  render() {
     const { data, dispatch, config, location } = this.props
     const { note } = this.state
 
@@ -715,154 +806,175 @@ class SnippetNoteDetail extends React.Component {
     const tabList = note.snippets.map((snippet, index) => {
       const isActive = this.state.snippetIndex === index
 
-      return <SnippetTab
-        key={index}
-        ref={'tab-' + index}
-        snippet={snippet}
-        isActive={isActive}
-        onClick={(e) => this.handleTabButtonClick(e, index)}
-        onDelete={(e) => this.handleTabDeleteButtonClick(e, index)}
-        onRename={(name) => this.renameSnippetByIndex(index, name)}
-        isDeletable={note.snippets.length > 1}
-        onDragStart={(e) => this.handleTabDragStart(e, index)}
-        onDrop={(e) => this.handleTabDrop(e, index)}
-      />
+      return (
+        <SnippetTab
+          key={index}
+          ref={'tab-' + index}
+          snippet={snippet}
+          isActive={isActive}
+          onClick={e => this.handleTabButtonClick(e, index)}
+          onDelete={e => this.handleTabDeleteButtonClick(e, index)}
+          onRename={name => this.renameSnippetByIndex(index, name)}
+          isDeletable={note.snippets.length > 1}
+          onDragStart={e => this.handleTabDragStart(e, index)}
+          onDrop={e => this.handleTabDrop(e, index)}
+        />
+      )
     })
 
     const viewList = note.snippets.map((snippet, index) => {
       const isActive = this.state.snippetIndex === index
-      return <div styleName='tabView'
-        key={index}
-        style={{zIndex: isActive ? 5 : 4}}
-      >
-        {snippet.mode === 'Markdown' || snippet.mode === 'GitHub Flavored Markdown'
-          ? <MarkdownEditor styleName='tabView-content'
-            value={snippet.content}
-            config={config}
-            linesHighlighted={snippet.linesHighlighted}
-            onChange={(e) => this.handleCodeChange(index)(e)}
-            ref={'code-' + index}
-            ignorePreviewPointerEvents={this.props.ignorePreviewPointerEvents}
-            storageKey={storageKey}
-          />
-          : <CodeEditor styleName='tabView-content'
-            mode={snippet.mode || (autoDetect ? null : config.editor.snippetDefaultLanguage)}
-            value={snippet.content}
-            linesHighlighted={snippet.linesHighlighted}
-            lineWrapping={config.editor.lineWrapping}
-            theme={config.editor.theme}
-            fontFamily={config.editor.fontFamily}
-            fontSize={editorFontSize}
-            indentType={config.editor.indentType}
-            indentSize={editorIndentSize}
-            displayLineNumbers={config.editor.displayLineNumbers}
-            matchingPairs={config.editor.matchingPairs}
-            matchingTriples={config.editor.matchingTriples}
-            explodingPairs={config.editor.explodingPairs}
-            keyMap={config.editor.keyMap}
-            scrollPastEnd={config.editor.scrollPastEnd}
-            fetchUrlTitle={config.editor.fetchUrlTitle}
-            enableTableEditor={config.editor.enableTableEditor}
-            onChange={(e) => this.handleCodeChange(index)(e)}
-            ref={'code-' + index}
-            enableSmartPaste={config.editor.enableSmartPaste}
-            hotkey={config.hotkey}
-            autoDetect={autoDetect}
-          />
-        }
-      </div>
+      return (
+        <div
+          styleName='tabView'
+          key={index}
+          style={{ zIndex: isActive ? 5 : 4 }}
+        >
+          {snippet.mode === 'Markdown' ||
+          snippet.mode === 'GitHub Flavored Markdown' ? (
+            <MarkdownEditor
+              styleName='tabView-content'
+              value={snippet.content}
+              config={config}
+              linesHighlighted={snippet.linesHighlighted}
+              onChange={e => this.handleCodeChange(index)(e)}
+              ref={'code-' + index}
+              ignorePreviewPointerEvents={this.props.ignorePreviewPointerEvents}
+              storageKey={storageKey}
+            />
+          ) : (
+            <CodeEditor
+              styleName='tabView-content'
+              mode={
+                snippet.mode ||
+                (autoDetect ? null : config.editor.snippetDefaultLanguage)
+              }
+              value={snippet.content}
+              linesHighlighted={snippet.linesHighlighted}
+              lineWrapping={config.editor.lineWrapping}
+              theme={config.editor.theme}
+              fontFamily={config.editor.fontFamily}
+              fontSize={editorFontSize}
+              indentType={config.editor.indentType}
+              indentSize={editorIndentSize}
+              displayLineNumbers={config.editor.displayLineNumbers}
+              matchingPairs={config.editor.matchingPairs}
+              matchingTriples={config.editor.matchingTriples}
+              explodingPairs={config.editor.explodingPairs}
+              keyMap={config.editor.keyMap}
+              scrollPastEnd={config.editor.scrollPastEnd}
+              fetchUrlTitle={config.editor.fetchUrlTitle}
+              enableTableEditor={config.editor.enableTableEditor}
+              onChange={e => this.handleCodeChange(index)(e)}
+              ref={'code-' + index}
+              enableSmartPaste={config.editor.enableSmartPaste}
+              hotkey={config.hotkey}
+              autoDetect={autoDetect}
+            />
+          )}
+        </div>
+      )
     })
 
     const options = []
     data.storageMap.forEach((storage, index) => {
-      storage.folders.forEach((folder) => {
+      storage.folders.forEach(folder => {
         options.push({
           storage: storage,
           folder: folder
         })
       })
     })
-    const currentOption = options.filter((option) => option.storage.key === storageKey && option.folder.key === folderKey)[0]
+    const currentOption = options.filter(
+      option =>
+        option.storage.key === storageKey && option.folder.key === folderKey
+    )[0]
 
-    const trashTopBar = <div styleName='info'>
-      <div styleName='info-left'>
-        <RestoreButton onClick={(e) => this.handleUndoButtonClick(e)} />
-      </div>
-      <div styleName='info-right'>
-        <PermanentDeleteButton onClick={(e) => this.handleTrashButtonClick(e)} />
-        <InfoButton
-          onClick={(e) => this.handleInfoButtonClick(e)}
-        />
-        <InfoPanelTrashed
-          storageName={currentOption.storage.name}
-          folderName={currentOption.folder.name}
-          updatedAt={formatDate(note.updatedAt)}
-          createdAt={formatDate(note.createdAt)}
-          exportAsMd={this.showWarning}
-          exportAsTxt={this.showWarning}
-          exportAsHtml={this.showWarning}
-          exportAsPdf={this.showWarning}
-        />
-      </div>
-    </div>
-
-    const detailTopBar = <div styleName='info'>
-      <div styleName='info-left'>
-        <div>
-          <FolderSelect styleName='info-left-top-folderSelect'
-            value={this.state.note.storage + '-' + this.state.note.folder}
-            ref='folder'
-            data={data}
-            onChange={(e) => this.handleFolderChange(e)}
+    const trashTopBar = (
+      <div styleName='info'>
+        <div styleName='info-left'>
+          <RestoreButton onClick={e => this.handleUndoButtonClick(e)} />
+        </div>
+        <div styleName='info-right'>
+          <PermanentDeleteButton
+            onClick={e => this.handleTrashButtonClick(e)}
+          />
+          <InfoButton onClick={e => this.handleInfoButtonClick(e)} />
+          <InfoPanelTrashed
+            storageName={currentOption.storage.name}
+            folderName={currentOption.folder.name}
+            updatedAt={formatDate(note.updatedAt)}
+            createdAt={formatDate(note.createdAt)}
+            exportAsMd={this.showWarning}
+            exportAsTxt={this.showWarning}
+            exportAsHtml={this.showWarning}
+            exportAsPdf={this.showWarning}
           />
         </div>
-
-        <TagSelect
-          ref='tags'
-          value={this.state.note.tags}
-          saveTagsAlphabetically={config.ui.saveTagsAlphabetically}
-          showTagsAlphabetically={config.ui.showTagsAlphabetically}
-          data={data}
-          dispatch={dispatch}
-          onChange={(e) => this.handleChange(e)}
-          coloredTags={config.coloredTags}
-        />
       </div>
-      <div styleName='info-right'>
-        <StarButton
-          onClick={(e) => this.handleStarButtonClick(e)}
-          isActive={note.isStarred}
-        />
+    )
 
-        <FullscreenButton onClick={(e) => this.handleFullScreenButton(e)} />
+    const detailTopBar = (
+      <div styleName='info'>
+        <div styleName='info-left'>
+          <div>
+            <FolderSelect
+              styleName='info-left-top-folderSelect'
+              value={this.state.note.storage + '-' + this.state.note.folder}
+              ref='folder'
+              data={data}
+              onChange={e => this.handleFolderChange(e)}
+            />
+          </div>
 
-        <TrashButton onClick={(e) => this.handleTrashButtonClick(e)} />
+          <TagSelect
+            ref='tags'
+            value={this.state.note.tags}
+            saveTagsAlphabetically={config.ui.saveTagsAlphabetically}
+            showTagsAlphabetically={config.ui.showTagsAlphabetically}
+            data={data}
+            dispatch={dispatch}
+            onChange={e => this.handleChange(e)}
+            coloredTags={config.coloredTags}
+          />
+        </div>
+        <div styleName='info-right'>
+          <StarButton
+            onClick={e => this.handleStarButtonClick(e)}
+            isActive={note.isStarred}
+          />
 
-        <InfoButton
-          onClick={(e) => this.handleInfoButtonClick(e)}
-        />
+          <FullscreenButton onClick={e => this.handleFullScreenButton(e)} />
 
-        <InfoPanel
-          storageName={currentOption.storage.name}
-          folderName={currentOption.folder.name}
-          noteLink={`[${note.title}](:note:${queryString.parse(location.search).key})`}
-          updatedAt={formatDate(note.updatedAt)}
-          createdAt={formatDate(note.createdAt)}
-          exportAsMd={this.showWarning}
-          exportAsTxt={this.showWarning}
-          exportAsHtml={this.showWarning}
-          exportAsPdf={this.showWarning}
-          type={note.type}
-          print={this.showWarning}
-        />
+          <TrashButton onClick={e => this.handleTrashButtonClick(e)} />
+
+          <InfoButton onClick={e => this.handleInfoButtonClick(e)} />
+
+          <InfoPanel
+            storageName={currentOption.storage.name}
+            folderName={currentOption.folder.name}
+            noteLink={`[${note.title}](:note:${
+              queryString.parse(location.search).key
+            })`}
+            updatedAt={formatDate(note.updatedAt)}
+            createdAt={formatDate(note.createdAt)}
+            exportAsMd={this.showWarning}
+            exportAsTxt={this.showWarning}
+            exportAsHtml={this.showWarning}
+            exportAsPdf={this.showWarning}
+            type={note.type}
+            print={this.showWarning}
+          />
+        </div>
       </div>
-    </div>
+    )
 
     return (
-      <div className='NoteDetail'
+      <div
+        className='NoteDetail'
         style={this.props.style}
         styleName='root'
-        onKeyDown={(e) => this.handleKeyDown(e)}
+        onKeyDown={e => this.handleKeyDown(e)}
       >
         {location.pathname === '/trashed' ? trashTopBar : detailTopBar}
 
@@ -876,31 +988,47 @@ class SnippetNoteDetail extends React.Component {
               ref='description'
               placeholder={i18n.__('Description...')}
               value={this.state.note.description}
-              onChange={(e) => this.handleChange(e)}
+              onChange={e => this.handleChange(e)}
             />
           </div>
           <div styleName='tabList'>
-            <button styleName='tabButton'
+            <button
+              styleName='tabButton'
               hidden={!this.state.showArrows}
               disabled={!this.state.enableLeftArrow}
-              onClick={(e) => this.handleTabMoveLeftButtonClick(e)}
+              onClick={e => this.handleTabMoveLeftButtonClick(e)}
             >
               <i className='fa fa-chevron-left' />
             </button>
-            <div styleName='list' onScroll={(e) => { this.setState(this.getArrowsState()) }} ref={(tabs) => { this.visibleTabs = tabs }}>
-              <div styleName='allTabs' ref={(tabs) => { this.allTabs = tabs }}>
+            <div
+              styleName='list'
+              onScroll={e => {
+                this.setState(this.getArrowsState())
+              }}
+              ref={tabs => {
+                this.visibleTabs = tabs
+              }}
+            >
+              <div
+                styleName='allTabs'
+                ref={tabs => {
+                  this.allTabs = tabs
+                }}
+              >
                 {tabList}
               </div>
             </div>
-            <button styleName='tabButton'
+            <button
+              styleName='tabButton'
               hidden={!this.state.showArrows}
               disabled={!this.state.enableRightArrow}
-              onClick={(e) => this.handleTabMoveRightButtonClick(e)}
+              onClick={e => this.handleTabMoveRightButtonClick(e)}
             >
               <i className='fa fa-chevron-right' />
             </button>
-            <button styleName='tabButton'
-              onClick={(e) => this.handleTabPlusButtonClick(e)}
+            <button
+              styleName='tabButton'
+              onClick={e => this.handleTabPlusButtonClick(e)}
             >
               <i className='fa fa-plus' />
             </button>
@@ -910,29 +1038,25 @@ class SnippetNoteDetail extends React.Component {
 
         <div styleName='override'>
           <button
-            onClick={(e) => this.handleModeButtonClick(e, this.state.snippetIndex)}
+            onClick={e =>
+              this.handleModeButtonClick(e, this.state.snippetIndex)
+            }
           >
             {this.state.note.snippets[this.state.snippetIndex].mode == null
               ? i18n.__('Select Syntax...')
-              : this.state.note.snippets[this.state.snippetIndex].mode
-            }&nbsp;
+              : this.state.note.snippets[this.state.snippetIndex].mode}
+            &nbsp;
             <i className='fa fa-caret-down' />
           </button>
-          <button
-            onClick={(e) => this.handleIndentTypeButtonClick(e)}
-          >
+          <button onClick={e => this.handleIndentTypeButtonClick(e)}>
             Indent: {config.editor.indentType}&nbsp;
             <i className='fa fa-caret-down' />
           </button>
-          <button
-            onClick={(e) => this.handleIndentSizeButtonClick(e)}
-          >
+          <button onClick={e => this.handleIndentSizeButtonClick(e)}>
             size: {config.editor.indentSize}&nbsp;
             <i className='fa fa-caret-down' />
           </button>
-          <button
-            onClick={(e) => this.handleWrapLineButtonClick(e)}
-          >
+          <button onClick={e => this.handleWrapLineButtonClick(e)}>
             Wrap Line: {config.editor.lineWrapping ? 'on' : 'off'}&nbsp;
             <i className='fa fa-caret-down' />
           </button>
@@ -950,9 +1074,7 @@ class SnippetNoteDetail extends React.Component {
 SnippetNoteDetail.propTypes = {
   dispatch: PropTypes.func,
   repositories: PropTypes.array,
-  note: PropTypes.shape({
-
-  }),
+  note: PropTypes.shape({}),
   style: PropTypes.shape({
     left: PropTypes.number
   }),
diff --git a/browser/main/Detail/StarButton.js b/browser/main/Detail/StarButton.js
index 8000970d..0eba546f 100644
--- a/browser/main/Detail/StarButton.js
+++ b/browser/main/Detail/StarButton.js
@@ -6,7 +6,7 @@ import _ from 'lodash'
 import i18n from 'browser/lib/i18n'
 
 class StarButton extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -14,47 +14,51 @@ class StarButton extends React.Component {
     }
   }
 
-  handleMouseDown (e) {
+  handleMouseDown(e) {
     this.setState({
       isActive: true
     })
   }
 
-  handleMouseUp (e) {
+  handleMouseUp(e) {
     this.setState({
       isActive: false
     })
   }
 
-  handleMouseLeave (e) {
+  handleMouseLeave(e) {
     this.setState({
       isActive: false
     })
   }
 
-  render () {
+  render() {
     const { className } = this.props
 
     return (
-      <button className={_.isString(className)
-          ? 'StarButton ' + className
-          : 'StarButton'
+      <button
+        className={
+          _.isString(className) ? 'StarButton ' + className : 'StarButton'
         }
-        styleName={this.state.isActive || this.props.isActive
-          ? 'root--active'
-          : 'root'
+        styleName={
+          this.state.isActive || this.props.isActive ? 'root--active' : 'root'
         }
-        onMouseDown={(e) => this.handleMouseDown(e)}
-        onMouseUp={(e) => this.handleMouseUp(e)}
-        onMouseLeave={(e) => this.handleMouseLeave(e)}
-        onClick={this.props.onClick}>
-        <img styleName='icon'
-          src={this.state.isActive || this.props.isActive
-            ? '../resources/icon/icon-starred.svg'
-            : '../resources/icon/icon-star.svg'
+        onMouseDown={e => this.handleMouseDown(e)}
+        onMouseUp={e => this.handleMouseUp(e)}
+        onMouseLeave={e => this.handleMouseLeave(e)}
+        onClick={this.props.onClick}
+      >
+        <img
+          styleName='icon'
+          src={
+            this.state.isActive || this.props.isActive
+              ? '../resources/icon/icon-starred.svg'
+              : '../resources/icon/icon-star.svg'
           }
         />
-        <span lang={i18n.locale} styleName='tooltip'>{i18n.__('Star')}</span>
+        <span lang={i18n.locale} styleName='tooltip'>
+          {i18n.__('Star')}
+        </span>
       </button>
     )
   }
diff --git a/browser/main/Detail/TagSelect.js b/browser/main/Detail/TagSelect.js
index 615cb5d2..6e3e7a5b 100644
--- a/browser/main/Detail/TagSelect.js
+++ b/browser/main/Detail/TagSelect.js
@@ -11,7 +11,7 @@ import Autosuggest from 'react-autosuggest'
 import { push } from 'connected-react-router'
 
 class TagSelect extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -23,12 +23,16 @@ class TagSelect extends React.Component {
     this.onInputBlur = this.onInputBlur.bind(this)
     this.onInputChange = this.onInputChange.bind(this)
     this.onInputKeyDown = this.onInputKeyDown.bind(this)
-    this.onSuggestionsClearRequested = this.onSuggestionsClearRequested.bind(this)
-    this.onSuggestionsFetchRequested = this.onSuggestionsFetchRequested.bind(this)
+    this.onSuggestionsClearRequested = this.onSuggestionsClearRequested.bind(
+      this
+    )
+    this.onSuggestionsFetchRequested = this.onSuggestionsFetchRequested.bind(
+      this
+    )
     this.onSuggestionSelected = this.onSuggestionSelected.bind(this)
   }
 
-  addNewTag (newTag) {
+  addNewTag(newTag) {
     AwsMobileAnalyticsConfig.recordDynamicCustomEvent('ADD_TAG')
 
     newTag = newTag.trim().replace(/ +/g, '_')
@@ -44,9 +48,7 @@ class TagSelect extends React.Component {
     }
 
     let { value } = this.props
-    value = _.isArray(value)
-      ? value.slice()
-      : []
+    value = _.isArray(value) ? value.slice() : []
 
     if (!_.includes(value, newTag)) {
       value.push(newTag)
@@ -56,27 +58,31 @@ class TagSelect extends React.Component {
       value = _.sortBy(value)
     }
 
-    this.setState({
-      newTag: ''
-    }, () => {
-      this.value = value
-      this.props.onChange()
-    })
+    this.setState(
+      {
+        newTag: ''
+      },
+      () => {
+        this.value = value
+        this.props.onChange()
+      }
+    )
   }
 
-  buildSuggestions () {
-    this.suggestions = _.sortBy(this.props.data.tagNoteMap.map(
-      (tag, name) => ({
-        name,
-        nameLC: name.toLowerCase(),
-        size: tag.size
-      })
-    ).filter(
-      tag => tag.size > 0
-    ), ['name'])
+  buildSuggestions() {
+    this.suggestions = _.sortBy(
+      this.props.data.tagNoteMap
+        .map((tag, name) => ({
+          name,
+          nameLC: name.toLowerCase(),
+          size: tag.size
+        }))
+        .filter(tag => tag.size > 0),
+      ['name']
+    )
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.value = this.props.value
 
     this.buildSuggestions()
@@ -84,19 +90,19 @@ class TagSelect extends React.Component {
     ee.on('editor:add-tag', this.handleAddTag)
   }
 
-  componentDidUpdate () {
+  componentDidUpdate() {
     this.value = this.props.value
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     ee.off('editor:add-tag', this.handleAddTag)
   }
 
-  handleAddTag () {
+  handleAddTag() {
     this.refs.newTag.input.focus()
   }
 
-  handleTagLabelClick (tag) {
+  handleTagLabelClick(tag) {
     const { dispatch } = this.props
 
     // Note: `tag` requires encoding later.
@@ -104,23 +110,23 @@ class TagSelect extends React.Component {
     dispatch(push(`/tags/${tag}`))
   }
 
-  handleTagRemoveButtonClick (tag) {
+  handleTagRemoveButtonClick(tag) {
     this.removeTagByCallback((value, tag) => {
       value.splice(value.indexOf(tag), 1)
     }, tag)
   }
 
-  onInputBlur (e) {
+  onInputBlur(e) {
     this.submitNewTag()
   }
 
-  onInputChange (e, { newValue, method }) {
+  onInputChange(e, { newValue, method }) {
     this.setState({
       newTag: newValue
     })
   }
 
-  onInputKeyDown (e) {
+  onInputKeyDown(e) {
     switch (e.keyCode) {
       case 9:
         e.preventDefault()
@@ -136,17 +142,18 @@ class TagSelect extends React.Component {
     }
   }
 
-  onSuggestionsClearRequested () {
+  onSuggestionsClearRequested() {
     this.setState({
       suggestions: []
     })
   }
 
-  onSuggestionsFetchRequested ({ value }) {
+  onSuggestionsFetchRequested({ value }) {
     const valueLC = value.toLowerCase()
     const suggestions = _.filter(
       this.suggestions,
-      tag => !_.includes(this.value, tag.name) && tag.nameLC.indexOf(valueLC) !== -1
+      tag =>
+        !_.includes(this.value, tag.name) && tag.nameLC.indexOf(valueLC) !== -1
     )
 
     this.setState({
@@ -154,22 +161,20 @@ class TagSelect extends React.Component {
     })
   }
 
-  onSuggestionSelected (event, { suggestion, suggestionValue }) {
+  onSuggestionSelected(event, { suggestion, suggestionValue }) {
     this.addNewTag(suggestionValue)
   }
 
-  removeLastTag () {
-    this.removeTagByCallback((value) => {
+  removeLastTag() {
+    this.removeTagByCallback(value => {
       value.pop()
     })
   }
 
-  removeTagByCallback (callback, tag = null) {
+  removeTagByCallback(callback, tag = null) {
     let { value } = this.props
 
-    value = _.isArray(value)
-      ? value.slice()
-      : []
+    value = _.isArray(value) ? value.slice() : []
     callback(value, tag)
     value = _.uniq(value)
 
@@ -177,7 +182,7 @@ class TagSelect extends React.Component {
     this.props.onChange()
   }
 
-  reset () {
+  reset() {
     this.buildSuggestions()
 
     this.setState({
@@ -185,51 +190,60 @@ class TagSelect extends React.Component {
     })
   }
 
-  submitNewTag () {
+  submitNewTag() {
     this.addNewTag(this.refs.newTag.input.value)
   }
 
-  render () {
+  render() {
     const { value, className, showTagsAlphabetically, coloredTags } = this.props
 
     const tagList = _.isArray(value)
-      ? (showTagsAlphabetically ? _.sortBy(value) : value).map((tag) => {
-        const wrapperStyle = {}
-        const textStyle = {}
-        const BLACK = '#333333'
-        const WHITE = '#f1f1f1'
-        const color = coloredTags[tag]
-        const invertedColor = color && invertColor(color, { black: BLACK, white: WHITE })
-        let iconRemove = '../resources/icon/icon-x.svg'
-        if (color) {
-          wrapperStyle.backgroundColor = color
-          textStyle.color = invertedColor
-        }
-        if (invertedColor === WHITE) {
-          iconRemove = '../resources/icon/icon-x-light.svg'
-        }
-        return (
-          <span styleName='tag'
-            key={tag}
-            style={wrapperStyle}
-          >
-            <span styleName='tag-label' style={textStyle} onClick={(e) => this.handleTagLabelClick(tag)}>#{tag}</span>
-            <button styleName='tag-removeButton'
-              onClick={(e) => this.handleTagRemoveButtonClick(tag)}
-            >
-              <img className='tag-removeButton-icon' src={iconRemove} width='8px' />
-            </button>
-          </span>
-        )
-      })
+      ? (showTagsAlphabetically ? _.sortBy(value) : value).map(tag => {
+          const wrapperStyle = {}
+          const textStyle = {}
+          const BLACK = '#333333'
+          const WHITE = '#f1f1f1'
+          const color = coloredTags[tag]
+          const invertedColor =
+            color && invertColor(color, { black: BLACK, white: WHITE })
+          let iconRemove = '../resources/icon/icon-x.svg'
+          if (color) {
+            wrapperStyle.backgroundColor = color
+            textStyle.color = invertedColor
+          }
+          if (invertedColor === WHITE) {
+            iconRemove = '../resources/icon/icon-x-light.svg'
+          }
+          return (
+            <span styleName='tag' key={tag} style={wrapperStyle}>
+              <span
+                styleName='tag-label'
+                style={textStyle}
+                onClick={e => this.handleTagLabelClick(tag)}
+              >
+                #{tag}
+              </span>
+              <button
+                styleName='tag-removeButton'
+                onClick={e => this.handleTagRemoveButtonClick(tag)}
+              >
+                <img
+                  className='tag-removeButton-icon'
+                  src={iconRemove}
+                  width='8px'
+                />
+              </button>
+            </span>
+          )
+        })
       : []
 
     const { newTag, suggestions } = this.state
 
     return (
-      <div className={_.isString(className)
-          ? 'TagSelect ' + className
-          : 'TagSelect'
+      <div
+        className={
+          _.isString(className) ? 'TagSelect ' + className : 'TagSelect'
         }
         styleName='root'
       >
@@ -241,11 +255,7 @@ class TagSelect extends React.Component {
           onSuggestionsClearRequested={this.onSuggestionsClearRequested}
           onSuggestionSelected={this.onSuggestionSelected}
           getSuggestionValue={suggestion => suggestion.name}
-          renderSuggestion={suggestion => (
-            <div>
-              {suggestion.name}
-            </div>
-          )}
+          renderSuggestion={suggestion => <div>{suggestion.name}</div>}
           inputProps={{
             placeholder: i18n.__('Add tag...'),
             value: newTag,
diff --git a/browser/main/Detail/ToggleDirectionButton.js b/browser/main/Detail/ToggleDirectionButton.js
index 6584d4fa..4fe41e0c 100644
--- a/browser/main/Detail/ToggleDirectionButton.js
+++ b/browser/main/Detail/ToggleDirectionButton.js
@@ -4,9 +4,7 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './ToggleDirectionButton.styl'
 import i18n from 'browser/lib/i18n'
 
-const ToggleDirectionButton = ({
-  onClick, isRTL
-}) => (
+const ToggleDirectionButton = ({ onClick, isRTL }) => (
   <div styleName='control-toggleModeButton'>
     <div styleName={isRTL ? 'active' : undefined} onClick={() => onClick()}>
       <img src={!isRTL ? '../resources/icon/icon-left-to-right.svg' : ''} />
@@ -14,7 +12,9 @@ const ToggleDirectionButton = ({
     <div styleName={!isRTL ? 'active' : undefined} onClick={() => onClick()}>
       <img src={!isRTL ? '' : '../resources/icon/icon-right-to-left.svg'} />
     </div>
-    <span lang={i18n.locale} styleName='tooltip'>{i18n.__('Toggle Direction')}</span>
+    <span lang={i18n.locale} styleName='tooltip'>
+      {i18n.__('Toggle Direction')}
+    </span>
   </div>
 )
 
diff --git a/browser/main/Detail/ToggleModeButton.js b/browser/main/Detail/ToggleModeButton.js
index 9d3d61f2..6b46cf50 100644
--- a/browser/main/Detail/ToggleModeButton.js
+++ b/browser/main/Detail/ToggleModeButton.js
@@ -4,17 +4,35 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './ToggleModeButton.styl'
 import i18n from 'browser/lib/i18n'
 
-const ToggleModeButton = ({
-  onClick, editorType
-}) => (
+const ToggleModeButton = ({ onClick, editorType }) => (
   <div styleName='control-toggleModeButton'>
-    <div styleName={editorType === 'SPLIT' ? 'active' : undefined} onClick={() => onClick('SPLIT')}>
-      <img src={editorType === 'EDITOR_PREVIEW' ? '../resources/icon/icon-mode-markdown-off-active.svg' : ''} />
+    <div
+      styleName={editorType === 'SPLIT' ? 'active' : undefined}
+      onClick={() => onClick('SPLIT')}
+    >
+      <img
+        src={
+          editorType === 'EDITOR_PREVIEW'
+            ? '../resources/icon/icon-mode-markdown-off-active.svg'
+            : ''
+        }
+      />
     </div>
-    <div styleName={editorType === 'EDITOR_PREVIEW' ? 'active' : undefined} onClick={() => onClick('EDITOR_PREVIEW')}>
-      <img src={editorType === 'EDITOR_PREVIEW' ? '' : '../resources/icon/icon-mode-split-on-active.svg'} />
+    <div
+      styleName={editorType === 'EDITOR_PREVIEW' ? 'active' : undefined}
+      onClick={() => onClick('EDITOR_PREVIEW')}
+    >
+      <img
+        src={
+          editorType === 'EDITOR_PREVIEW'
+            ? ''
+            : '../resources/icon/icon-mode-split-on-active.svg'
+        }
+      />
     </div>
-    <span lang={i18n.locale} styleName='tooltip'>{i18n.__('Toggle Mode')}</span>
+    <span lang={i18n.locale} styleName='tooltip'>
+      {i18n.__('Toggle Mode')}
+    </span>
   </div>
 )
 
diff --git a/browser/main/Detail/TrashButton.js b/browser/main/Detail/TrashButton.js
index 8ca27ce9..586073b5 100644
--- a/browser/main/Detail/TrashButton.js
+++ b/browser/main/Detail/TrashButton.js
@@ -4,14 +4,12 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './TrashButton.styl'
 import i18n from 'browser/lib/i18n'
 
-const TrashButton = ({
-  onClick
-}) => (
-  <button styleName='control-trashButton'
-    onClick={(e) => onClick(e)}
-  >
+const TrashButton = ({ onClick }) => (
+  <button styleName='control-trashButton' onClick={e => onClick(e)}>
     <img src='../resources/icon/icon-trash.svg' />
-    <span lang={i18n.locale} styleName='tooltip'>{i18n.__('Trash')}</span>
+    <span lang={i18n.locale} styleName='tooltip'>
+      {i18n.__('Trash')}
+    </span>
   </button>
 )
 
diff --git a/browser/main/Detail/index.js b/browser/main/Detail/index.js
index 95b9d73d..e0d78589 100644
--- a/browser/main/Detail/index.js
+++ b/browser/main/Detail/index.js
@@ -15,7 +15,7 @@ import queryString from 'query-string'
 const OSX = global.process.platform === 'darwin'
 
 class Detail extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.focusHandler = () => {
@@ -26,41 +26,55 @@ class Detail extends React.Component {
     }
   }
 
-  componentDidMount () {
+  componentDidMount() {
     ee.on('detail:focus', this.focusHandler)
     ee.on('detail:delete', this.deleteHandler)
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     ee.off('detail:focus', this.focusHandler)
     ee.off('detail:delete', this.deleteHandler)
   }
 
-  render () {
-    const { location, data, match: { params }, config } = this.props
-    const noteKey = location.search !== '' && queryString.parse(location.search).key
+  render() {
+    const {
+      location,
+      data,
+      match: { params },
+      config
+    } = this.props
+    const noteKey =
+      location.search !== '' && queryString.parse(location.search).key
     let note = null
 
     if (location.search !== '') {
       const allNotes = data.noteMap.map(note => note)
-      const trashedNotes = data.trashedSet.toJS().map(uniqueKey => data.noteMap.get(uniqueKey))
+      const trashedNotes = data.trashedSet
+        .toJS()
+        .map(uniqueKey => data.noteMap.get(uniqueKey))
       let displayedNotes = allNotes
 
       if (location.pathname.match(/\/searched/)) {
         const searchStr = params.searchword
-        displayedNotes = searchStr === undefined || searchStr === '' ? allNotes
-          : searchFromNotes(allNotes, searchStr)
+        displayedNotes =
+          searchStr === undefined || searchStr === ''
+            ? allNotes
+            : searchFromNotes(allNotes, searchStr)
       } else if (location.pathname.match(/^\/tags/)) {
         const listOfTags = params.tagname.split(' ')
-        displayedNotes = data.noteMap.map(note => note).filter(note =>
-          listOfTags.every(tag => note.tags.includes(tag))
-        )
+        displayedNotes = data.noteMap
+          .map(note => note)
+          .filter(note => listOfTags.every(tag => note.tags.includes(tag)))
       }
 
       if (location.pathname.match(/^\/trashed/)) {
         displayedNotes = trashedNotes
       } else {
-        displayedNotes = _.differenceWith(displayedNotes, trashedNotes, (note, trashed) => note.key === trashed.key)
+        displayedNotes = _.differenceWith(
+          displayedNotes,
+          trashedNotes,
+          (note, trashed) => note.key === trashed.key
+        )
       }
 
       const noteKeys = displayedNotes.map(note => note.key)
@@ -71,12 +85,12 @@ class Detail extends React.Component {
 
     if (note == null) {
       return (
-        <div styleName='root'
-          style={this.props.style}
-          tabIndex='0'
-        >
+        <div styleName='root' style={this.props.style} tabIndex='0'>
           <div styleName='empty'>
-            <div styleName='empty-message'>{OSX ? i18n.__('Command(⌘)') : i18n.__('Ctrl(^)')} + N<br />{i18n.__('to create a new note')}</div>
+            <div styleName='empty-message'>
+              {OSX ? i18n.__('Command(⌘)') : i18n.__('Ctrl(^)')} + N<br />
+              {i18n.__('to create a new note')}
+            </div>
           </div>
           <StatusBar
             {..._.pick(this.props, ['config', 'location', 'dispatch'])}
diff --git a/browser/main/Main.js b/browser/main/Main.js
index 2e706893..fae59655 100644
--- a/browser/main/Main.js
+++ b/browser/main/Main.js
@@ -24,7 +24,7 @@ const electron = require('electron')
 const { remote } = electron
 
 class Main extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     if (process.env.NODE_ENV === 'production') {
@@ -46,7 +46,7 @@ class Main extends React.Component {
     this.toggleFullScreen = () => this.handleFullScreenButton()
   }
 
-  getChildContext () {
+  getChildContext() {
     const { status, config } = this.props
 
     return {
@@ -55,7 +55,7 @@ class Main extends React.Component {
     }
   }
 
-  init () {
+  init() {
     dataApi
       .addStorage({
         name: 'My Storage Location',
@@ -93,18 +93,21 @@ class Main extends React.Component {
             type: 'SNIPPET_NOTE',
             folder: data.storage.folders[0].key,
             title: 'Snippet note example',
-            description: 'Snippet note example\nYou can store a series of snippets as a single note, like Gist.',
+            description:
+              'Snippet note example\nYou can store a series of snippets as a single note, like Gist.',
             snippets: [
               {
                 name: 'example.html',
                 mode: 'html',
-                content: "<html>\n<body>\n<h1 id='hello'>Enjoy Boostnote!</h1>\n</body>\n</html>",
+                content:
+                  "<html>\n<body>\n<h1 id='hello'>Enjoy Boostnote!</h1>\n</body>\n</html>",
                 linesHighlighted: []
               },
               {
                 name: 'example.js',
                 mode: 'javascript',
-                content: "var boostnote = document.getElementById('hello').innerHTML\n\nconsole.log(boostnote)",
+                content:
+                  "var boostnote = document.getElementById('hello').innerHTML\n\nconsole.log(boostnote)",
                 linesHighlighted: []
               }
             ]
@@ -120,7 +123,8 @@ class Main extends React.Component {
             type: 'MARKDOWN_NOTE',
             folder: data.storage.folders[0].key,
             title: 'Welcome to Boostnote!',
-            content: '# Welcome to Boostnote!\n## Click here to edit markdown :wave:\n\n<iframe width="560" height="315" src="https://www.youtube.com/embed/L0qNPLsvmyM" frameborder="0" allowfullscreen></iframe>\n\n## Docs :memo:\n- [Boostnote | Boost your happiness, productivity and creativity.](https://hackernoon.com/boostnote-boost-your-happiness-productivity-and-creativity-315034efeebe)\n- [Cloud Syncing & Backups](https://github.com/BoostIO/Boostnote/wiki/Cloud-Syncing-and-Backup)\n- [How to sync your data across Desktop and Mobile apps](https://github.com/BoostIO/Boostnote/wiki/Sync-Data-Across-Desktop-and-Mobile-apps)\n- [Convert data from **Evernote** to Boostnote.](https://github.com/BoostIO/Boostnote/wiki/Evernote)\n- [Keyboard Shortcuts](https://github.com/BoostIO/Boostnote/wiki/Keyboard-Shortcuts)\n- [Keymaps in Editor mode](https://github.com/BoostIO/Boostnote/wiki/Keymaps-in-Editor-mode)\n- [How to set syntax highlight in Snippet note](https://github.com/BoostIO/Boostnote/wiki/Syntax-Highlighting)\n\n---\n\n## Article Archive :books:\n- [Reddit English](http://bit.ly/2mOJPu7)\n- [Reddit Spanish](https://www.reddit.com/r/boostnote_es/)\n- [Reddit Chinese](https://www.reddit.com/r/boostnote_cn/)\n- [Reddit Japanese](https://www.reddit.com/r/boostnote_jp/)\n\n---\n\n## Community :beers:\n- [GitHub](http://bit.ly/2AWWzkD)\n- [Twitter](http://bit.ly/2z8BUJZ)\n- [Facebook Group](http://bit.ly/2jcca8t)'
+            content:
+              '# Welcome to Boostnote!\n## Click here to edit markdown :wave:\n\n<iframe width="560" height="315" src="https://www.youtube.com/embed/L0qNPLsvmyM" frameborder="0" allowfullscreen></iframe>\n\n## Docs :memo:\n- [Boostnote | Boost your happiness, productivity and creativity.](https://hackernoon.com/boostnote-boost-your-happiness-productivity-and-creativity-315034efeebe)\n- [Cloud Syncing & Backups](https://github.com/BoostIO/Boostnote/wiki/Cloud-Syncing-and-Backup)\n- [How to sync your data across Desktop and Mobile apps](https://github.com/BoostIO/Boostnote/wiki/Sync-Data-Across-Desktop-and-Mobile-apps)\n- [Convert data from **Evernote** to Boostnote.](https://github.com/BoostIO/Boostnote/wiki/Evernote)\n- [Keyboard Shortcuts](https://github.com/BoostIO/Boostnote/wiki/Keyboard-Shortcuts)\n- [Keymaps in Editor mode](https://github.com/BoostIO/Boostnote/wiki/Keymaps-in-Editor-mode)\n- [How to set syntax highlight in Snippet note](https://github.com/BoostIO/Boostnote/wiki/Syntax-Highlighting)\n\n---\n\n## Article Archive :books:\n- [Reddit English](http://bit.ly/2mOJPu7)\n- [Reddit Spanish](https://www.reddit.com/r/boostnote_es/)\n- [Reddit Chinese](https://www.reddit.com/r/boostnote_cn/)\n- [Reddit Japanese](https://www.reddit.com/r/boostnote_jp/)\n\n---\n\n## Community :beers:\n- [GitHub](http://bit.ly/2AWWzkD)\n- [Twitter](http://bit.ly/2z8BUJZ)\n- [Facebook Group](http://bit.ly/2jcca8t)'
           })
           .then(note => {
             store.dispatch({
@@ -141,7 +145,7 @@ class Main extends React.Component {
       })
   }
 
-  componentDidMount () {
+  componentDidMount() {
     const { dispatch, config } = this.props
 
     if (uiThemes.some(theme => theme.name === config.ui.theme)) {
@@ -173,38 +177,44 @@ class Main extends React.Component {
     delete CodeMirror.keyMap.emacs['Ctrl-V']
 
     eventEmitter.on('editor:fullscreen', this.toggleFullScreen)
-    eventEmitter.on('menubar:togglemenubar', this.toggleMenuBarVisible.bind(this))
+    eventEmitter.on(
+      'menubar:togglemenubar',
+      this.toggleMenuBarVisible.bind(this)
+    )
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     eventEmitter.off('editor:fullscreen', this.toggleFullScreen)
-    eventEmitter.off('menubar:togglemenubar', this.toggleMenuBarVisible.bind(this))
+    eventEmitter.off(
+      'menubar:togglemenubar',
+      this.toggleMenuBarVisible.bind(this)
+    )
   }
 
-  toggleMenuBarVisible () {
+  toggleMenuBarVisible() {
     const { config } = this.props
     const { ui } = config
 
-    const newUI = Object.assign(ui, {showMenuBar: !ui.showMenuBar})
+    const newUI = Object.assign(ui, { showMenuBar: !ui.showMenuBar })
     const newConfig = Object.assign(config, newUI)
     ConfigManager.set(newConfig)
   }
 
-  handleLeftSlideMouseDown (e) {
+  handleLeftSlideMouseDown(e) {
     e.preventDefault()
     this.setState({
       isLeftSliderFocused: true
     })
   }
 
-  handleRightSlideMouseDown (e) {
+  handleRightSlideMouseDown(e) {
     e.preventDefault()
     this.setState({
       isRightSliderFocused: true
     })
   }
 
-  handleMouseUp (e) {
+  handleMouseUp(e) {
     // Change width of NoteList component.
     if (this.state.isRightSliderFocused) {
       this.setState(
@@ -244,7 +254,7 @@ class Main extends React.Component {
     }
   }
 
-  handleMouseMove (e) {
+  handleMouseMove(e) {
     if (this.state.isRightSliderFocused) {
       const offset = this.refs.body.getBoundingClientRect().left
       let newListWidth = e.pageX - offset
@@ -270,7 +280,7 @@ class Main extends React.Component {
     }
   }
 
-  handleFullScreenButton (e) {
+  handleFullScreenButton(e) {
     this.setState({ fullScreen: !this.state.fullScreen }, () => {
       const noteDetail = document.querySelector('.NoteDetail')
       const noteList = document.querySelector('.NoteList')
@@ -284,7 +294,7 @@ class Main extends React.Component {
     })
   }
 
-  hideLeftLists (noteDetail, noteList, mainBody) {
+  hideLeftLists(noteDetail, noteList, mainBody) {
     this.setState({ noteDetailWidth: noteDetail.style.left })
     this.setState({ mainBodyWidth: mainBody.style.left })
     noteDetail.style.left = '0px'
@@ -292,13 +302,13 @@ class Main extends React.Component {
     noteList.style.display = 'none'
   }
 
-  showLeftLists (noteDetail, noteList, mainBody) {
+  showLeftLists(noteDetail, noteList, mainBody) {
     noteDetail.style.left = this.state.noteDetailWidth
     mainBody.style.left = this.state.mainBodyWidth
     noteList.style.display = 'inline'
   }
 
-  render () {
+  render() {
     const { config } = this.props
 
     // the width of the navigation bar when it is folded/collapsed
@@ -312,10 +322,16 @@ class Main extends React.Component {
         onMouseUp={e => this.handleMouseUp(e)}
       >
         <SideNav
-          {..._.pick(this.props, ['dispatch', 'data', 'config', 'match', 'location'])}
+          {..._.pick(this.props, [
+            'dispatch',
+            'data',
+            'config',
+            'match',
+            'location'
+          ])}
           width={this.state.navWidth}
         />
-        {!config.isSideNavFolded &&
+        {!config.isSideNavFolded && (
           <div
             styleName={
               this.state.isLeftSliderFocused ? 'slider--active' : 'slider'
@@ -325,7 +341,8 @@ class Main extends React.Component {
             draggable='false'
           >
             <div styleName='slider-hitbox' />
-          </div>}
+          </div>
+        )}
         <div
           styleName={config.isSideNavFolded ? 'body--expanded' : 'body'}
           id='main-body'
diff --git a/browser/main/NewNoteButton/index.js b/browser/main/NewNoteButton/index.js
index 27e2baa5..3b931496 100644
--- a/browser/main/NewNoteButton/index.js
+++ b/browser/main/NewNoteButton/index.js
@@ -15,30 +15,48 @@ const { dialog } = remote
 const OSX = window.process.platform === 'darwin'
 
 class NewNoteButton extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
-    this.state = {
-    }
+    this.state = {}
 
     this.handleNewNoteButtonClick = this.handleNewNoteButtonClick.bind(this)
   }
 
-  componentDidMount () {
+  componentDidMount() {
     eventEmitter.on('top:new-note', this.handleNewNoteButtonClick)
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     eventEmitter.off('top:new-note', this.handleNewNoteButtonClick)
   }
 
-  handleNewNoteButtonClick (e) {
-    const { location, dispatch, match: { params }, config } = this.props
+  handleNewNoteButtonClick(e) {
+    const {
+      location,
+      dispatch,
+      match: { params },
+      config
+    } = this.props
     const { storage, folder } = this.resolveTargetFolder()
     if (config.ui.defaultNote === 'MARKDOWN_NOTE') {
-      createMarkdownNote(storage.key, folder.key, dispatch, location, params, config)
+      createMarkdownNote(
+        storage.key,
+        folder.key,
+        dispatch,
+        location,
+        params,
+        config
+      )
     } else if (config.ui.defaultNote === 'SNIPPET_NOTE') {
-      createSnippetNote(storage.key, folder.key, dispatch, location, params, config)
+      createSnippetNote(
+        storage.key,
+        folder.key,
+        dispatch,
+        location,
+        params,
+        config
+      )
     } else {
       modal.open(NewNoteModal, {
         storage: storage.key,
@@ -51,8 +69,11 @@ class NewNoteButton extends React.Component {
     }
   }
 
-  resolveTargetFolder () {
-    const { data, match: { params } } = this.props
+  resolveTargetFolder() {
+    const {
+      data,
+      match: { params }
+    } = this.props
     let storage = data.storageMap.get(params.storageKey)
     // Find first storage
     if (storage == null) {
@@ -62,9 +83,12 @@ class NewNoteButton extends React.Component {
       }
     }
 
-    if (storage == null) this.showMessageBox(i18n.__('No storage to create a note'))
-    const folder = _.find(storage.folders, {key: params.folderKey}) || storage.folders[0]
-    if (folder == null) this.showMessageBox(i18n.__('No folder to create a note'))
+    if (storage == null)
+      this.showMessageBox(i18n.__('No storage to create a note'))
+    const folder =
+      _.find(storage.folders, { key: params.folderKey }) || storage.folders[0]
+    if (folder == null)
+      this.showMessageBox(i18n.__('No folder to create a note'))
 
     return {
       storage,
@@ -72,7 +96,7 @@ class NewNoteButton extends React.Component {
     }
   }
 
-  showMessageBox (message) {
+  showMessageBox(message) {
     dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
       message: message,
@@ -80,16 +104,19 @@ class NewNoteButton extends React.Component {
     })
   }
 
-  render () {
+  render() {
     const { config, style } = this.props
     return (
-      <div className='NewNoteButton'
+      <div
+        className='NewNoteButton'
         styleName={config.isSideNavFolded ? 'root--expanded' : 'root'}
         style={style}
       >
         <div styleName='control'>
-          <button styleName='control-newNoteButton'
-            onClick={this.handleNewNoteButtonClick}>
+          <button
+            styleName='control-newNoteButton'
+            onClick={this.handleNewNoteButtonClick}
+          >
             <img src='../resources/icon/icon-newnote.svg' />
             <span styleName='control-newNoteButton-tooltip'>
               {i18n.__('Make a note')} {OSX ? '⌘' : i18n.__('Ctrl')} + N
diff --git a/browser/main/NoteList/index.js b/browser/main/NoteList/index.js
index 51c7822f..9b9b7de0 100644
--- a/browser/main/NoteList/index.js
+++ b/browser/main/NoteList/index.js
@@ -27,13 +27,13 @@ const { remote } = require('electron')
 const { dialog } = remote
 const WP_POST_PATH = '/wp/v2/posts'
 
-const regexMatchStartingTitleNumber = new RegExp('^([0-9]*\.?[0-9]+).*$')
+const regexMatchStartingTitleNumber = new RegExp('^([0-9]*.?[0-9]+).*$')
 
-function sortByCreatedAt (a, b) {
+function sortByCreatedAt(a, b) {
   return new Date(b.createdAt) - new Date(a.createdAt)
 }
 
-function sortByAlphabetical (a, b) {
+function sortByAlphabetical(a, b) {
   const matchA = regexMatchStartingTitleNumber.exec(a.title)
   const matchB = regexMatchStartingTitleNumber.exec(b.title)
 
@@ -53,24 +53,24 @@ function sortByAlphabetical (a, b) {
   return a.title.localeCompare(b.title)
 }
 
-function sortByUpdatedAt (a, b) {
+function sortByUpdatedAt(a, b) {
   return new Date(b.updatedAt) - new Date(a.updatedAt)
 }
 
-function findNoteByKey (notes, noteKey) {
-  return notes.find((note) => note.key === noteKey)
+function findNoteByKey(notes, noteKey) {
+  return notes.find(note => note.key === noteKey)
 }
 
-function findNotesByKeys (notes, noteKeys) {
-  return notes.filter((note) => noteKeys.includes(getNoteKey(note)))
+function findNotesByKeys(notes, noteKeys) {
+  return notes.filter(note => noteKeys.includes(getNoteKey(note)))
 }
 
-function getNoteKey (note) {
+function getNoteKey(note) {
   return note.key
 }
 
 class NoteList extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.selectNextNoteHandler = () => {
@@ -112,7 +112,7 @@ class NoteList extends React.Component {
     this.contextNotes = []
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.refreshTimer = setInterval(() => this.forceUpdate(), 60 * 1000)
     ee.on('list:next', this.selectNextNoteHandler)
     ee.on('list:prior', this.selectPriorNoteHandler)
@@ -124,17 +124,17 @@ class NoteList extends React.Component {
     ee.on('list:navigate', this.navigate)
   }
 
-  componentWillReceiveProps (nextProps) {
+  componentWillReceiveProps(nextProps) {
     if (nextProps.location.pathname !== this.props.location.pathname) {
       this.resetScroll()
     }
   }
 
-  resetScroll () {
+  resetScroll() {
     this.refs.list.scrollTop = 0
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     clearInterval(this.refreshTimer)
 
     ee.off('list:next', this.selectNextNoteHandler)
@@ -146,17 +146,22 @@ class NoteList extends React.Component {
     ee.off('list:jump', this.jumpNoteByHash)
   }
 
-  componentDidUpdate (prevProps) {
+  componentDidUpdate(prevProps) {
     const { dispatch, location } = this.props
     const { selectedNoteKeys } = this.state
     const visibleNoteKeys = this.notes && this.notes.map(note => note.key)
     const note = this.notes && this.notes[0]
     const key = location.search && queryString.parse(location.search).key
-    const prevKey = prevProps.location.search && queryString.parse(prevProps.location.search).key
-    const noteKey = visibleNoteKeys.includes(prevKey) ? prevKey : note && note.key
+    const prevKey =
+      prevProps.location.search &&
+      queryString.parse(prevProps.location.search).key
+    const noteKey = visibleNoteKeys.includes(prevKey)
+      ? prevKey
+      : note && note.key
 
     if (note && location.search === '') {
-      if (!location.pathname.match(/\/searched/)) this.contextNotes = this.getContextNotes()
+      if (!location.pathname.match(/\/searched/))
+        this.contextNotes = this.getContextNotes()
 
       // A visible note is an active note
       if (!selectedNoteKeys.includes(noteKey)) {
@@ -165,12 +170,15 @@ class NoteList extends React.Component {
         ee.emit('list:moved')
       }
 
-      dispatch(replace({ // was passed with context - we can use connected router here
-        pathname: location.pathname,
-        search: queryString.stringify({
-          key: noteKey
+      dispatch(
+        replace({
+          // was passed with context - we can use connected router here
+          pathname: location.pathname,
+          search: queryString.stringify({
+            key: noteKey
+          })
         })
-      }))
+      )
       return
     }
 
@@ -183,9 +191,15 @@ class NoteList extends React.Component {
 
         if (item == null) return false
 
-        const overflowBelow = item.offsetTop + item.clientHeight - list.clientHeight - list.scrollTop > 0
+        const overflowBelow =
+          item.offsetTop +
+            item.clientHeight -
+            list.clientHeight -
+            list.scrollTop >
+          0
         if (overflowBelow) {
-          list.scrollTop = item.offsetTop + item.clientHeight - list.clientHeight
+          list.scrollTop =
+            item.offsetTop + item.clientHeight - list.clientHeight
         }
         const overflowAbove = list.scrollTop > item.offsetTop
         if (overflowAbove) {
@@ -195,28 +209,30 @@ class NoteList extends React.Component {
     }
   }
 
-  focusNote (selectedNoteKeys, noteKey, pathname) {
+  focusNote(selectedNoteKeys, noteKey, pathname) {
     const { dispatch } = this.props
 
     this.setState({
       selectedNoteKeys
     })
 
-    dispatch(push({
-      pathname,
-      search: queryString.stringify({
-        key: noteKey
+    dispatch(
+      push({
+        pathname,
+        search: queryString.stringify({
+          key: noteKey
+        })
       })
-    }))
+    )
   }
 
-  getNoteKeyFromTargetIndex (targetIndex) {
+  getNoteKeyFromTargetIndex(targetIndex) {
     const note = Object.assign({}, this.notes[targetIndex])
     const noteKey = getNoteKey(note)
     return noteKey
   }
 
-  selectPriorNote () {
+  selectPriorNote() {
     if (this.notes == null || this.notes.length === 0) {
       return
     }
@@ -231,7 +247,9 @@ class NoteList extends React.Component {
     }
     targetIndex--
 
-    if (!shiftKeyDown) { selectedNoteKeys = [] }
+    if (!shiftKeyDown) {
+      selectedNoteKeys = []
+    }
     const priorNoteKey = this.getNoteKeyFromTargetIndex(targetIndex)
     if (selectedNoteKeys.includes(priorNoteKey)) {
       selectedNoteKeys.pop()
@@ -244,7 +262,7 @@ class NoteList extends React.Component {
     ee.emit('list:moved')
   }
 
-  selectNextNote () {
+  selectNextNote() {
     if (this.notes == null || this.notes.length === 0) {
       return
     }
@@ -262,10 +280,13 @@ class NoteList extends React.Component {
     } else {
       targetIndex++
       if (targetIndex < 0) targetIndex = 0
-      else if (targetIndex > this.notes.length - 1) targetIndex = this.notes.length - 1
+      else if (targetIndex > this.notes.length - 1)
+        targetIndex = this.notes.length - 1
     }
 
-    if (!shiftKeyDown) { selectedNoteKeys = [] }
+    if (!shiftKeyDown) {
+      selectedNoteKeys = []
+    }
     const nextNoteKey = this.getNoteKeyFromTargetIndex(targetIndex)
     if (selectedNoteKeys.includes(nextNoteKey)) {
       selectedNoteKeys.pop()
@@ -278,7 +299,7 @@ class NoteList extends React.Component {
     ee.emit('list:moved')
   }
 
-  jumpNoteByHashHandler (event, noteHash) {
+  jumpNoteByHashHandler(event, noteHash) {
     const { data } = this.props
 
     // first argument event isn't used.
@@ -289,9 +310,12 @@ class NoteList extends React.Component {
     const selectedNoteKeys = [noteHash]
 
     let locationToSelect = '/home'
-    const noteByHash = data.noteMap.map((note) => note).find(note => note.key === noteHash)
+    const noteByHash = data.noteMap
+      .map(note => note)
+      .find(note => note.key === noteHash)
     if (noteByHash !== undefined) {
-      locationToSelect = '/storages/' + noteByHash.storage + '/folders/' + noteByHash.folder
+      locationToSelect =
+        '/storages/' + noteByHash.storage + '/folders/' + noteByHash.folder
     }
 
     this.focusNote(selectedNoteKeys, noteHash, locationToSelect)
@@ -299,7 +323,7 @@ class NoteList extends React.Component {
     ee.emit('list:moved')
   }
 
-  handleNoteListKeyDown (e) {
+  handleNoteListKeyDown(e) {
     if (e.metaKey) return true
 
     // A key
@@ -339,7 +363,7 @@ class NoteList extends React.Component {
     }
   }
 
-  handleNoteListKeyUp (e) {
+  handleNoteListKeyUp(e) {
     if (!e.shiftKey) {
       this.setState({ shiftKeyDown: false })
     }
@@ -349,30 +373,39 @@ class NoteList extends React.Component {
     }
   }
 
-  handleNoteListBlur () {
+  handleNoteListBlur() {
     this.setState({
       shiftKeyDown: false,
       ctrlKeyDown: false
     })
   }
 
-  getNotes () {
-    const { data, match: { params }, location } = this.props
-    if (location.pathname.match(/\/home/) || location.pathname.match(/alltags/)) {
-      const allNotes = data.noteMap.map((note) => note)
+  getNotes() {
+    const {
+      data,
+      match: { params },
+      location
+    } = this.props
+    if (
+      location.pathname.match(/\/home/) ||
+      location.pathname.match(/alltags/)
+    ) {
+      const allNotes = data.noteMap.map(note => note)
       this.contextNotes = allNotes
       return allNotes
     }
 
     if (location.pathname.match(/\/starred/)) {
-      const starredNotes = data.starredSet.toJS().map((uniqueKey) => data.noteMap.get(uniqueKey))
+      const starredNotes = data.starredSet
+        .toJS()
+        .map(uniqueKey => data.noteMap.get(uniqueKey))
       this.contextNotes = starredNotes
       return starredNotes
     }
 
     if (location.pathname.match(/\/searched/)) {
       const searchInputText = params.searchword
-      const allNotes = data.noteMap.map((note) => note)
+      const allNotes = data.noteMap.map(note => note)
       this.contextNotes = allNotes
       if (searchInputText === undefined || searchInputText === '') {
         return this.sortByPin(this.contextNotes)
@@ -381,44 +414,52 @@ class NoteList extends React.Component {
     }
 
     if (location.pathname.match(/\/trashed/)) {
-      const trashedNotes = data.trashedSet.toJS().map((uniqueKey) => data.noteMap.get(uniqueKey))
+      const trashedNotes = data.trashedSet
+        .toJS()
+        .map(uniqueKey => data.noteMap.get(uniqueKey))
       this.contextNotes = trashedNotes
       return trashedNotes
     }
 
     if (location.pathname.match(/\/tags/)) {
       const listOfTags = params.tagname.split(' ')
-      return data.noteMap.map(note => {
-        return note
-      }).filter(note => listOfTags.every(tag => note.tags.includes(tag)))
+      return data.noteMap
+        .map(note => {
+          return note
+        })
+        .filter(note => listOfTags.every(tag => note.tags.includes(tag)))
     }
 
     return this.getContextNotes()
   }
 
   // get notes in the current folder
-  getContextNotes () {
-    const { data, match: { params } } = this.props
+  getContextNotes() {
+    const {
+      data,
+      match: { params }
+    } = this.props
     const storageKey = params.storageKey
     const folderKey = params.folderKey
     const storage = data.storageMap.get(storageKey)
     if (storage === undefined) return []
 
-    const folder = _.find(storage.folders, {key: folderKey})
+    const folder = _.find(storage.folders, { key: folderKey })
     if (folder === undefined) {
       const storageNoteSet = data.storageNoteMap.get(storage.key) || []
-      return storageNoteSet.map((uniqueKey) => data.noteMap.get(uniqueKey))
+      return storageNoteSet.map(uniqueKey => data.noteMap.get(uniqueKey))
     }
 
-    const folderNoteKeyList = data.folderNoteMap.get(`${storage.key}-${folder.key}`) || []
-    return folderNoteKeyList.map((uniqueKey) => data.noteMap.get(uniqueKey))
+    const folderNoteKeyList =
+      data.folderNoteMap.get(`${storage.key}-${folder.key}`) || []
+    return folderNoteKeyList.map(uniqueKey => data.noteMap.get(uniqueKey))
   }
 
-  sortByPin (unorderedNotes) {
+  sortByPin(unorderedNotes) {
     const pinnedNotes = []
     const unpinnedNotes = []
 
-    unorderedNotes.forEach((note) => {
+    unorderedNotes.forEach(note => {
       if (note.isPinned) {
         pinnedNotes.push(note)
       } else {
@@ -429,22 +470,24 @@ class NoteList extends React.Component {
     return pinnedNotes.concat(unpinnedNotes)
   }
 
-  getNoteIndexByKey (noteKey) {
-    return this.notes.findIndex((note) => {
+  getNoteIndexByKey(noteKey) {
+    return this.notes.findIndex(note => {
       if (!note) return -1
 
       return note.key === noteKey
     })
   }
 
-  handleNoteClick (e, uniqueKey) {
+  handleNoteClick(e, uniqueKey) {
     const { dispatch, location } = this.props
     let { selectedNoteKeys, prevShiftNoteIndex } = this.state
     const { ctrlKeyDown, shiftKeyDown } = this.state
     const hasSelectedNoteKey = selectedNoteKeys.length > 0
 
     if (ctrlKeyDown && selectedNoteKeys.includes(uniqueKey)) {
-      const newSelectedNoteKeys = selectedNoteKeys.filter((noteKey) => noteKey !== uniqueKey)
+      const newSelectedNoteKeys = selectedNoteKeys.filter(
+        noteKey => noteKey !== uniqueKey
+      )
       this.setState({
         selectedNoteKeys: newSelectedNoteKeys
       })
@@ -464,15 +507,21 @@ class NoteList extends React.Component {
       let firstShiftNoteIndex = this.getNoteIndexByKey(selectedNoteKeys[0])
       // Shift selection can either start from first note in the exisiting selectedNoteKeys
       // or previous first shift note index
-      firstShiftNoteIndex = firstShiftNoteIndex > prevShiftNoteIndex
-        ? firstShiftNoteIndex : prevShiftNoteIndex
+      firstShiftNoteIndex =
+        firstShiftNoteIndex > prevShiftNoteIndex
+          ? firstShiftNoteIndex
+          : prevShiftNoteIndex
 
       const lastShiftNoteIndex = this.getNoteIndexByKey(uniqueKey)
 
-      const startIndex = firstShiftNoteIndex < lastShiftNoteIndex
-        ? firstShiftNoteIndex : lastShiftNoteIndex
-      const endIndex = firstShiftNoteIndex > lastShiftNoteIndex
-        ? firstShiftNoteIndex : lastShiftNoteIndex
+      const startIndex =
+        firstShiftNoteIndex < lastShiftNoteIndex
+          ? firstShiftNoteIndex
+          : lastShiftNoteIndex
+      const endIndex =
+        firstShiftNoteIndex > lastShiftNoteIndex
+          ? firstShiftNoteIndex
+          : lastShiftNoteIndex
 
       selectedNoteKeys = []
       for (let i = startIndex; i <= endIndex; i++) {
@@ -489,16 +538,23 @@ class NoteList extends React.Component {
       prevShiftNoteIndex
     })
 
-    dispatch(push({
-      pathname: location.pathname,
-      search: queryString.stringify({
-        key: uniqueKey
+    dispatch(
+      push({
+        pathname: location.pathname,
+        search: queryString.stringify({
+          key: uniqueKey
+        })
       })
-    }))
+    )
   }
 
-  handleSortByChange (e) {
-    const { dispatch, match: { params: { folderKey } } } = this.props
+  handleSortByChange(e) {
+    const {
+      dispatch,
+      match: {
+        params: { folderKey }
+      }
+    } = this.props
 
     const config = {
       [folderKey]: { sortBy: e.target.value }
@@ -511,7 +567,7 @@ class NoteList extends React.Component {
     })
   }
 
-  handleListStyleButtonClick (e, style) {
+  handleListStyleButtonClick(e, style) {
     const { dispatch } = this.props
 
     const config = {
@@ -525,27 +581,30 @@ class NoteList extends React.Component {
     })
   }
 
-  alertIfSnippet (msg) {
-    const warningMessage = (msg) => ({
-      'export-txt': 'Text export',
-      'export-md': 'Markdown export',
-      'export-html': 'HTML export',
-      'export-pdf': 'PDF export',
-      'print': 'Print'
-    })[msg]
+  alertIfSnippet(msg) {
+    const warningMessage = msg =>
+      ({
+        'export-txt': 'Text export',
+        'export-md': 'Markdown export',
+        'export-html': 'HTML export',
+        'export-pdf': 'PDF export',
+        print: 'Print'
+      }[msg])
 
     const targetIndex = this.getTargetIndex()
     if (this.notes[targetIndex].type === 'SNIPPET_NOTE') {
       dialog.showMessageBox(remote.getCurrentWindow(), {
         type: 'warning',
         message: i18n.__('Sorry!'),
-        detail: i18n.__(warningMessage(msg) + ' is available only in markdown notes.'),
+        detail: i18n.__(
+          warningMessage(msg) + ' is available only in markdown notes.'
+        ),
         buttons: [i18n.__('OK')]
       })
     }
   }
 
-  handleDragStart (e, note) {
+  handleDragStart(e, note) {
     let { selectedNoteKeys } = this.state
     const noteKey = getNoteKey(note)
 
@@ -554,14 +613,14 @@ class NoteList extends React.Component {
       selectedNoteKeys.push(noteKey)
     }
 
-    const notes = this.notes.map((note) => Object.assign({}, note))
+    const notes = this.notes.map(note => Object.assign({}, note))
     const selectedNotes = findNotesByKeys(notes, selectedNoteKeys)
     const noteData = JSON.stringify(selectedNotes)
     e.dataTransfer.setData('note', noteData)
     this.selectNextNote()
   }
 
-  handleNoteContextMenu (e, uniqueKey) {
+  handleNoteContextMenu(e, uniqueKey) {
     const { location } = this.props
     const { selectedNoteKeys } = this.state
     const note = findNoteByKey(this.notes, uniqueKey)
@@ -571,7 +630,9 @@ class NoteList extends React.Component {
       this.handleNoteClick(e, uniqueKey)
     }
 
-    const pinLabel = note.isPinned ? i18n.__('Remove pin') : i18n.__('Pin to Top')
+    const pinLabel = note.isPinned
+      ? i18n.__('Remove pin')
+      : i18n.__('Pin to Top')
     const deleteLabel = i18n.__('Delete Note')
     const cloneNote = i18n.__('Clone Note')
     const restoreNote = i18n.__('Restore Note')
@@ -583,13 +644,16 @@ class NoteList extends React.Component {
     const templates = []
 
     if (location.pathname.match(/\/trash/)) {
-      templates.push({
-        label: restoreNote,
-        click: this.restoreNote
-      }, {
-        label: deleteLabel,
-        click: this.deleteNote
-      })
+      templates.push(
+        {
+          label: restoreNote,
+          click: this.restoreNote
+        },
+        {
+          label: deleteLabel,
+          click: this.deleteNote
+        }
+      )
     } else {
       if (!location.pathname.match(/\/starred/)) {
         templates.push({
@@ -597,25 +661,32 @@ class NoteList extends React.Component {
           click: this.pinToTop
         })
       }
-      templates.push({
-        label: deleteLabel,
-        click: this.deleteNote
-      }, {
-        label: cloneNote,
-        click: this.cloneNote.bind(this)
-      }, {
-        label: copyNoteLink,
-        click: this.copyNoteLink.bind(this, note)
-      })
+      templates.push(
+        {
+          label: deleteLabel,
+          click: this.deleteNote
+        },
+        {
+          label: cloneNote,
+          click: this.cloneNote.bind(this)
+        },
+        {
+          label: copyNoteLink,
+          click: this.copyNoteLink.bind(this, note)
+        }
+      )
       if (note.type === 'MARKDOWN_NOTE') {
         if (note.blog && note.blog.blogLink && note.blog.blogId) {
-          templates.push({
-            label: updateLabel,
-            click: this.publishMarkdown.bind(this)
-          }, {
-            label: openBlogLabel,
-            click: () => this.openBlog.bind(this)(note)
-          })
+          templates.push(
+            {
+              label: updateLabel,
+              click: this.publishMarkdown.bind(this)
+            },
+            {
+              label: openBlogLabel,
+              click: () => this.openBlog.bind(this)(note)
+            }
+          )
         } else {
           templates.push({
             label: publishLabel,
@@ -627,56 +698,56 @@ class NoteList extends React.Component {
     context.popup(templates)
   }
 
-  updateSelectedNotes (updateFunc, cleanSelection = true) {
+  updateSelectedNotes(updateFunc, cleanSelection = true) {
     const { selectedNoteKeys } = this.state
     const { dispatch } = this.props
-    const notes = this.notes.map((note) => Object.assign({}, note))
+    const notes = this.notes.map(note => Object.assign({}, note))
     const selectedNotes = findNotesByKeys(notes, selectedNoteKeys)
 
     if (!_.isFunction(updateFunc)) {
       console.warn('Update function is not defined. No update will happen')
-      updateFunc = (note) => { return note }
+      updateFunc = note => {
+        return note
+      }
     }
 
     Promise.all(
-        selectedNotes.map((note) => {
-          note = updateFunc(note)
-          return dataApi
-              .updateNote(note.storage, note.key, note)
-        })
-    )
-        .then((updatedNotes) => {
-          updatedNotes.forEach((note) => {
-            dispatch({
-              type: 'UPDATE_NOTE',
-              note
-            })
-          })
+      selectedNotes.map(note => {
+        note = updateFunc(note)
+        return dataApi.updateNote(note.storage, note.key, note)
+      })
+    ).then(updatedNotes => {
+      updatedNotes.forEach(note => {
+        dispatch({
+          type: 'UPDATE_NOTE',
+          note
         })
+      })
+    })
 
     if (cleanSelection) {
       this.selectNextNote()
     }
   }
 
-  pinToTop () {
-    this.updateSelectedNotes((note) => {
+  pinToTop() {
+    this.updateSelectedNotes(note => {
       note.isPinned = !note.isPinned
       return note
     })
   }
 
-  restoreNote () {
-    this.updateSelectedNotes((note) => {
+  restoreNote() {
+    this.updateSelectedNotes(note => {
       note.isTrashed = false
       return note
     })
   }
 
-  deleteNote () {
+  deleteNote() {
     const { dispatch } = this.props
     const { selectedNoteKeys } = this.state
-    const notes = this.notes.map((note) => Object.assign({}, note))
+    const notes = this.notes.map(note => Object.assign({}, note))
     const selectedNotes = findNotesByKeys(notes, selectedNoteKeys)
     const firstNote = selectedNotes[0]
     const { confirmDeletion } = this.props.config.ui
@@ -685,63 +756,62 @@ class NoteList extends React.Component {
       if (!confirmDeleteNote(confirmDeletion, true)) return
 
       Promise.all(
-        selectedNotes.map((note) => {
-          return dataApi
-            .deleteNote(note.storage, note.key)
+        selectedNotes.map(note => {
+          return dataApi.deleteNote(note.storage, note.key)
         })
       )
-      .then((data) => {
-        const dispatchHandler = () => {
-          data.forEach((item) => {
-            dispatch({
-              type: 'DELETE_NOTE',
-              storageKey: item.storageKey,
-              noteKey: item.noteKey
+        .then(data => {
+          const dispatchHandler = () => {
+            data.forEach(item => {
+              dispatch({
+                type: 'DELETE_NOTE',
+                storageKey: item.storageKey,
+                noteKey: item.noteKey
+              })
             })
-          })
-        }
-        ee.once('list:next', dispatchHandler)
-      })
-      .then(() => ee.emit('list:next'))
-      .catch((err) => {
-        console.error('Cannot Delete note: ' + err)
-      })
+          }
+          ee.once('list:next', dispatchHandler)
+        })
+        .then(() => ee.emit('list:next'))
+        .catch(err => {
+          console.error('Cannot Delete note: ' + err)
+        })
     } else {
       if (!confirmDeleteNote(confirmDeletion, false)) return
 
       Promise.all(
-        selectedNotes.map((note) => {
+        selectedNotes.map(note => {
           note.isTrashed = true
 
-          return dataApi
-          .updateNote(note.storage, note.key, note)
+          return dataApi.updateNote(note.storage, note.key, note)
         })
       )
-      .then((newNotes) => {
-        newNotes.forEach((newNote) => {
-          dispatch({
-            type: 'UPDATE_NOTE',
-            note: newNote
+        .then(newNotes => {
+          newNotes.forEach(newNote => {
+            dispatch({
+              type: 'UPDATE_NOTE',
+              note: newNote
+            })
           })
+          AwsMobileAnalyticsConfig.recordDynamicCustomEvent('EDIT_NOTE')
+        })
+        .then(() => ee.emit('list:next'))
+        .catch(err => {
+          console.error('Notes could not go to trash: ' + err)
         })
-        AwsMobileAnalyticsConfig.recordDynamicCustomEvent('EDIT_NOTE')
-      })
-      .then(() => ee.emit('list:next'))
-      .catch((err) => {
-        console.error('Notes could not go to trash: ' + err)
-      })
     }
     this.setState({ selectedNoteKeys: [] })
   }
 
-  cloneNote () {
+  cloneNote() {
     const { selectedNoteKeys } = this.state
     const { dispatch, location } = this.props
     const { storage, folder } = this.resolveTargetFolder()
-    const notes = this.notes.map((note) => Object.assign({}, note))
+    const notes = this.notes.map(note => Object.assign({}, note))
     const selectedNotes = findNotesByKeys(notes, selectedNoteKeys)
     const firstNote = selectedNotes[0]
-    const eventName = firstNote.type === 'MARKDOWN_NOTE' ? 'ADD_MARKDOWN' : 'ADD_SNIPPET'
+    const eventName =
+      firstNote.type === 'MARKDOWN_NOTE' ? 'ADD_MARKDOWN' : 'ADD_SNIPPET'
 
     AwsMobileAnalyticsConfig.recordDynamicCustomEvent(eventName)
     AwsMobileAnalyticsConfig.recordDynamicCustomEvent('ADD_ALLNOTE')
@@ -757,11 +827,11 @@ class NoteList extends React.Component {
         tags: firstNote.tags,
         isStarred: firstNote.isStarred
       })
-      .then((note) => {
+      .then(note => {
         attachmentManagement.cloneAttachments(firstNote, note)
         return note
       })
-      .then((note) => {
+      .then(note => {
         dispatch({
           type: 'UPDATE_NOTE',
           note: note
@@ -771,41 +841,43 @@ class NoteList extends React.Component {
           selectedNoteKeys: [note.key]
         })
 
-        dispatch(push({
-          pathname: location.pathname,
-          search: queryString.stringify({key: note.key})
-        }))
+        dispatch(
+          push({
+            pathname: location.pathname,
+            search: queryString.stringify({ key: note.key })
+          })
+        )
       })
   }
 
-  copyNoteLink (note) {
+  copyNoteLink(note) {
     const noteLink = `[${note.title}](:note:${note.key})`
     return copy(noteLink)
   }
 
-  navigate (sender, pathname) {
+  navigate(sender, pathname) {
     const { dispatch } = this.props
-    dispatch(push({
-      pathname,
-      search: queryString.stringify({
-        // key: noteKey
-      })
-    }))
-  }
-
-  save (note) {
-    const { dispatch } = this.props
-    dataApi
-      .updateNote(note.storage, note.key, note)
-      .then((note) => {
-        dispatch({
-          type: 'UPDATE_NOTE',
-          note: note
+    dispatch(
+      push({
+        pathname,
+        search: queryString.stringify({
+          // key: noteKey
         })
       })
+    )
   }
 
-  publishMarkdown () {
+  save(note) {
+    const { dispatch } = this.props
+    dataApi.updateNote(note.storage, note.key, note).then(note => {
+      dispatch({
+        type: 'UPDATE_NOTE',
+        note: note
+      })
+    })
+  }
+
+  publishMarkdown() {
     if (this.pendingPublish) {
       clearTimeout(this.pendingPublish)
     }
@@ -814,20 +886,23 @@ class NoteList extends React.Component {
     }, 1000)
   }
 
-  publishMarkdownNow () {
-    const {selectedNoteKeys} = this.state
-    const notes = this.notes.map((note) => Object.assign({}, note))
+  publishMarkdownNow() {
+    const { selectedNoteKeys } = this.state
+    const notes = this.notes.map(note => Object.assign({}, note))
     const selectedNotes = findNotesByKeys(notes, selectedNoteKeys)
     const firstNote = selectedNotes[0]
     const config = ConfigManager.get()
-    const {address, token, authMethod, username, password} = config.blog
+    const { address, token, authMethod, username, password } = config.blog
     let authToken = ''
     if (authMethod === 'USER') {
       authToken = `Basic ${window.btoa(`${username}:${password}`)}`
     } else {
       authToken = `Bearer ${token}`
     }
-    const contentToRender = firstNote.content.replace(`# ${firstNote.title}`, '')
+    const contentToRender = firstNote.content.replace(
+      `# ${firstNote.title}`,
+      ''
+    )
     const markdown = new Markdown()
     const data = {
       title: firstNote.title,
@@ -849,10 +924,11 @@ class NoteList extends React.Component {
       method: method,
       body: JSON.stringify(data),
       headers: {
-        'Authorization': authToken,
+        Authorization: authToken,
         'Content-Type': 'application/json'
       }
-    }).then(res => res.json())
+    })
+      .then(res => res.json())
       .then(response => {
         if (_.isNil(response.link) || _.isNil(response.id)) {
           return Promise.reject()
@@ -864,13 +940,13 @@ class NoteList extends React.Component {
         this.save(firstNote)
         this.confirmPublish(firstNote)
       })
-      .catch((error) => {
+      .catch(error => {
         console.error(error)
         this.confirmPublishError()
       })
   }
 
-  confirmPublishError () {
+  confirmPublishError() {
     const { remote } = electron
     const { dialog } = remote
     const alertError = {
@@ -882,7 +958,7 @@ class NoteList extends React.Component {
     dialog.showMessageBox(remote.getCurrentWindow(), alertError)
   }
 
-  confirmPublish (note) {
+  confirmPublish(note) {
     const buttonIndex = dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
       message: i18n.__('Publish Succeeded'),
@@ -895,42 +971,42 @@ class NoteList extends React.Component {
     }
   }
 
-  openBlog (note) {
+  openBlog(note) {
     const { shell } = electron
     shell.openExternal(note.blog.blogLink)
   }
 
-  importFromFile () {
+  importFromFile() {
     const options = {
-      filters: [
-        { name: 'Documents', extensions: ['md', 'txt'] }
-      ],
+      filters: [{ name: 'Documents', extensions: ['md', 'txt'] }],
       properties: ['openFile', 'multiSelections']
     }
 
-    dialog.showOpenDialog(remote.getCurrentWindow(), options, (filepaths) => {
+    dialog.showOpenDialog(remote.getCurrentWindow(), options, filepaths => {
       this.addNotesFromFiles(filepaths)
     })
   }
 
-  handleDrop (e) {
+  handleDrop(e) {
     e.preventDefault()
     const { location } = this.props
-    const filepaths = Array.from(e.dataTransfer.files).map(file => { return file.path })
+    const filepaths = Array.from(e.dataTransfer.files).map(file => {
+      return file.path
+    })
     if (!location.pathname.match(/\/trashed/)) this.addNotesFromFiles(filepaths)
   }
 
- // Add notes to the current folder
-  addNotesFromFiles (filepaths) {
+  // Add notes to the current folder
+  addNotesFromFiles(filepaths) {
     const { dispatch, location } = this.props
     const { storage, folder } = this.resolveTargetFolder()
 
     if (filepaths === undefined) return
-    filepaths.forEach((filepath) => {
+    filepaths.forEach(filepath => {
       fs.readFile(filepath, (err, data) => {
         if (err) throw Error('File reading error: ', err)
 
-        fs.stat(filepath, (err, {mtime, birthtime}) => {
+        fs.stat(filepath, (err, { mtime, birthtime }) => {
           if (err) throw Error('File stat reading error: ', err)
 
           const content = data.toString()
@@ -942,40 +1018,45 @@ class NoteList extends React.Component {
             createdAt: birthtime,
             updatedAt: mtime
           }
-          dataApi.createNote(storage.key, newNote)
-          .then((note) => {
-            attachmentManagement.importAttachments(note.content, filepath, storage.key, note.key)
-            .then((newcontent) => {
-              note.content = newcontent
+          dataApi.createNote(storage.key, newNote).then(note => {
+            attachmentManagement
+              .importAttachments(note.content, filepath, storage.key, note.key)
+              .then(newcontent => {
+                note.content = newcontent
 
-              dataApi.updateNote(storage.key, note.key, note)
+                dataApi.updateNote(storage.key, note.key, note)
 
-              dispatch({
-                type: 'UPDATE_NOTE',
-                note: note
+                dispatch({
+                  type: 'UPDATE_NOTE',
+                  note: note
+                })
+                dispatch(
+                  push({
+                    pathname: location.pathname,
+                    search: queryString.stringify({ key: getNoteKey(note) })
+                  })
+                )
               })
-              dispatch(push({
-                pathname: location.pathname,
-                search: queryString.stringify({key: getNoteKey(note)})
-              }))
-            })
           })
         })
       })
     })
   }
 
-  getTargetIndex () {
+  getTargetIndex() {
     const { location } = this.props
     const key = queryString.parse(location.search).key
-    const targetIndex = _.findIndex(this.notes, (note) => {
+    const targetIndex = _.findIndex(this.notes, note => {
       return getNoteKey(note) === key
     })
     return targetIndex
   }
 
-  resolveTargetFolder () {
-    const { data, match: { params } } = this.props
+  resolveTargetFolder() {
+    const {
+      data,
+      match: { params }
+    } = this.props
     let storage = data.storageMap.get(params.storageKey)
 
     // Find first storage
@@ -987,7 +1068,8 @@ class NoteList extends React.Component {
     }
 
     if (storage == null) this.showMessageBox('No storage for importing note(s)')
-    const folder = _.find(storage.folders, {key: params.folderKey}) || storage.folders[0]
+    const folder =
+      _.find(storage.folders, { key: params.folderKey }) || storage.folders[0]
     if (folder == null) this.showMessageBox('No folder for importing note(s)')
 
     return {
@@ -996,7 +1078,7 @@ class NoteList extends React.Component {
     }
   }
 
-  showMessageBox (message) {
+  showMessageBox(message) {
     dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
       message: message,
@@ -1004,15 +1086,20 @@ class NoteList extends React.Component {
     })
   }
 
-  getNoteStorage (note) { // note.storage = storage key
+  getNoteStorage(note) {
+    // note.storage = storage key
     return this.props.data.storageMap.toJS()[note.storage]
   }
 
-  getNoteFolder (note) { // note.folder = folder key
-    return _.find(this.getNoteStorage(note).folders, ({ key }) => key === note.folder)
+  getNoteFolder(note) {
+    // note.folder = folder key
+    return _.find(
+      this.getNoteStorage(note).folders,
+      ({ key }) => key === note.folder
+    )
   }
 
-  getViewType () {
+  getViewType() {
     const { pathname } = this.props.location
     const folder = /\/folders\/[a-zA-Z0-9]+/.test(pathname)
     const storage = /\/storages\/[a-zA-Z0-9]+/.test(pathname) && !folder
@@ -1022,22 +1109,30 @@ class NoteList extends React.Component {
     if (storage) return 'STORAGE'
   }
 
-  render () {
-    const { location, config, match: { params: { folderKey } } } = this.props
+  render() {
+    const {
+      location,
+      config,
+      match: {
+        params: { folderKey }
+      }
+    } = this.props
     let { notes } = this.props
     const { selectedNoteKeys } = this.state
     const sortBy = _.get(config, [folderKey, 'sortBy'], config.sortBy.default)
-    const sortFunc = sortBy === 'CREATED_AT'
-      ? sortByCreatedAt
-      : sortBy === 'ALPHABETICAL'
-      ? sortByAlphabetical
-      : sortByUpdatedAt
+    const sortFunc =
+      sortBy === 'CREATED_AT'
+        ? sortByCreatedAt
+        : sortBy === 'ALPHABETICAL'
+        ? sortByAlphabetical
+        : sortByUpdatedAt
     const sortedNotes = location.pathname.match(/\/starred|\/trash/)
-        ? this.getNotes().sort(sortFunc)
-        : this.sortByPin(this.getNotes().sort(sortFunc))
-    this.notes = notes = sortedNotes.filter((note) => {
+      ? this.getNotes().sort(sortFunc)
+      : this.sortByPin(this.getNotes().sort(sortFunc))
+    this.notes = notes = sortedNotes.filter(note => {
       // this is for the trash box
-      if (note.isTrashed !== true || location.pathname === '/trashed') return true
+      if (note.isTrashed !== true || location.pathname === '/trashed')
+        return true
     })
 
     moment.updateLocale('en', {
@@ -1066,48 +1161,28 @@ class NoteList extends React.Component {
       selectedNoteKeys.length === 0 ||
       notes.every(note => !selectedNoteKeys.includes(note.key))
 
-    const noteList = notes
-      .map((note, index) => {
-        if (note == null) {
-          return null
-        }
+    const noteList = notes.map((note, index) => {
+      if (note == null) {
+        return null
+      }
 
-        const isDefault = config.listStyle === 'DEFAULT'
-        const uniqueKey = getNoteKey(note)
+      const isDefault = config.listStyle === 'DEFAULT'
+      const uniqueKey = getNoteKey(note)
 
-        const isActive =
-          selectedNoteKeys.includes(uniqueKey) ||
-          notes.length === 1 ||
-          (autoSelectFirst && index === 0)
-        const dateDisplay = moment(
-          sortBy === 'CREATED_AT'
-            ? note.createdAt : note.updatedAt
-        ).fromNow('D')
-
-        if (isDefault) {
-          return (
-            <NoteItem
-              isActive={isActive}
-              note={note}
-              dateDisplay={dateDisplay}
-              key={uniqueKey}
-              handleNoteContextMenu={this.handleNoteContextMenu.bind(this)}
-              handleNoteClick={this.handleNoteClick.bind(this)}
-              handleDragStart={this.handleDragStart.bind(this)}
-              pathname={location.pathname}
-              folderName={this.getNoteFolder(note).name}
-              storageName={this.getNoteStorage(note).name}
-              viewType={viewType}
-              showTagsAlphabetically={config.ui.showTagsAlphabetically}
-              coloredTags={config.coloredTags}
-            />
-          )
-        }
+      const isActive =
+        selectedNoteKeys.includes(uniqueKey) ||
+        notes.length === 1 ||
+        (autoSelectFirst && index === 0)
+      const dateDisplay = moment(
+        sortBy === 'CREATED_AT' ? note.createdAt : note.updatedAt
+      ).fromNow('D')
 
+      if (isDefault) {
         return (
-          <NoteItemSimple
+          <NoteItem
             isActive={isActive}
             note={note}
+            dateDisplay={dateDisplay}
             key={uniqueKey}
             handleNoteContextMenu={this.handleNoteContextMenu.bind(this)}
             handleNoteClick={this.handleNoteClick.bind(this)}
@@ -1116,52 +1191,85 @@ class NoteList extends React.Component {
             folderName={this.getNoteFolder(note).name}
             storageName={this.getNoteStorage(note).name}
             viewType={viewType}
+            showTagsAlphabetically={config.ui.showTagsAlphabetically}
+            coloredTags={config.coloredTags}
           />
         )
-      })
+      }
+
+      return (
+        <NoteItemSimple
+          isActive={isActive}
+          note={note}
+          key={uniqueKey}
+          handleNoteContextMenu={this.handleNoteContextMenu.bind(this)}
+          handleNoteClick={this.handleNoteClick.bind(this)}
+          handleDragStart={this.handleDragStart.bind(this)}
+          pathname={location.pathname}
+          folderName={this.getNoteFolder(note).name}
+          storageName={this.getNoteStorage(note).name}
+          viewType={viewType}
+        />
+      )
+    })
 
     return (
-      <div className='NoteList'
+      <div
+        className='NoteList'
         styleName='root'
         style={this.props.style}
-        onDrop={(e) => this.handleDrop(e)}
+        onDrop={e => this.handleDrop(e)}
       >
         <div styleName='control'>
           <div styleName='control-sortBy'>
             <i className='fa fa-angle-down' />
-            <select styleName='control-sortBy-select'
+            <select
+              styleName='control-sortBy-select'
               title={i18n.__('Select filter mode')}
               value={sortBy}
-              onChange={(e) => this.handleSortByChange(e)}
+              onChange={e => this.handleSortByChange(e)}
             >
-              <option title='Sort by update time' value='UPDATED_AT'>{i18n.__('Updated')}</option>
-              <option title='Sort by create time' value='CREATED_AT'>{i18n.__('Created')}</option>
-              <option title='Sort alphabetically' value='ALPHABETICAL'>{i18n.__('Alphabetically')}</option>
+              <option title='Sort by update time' value='UPDATED_AT'>
+                {i18n.__('Updated')}
+              </option>
+              <option title='Sort by create time' value='CREATED_AT'>
+                {i18n.__('Created')}
+              </option>
+              <option title='Sort alphabetically' value='ALPHABETICAL'>
+                {i18n.__('Alphabetically')}
+              </option>
             </select>
           </div>
           <div styleName='control-button-area'>
-            <button title={i18n.__('Default View')} styleName={config.listStyle === 'DEFAULT'
-                ? 'control-button--active'
-                : 'control-button'
+            <button
+              title={i18n.__('Default View')}
+              styleName={
+                config.listStyle === 'DEFAULT'
+                  ? 'control-button--active'
+                  : 'control-button'
               }
-              onClick={(e) => this.handleListStyleButtonClick(e, 'DEFAULT')}
+              onClick={e => this.handleListStyleButtonClick(e, 'DEFAULT')}
             >
               <img src='../resources/icon/icon-column.svg' />
             </button>
-            <button title={i18n.__('Compressed View')} styleName={config.listStyle === 'SMALL'
-                ? 'control-button--active'
-                : 'control-button'
+            <button
+              title={i18n.__('Compressed View')}
+              styleName={
+                config.listStyle === 'SMALL'
+                  ? 'control-button--active'
+                  : 'control-button'
               }
-              onClick={(e) => this.handleListStyleButtonClick(e, 'SMALL')}
+              onClick={e => this.handleListStyleButtonClick(e, 'SMALL')}
             >
               <img src='../resources/icon/icon-column-list.svg' />
             </button>
           </div>
         </div>
-        <div styleName='list'
+        <div
+          styleName='list'
           ref='list'
           tabIndex='-1'
-          onKeyDown={(e) => this.handleNoteListKeyDown(e)}
+          onKeyDown={e => this.handleNoteListKeyDown(e)}
           onKeyUp={this.handleNoteListKeyUp}
           onBlur={this.handleNoteListBlur}
         >
diff --git a/browser/main/SideNav/ListButton.js b/browser/main/SideNav/ListButton.js
index b5bc1488..dc9ba1cc 100644
--- a/browser/main/SideNav/ListButton.js
+++ b/browser/main/SideNav/ListButton.js
@@ -4,14 +4,17 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './SwitchButton.styl'
 import i18n from 'browser/lib/i18n'
 
-const ListButton = ({
-  onClick, isTagActive
-}) => (
-  <button styleName={isTagActive ? 'non-active-button' : 'active-button'} onClick={onClick}>
-    <img src={isTagActive
-        ? '../resources/icon/icon-list.svg'
-        : '../resources/icon/icon-list-active.svg'
-    }
+const ListButton = ({ onClick, isTagActive }) => (
+  <button
+    styleName={isTagActive ? 'non-active-button' : 'active-button'}
+    onClick={onClick}
+  >
+    <img
+      src={
+        isTagActive
+          ? '../resources/icon/icon-list.svg'
+          : '../resources/icon/icon-list-active.svg'
+      }
     />
     <span styleName='tooltip'>{i18n.__('Notes')}</span>
   </button>
diff --git a/browser/main/SideNav/PreferenceButton.js b/browser/main/SideNav/PreferenceButton.js
index 187bc41a..25499463 100644
--- a/browser/main/SideNav/PreferenceButton.js
+++ b/browser/main/SideNav/PreferenceButton.js
@@ -4,10 +4,8 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './PreferenceButton.styl'
 import i18n from 'browser/lib/i18n'
 
-const PreferenceButton = ({
-  onClick
-}) => (
-  <button styleName='top-menu-preference' onClick={(e) => onClick(e)}>
+const PreferenceButton = ({ onClick }) => (
+  <button styleName='top-menu-preference' onClick={e => onClick(e)}>
     <img src='../resources/icon/icon-setting.svg' />
     <span styleName='tooltip'>{i18n.__('Preferences')}</span>
   </button>
diff --git a/browser/main/SideNav/StorageItem.js b/browser/main/SideNav/StorageItem.js
index 5cd4a491..a20b0df1 100644
--- a/browser/main/SideNav/StorageItem.js
+++ b/browser/main/SideNav/StorageItem.js
@@ -19,7 +19,7 @@ const escapeStringRegexp = require('escape-string-regexp')
 const path = require('path')
 
 class StorageItem extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     const { storage } = this.props
@@ -30,11 +30,11 @@ class StorageItem extends React.Component {
     }
   }
 
-  handleHeaderContextMenu (e) {
+  handleHeaderContextMenu(e) {
     context.popup([
       {
         label: i18n.__('Add Folder'),
-        click: (e) => this.handleAddFolderButtonClick(e)
+        click: e => this.handleAddFolderButtonClick(e)
       },
       {
         type: 'separator'
@@ -44,11 +44,11 @@ class StorageItem extends React.Component {
         submenu: [
           {
             label: i18n.__('Export as txt'),
-            click: (e) => this.handleExportStorageClick(e, 'txt')
+            click: e => this.handleExportStorageClick(e, 'txt')
           },
           {
             label: i18n.__('Export as md'),
-            click: (e) => this.handleExportStorageClick(e, 'md')
+            click: e => this.handleExportStorageClick(e, 'md')
           }
         ]
       },
@@ -57,75 +57,74 @@ class StorageItem extends React.Component {
       },
       {
         label: i18n.__('Unlink Storage'),
-        click: (e) => this.handleUnlinkStorageClick(e)
+        click: e => this.handleUnlinkStorageClick(e)
       }
     ])
   }
 
-  handleUnlinkStorageClick (e) {
+  handleUnlinkStorageClick(e) {
     const index = dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
       message: i18n.__('Unlink Storage'),
-      detail: i18n.__('This work will just detatches a storage from Boostnote. (Any data won\'t be deleted.)'),
+      detail: i18n.__(
+        "This work will just detatches a storage from Boostnote. (Any data won't be deleted.)"
+      ),
       buttons: [i18n.__('Confirm'), i18n.__('Cancel')]
     })
 
     if (index === 0) {
       const { storage, dispatch } = this.props
-      dataApi.removeStorage(storage.key)
+      dataApi
+        .removeStorage(storage.key)
         .then(() => {
           dispatch({
             type: 'REMOVE_STORAGE',
             storageKey: storage.key
           })
         })
-        .catch((err) => {
+        .catch(err => {
           throw err
         })
     }
   }
 
-  handleExportStorageClick (e, fileType) {
+  handleExportStorageClick(e, fileType) {
     const options = {
       properties: ['openDirectory', 'createDirectory'],
       buttonLabel: i18n.__('Select directory'),
       title: i18n.__('Select a folder to export the files to'),
       multiSelections: false
     }
-    dialog.showOpenDialog(remote.getCurrentWindow(), options,
-      (paths) => {
-        if (paths && paths.length === 1) {
-          const { storage, dispatch } = this.props
-          dataApi
-            .exportStorage(storage.key, fileType, paths[0])
-            .then(data => {
-              dispatch({
-                type: 'EXPORT_STORAGE',
-                storage: data.storage,
-                fileType: data.fileType
-              })
-            })
-        }
-      })
+    dialog.showOpenDialog(remote.getCurrentWindow(), options, paths => {
+      if (paths && paths.length === 1) {
+        const { storage, dispatch } = this.props
+        dataApi.exportStorage(storage.key, fileType, paths[0]).then(data => {
+          dispatch({
+            type: 'EXPORT_STORAGE',
+            storage: data.storage,
+            fileType: data.fileType
+          })
+        })
+      }
+    })
   }
 
-  handleToggleButtonClick (e) {
+  handleToggleButtonClick(e) {
     const { storage, dispatch } = this.props
     const isOpen = !this.state.isOpen
-    dataApi.toggleStorage(storage.key, isOpen)
-      .then((storage) => {
-        dispatch({
-          type: 'EXPAND_STORAGE',
-          storage,
-          isOpen
-        })
+    dataApi.toggleStorage(storage.key, isOpen).then(storage => {
+      dispatch({
+        type: 'EXPAND_STORAGE',
+        storage,
+        isOpen
       })
+    })
     this.setState({
       isOpen: isOpen
     })
   }
 
-  handleAddFolderButtonClick (e) {
+  handleAddFolderButtonClick(e) {
     const { storage } = this.props
 
     modal.open(CreateFolderModal, {
@@ -133,23 +132,23 @@ class StorageItem extends React.Component {
     })
   }
 
-  handleHeaderInfoClick (e) {
+  handleHeaderInfoClick(e) {
     const { storage, dispatch } = this.props
     dispatch(push('/storages/' + storage.key))
   }
 
-  handleFolderButtonClick (folderKey) {
-    return (e) => {
+  handleFolderButtonClick(folderKey) {
+    return e => {
       const { storage, dispatch } = this.props
       dispatch(push('/storages/' + storage.key + '/folders/' + folderKey))
     }
   }
 
-  handleFolderButtonContextMenu (e, folder) {
+  handleFolderButtonContextMenu(e, folder) {
     context.popup([
       {
         label: i18n.__('Rename Folder'),
-        click: (e) => this.handleRenameFolderClick(e, folder)
+        click: e => this.handleRenameFolderClick(e, folder)
       },
       {
         type: 'separator'
@@ -159,11 +158,11 @@ class StorageItem extends React.Component {
         submenu: [
           {
             label: i18n.__('Export as txt'),
-            click: (e) => this.handleExportFolderClick(e, folder, 'txt')
+            click: e => this.handleExportFolderClick(e, folder, 'txt')
           },
           {
             label: i18n.__('Export as md'),
-            click: (e) => this.handleExportFolderClick(e, folder, 'md')
+            click: e => this.handleExportFolderClick(e, folder, 'md')
           }
         ]
       },
@@ -172,12 +171,12 @@ class StorageItem extends React.Component {
       },
       {
         label: i18n.__('Delete Folder'),
-        click: (e) => this.handleFolderDeleteClick(e, folder)
+        click: e => this.handleFolderDeleteClick(e, folder)
       }
     ])
   }
 
-  handleRenameFolderClick (e, folder) {
+  handleRenameFolderClick(e, folder) {
     const { storage } = this.props
     modal.open(RenameFolderModal, {
       storage,
@@ -185,20 +184,19 @@ class StorageItem extends React.Component {
     })
   }
 
-  handleExportFolderClick (e, folder, fileType) {
+  handleExportFolderClick(e, folder, fileType) {
     const options = {
       properties: ['openDirectory', 'createDirectory'],
       buttonLabel: i18n.__('Select directory'),
       title: i18n.__('Select a folder to export the files to'),
       multiSelections: false
     }
-    dialog.showOpenDialog(remote.getCurrentWindow(), options,
-    (paths) => {
+    dialog.showOpenDialog(remote.getCurrentWindow(), options, paths => {
       if (paths && paths.length === 1) {
         const { storage, dispatch } = this.props
         dataApi
           .exportFolder(storage.key, folder.key, fileType, paths[0])
-          .then((data) => {
+          .then(data => {
             dispatch({
               type: 'EXPORT_FOLDER',
               storage: data.storage,
@@ -224,66 +222,74 @@ class StorageItem extends React.Component {
     })
   }
 
-  handleFolderDeleteClick (e, folder) {
+  handleFolderDeleteClick(e, folder) {
     const index = dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
       message: i18n.__('Delete Folder'),
-      detail: i18n.__('This will delete all notes in the folder and can not be undone.'),
+      detail: i18n.__(
+        'This will delete all notes in the folder and can not be undone.'
+      ),
       buttons: [i18n.__('Confirm'), i18n.__('Cancel')]
     })
 
     if (index === 0) {
       const { storage, dispatch } = this.props
-      dataApi
-        .deleteFolder(storage.key, folder.key)
-        .then((data) => {
-          dispatch({
-            type: 'DELETE_FOLDER',
-            storage: data.storage,
-            folderKey: data.folderKey
-          })
+      dataApi.deleteFolder(storage.key, folder.key).then(data => {
+        dispatch({
+          type: 'DELETE_FOLDER',
+          storage: data.storage,
+          folderKey: data.folderKey
         })
+      })
     }
   }
 
-  handleDragEnter (e, key) {
+  handleDragEnter(e, key) {
     e.preventDefault()
-    if (this.state.draggedOver === key) { return }
+    if (this.state.draggedOver === key) {
+      return
+    }
     this.setState({
       draggedOver: key
     })
   }
 
-  handleDragLeave (e) {
+  handleDragLeave(e) {
     e.preventDefault()
-    if (this.state.draggedOver === null) { return }
+    if (this.state.draggedOver === null) {
+      return
+    }
     this.setState({
       draggedOver: null
     })
   }
 
-  dropNote (storage, folder, dispatch, location, noteData) {
-    noteData = noteData.filter((note) => folder.key !== note.folder)
+  dropNote(storage, folder, dispatch, location, noteData) {
+    noteData = noteData.filter(note => folder.key !== note.folder)
     if (noteData.length === 0) return
 
     Promise.all(
-      noteData.map((note) => dataApi.moveNote(note.storage, note.key, storage.key, folder.key))
+      noteData.map(note =>
+        dataApi.moveNote(note.storage, note.key, storage.key, folder.key)
+      )
     )
-    .then((createdNoteData) => {
-      createdNoteData.forEach((newNote) => {
-        dispatch({
-          type: 'MOVE_NOTE',
-          originNote: noteData.find((note) => note.content === newNote.oldContent),
-          note: newNote
+      .then(createdNoteData => {
+        createdNoteData.forEach(newNote => {
+          dispatch({
+            type: 'MOVE_NOTE',
+            originNote: noteData.find(
+              note => note.content === newNote.oldContent
+            ),
+            note: newNote
+          })
         })
       })
-    })
-    .catch((err) => {
-      console.error(`error on delete notes: ${err}`)
-    })
+      .catch(err => {
+        console.error(`error on delete notes: ${err}`)
+      })
   }
 
-  handleDrop (e, storage, folder, dispatch, location) {
+  handleDrop(e, storage, folder, dispatch, location) {
     e.preventDefault()
     if (this.state.draggedOver !== null) {
       this.setState({
@@ -294,21 +300,37 @@ class StorageItem extends React.Component {
     this.dropNote(storage, folder, dispatch, location, noteData)
   }
 
-  render () {
+  render() {
     const { storage, location, isFolded, data, dispatch } = this.props
     const { folderNoteMap, trashedSet } = data
     const SortableStorageItemChild = SortableElement(StorageItemChild)
     const folderList = storage.folders.map((folder, index) => {
-      const folderRegex = new RegExp(escapeStringRegexp(path.sep) + 'storages' + escapeStringRegexp(path.sep) + storage.key + escapeStringRegexp(path.sep) + 'folders' + escapeStringRegexp(path.sep) + folder.key)
-      const isActive = !!(location.pathname.match(folderRegex))
+      const folderRegex = new RegExp(
+        escapeStringRegexp(path.sep) +
+          'storages' +
+          escapeStringRegexp(path.sep) +
+          storage.key +
+          escapeStringRegexp(path.sep) +
+          'folders' +
+          escapeStringRegexp(path.sep) +
+          folder.key
+      )
+      const isActive = !!location.pathname.match(folderRegex)
       const noteSet = folderNoteMap.get(storage.key + '-' + folder.key)
 
       let noteCount = 0
       if (noteSet) {
         let trashedNoteCount = 0
-        const noteKeys = noteSet.map(noteKey => { return noteKey })
+        const noteKeys = noteSet.map(noteKey => {
+          return noteKey
+        })
         trashedSet.toJS().forEach(trashedKey => {
-          if (noteKeys.some(noteKey => { return noteKey === trashedKey })) trashedNoteCount++
+          if (
+            noteKeys.some(noteKey => {
+              return noteKey === trashedKey
+            })
+          )
+            trashedNoteCount++
         })
         noteCount = noteSet.size - trashedNoteCount
       }
@@ -317,73 +339,80 @@ class StorageItem extends React.Component {
           key={folder.key}
           index={index}
           isActive={isActive || folder.key === this.state.draggedOver}
-          handleButtonClick={(e) => this.handleFolderButtonClick(folder.key)(e)}
-          handleContextMenu={(e) => this.handleFolderButtonContextMenu(e, folder)}
+          handleButtonClick={e => this.handleFolderButtonClick(folder.key)(e)}
+          handleContextMenu={e => this.handleFolderButtonContextMenu(e, folder)}
           folderName={folder.name}
           folderColor={folder.color}
           isFolded={isFolded}
           noteCount={noteCount}
-          handleDrop={(e) => {
+          handleDrop={e => {
             this.handleDrop(e, storage, folder, dispatch, location)
           }}
-          handleDragEnter={(e) => {
+          handleDragEnter={e => {
             this.handleDragEnter(e, folder.key)
           }}
-          handleDragLeave={(e) => {
+          handleDragLeave={e => {
             this.handleDragLeave(e, folder)
           }}
         />
       )
     })
 
-    const isActive = location.pathname.match(new RegExp(escapeStringRegexp(path.sep) + 'storages' + escapeStringRegexp(path.sep) + storage.key + '$'))
+    const isActive = location.pathname.match(
+      new RegExp(
+        escapeStringRegexp(path.sep) +
+          'storages' +
+          escapeStringRegexp(path.sep) +
+          storage.key +
+          '$'
+      )
+    )
 
     return (
-      <div styleName={isFolded ? 'root--folded' : 'root'}
-        key={storage.key}
-      >
-        <div styleName={isActive
-          ? 'header--active'
-          : 'header'
-        }
-          onContextMenu={(e) => this.handleHeaderContextMenu(e)}
+      <div styleName={isFolded ? 'root--folded' : 'root'} key={storage.key}>
+        <div
+          styleName={isActive ? 'header--active' : 'header'}
+          onContextMenu={e => this.handleHeaderContextMenu(e)}
         >
-          <button styleName='header-toggleButton'
-            onMouseDown={(e) => this.handleToggleButtonClick(e)}
+          <button
+            styleName='header-toggleButton'
+            onMouseDown={e => this.handleToggleButtonClick(e)}
           >
-            <img src={this.state.isOpen
-              ? '../resources/icon/icon-down.svg'
-              : '../resources/icon/icon-right.svg'
-            }
+            <img
+              src={
+                this.state.isOpen
+                  ? '../resources/icon/icon-down.svg'
+                  : '../resources/icon/icon-right.svg'
+              }
             />
           </button>
 
-          {!isFolded &&
-            <button styleName='header-addFolderButton'
-              onClick={(e) => this.handleAddFolderButtonClick(e)}
+          {!isFolded && (
+            <button
+              styleName='header-addFolderButton'
+              onClick={e => this.handleAddFolderButtonClick(e)}
             >
               <img src='../resources/icon/icon-plus.svg' />
             </button>
-          }
+          )}
 
-          <button styleName='header-info'
-            onClick={(e) => this.handleHeaderInfoClick(e)}
+          <button
+            styleName='header-info'
+            onClick={e => this.handleHeaderInfoClick(e)}
           >
             <span>
-              {isFolded ? _.truncate(storage.name, {length: 1, omission: ''}) : storage.name}
+              {isFolded
+                ? _.truncate(storage.name, { length: 1, omission: '' })
+                : storage.name}
             </span>
-            {isFolded &&
+            {isFolded && (
               <span styleName='header-info--folded-tooltip'>
                 {storage.name}
               </span>
-            }
+            )}
           </button>
         </div>
-        {this.state.isOpen &&
-          <div>
-            {folderList}
-          </div>
-        }
+        {this.state.isOpen && <div>{folderList}</div>}
       </div>
     )
   }
diff --git a/browser/main/SideNav/TagButton.js b/browser/main/SideNav/TagButton.js
index d91ae2c4..268e0d7e 100644
--- a/browser/main/SideNav/TagButton.js
+++ b/browser/main/SideNav/TagButton.js
@@ -4,14 +4,17 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './SwitchButton.styl'
 import i18n from 'browser/lib/i18n'
 
-const TagButton = ({
-  onClick, isTagActive
-}) => (
-  <button styleName={isTagActive ? 'active-button' : 'non-active-button'} onClick={onClick}>
-    <img src={isTagActive
-        ? '../resources/icon/icon-tag-active.svg'
-        : '../resources/icon/icon-tag.svg'
-    }
+const TagButton = ({ onClick, isTagActive }) => (
+  <button
+    styleName={isTagActive ? 'active-button' : 'non-active-button'}
+    onClick={onClick}
+  >
+    <img
+      src={
+        isTagActive
+          ? '../resources/icon/icon-tag-active.svg'
+          : '../resources/icon/icon-tag.svg'
+      }
     />
     <span styleName='tooltip'>{i18n.__('Tags')}</span>
   </button>
diff --git a/browser/main/SideNav/index.js b/browser/main/SideNav/index.js
index 241d4151..dcda9a27 100644
--- a/browser/main/SideNav/index.js
+++ b/browser/main/SideNav/index.js
@@ -16,7 +16,7 @@ import EventEmitter from 'browser/main/lib/eventEmitter'
 import PreferenceButton from './PreferenceButton'
 import ListButton from './ListButton'
 import TagButton from './TagButton'
-import {SortableContainer} from 'react-sortable-hoc'
+import { SortableContainer } from 'react-sortable-hoc'
 import i18n from 'browser/lib/i18n'
 import context from 'browser/lib/context'
 import { remote } from 'electron'
@@ -24,13 +24,13 @@ import { confirmDeleteNote } from 'browser/lib/confirmDeleteNote'
 import ColorPicker from 'browser/components/ColorPicker'
 import { every, sortBy } from 'lodash'
 
-function matchActiveTags (tags, activeTags) {
+function matchActiveTags(tags, activeTags) {
   return every(activeTags, v => tags.indexOf(v) >= 0)
 }
 
 class SideNav extends React.Component {
   // TODO: should not use electron stuff v0.7
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -47,24 +47,32 @@ class SideNav extends React.Component {
     this.handleColorPickerReset = this.handleColorPickerReset.bind(this)
   }
 
-  componentDidMount () {
+  componentDidMount() {
     EventEmitter.on('side:preferences', this.handleMenuButtonClick)
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     EventEmitter.off('side:preferences', this.handleMenuButtonClick)
   }
 
-  deleteTag (tag) {
-    const selectedButton = remote.dialog.showMessageBox(remote.getCurrentWindow(), {
-      type: 'warning',
-      message: i18n.__('Confirm tag deletion'),
-      detail: i18n.__('This will permanently remove this tag.'),
-      buttons: [i18n.__('Confirm'), i18n.__('Cancel')]
-    })
+  deleteTag(tag) {
+    const selectedButton = remote.dialog.showMessageBox(
+      remote.getCurrentWindow(),
+      {
+        type: 'warning',
+        message: i18n.__('Confirm tag deletion'),
+        detail: i18n.__('This will permanently remove this tag.'),
+        buttons: [i18n.__('Confirm'), i18n.__('Cancel')]
+      }
+    )
 
     if (selectedButton === 0) {
-      const { data, dispatch, location, match: { params } } = this.props
+      const {
+        data,
+        dispatch,
+        location,
+        match: { params }
+      } = this.props
 
       const notes = data.noteMap
         .map(note => note)
@@ -78,44 +86,48 @@ class SideNav extends React.Component {
           return note
         })
 
-      Promise
-        .all(notes.map(note => dataApi.updateNote(note.storage, note.key, note)))
-        .then(updatedNotes => {
-          updatedNotes.forEach(note => {
-            dispatch({
-              type: 'UPDATE_NOTE',
-              note
-            })
+      Promise.all(
+        notes.map(note => dataApi.updateNote(note.storage, note.key, note))
+      ).then(updatedNotes => {
+        updatedNotes.forEach(note => {
+          dispatch({
+            type: 'UPDATE_NOTE',
+            note
           })
-
-          if (location.pathname.match('/tags')) {
-            const tags = params.tagname.split(' ')
-            const index = tags.indexOf(tag)
-            if (index !== -1) {
-              tags.splice(index, 1)
-
-              dispatch(push(`/tags/${tags.map(tag => encodeURIComponent(tag)).join(' ')}`))
-            }
-          }
         })
+
+        if (location.pathname.match('/tags')) {
+          const tags = params.tagname.split(' ')
+          const index = tags.indexOf(tag)
+          if (index !== -1) {
+            tags.splice(index, 1)
+
+            dispatch(
+              push(
+                `/tags/${tags.map(tag => encodeURIComponent(tag)).join(' ')}`
+              )
+            )
+          }
+        }
+      })
     }
   }
 
-  handleMenuButtonClick (e) {
+  handleMenuButtonClick(e) {
     openModal(PreferencesModal)
   }
 
-  handleHomeButtonClick (e) {
+  handleHomeButtonClick(e) {
     const { dispatch } = this.props
     dispatch(push('/home'))
   }
 
-  handleStarredButtonClick (e) {
+  handleStarredButtonClick(e) {
     const { dispatch } = this.props
     dispatch(push('/starred'))
   }
 
-  handleTagContextMenu (e, tag) {
+  handleTagContextMenu(e, tag) {
     const menu = []
 
     menu.push({
@@ -125,13 +137,17 @@ class SideNav extends React.Component {
 
     menu.push({
       label: i18n.__('Customize Color'),
-      click: this.displayColorPicker.bind(this, tag, e.target.getBoundingClientRect())
+      click: this.displayColorPicker.bind(
+        this,
+        tag,
+        e.target.getBoundingClientRect()
+      )
     })
 
     context.popup(menu)
   }
 
-  dismissColorPicker () {
+  dismissColorPicker() {
     this.setState({
       colorPicker: {
         show: false
@@ -139,7 +155,7 @@ class SideNav extends React.Component {
     })
   }
 
-  displayColorPicker (tagName, rect) {
+  displayColorPicker(tagName, rect) {
     const { config } = this.props
     this.setState({
       colorPicker: {
@@ -151,10 +167,17 @@ class SideNav extends React.Component {
     })
   }
 
-  handleColorPickerConfirm (color) {
-    const { dispatch, config: {coloredTags} } = this.props
-    const { colorPicker: { tagName } } = this.state
-    const newColoredTags = Object.assign({}, coloredTags, {[tagName]: color.hex})
+  handleColorPickerConfirm(color) {
+    const {
+      dispatch,
+      config: { coloredTags }
+    } = this.props
+    const {
+      colorPicker: { tagName }
+    } = this.state
+    const newColoredTags = Object.assign({}, coloredTags, {
+      [tagName]: color.hex
+    })
 
     const config = { coloredTags: newColoredTags }
     ConfigManager.set(config)
@@ -165,9 +188,14 @@ class SideNav extends React.Component {
     this.dismissColorPicker()
   }
 
-  handleColorPickerReset () {
-    const { dispatch, config: {coloredTags} } = this.props
-    const { colorPicker: { tagName } } = this.state
+  handleColorPickerReset() {
+    const {
+      dispatch,
+      config: { coloredTags }
+    } = this.props
+    const {
+      colorPicker: { tagName }
+    } = this.state
     const newColoredTags = Object.assign({}, coloredTags)
 
     delete newColoredTags[tagName]
@@ -181,43 +209,41 @@ class SideNav extends React.Component {
     this.dismissColorPicker()
   }
 
-  handleToggleButtonClick (e) {
+  handleToggleButtonClick(e) {
     const { dispatch, config } = this.props
 
-    ConfigManager.set({isSideNavFolded: !config.isSideNavFolded})
+    ConfigManager.set({ isSideNavFolded: !config.isSideNavFolded })
     dispatch({
       type: 'SET_IS_SIDENAV_FOLDED',
       isFolded: !config.isSideNavFolded
     })
   }
 
-  handleTrashedButtonClick (e) {
+  handleTrashedButtonClick(e) {
     const { dispatch } = this.props
     dispatch(push('/trashed'))
   }
 
-  handleSwitchFoldersButtonClick () {
+  handleSwitchFoldersButtonClick() {
     const { dispatch } = this.props
     dispatch(push('/home'))
   }
 
-  handleSwitchTagsButtonClick () {
+  handleSwitchTagsButtonClick() {
     const { dispatch } = this.props
     dispatch(push('/alltags'))
   }
 
-  onSortEnd (storage) {
-    return ({oldIndex, newIndex}) => {
+  onSortEnd(storage) {
+    return ({ oldIndex, newIndex }) => {
       const { dispatch } = this.props
-      dataApi
-        .reorderFolder(storage.key, oldIndex, newIndex)
-        .then((data) => {
-          dispatch({ type: 'REORDER_FOLDER', storage: data.storage })
-        })
+      dataApi.reorderFolder(storage.key, oldIndex, newIndex).then(data => {
+        dispatch({ type: 'REORDER_FOLDER', storage: data.storage })
+      })
     }
   }
 
-  SideNavComponent (isFolded, storageList) {
+  SideNavComponent(isFolded, storageList) {
     const { location, data, config } = this.props
 
     const isHomeActive = !!location.pathname.match(/^\/home$/)
@@ -227,25 +253,35 @@ class SideNav extends React.Component {
     let component
 
     // TagsMode is not selected
-    if (!location.pathname.match('/tags') && !location.pathname.match('/alltags')) {
+    if (
+      !location.pathname.match('/tags') &&
+      !location.pathname.match('/alltags')
+    ) {
       component = (
         <div>
           <SideNavFilter
             isFolded={isFolded}
             isHomeActive={isHomeActive}
-            handleAllNotesButtonClick={(e) => this.handleHomeButtonClick(e)}
+            handleAllNotesButtonClick={e => this.handleHomeButtonClick(e)}
             isStarredActive={isStarredActive}
             isTrashedActive={isTrashedActive}
-            handleStarredButtonClick={(e) => this.handleStarredButtonClick(e)}
-            handleTrashedButtonClick={(e) => this.handleTrashedButtonClick(e)}
-            counterTotalNote={data.noteMap._map.size - data.trashedSet._set.size}
+            handleStarredButtonClick={e => this.handleStarredButtonClick(e)}
+            handleTrashedButtonClick={e => this.handleTrashedButtonClick(e)}
+            counterTotalNote={
+              data.noteMap._map.size - data.trashedSet._set.size
+            }
             counterStarredNote={data.starredSet._set.size}
             counterDelNote={data.trashedSet._set.size}
-            handleFilterButtonContextMenu={this.handleFilterButtonContextMenu.bind(this)}
+            handleFilterButtonContextMenu={this.handleFilterButtonContextMenu.bind(
+              this
+            )}
           />
 
           <StorageList storageList={storageList} isFolded={isFolded} />
-          <NavToggleButton isFolded={isFolded} handleToggleButtonClick={this.handleToggleButtonClick.bind(this)} />
+          <NavToggleButton
+            isFolded={isFolded}
+            handleToggleButtonClick={this.handleToggleButtonClick.bind(this)}
+          />
         </div>
       )
     } else {
@@ -257,22 +293,26 @@ class SideNav extends React.Component {
             </div>
             <div styleName='tag-control-sortTagsBy'>
               <i className='fa fa-angle-down' />
-              <select styleName='tag-control-sortTagsBy-select'
+              <select
+                styleName='tag-control-sortTagsBy-select'
                 title={i18n.__('Select filter mode')}
                 value={config.sortTagsBy}
-                onChange={(e) => this.handleSortTagsByChange(e)}
+                onChange={e => this.handleSortTagsByChange(e)}
               >
-                <option title='Sort alphabetically'
-                  value='ALPHABETICAL'>{i18n.__('Alphabetically')}</option>
-                <option title='Sort by update time'
-                  value='COUNTER'>{i18n.__('Counter')}</option>
+                <option title='Sort alphabetically' value='ALPHABETICAL'>
+                  {i18n.__('Alphabetically')}
+                </option>
+                <option title='Sort by update time' value='COUNTER'>
+                  {i18n.__('Counter')}
+                </option>
               </select>
             </div>
           </div>
-          <div styleName='tagList'>
-            {this.tagListComponent(data)}
-          </div>
-          <NavToggleButton isFolded={isFolded} handleToggleButtonClick={this.handleToggleButtonClick.bind(this)} />
+          <div styleName='tagList'>{this.tagListComponent(data)}</div>
+          <NavToggleButton
+            isFolded={isFolded}
+            handleToggleButtonClick={this.handleToggleButtonClick.bind(this)}
+          />
         </div>
       )
     }
@@ -280,82 +320,84 @@ class SideNav extends React.Component {
     return component
   }
 
-  tagListComponent () {
+  tagListComponent() {
     const { data, location, config } = this.props
     const { colorPicker } = this.state
     const activeTags = this.getActiveTags(location.pathname)
     const relatedTags = this.getRelatedTags(activeTags, data.noteMap)
-    let tagList = sortBy(data.tagNoteMap.map(
-      (tag, name) => ({ name, size: tag.size, related: relatedTags.has(name) })
-    ).filter(
-      tag => tag.size > 0
-    ), ['name'])
+    let tagList = sortBy(
+      data.tagNoteMap
+        .map((tag, name) => ({
+          name,
+          size: tag.size,
+          related: relatedTags.has(name)
+        }))
+        .filter(tag => tag.size > 0),
+      ['name']
+    )
     if (config.ui.enableLiveNoteCounts && activeTags.length !== 0) {
       const notesTags = data.noteMap.map(note => note.tags)
       tagList = tagList.map(tag => {
-        tag.size = notesTags.filter(tags => tags.includes(tag.name) && matchActiveTags(tags, activeTags)).length
+        tag.size = notesTags.filter(
+          tags => tags.includes(tag.name) && matchActiveTags(tags, activeTags)
+        ).length
         return tag
       })
     }
     if (config.sortTagsBy === 'COUNTER') {
-      tagList = sortBy(tagList, item => (0 - item.size))
+      tagList = sortBy(tagList, item => 0 - item.size)
     }
-    if (config.ui.showOnlyRelatedTags && (relatedTags.size > 0)) {
-      tagList = tagList.filter(
-        tag => tag.related
+    if (config.ui.showOnlyRelatedTags && relatedTags.size > 0) {
+      tagList = tagList.filter(tag => tag.related)
+    }
+    return tagList.map(tag => {
+      return (
+        <TagListItem
+          name={tag.name}
+          handleClickTagListItem={this.handleClickTagListItem.bind(this)}
+          handleClickNarrowToTag={this.handleClickNarrowToTag.bind(this)}
+          handleContextMenu={this.handleTagContextMenu.bind(this)}
+          isActive={
+            this.getTagActive(location.pathname, tag.name) ||
+            colorPicker.tagName === tag.name
+          }
+          isRelated={tag.related}
+          key={tag.name}
+          count={tag.size}
+          color={config.coloredTags[tag.name]}
+        />
       )
-    }
-    return (
-      tagList.map(tag => {
-        return (
-          <TagListItem
-            name={tag.name}
-            handleClickTagListItem={this.handleClickTagListItem.bind(this)}
-            handleClickNarrowToTag={this.handleClickNarrowToTag.bind(this)}
-            handleContextMenu={this.handleTagContextMenu.bind(this)}
-            isActive={this.getTagActive(location.pathname, tag.name) || (colorPicker.tagName === tag.name)}
-            isRelated={tag.related}
-            key={tag.name}
-            count={tag.size}
-            color={config.coloredTags[tag.name]}
-          />
-        )
-      })
-    )
+    })
   }
 
-  getRelatedTags (activeTags, noteMap) {
+  getRelatedTags(activeTags, noteMap) {
     if (activeTags.length === 0) {
       return new Set()
     }
-    const relatedNotes = noteMap.map(
-      note => ({key: note.key, tags: note.tags})
-    ).filter(
-      note => activeTags.every(tag => note.tags.includes(tag))
-    )
+    const relatedNotes = noteMap
+      .map(note => ({ key: note.key, tags: note.tags }))
+      .filter(note => activeTags.every(tag => note.tags.includes(tag)))
     const relatedTags = new Set()
     relatedNotes.forEach(note => note.tags.map(tag => relatedTags.add(tag)))
     return relatedTags
   }
 
-  getTagActive (path, tag) {
+  getTagActive(path, tag) {
     return this.getActiveTags(path).includes(tag)
   }
 
-  getActiveTags (path) {
+  getActiveTags(path) {
     const pathSegments = path.split('/')
     const tags = pathSegments[pathSegments.length - 1]
-    return (tags === 'alltags')
-      ? []
-      : decodeURIComponent(tags).split(' ')
+    return tags === 'alltags' ? [] : decodeURIComponent(tags).split(' ')
   }
 
-  handleClickTagListItem (name) {
+  handleClickTagListItem(name) {
     const { dispatch } = this.props
     dispatch(push(`/tags/${encodeURIComponent(name)}`))
   }
 
-  handleSortTagsByChange (e) {
+  handleSortTagsByChange(e) {
     const { dispatch } = this.props
 
     const config = {
@@ -369,7 +411,7 @@ class SideNav extends React.Component {
     })
   }
 
-  handleClickNarrowToTag (tag) {
+  handleClickNarrowToTag(tag) {
     const { dispatch, location } = this.props
     const listOfTags = this.getActiveTags(location.pathname)
     const indexOfTag = listOfTags.indexOf(tag)
@@ -381,33 +423,38 @@ class SideNav extends React.Component {
     dispatch(push(`/tags/${encodeURIComponent(listOfTags.join(' '))}`))
   }
 
-  emptyTrash (entries) {
+  emptyTrash(entries) {
     const { dispatch } = this.props
-    const deletionPromises = entries.map((note) => {
+    const deletionPromises = entries.map(note => {
       return dataApi.deleteNote(note.storage, note.key)
     })
     const { confirmDeletion } = this.props.config.ui
     if (!confirmDeleteNote(confirmDeletion, true)) return
     Promise.all(deletionPromises)
-    .then((arrayOfStorageAndNoteKeys) => {
-      arrayOfStorageAndNoteKeys.forEach(({ storageKey, noteKey }) => {
-        dispatch({ type: 'DELETE_NOTE', storageKey, noteKey })
+      .then(arrayOfStorageAndNoteKeys => {
+        arrayOfStorageAndNoteKeys.forEach(({ storageKey, noteKey }) => {
+          dispatch({ type: 'DELETE_NOTE', storageKey, noteKey })
+        })
+      })
+      .catch(err => {
+        console.error('Cannot Delete note: ' + err)
       })
-    })
-    .catch((err) => {
-      console.error('Cannot Delete note: ' + err)
-    })
   }
 
-  handleFilterButtonContextMenu (event) {
+  handleFilterButtonContextMenu(event) {
     const { data } = this.props
-    const trashedNotes = data.trashedSet.toJS().map((uniqueKey) => data.noteMap.get(uniqueKey))
+    const trashedNotes = data.trashedSet
+      .toJS()
+      .map(uniqueKey => data.noteMap.get(uniqueKey))
     context.popup([
-      { label: i18n.__('Empty Trash'), click: () => this.emptyTrash(trashedNotes) }
+      {
+        label: i18n.__('Empty Trash'),
+        click: () => this.emptyTrash(trashedNotes)
+      }
     ])
   }
 
-  render () {
+  render() {
     const { data, location, config, dispatch } = this.props
     const { colorPicker: colorPickerState } = this.state
 
@@ -415,16 +462,18 @@ class SideNav extends React.Component {
 
     const storageList = data.storageMap.map((storage, key) => {
       const SortableStorageItem = SortableContainer(StorageItem)
-      return <SortableStorageItem
-        key={storage.key}
-        storage={storage}
-        data={data}
-        location={location}
-        isFolded={isFolded}
-        dispatch={dispatch}
-        onSortEnd={this.onSortEnd.bind(this)(storage)}
-        useDragHandle
-      />
+      return (
+        <SortableStorageItem
+          key={storage.key}
+          storage={storage}
+          data={data}
+          location={location}
+          isFolded={isFolded}
+          dispatch={dispatch}
+          onSortEnd={this.onSortEnd.bind(this)(storage)}
+          useDragHandle
+        />
+      )
     })
 
     let colorPicker
@@ -444,15 +493,22 @@ class SideNav extends React.Component {
     if (!isFolded) style.width = this.props.width
     const isTagActive = /tag/.test(location.pathname)
     return (
-      <div className='SideNav'
+      <div
+        className='SideNav'
         styleName={isFolded ? 'root--folded' : 'root'}
         tabIndex='1'
         style={style}
       >
         <div styleName='top'>
           <div styleName='switch-buttons'>
-            <ListButton onClick={this.handleSwitchFoldersButtonClick.bind(this)} isTagActive={isTagActive} />
-            <TagButton onClick={this.handleSwitchTagsButtonClick.bind(this)} isTagActive={isTagActive} />
+            <ListButton
+              onClick={this.handleSwitchFoldersButtonClick.bind(this)}
+              isTagActive={isTagActive}
+            />
+            <TagButton
+              onClick={this.handleSwitchTagsButtonClick.bind(this)}
+              isTagActive={isTagActive}
+            />
           </div>
           <div>
             <PreferenceButton onClick={this.handleMenuButtonClick} />
diff --git a/browser/main/StatusBar/index.js b/browser/main/StatusBar/index.js
index c99bf036..6b53f2d2 100644
--- a/browser/main/StatusBar/index.js
+++ b/browser/main/StatusBar/index.js
@@ -11,30 +11,43 @@ const electron = require('electron')
 const { remote, ipcRenderer } = electron
 const { dialog } = remote
 
-const zoomOptions = [0.8, 0.9, 1, 1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 1.8, 1.9, 2.0]
+const zoomOptions = [
+  0.8,
+  0.9,
+  1,
+  1.1,
+  1.2,
+  1.3,
+  1.4,
+  1.5,
+  1.6,
+  1.7,
+  1.8,
+  1.9,
+  2.0
+]
 
 class StatusBar extends React.Component {
-
-  constructor (props) {
+  constructor(props) {
     super(props)
     this.handleZoomInMenuItem = this.handleZoomInMenuItem.bind(this)
     this.handleZoomOutMenuItem = this.handleZoomOutMenuItem.bind(this)
     this.handleZoomResetMenuItem = this.handleZoomResetMenuItem.bind(this)
   }
 
-  componentDidMount () {
+  componentDidMount() {
     EventEmitter.on('status:zoomin', this.handleZoomInMenuItem)
     EventEmitter.on('status:zoomout', this.handleZoomOutMenuItem)
     EventEmitter.on('status:zoomreset', this.handleZoomResetMenuItem)
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     EventEmitter.off('status:zoomin', this.handleZoomInMenuItem)
     EventEmitter.off('status:zoomout', this.handleZoomOutMenuItem)
     EventEmitter.off('status:zoomreset', this.handleZoomResetMenuItem)
   }
 
-  updateApp () {
+  updateApp() {
     const index = dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
       message: i18n.__('Update Boostnote'),
@@ -47,10 +60,10 @@ class StatusBar extends React.Component {
     }
   }
 
-  handleZoomButtonClick (e) {
+  handleZoomButtonClick(e) {
     const templates = []
 
-    zoomOptions.forEach((zoom) => {
+    zoomOptions.forEach(zoom => {
       templates.push({
         label: Math.floor(zoom * 100) + '%',
         click: () => this.handleZoomMenuItemClick(zoom)
@@ -60,7 +73,7 @@ class StatusBar extends React.Component {
     context.popup(templates)
   }
 
-  handleZoomMenuItemClick (zoomFactor) {
+  handleZoomMenuItemClick(zoomFactor) {
     const { dispatch } = this.props
     ZoomManager.setZoom(zoomFactor)
     dispatch({
@@ -69,40 +82,36 @@ class StatusBar extends React.Component {
     })
   }
 
-  handleZoomInMenuItem () {
+  handleZoomInMenuItem() {
     const zoomFactor = ZoomManager.getZoom() + 0.1
     this.handleZoomMenuItemClick(zoomFactor)
   }
 
-  handleZoomOutMenuItem () {
+  handleZoomOutMenuItem() {
     const zoomFactor = ZoomManager.getZoom() - 0.1
     this.handleZoomMenuItemClick(zoomFactor)
   }
 
-  handleZoomResetMenuItem () {
+  handleZoomResetMenuItem() {
     this.handleZoomMenuItemClick(1.0)
   }
 
-  render () {
+  render() {
     const { config, status } = this.context
 
     return (
-      <div className='StatusBar'
-        styleName='root'
-      >
-        <button styleName='zoom'
-          onClick={(e) => this.handleZoomButtonClick(e)}
-        >
+      <div className='StatusBar' styleName='root'>
+        <button styleName='zoom' onClick={e => this.handleZoomButtonClick(e)}>
           <img src='../resources/icon/icon-zoom.svg' />
           <span>{Math.floor(config.zoom * 100)}%</span>
         </button>
 
-        {status.updateReady
-          ? <button onClick={this.updateApp} styleName='update'>
-            <i styleName='update-icon' className='fa fa-cloud-download' /> {i18n.__('Ready to Update!')}
+        {status.updateReady ? (
+          <button onClick={this.updateApp} styleName='update'>
+            <i styleName='update-icon' className='fa fa-cloud-download' />{' '}
+            {i18n.__('Ready to Update!')}
           </button>
-          : null
-        }
+        ) : null}
       </div>
     )
   }
diff --git a/browser/main/TopBar/index.js b/browser/main/TopBar/index.js
index 09fd56b2..e9554a67 100644
--- a/browser/main/TopBar/index.js
+++ b/browser/main/TopBar/index.js
@@ -11,7 +11,7 @@ import CInput from 'react-composition-input'
 import { push } from 'connected-react-router'
 
 class TopBar extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -33,19 +33,25 @@ class TopBar extends React.Component {
     this.handleSearchChange = this.handleSearchChange.bind(this)
     this.handleSearchClearButton = this.handleSearchClearButton.bind(this)
 
-    this.debouncedUpdateKeyword = debounce((keyword) => {
-      dispatch(push(`/searched/${encodeURIComponent(keyword)}`))
-      this.setState({
-        search: keyword
-      })
-      ee.emit('top:search', keyword)
-    }, 1000 / 60, {
-      maxWait: 1000 / 8
-    })
+    this.debouncedUpdateKeyword = debounce(
+      keyword => {
+        dispatch(push(`/searched/${encodeURIComponent(keyword)}`))
+        this.setState({
+          search: keyword
+        })
+        ee.emit('top:search', keyword)
+      },
+      1000 / 60,
+      {
+        maxWait: 1000 / 8
+      }
+    )
   }
 
-  componentDidMount () {
-    const { match: { params } } = this.props
+  componentDidMount() {
+    const {
+      match: { params }
+    } = this.props
     const searchWord = params && params.searchword
     if (searchWord !== undefined) {
       this.setState({
@@ -57,12 +63,12 @@ class TopBar extends React.Component {
     ee.on('code:init', this.codeInitHandler)
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     ee.off('top:focus-search', this.focusSearchHandler)
     ee.off('code:init', this.codeInitHandler)
   }
 
-  handleSearchClearButton (e) {
+  handleSearchClearButton(e) {
     const { dispatch } = this.props
     this.setState({
       search: '',
@@ -74,7 +80,7 @@ class TopBar extends React.Component {
     this.debouncedUpdateKeyword('')
   }
 
-  handleKeyDown (e) {
+  handleKeyDown(e) {
     // Re-apply search field on ENTER key
     if (e.keyCode === 13) {
       this.debouncedUpdateKeyword(e.target.value)
@@ -98,18 +104,18 @@ class TopBar extends React.Component {
     }
   }
 
-  handleSearchChange (e) {
+  handleSearchChange(e) {
     const keyword = e.target.value
     this.debouncedUpdateKeyword(keyword)
   }
 
-  handleSearchFocus (e) {
+  handleSearchFocus(e) {
     this.setState({
       isSearching: true
     })
   }
 
-  handleSearchBlur (e) {
+  handleSearchBlur(e) {
     e.stopPropagation()
 
     let el = e.relatedTarget
@@ -128,7 +134,7 @@ class TopBar extends React.Component {
     }
   }
 
-  handleOnSearchFocus () {
+  handleOnSearchFocus() {
     const el = this.refs.search.childNodes[0]
     if (this.state.isSearching) {
       el.blur()
@@ -137,20 +143,22 @@ class TopBar extends React.Component {
     }
   }
 
-  handleCodeInit () {
+  handleCodeInit() {
     ee.emit('top:search', this.refs.searchInput.value || '')
   }
 
-  render () {
+  render() {
     const { config, style, location } = this.props
     return (
-      <div className='TopBar'
+      <div
+        className='TopBar'
         styleName={config.isSideNavFolded ? 'root--expanded' : 'root'}
         style={style}
       >
         <div styleName='control'>
           <div styleName='control-search'>
-            <div styleName='control-search-input'
+            <div
+              styleName='control-search-input'
               onFocus={this.handleSearchFocus}
               onBlur={this.handleSearchBlur}
               tabIndex='-1'
@@ -165,27 +173,33 @@ class TopBar extends React.Component {
                 type='text'
                 className='searchInput'
               />
-              {this.state.search !== '' &&
-                <button styleName='control-search-input-clear'
+              {this.state.search !== '' && (
+                <button
+                  styleName='control-search-input-clear'
                   onClick={this.handleSearchClearButton}
                 >
                   <i className='fa fa-fw fa-times' />
-                  <span styleName='control-search-input-clear-tooltip'>{i18n.__('Clear Search')}</span>
+                  <span styleName='control-search-input-clear-tooltip'>
+                    {i18n.__('Clear Search')}
+                  </span>
                 </button>
-              }
+              )}
             </div>
           </div>
         </div>
-        {location.pathname === '/trashed' ? ''
-        : <NewNoteButton
-          {..._.pick(this.props, [
-            'dispatch',
-            'data',
-            'config',
-            'location',
-            'match'
-          ])}
-        />}
+        {location.pathname === '/trashed' ? (
+          ''
+        ) : (
+          <NewNoteButton
+            {..._.pick(this.props, [
+              'dispatch',
+              'data',
+              'config',
+              'location',
+              'match'
+            ])}
+          />
+        )}
       </div>
     )
   }
diff --git a/browser/main/index.js b/browser/main/index.js
index b3a909e5..727c4d0d 100644
--- a/browser/main/index.js
+++ b/browser/main/index.js
@@ -17,11 +17,11 @@ const electron = require('electron')
 const { remote, ipcRenderer } = electron
 const { dialog } = remote
 
-document.addEventListener('drop', function (e) {
+document.addEventListener('drop', function(e) {
   e.preventDefault()
   e.stopPropagation()
 })
-document.addEventListener('dragover', function (e) {
+document.addEventListener('dragover', function(e) {
   e.preventDefault()
   e.stopPropagation()
 })
@@ -33,7 +33,7 @@ let isAltWithMouse = false
 let isAltWithOtherKey = false
 let isOtherKey = false
 
-document.addEventListener('keydown', function (e) {
+document.addEventListener('keydown', function(e) {
   if (e.key === 'Alt') {
     isAltPressing = true
     if (isOtherKey) {
@@ -47,13 +47,13 @@ document.addEventListener('keydown', function (e) {
   }
 })
 
-document.addEventListener('mousedown', function (e) {
+document.addEventListener('mousedown', function(e) {
   if (isAltPressing) {
     isAltWithMouse = true
   }
 })
 
-document.addEventListener('keyup', function (e) {
+document.addEventListener('keyup', function(e) {
   if (e.key === 'Alt') {
     if (isAltWithMouse || isAltWithOtherKey) {
       e.preventDefault()
@@ -65,14 +65,13 @@ document.addEventListener('keyup', function (e) {
   }
 })
 
-document.addEventListener('click', function (e) {
+document.addEventListener('click', function(e) {
   const className = e.target.className
-  if (!className && typeof (className) !== 'string') return
+  if (!className && typeof className !== 'string') return
   const isInfoButton = className.includes('infoButton')
   const offsetParent = e.target.offsetParent
-  const isInfoPanel = offsetParent !== null
-    ? offsetParent.className.includes('infoPanel')
-    : false
+  const isInfoPanel =
+    offsetParent !== null ? offsetParent.className.includes('infoPanel') : false
   if (isInfoButton || isInfoPanel) return
   const infoPanel = document.querySelector('.infoPanel')
   if (infoPanel) infoPanel.style.display = 'none'
@@ -80,11 +79,11 @@ document.addEventListener('click', function (e) {
 
 const el = document.getElementById('content')
 
-function notify (...args) {
+function notify(...args) {
   return new window.Notification(...args)
 }
 
-function updateApp () {
+function updateApp() {
   const index = dialog.showMessageBox(remote.getCurrentWindow(), {
     type: 'warning',
     message: i18n.__('Update Boostnote'),
@@ -97,7 +96,7 @@ function updateApp () {
   }
 }
 
-ReactDOM.render((
+ReactDOM.render(
   <Provider store={store}>
     <ConnectedRouter history={history}>
       <Fragment>
@@ -112,36 +111,41 @@ ReactDOM.render((
           {/* storages */}
           <Redirect path='/storages' to='/home' exact />
           <Route path='/storages/:storageKey' component={Main} exact />
-          <Route path='/storages/:storageKey/folders/:folderKey' component={Main} />
+          <Route
+            path='/storages/:storageKey/folders/:folderKey'
+            component={Main}
+          />
         </Switch>
         <DevTools />
       </Fragment>
     </ConnectedRouter>
-  </Provider>
-), el, function () {
-  const loadingCover = document.getElementById('loadingCover')
-  loadingCover.parentNode.removeChild(loadingCover)
+  </Provider>,
+  el,
+  function() {
+    const loadingCover = document.getElementById('loadingCover')
+    loadingCover.parentNode.removeChild(loadingCover)
 
-  ipcRenderer.on('update-ready', function () {
-    store.dispatch({
-      type: 'UPDATE_AVAILABLE'
+    ipcRenderer.on('update-ready', function() {
+      store.dispatch({
+        type: 'UPDATE_AVAILABLE'
+      })
+      notify('Update ready!', {
+        body: 'New Boostnote is ready to be installed.'
+      })
+      updateApp()
     })
-    notify('Update ready!', {
-      body: 'New Boostnote is ready to be installed.'
-    })
-    updateApp()
-  })
 
-  ipcRenderer.on('update-found', function () {
-    notify('Update found!', {
-      body: 'Preparing to update...'
+    ipcRenderer.on('update-found', function() {
+      notify('Update found!', {
+        body: 'Preparing to update...'
+      })
     })
-  })
 
-  ipcRenderer.send('update-check', 'check-update')
-  window.addEventListener('online', function () {
-    if (!store.getState().status.updateReady) {
-      ipcRenderer.send('update-check', 'check-update')
-    }
-  })
-})
+    ipcRenderer.send('update-check', 'check-update')
+    window.addEventListener('online', function() {
+      if (!store.getState().status.updateReady) {
+        ipcRenderer.send('update-check', 'check-update')
+      }
+    })
+  }
+)
diff --git a/browser/main/lib/AwsMobileAnalyticsConfig.js b/browser/main/lib/AwsMobileAnalyticsConfig.js
index e4a21a92..ce7b03ef 100644
--- a/browser/main/lib/AwsMobileAnalyticsConfig.js
+++ b/browser/main/lib/AwsMobileAnalyticsConfig.js
@@ -22,7 +22,7 @@ if (!getSendEventCond()) {
   })
 }
 
-function convertPlatformName (platformName) {
+function convertPlatformName(platformName) {
   if (platformName === 'darwin') {
     return 'MacOS'
   } else if (platformName === 'win32') {
@@ -34,16 +34,16 @@ function convertPlatformName (platformName) {
   }
 }
 
-function getSendEventCond () {
+function getSendEventCond() {
   const isDev = process.env.NODE_ENV !== 'production'
   const isDisable = !ConfigManager.default.get().amaEnabled
   const isOffline = !window.navigator.onLine
   return isDev || isDisable || isOffline
 }
 
-function initAwsMobileAnalytics () {
+function initAwsMobileAnalytics() {
   if (getSendEventCond()) return
-  AWS.config.credentials.get((err) => {
+  AWS.config.credentials.get(err => {
     if (!err) {
       recordDynamicCustomEvent('APP_STARTED')
       recordStaticCustomEvent()
@@ -51,7 +51,7 @@ function initAwsMobileAnalytics () {
   })
 }
 
-function recordDynamicCustomEvent (type, options = {}) {
+function recordDynamicCustomEvent(type, options = {}) {
   if (getSendEventCond()) return
   try {
     mobileAnalyticsClient.recordEvent(type, options)
@@ -62,7 +62,7 @@ function recordDynamicCustomEvent (type, options = {}) {
   }
 }
 
-function recordStaticCustomEvent () {
+function recordStaticCustomEvent() {
   if (getSendEventCond()) return
   try {
     mobileAnalyticsClient.recordEvent('UI_COLOR_THEME', {
diff --git a/browser/main/lib/Commander.js b/browser/main/lib/Commander.js
index 6eef62ee..de6aa27c 100644
--- a/browser/main/lib/Commander.js
+++ b/browser/main/lib/Commander.js
@@ -1,25 +1,24 @@
 let callees = []
 
-function bind (name, el) {
+function bind(name, el) {
   callees.push({
     name: name,
     element: el
   })
 }
 
-function release (el) {
-  callees = callees.filter((callee) => callee.element !== el)
+function release(el) {
+  callees = callees.filter(callee => callee.element !== el)
 }
 
-function fire (command) {
+function fire(command) {
   console.info('COMMAND >>', command)
   const splitted = command.split(':')
   const target = splitted[0]
   const targetCommand = splitted[1]
-  const targetCallees = callees
-    .filter((callee) => callee.name === target)
+  const targetCallees = callees.filter(callee => callee.name === target)
 
-  targetCallees.forEach((callee) => {
+  targetCallees.forEach(callee => {
     callee.element.fire(targetCommand)
   })
 }
diff --git a/browser/main/lib/ConfigManager.js b/browser/main/lib/ConfigManager.js
index 26fda02b..6a950af1 100644
--- a/browser/main/lib/ConfigManager.js
+++ b/browser/main/lib/ConfigManager.js
@@ -33,7 +33,9 @@ export const DEFAULT_CONFIG = {
     toggleMain: OSX ? 'Command + Alt + L' : 'Super + Alt + E',
     toggleMode: OSX ? 'Command + Alt + M' : 'Ctrl + M',
     toggleDirection: OSX ? 'Command + Alt + Right' : 'Ctrl + Right',
-    deleteNote: OSX ? 'Command + Shift + Backspace' : 'Ctrl + Shift + Backspace',
+    deleteNote: OSX
+      ? 'Command + Shift + Backspace'
+      : 'Ctrl + Shift + Backspace',
     pasteSmartly: OSX ? 'Command + Shift + V' : 'Ctrl + Shift + V',
     prettifyMarkdown: OSX ? 'Command + Shift + F' : 'Ctrl + Shift + F',
     sortLines: OSX ? 'Command + Shift + S' : 'Ctrl + Shift + S',
@@ -116,7 +118,7 @@ export const DEFAULT_CONFIG = {
   coloredTags: {}
 }
 
-function validate (config) {
+function validate(config) {
   if (!_.isObject(config)) return false
   if (!_.isNumber(config.zoom) || config.zoom < 0) return false
   if (!_.isBoolean(config.isSideNavFolded)) return false
@@ -125,13 +127,17 @@ function validate (config) {
   return true
 }
 
-function _save (config) {
+function _save(config) {
   window.localStorage.setItem('config', JSON.stringify(config))
 }
 
-function get () {
+function get() {
   const rawStoredConfig = window.localStorage.getItem('config')
-  const storedConfig = Object.assign({}, DEFAULT_CONFIG, JSON.parse(rawStoredConfig))
+  const storedConfig = Object.assign(
+    {},
+    DEFAULT_CONFIG,
+    JSON.parse(rawStoredConfig)
+  )
   let config = storedConfig
 
   try {
@@ -145,7 +151,10 @@ function get () {
     _save(config)
   }
 
-  config.autoUpdateEnabled = electronConfig.get('autoUpdateEnabled', config.autoUpdateEnabled)
+  config.autoUpdateEnabled = electronConfig.get(
+    'autoUpdateEnabled',
+    config.autoUpdateEnabled
+  )
 
   if (!isInitialized) {
     isInitialized = true
@@ -157,7 +166,9 @@ function get () {
       document.head.appendChild(editorTheme)
     }
 
-    const theme = consts.THEMES.find(theme => theme.name === config.editor.theme)
+    const theme = consts.THEMES.find(
+      theme => theme.name === config.editor.theme
+    )
 
     if (theme) {
       editorTheme.setAttribute('href', theme.path)
@@ -169,7 +180,7 @@ function get () {
   return config
 }
 
-function set (updates) {
+function set(updates) {
   const currentConfig = get()
 
   const arrangedUpdates = updates
@@ -177,7 +188,12 @@ function set (updates) {
     arrangedUpdates.preview.customCSS = DEFAULT_CONFIG.preview.customCSS
   }
 
-  const newConfig = Object.assign({}, DEFAULT_CONFIG, currentConfig, arrangedUpdates)
+  const newConfig = Object.assign(
+    {},
+    DEFAULT_CONFIG,
+    currentConfig,
+    arrangedUpdates
+  )
   if (!validate(newConfig)) throw new Error('INVALID CONFIG')
   _save(newConfig)
 
@@ -197,7 +213,9 @@ function set (updates) {
     document.head.appendChild(editorTheme)
   }
 
-  const newTheme = consts.THEMES.find(theme => theme.name === newConfig.editor.theme)
+  const newTheme = consts.THEMES.find(
+    theme => theme.name === newConfig.editor.theme
+  )
 
   if (newTheme) {
     editorTheme.setAttribute('href', newTheme.path)
@@ -211,20 +229,45 @@ function set (updates) {
   ee.emit('config-renew')
 }
 
-function assignConfigValues (originalConfig, rcConfig) {
+function assignConfigValues(originalConfig, rcConfig) {
   const config = Object.assign({}, DEFAULT_CONFIG, originalConfig, rcConfig)
-  config.hotkey = Object.assign({}, DEFAULT_CONFIG.hotkey, originalConfig.hotkey, rcConfig.hotkey)
-  config.blog = Object.assign({}, DEFAULT_CONFIG.blog, originalConfig.blog, rcConfig.blog)
-  config.ui = Object.assign({}, DEFAULT_CONFIG.ui, originalConfig.ui, rcConfig.ui)
-  config.editor = Object.assign({}, DEFAULT_CONFIG.editor, originalConfig.editor, rcConfig.editor)
-  config.preview = Object.assign({}, DEFAULT_CONFIG.preview, originalConfig.preview, rcConfig.preview)
+  config.hotkey = Object.assign(
+    {},
+    DEFAULT_CONFIG.hotkey,
+    originalConfig.hotkey,
+    rcConfig.hotkey
+  )
+  config.blog = Object.assign(
+    {},
+    DEFAULT_CONFIG.blog,
+    originalConfig.blog,
+    rcConfig.blog
+  )
+  config.ui = Object.assign(
+    {},
+    DEFAULT_CONFIG.ui,
+    originalConfig.ui,
+    rcConfig.ui
+  )
+  config.editor = Object.assign(
+    {},
+    DEFAULT_CONFIG.editor,
+    originalConfig.editor,
+    rcConfig.editor
+  )
+  config.preview = Object.assign(
+    {},
+    DEFAULT_CONFIG.preview,
+    originalConfig.preview,
+    rcConfig.preview
+  )
 
   rewriteHotkey(config)
 
   return config
 }
 
-function rewriteHotkey (config) {
+function rewriteHotkey(config) {
   const keys = [...Object.keys(config.hotkey)]
   keys.forEach(key => {
     config.hotkey[key] = config.hotkey[key].replace(/Cmd\s/g, 'Command ')
diff --git a/browser/main/lib/ZoomManager.js b/browser/main/lib/ZoomManager.js
index a8903ca3..56bc9236 100644
--- a/browser/main/lib/ZoomManager.js
+++ b/browser/main/lib/ZoomManager.js
@@ -5,20 +5,20 @@ const { remote } = electron
 
 _init()
 
-function _init () {
+function _init() {
   setZoom(getZoom(), true)
 }
 
-function _saveZoom (zoomFactor) {
-  ConfigManager.set({zoom: zoomFactor})
+function _saveZoom(zoomFactor) {
+  ConfigManager.set({ zoom: zoomFactor })
 }
 
-function setZoom (zoomFactor, noSave = false) {
+function setZoom(zoomFactor, noSave = false) {
   if (!noSave) _saveZoom(zoomFactor)
   remote.getCurrentWebContents().setZoomFactor(zoomFactor)
 }
 
-function getZoom () {
+function getZoom() {
   const config = ConfigManager.get()
 
   return config.zoom
diff --git a/browser/main/lib/dataApi/addStorage.js b/browser/main/lib/dataApi/addStorage.js
index bfd6698a..370a07e0 100644
--- a/browser/main/lib/dataApi/addStorage.js
+++ b/browser/main/lib/dataApi/addStorage.js
@@ -16,7 +16,7 @@ const CSON = require('@rokt33r/season')
  * 3. fetch notes & folders
  * 4. return `{storage: {...} folders: [folder]}`
  */
-function addStorage (input) {
+function addStorage(input) {
   if (!_.isString(input.path)) {
     return Promise.reject(new Error('Path must be a string.'))
   }
@@ -29,7 +29,7 @@ function addStorage (input) {
     rawStorages = []
   }
   let key = keygen()
-  while (rawStorages.some((storage) => storage.key === key)) {
+  while (rawStorages.some(storage => storage.key === key)) {
     key = keygen()
   }
 
@@ -43,7 +43,7 @@ function addStorage (input) {
 
   return Promise.resolve(newStorage)
     .then(resolveStorageData)
-    .then(function saveMetadataToLocalStorage (resolvedStorage) {
+    .then(function saveMetadataToLocalStorage(resolvedStorage) {
       newStorage = resolvedStorage
       rawStorages.push({
         key: newStorage.key,
@@ -56,27 +56,29 @@ function addStorage (input) {
       localStorage.setItem('storages', JSON.stringify(rawStorages))
       return newStorage
     })
-    .then(function (storage) {
-      return resolveStorageNotes(storage)
-        .then((notes) => {
-          let unknownCount = 0
-          notes.forEach((note) => {
-            if (!storage.folders.some((folder) => note.folder === folder.key)) {
-              unknownCount++
-              storage.folders.push({
-                key: note.folder,
-                color: consts.FOLDER_COLORS[(unknownCount - 1) % 7],
-                name: 'Unknown ' + unknownCount
-              })
-            }
-          })
-          if (unknownCount > 0) {
-            CSON.writeFileSync(path.join(storage.path, 'boostnote.json'), _.pick(storage, ['folders', 'version']))
+    .then(function(storage) {
+      return resolveStorageNotes(storage).then(notes => {
+        let unknownCount = 0
+        notes.forEach(note => {
+          if (!storage.folders.some(folder => note.folder === folder.key)) {
+            unknownCount++
+            storage.folders.push({
+              key: note.folder,
+              color: consts.FOLDER_COLORS[(unknownCount - 1) % 7],
+              name: 'Unknown ' + unknownCount
+            })
           }
-          return notes
         })
+        if (unknownCount > 0) {
+          CSON.writeFileSync(
+            path.join(storage.path, 'boostnote.json'),
+            _.pick(storage, ['folders', 'version'])
+          )
+        }
+        return notes
+      })
     })
-    .then(function returnValue (notes) {
+    .then(function returnValue(notes) {
       return {
         storage: newStorage,
         notes
diff --git a/browser/main/lib/dataApi/attachmentManagement.js b/browser/main/lib/dataApi/attachmentManagement.js
index 971ae812..f3b11997 100644
--- a/browser/main/lib/dataApi/attachmentManagement.js
+++ b/browser/main/lib/dataApi/attachmentManagement.js
@@ -12,14 +12,15 @@ import { isString } from 'lodash'
 
 const STORAGE_FOLDER_PLACEHOLDER = ':storage'
 const DESTINATION_FOLDER = 'attachments'
-const PATH_SEPARATORS = escapeStringRegexp(path.posix.sep) + escapeStringRegexp(path.win32.sep)
+const PATH_SEPARATORS =
+  escapeStringRegexp(path.posix.sep) + escapeStringRegexp(path.win32.sep)
 /**
  * @description
  * Create a Image element to get the real size of image.
  * @param {File} file the File object dropped.
  * @returns {Promise<Image>} Image element created
  */
-function getImage (file) {
+function getImage(file) {
   if (isString(file)) {
     return new Promise(resolve => {
       const img = new Image()
@@ -55,38 +56,39 @@ function getImage (file) {
  * @param {File} file the File object dropped.
  * @returns {Promise<Number>} Orientation info
  */
-function getOrientation (file) {
+function getOrientation(file) {
   const getData = arrayBuffer => {
     const view = new DataView(arrayBuffer)
 
     // Not start with SOI(Start of image) Marker return fail value
-    if (view.getUint16(0, false) !== 0xFFD8) return -2
+    if (view.getUint16(0, false) !== 0xffd8) return -2
     const length = view.byteLength
     let offset = 2
     while (offset < length) {
       const marker = view.getUint16(offset, false)
       offset += 2
       // Loop and seed for APP1 Marker
-      if (marker === 0xFFE1) {
+      if (marker === 0xffe1) {
         // return fail value if it isn't EXIF data
-        if (view.getUint32(offset += 2, false) !== 0x45786966) {
+        if (view.getUint32((offset += 2), false) !== 0x45786966) {
           return -1
         }
         // Read TIFF header,
         // First 2bytes defines byte align of TIFF data.
         // If it is 0x4949="II", it means "Intel" type byte align.
         // If it is 0x4d4d="MM", it means "Motorola" type byte align
-        const little = view.getUint16(offset += 6, false) === 0x4949
+        const little = view.getUint16((offset += 6), false) === 0x4949
         offset += view.getUint32(offset + 4, little)
         const tags = view.getUint16(offset, little) // Get TAG number
         offset += 2
         for (let i = 0; i < tags; i++) {
           // Loop to find Orientation TAG and return the value
-          if (view.getUint16(offset + (i * 12), little) === 0x0112) {
-            return view.getUint16(offset + (i * 12) + 8, little)
+          if (view.getUint16(offset + i * 12, little) === 0x0112) {
+            return view.getUint16(offset + i * 12 + 8, little)
           }
         }
-      } else if ((marker & 0xFF00) !== 0xFF00) { // If not start with 0xFF, not a Marker.
+      } else if ((marker & 0xff00) !== 0xff00) {
+        // If not start with 0xFF, not a Marker.
         break
       } else {
         offset += view.getUint16(offset, false)
@@ -94,7 +96,7 @@ function getOrientation (file) {
     }
     return -1
   }
-  return new Promise((resolve) => {
+  return new Promise(resolve => {
     const reader = new FileReader()
     reader.onload = event => resolve(getData(event.target.result))
     reader.readAsArrayBuffer(file.slice(0, 64 * 1024))
@@ -107,31 +109,47 @@ function getOrientation (file) {
  * @param {*} file the File object dropped.
  * @return {String} Base64 encoded image.
  */
-function fixRotate (file) {
-  return Promise.all([getImage(file), getOrientation(file)])
-  .then(([img, orientation]) => {
-    const canvas = document.createElement('canvas')
-    const ctx = canvas.getContext('2d')
-    if (orientation > 4 && orientation < 9) {
-      canvas.width = img.height
-      canvas.height = img.width
-    } else {
-      canvas.width = img.width
-      canvas.height = img.height
+function fixRotate(file) {
+  return Promise.all([getImage(file), getOrientation(file)]).then(
+    ([img, orientation]) => {
+      const canvas = document.createElement('canvas')
+      const ctx = canvas.getContext('2d')
+      if (orientation > 4 && orientation < 9) {
+        canvas.width = img.height
+        canvas.height = img.width
+      } else {
+        canvas.width = img.width
+        canvas.height = img.height
+      }
+      switch (orientation) {
+        case 2:
+          ctx.transform(-1, 0, 0, 1, img.width, 0)
+          break
+        case 3:
+          ctx.transform(-1, 0, 0, -1, img.width, img.height)
+          break
+        case 4:
+          ctx.transform(1, 0, 0, -1, 0, img.height)
+          break
+        case 5:
+          ctx.transform(0, 1, 1, 0, 0, 0)
+          break
+        case 6:
+          ctx.transform(0, 1, -1, 0, img.height, 0)
+          break
+        case 7:
+          ctx.transform(0, -1, -1, 0, img.height, img.width)
+          break
+        case 8:
+          ctx.transform(0, -1, 1, 0, 0, img.width)
+          break
+        default:
+          break
+      }
+      ctx.drawImage(img, 0, 0)
+      return canvas.toDataURL()
     }
-    switch (orientation) {
-      case 2: ctx.transform(-1, 0, 0, 1, img.width, 0); break
-      case 3: ctx.transform(-1, 0, 0, -1, img.width, img.height); break
-      case 4: ctx.transform(1, 0, 0, -1, 0, img.height); break
-      case 5: ctx.transform(0, 1, 1, 0, 0, 0); break
-      case 6: ctx.transform(0, 1, -1, 0, img.height, 0); break
-      case 7: ctx.transform(0, -1, -1, 0, img.height, img.width); break
-      case 8: ctx.transform(0, -1, 1, 0, 0, img.width); break
-      default: break
-    }
-    ctx.drawImage(img, 0, 0)
-    return canvas.toDataURL()
-  })
+  )
 }
 
 /**
@@ -145,7 +163,12 @@ function fixRotate (file) {
  * @param {boolean} useRandomName determines whether a random filename for the new file is used. If false the source file name is used
  * @return {Promise<String>} name (inclusive extension) of the generated file
  */
-function copyAttachment (sourceFilePath, storageKey, noteKey, useRandomName = true) {
+function copyAttachment(
+  sourceFilePath,
+  storageKey,
+  noteKey,
+  useRandomName = true
+) {
   return new Promise((resolve, reject) => {
     if (!sourceFilePath) {
       reject('sourceFilePath has to be given')
@@ -160,28 +183,41 @@ function copyAttachment (sourceFilePath, storageKey, noteKey, useRandomName = tr
     }
 
     try {
-      const isBase64 = typeof sourceFilePath === 'object' && sourceFilePath.type === 'base64'
+      const isBase64 =
+        typeof sourceFilePath === 'object' && sourceFilePath.type === 'base64'
       if (!isBase64 && !fs.existsSync(sourceFilePath)) {
         return reject('source file does not exist')
       }
 
       const sourcePath = sourceFilePath.sourceFilePath || sourceFilePath
-      const sourceURL = url.parse(/^\w+:\/\//.test(sourcePath) ? sourcePath : 'file:///' + sourcePath)
+      const sourceURL = url.parse(
+        /^\w+:\/\//.test(sourcePath) ? sourcePath : 'file:///' + sourcePath
+      )
 
       let destinationName
       if (useRandomName) {
-        destinationName = `${uniqueSlug()}${path.extname(sourceURL.pathname) || '.png'}`
+        destinationName = `${uniqueSlug()}${path.extname(sourceURL.pathname) ||
+          '.png'}`
       } else {
         destinationName = path.basename(sourceURL.pathname)
       }
 
       const targetStorage = findStorage.findStorage(storageKey)
-      const destinationDir = path.join(targetStorage.path, DESTINATION_FOLDER, noteKey)
+      const destinationDir = path.join(
+        targetStorage.path,
+        DESTINATION_FOLDER,
+        noteKey
+      )
       createAttachmentDestinationFolder(targetStorage.path, noteKey)
-      const outputFile = fs.createWriteStream(path.join(destinationDir, destinationName))
+      const outputFile = fs.createWriteStream(
+        path.join(destinationDir, destinationName)
+      )
 
       if (isBase64) {
-        const base64Data = sourceFilePath.data.replace(/^data:image\/\w+;base64,/, '')
+        const base64Data = sourceFilePath.data.replace(
+          /^data:image\/\w+;base64,/,
+          ''
+        )
         const dataBuffer = Buffer.from(base64Data, 'base64')
         outputFile.write(dataBuffer, () => {
           resolve(destinationName)
@@ -199,12 +235,16 @@ function copyAttachment (sourceFilePath, storageKey, noteKey, useRandomName = tr
   })
 }
 
-function createAttachmentDestinationFolder (destinationStoragePath, noteKey) {
+function createAttachmentDestinationFolder(destinationStoragePath, noteKey) {
   let destinationDir = path.join(destinationStoragePath, DESTINATION_FOLDER)
   if (!fs.existsSync(destinationDir)) {
     fs.mkdirSync(destinationDir)
   }
-  destinationDir = path.join(destinationStoragePath, DESTINATION_FOLDER, noteKey)
+  destinationDir = path.join(
+    destinationStoragePath,
+    DESTINATION_FOLDER,
+    noteKey
+  )
   if (!fs.existsSync(destinationDir)) {
     fs.mkdirSync(destinationDir)
   }
@@ -216,17 +256,28 @@ function createAttachmentDestinationFolder (destinationStoragePath, noteKey) {
  * @param storagePath Storage path of the current note
  * @param noteKey Key of the current note
  */
-function migrateAttachments (markdownContent, storagePath, noteKey) {
-  if (noteKey !== undefined && sander.existsSync(path.join(storagePath, 'images'))) {
+function migrateAttachments(markdownContent, storagePath, noteKey) {
+  if (
+    noteKey !== undefined &&
+    sander.existsSync(path.join(storagePath, 'images'))
+  ) {
     const attachments = getAttachmentsInMarkdownContent(markdownContent) || []
     if (attachments.length) {
       createAttachmentDestinationFolder(storagePath, noteKey)
     }
     for (const attachment of attachments) {
       const attachmentBaseName = path.basename(attachment)
-      const possibleLegacyPath = path.join(storagePath, 'images', attachmentBaseName)
+      const possibleLegacyPath = path.join(
+        storagePath,
+        'images',
+        attachmentBaseName
+      )
       if (sander.existsSync(possibleLegacyPath)) {
-        const destinationPath = path.join(storagePath, DESTINATION_FOLDER, attachmentBaseName)
+        const destinationPath = path.join(
+          storagePath,
+          DESTINATION_FOLDER,
+          attachmentBaseName
+        )
         if (!sander.existsSync(destinationPath)) {
           sander.copyFileSync(possibleLegacyPath).to(destinationPath)
         }
@@ -241,10 +292,11 @@ function migrateAttachments (markdownContent, storagePath, noteKey) {
  * @param {String} storagePath Path of the current storage
  * @returns {String} postprocessed HTML in which all :storage references are mapped to the actual paths.
  */
-function fixLocalURLS (renderedHTML, storagePath) {
+function fixLocalURLS(renderedHTML, storagePath) {
   const encodedWin32SeparatorRegex = /%5C/g
   const storageRegex = new RegExp('/?' + STORAGE_FOLDER_PLACEHOLDER, 'g')
-  const storageUrl = 'file:///' + path.join(storagePath, DESTINATION_FOLDER).replace(/\\/g, '/')
+  const storageUrl =
+    'file:///' + path.join(storagePath, DESTINATION_FOLDER).replace(/\\/g, '/')
 
   /*
     A :storage reference is like `:storage/3b6f8bd6-4edd-4b15-96e0-eadc4475b564/f939b2c3.jpg`.
@@ -254,9 +306,17 @@ function fixLocalURLS (renderedHTML, storagePath) {
     - `(?:\\\/|%5C)[-.\\w]+` will either match `/3b6f8bd6-4edd-4b15-96e0-eadc4475b564` or `/f939b2c3.jpg`
     - `(?:\\\/|%5C)` match the path seperator. `\\\/` for posix systems and `%5C` for windows.
   */
-  return renderedHTML.replace(new RegExp('/?' + STORAGE_FOLDER_PLACEHOLDER + '(?:(?:\\\/|%5C)[-.\\w]+)+', 'g'), function (match) {
-    return match.replace(encodedWin32SeparatorRegex, '/').replace(storageRegex, storageUrl)
-  })
+  return renderedHTML.replace(
+    new RegExp(
+      '/?' + STORAGE_FOLDER_PLACEHOLDER + '(?:(?:\\/|%5C)[-.\\w]+)+',
+      'g'
+    ),
+    function(match) {
+      return match
+        .replace(encodedWin32SeparatorRegex, '/')
+        .replace(storageRegex, storageUrl)
+    }
+  )
 }
 
 /**
@@ -266,7 +326,7 @@ function fixLocalURLS (renderedHTML, storagePath) {
  * @param {Boolean} showPreview Indicator whether the generated markdown should show a preview of the image. Note that at the moment only previews for images are supported
  * @returns {String} Generated markdown code
  */
-function generateAttachmentMarkdown (fileName, path, showPreview) {
+function generateAttachmentMarkdown(fileName, path, showPreview) {
   return `${showPreview ? '!' : ''}[${fileName}](${path})`
 }
 
@@ -278,53 +338,66 @@ function generateAttachmentMarkdown (fileName, path, showPreview) {
  * @param {String} noteKey Key of the current note
  * @param {Event} dropEvent DropEvent
  */
-function handleAttachmentDrop (codeEditor, storageKey, noteKey, dropEvent) {
+function handleAttachmentDrop(codeEditor, storageKey, noteKey, dropEvent) {
   let promise
   if (dropEvent.dataTransfer.files.length > 0) {
-    promise = Promise.all(Array.from(dropEvent.dataTransfer.files).map(file => {
-      const filePath = file.path
-      const fileType = file.type // EX) 'image/gif' or 'text/html'
-      if (fileType.startsWith('image')) {
-        if (fileType === 'image/gif' || fileType === 'image/svg+xml') {
-          return copyAttachment(filePath, storageKey, noteKey).then(fileName => ({
-            fileName,
-            title: path.basename(filePath),
-            isImage: true
-          }))
-        } else {
-          return getOrientation(file)
-            .then((orientation) => {
-              if (orientation === -1) { // The image rotation is correct and does not need adjustment
-                return copyAttachment(filePath, storageKey, noteKey)
-              } else {
-                return fixRotate(file).then(data => copyAttachment({
-                  type: 'base64',
-                  data: data,
-                  sourceFilePath: filePath
-                }, storageKey, noteKey))
-              }
-            })
-            .then(fileName =>
-              ({
+    promise = Promise.all(
+      Array.from(dropEvent.dataTransfer.files).map(file => {
+        const filePath = file.path
+        const fileType = file.type // EX) 'image/gif' or 'text/html'
+        if (fileType.startsWith('image')) {
+          if (fileType === 'image/gif' || fileType === 'image/svg+xml') {
+            return copyAttachment(filePath, storageKey, noteKey).then(
+              fileName => ({
                 fileName,
                 title: path.basename(filePath),
                 isImage: true
               })
             )
+          } else {
+            return getOrientation(file)
+              .then(orientation => {
+                if (orientation === -1) {
+                  // The image rotation is correct and does not need adjustment
+                  return copyAttachment(filePath, storageKey, noteKey)
+                } else {
+                  return fixRotate(file).then(data =>
+                    copyAttachment(
+                      {
+                        type: 'base64',
+                        data: data,
+                        sourceFilePath: filePath
+                      },
+                      storageKey,
+                      noteKey
+                    )
+                  )
+                }
+              })
+              .then(fileName => ({
+                fileName,
+                title: path.basename(filePath),
+                isImage: true
+              }))
+          }
+        } else {
+          return copyAttachment(filePath, storageKey, noteKey).then(
+            fileName => ({
+              fileName,
+              title: path.basename(filePath),
+              isImage: false
+            })
+          )
         }
-      } else {
-        return copyAttachment(filePath, storageKey, noteKey).then(fileName => ({
-          fileName,
-          title: path.basename(filePath),
-          isImage: false
-        }))
-      }
-    }))
+      })
+    )
   } else {
     let imageURL = dropEvent.dataTransfer.getData('text/plain')
 
     if (!imageURL) {
-      const match = /<img[^>]*[\s"']src="([^"]+)"/.exec(dropEvent.dataTransfer.getData('text/html'))
+      const match = /<img[^>]*[\s"']src="([^"]+)"/.exec(
+        dropEvent.dataTransfer.getData('text/html')
+      )
       if (match) {
         imageURL = match[1]
       }
@@ -334,30 +407,43 @@ function handleAttachmentDrop (codeEditor, storageKey, noteKey, dropEvent) {
       return
     }
 
-    promise = Promise.all([getImage(imageURL)
-      .then(image => {
-        const canvas = document.createElement('canvas')
-        const context = canvas.getContext('2d')
-        canvas.width = image.width
-        canvas.height = image.height
-        context.drawImage(image, 0, 0)
+    promise = Promise.all([
+      getImage(imageURL)
+        .then(image => {
+          const canvas = document.createElement('canvas')
+          const context = canvas.getContext('2d')
+          canvas.width = image.width
+          canvas.height = image.height
+          context.drawImage(image, 0, 0)
 
-        return copyAttachment({
-          type: 'base64',
-          data: canvas.toDataURL(),
-          sourceFilePath: imageURL
-        }, storageKey, noteKey)
-      })
-      .then(fileName => ({
-        fileName,
-        title: imageURL,
-        isImage: true
-      }))
+          return copyAttachment(
+            {
+              type: 'base64',
+              data: canvas.toDataURL(),
+              sourceFilePath: imageURL
+            },
+            storageKey,
+            noteKey
+          )
+        })
+        .then(fileName => ({
+          fileName,
+          title: imageURL,
+          isImage: true
+        }))
     ])
   }
 
   promise.then(files => {
-    const attachments = files.filter(file => !!file).map(file => generateAttachmentMarkdown(file.title, path.join(STORAGE_FOLDER_PLACEHOLDER, noteKey, file.fileName), file.isImage))
+    const attachments = files
+      .filter(file => !!file)
+      .map(file =>
+        generateAttachmentMarkdown(
+          file.title,
+          path.join(STORAGE_FOLDER_PLACEHOLDER, noteKey, file.fileName),
+          file.isImage
+        )
+      )
 
     codeEditor.insertAttachmentMd(attachments.join('\n'))
   })
@@ -370,7 +456,12 @@ function handleAttachmentDrop (codeEditor, storageKey, noteKey, dropEvent) {
  * @param {String} noteKey Key of the current note
  * @param {DataTransferItem} dataTransferItem Part of the past-event
  */
-function handlePasteImageEvent (codeEditor, storageKey, noteKey, dataTransferItem) {
+function handlePasteImageEvent(
+  codeEditor,
+  storageKey,
+  noteKey,
+  dataTransferItem
+) {
   if (!codeEditor) {
     throw new Error('codeEditor has to be given')
   }
@@ -389,19 +480,31 @@ function handlePasteImageEvent (codeEditor, storageKey, noteKey, dataTransferIte
   const reader = new FileReader()
   let base64data
   const targetStorage = findStorage.findStorage(storageKey)
-  const destinationDir = path.join(targetStorage.path, DESTINATION_FOLDER, noteKey)
+  const destinationDir = path.join(
+    targetStorage.path,
+    DESTINATION_FOLDER,
+    noteKey
+  )
   createAttachmentDestinationFolder(targetStorage.path, noteKey)
 
   const imageName = `${uniqueSlug()}.png`
   const imagePath = path.join(destinationDir, imageName)
 
-  reader.onloadend = function () {
+  reader.onloadend = function() {
     base64data = reader.result.replace(/^data:image\/png;base64,/, '')
     base64data += base64data.replace('+', ' ')
     const binaryData = new Buffer(base64data, 'base64').toString('binary')
     fs.writeFileSync(imagePath, binaryData, 'binary')
-    const imageReferencePath = path.join(STORAGE_FOLDER_PLACEHOLDER, noteKey, imageName)
-    const imageMd = generateAttachmentMarkdown(imageName, imageReferencePath, true)
+    const imageReferencePath = path.join(
+      STORAGE_FOLDER_PLACEHOLDER,
+      noteKey,
+      imageName
+    )
+    const imageMd = generateAttachmentMarkdown(
+      imageName,
+      imageReferencePath,
+      true
+    )
     codeEditor.insertAttachmentMd(imageMd)
   }
   reader.readAsDataURL(blob)
@@ -414,7 +517,7 @@ function handlePasteImageEvent (codeEditor, storageKey, noteKey, dataTransferIte
  * @param {String} noteKey Key of the current note
  * @param {NativeImage} image The native image
  */
-function handlePasteNativeImage (codeEditor, storageKey, noteKey, image) {
+function handlePasteNativeImage(codeEditor, storageKey, noteKey, image) {
   if (!codeEditor) {
     throw new Error('codeEditor has to be given')
   }
@@ -430,7 +533,11 @@ function handlePasteNativeImage (codeEditor, storageKey, noteKey, image) {
   }
 
   const targetStorage = findStorage.findStorage(storageKey)
-  const destinationDir = path.join(targetStorage.path, DESTINATION_FOLDER, noteKey)
+  const destinationDir = path.join(
+    targetStorage.path,
+    DESTINATION_FOLDER,
+    noteKey
+  )
 
   createAttachmentDestinationFolder(targetStorage.path, noteKey)
 
@@ -440,19 +547,42 @@ function handlePasteNativeImage (codeEditor, storageKey, noteKey, image) {
   const binaryData = image.toPNG()
   fs.writeFileSync(imagePath, binaryData, 'binary')
 
-  const imageReferencePath = path.join(STORAGE_FOLDER_PLACEHOLDER, noteKey, imageName)
-  const imageMd = generateAttachmentMarkdown(imageName, imageReferencePath, true)
+  const imageReferencePath = path.join(
+    STORAGE_FOLDER_PLACEHOLDER,
+    noteKey,
+    imageName
+  )
+  const imageMd = generateAttachmentMarkdown(
+    imageName,
+    imageReferencePath,
+    true
+  )
   codeEditor.insertAttachmentMd(imageMd)
 }
 
 /**
-* @description Returns all attachment paths of the given markdown
-* @param {String} markdownContent content in which the attachment paths should be found
-* @returns {String[]} Array of the relative paths (starting with :storage) of the attachments of the given markdown
-*/
-function getAttachmentsInMarkdownContent (markdownContent) {
-  const preparedInput = markdownContent.replace(new RegExp('[' + PATH_SEPARATORS + ']', 'g'), path.sep)
-  const regexp = new RegExp('/?' + STORAGE_FOLDER_PLACEHOLDER + '(' + escapeStringRegexp(path.sep) + ')' + '?([a-zA-Z0-9]|-)*' + '(' + escapeStringRegexp(path.sep) + ')' + '([a-zA-Z0-9]|\\.)+(\\.[a-zA-Z0-9]+)?', 'g')
+ * @description Returns all attachment paths of the given markdown
+ * @param {String} markdownContent content in which the attachment paths should be found
+ * @returns {String[]} Array of the relative paths (starting with :storage) of the attachments of the given markdown
+ */
+function getAttachmentsInMarkdownContent(markdownContent) {
+  const preparedInput = markdownContent.replace(
+    new RegExp('[' + PATH_SEPARATORS + ']', 'g'),
+    path.sep
+  )
+  const regexp = new RegExp(
+    '/?' +
+      STORAGE_FOLDER_PLACEHOLDER +
+      '(' +
+      escapeStringRegexp(path.sep) +
+      ')' +
+      '?([a-zA-Z0-9]|-)*' +
+      '(' +
+      escapeStringRegexp(path.sep) +
+      ')' +
+      '([a-zA-Z0-9]|\\.)+(\\.[a-zA-Z0-9]+)?',
+    'g'
+  )
   return preparedInput.match(regexp)
 }
 
@@ -462,11 +592,16 @@ function getAttachmentsInMarkdownContent (markdownContent) {
  * @param {String} storagePath path of the current storage
  * @returns {String[]} Absolute paths of the referenced attachments
  */
-function getAbsolutePathsOfAttachmentsInContent (markdownContent, storagePath) {
+function getAbsolutePathsOfAttachmentsInContent(markdownContent, storagePath) {
   const temp = getAttachmentsInMarkdownContent(markdownContent) || []
   const result = []
   for (const relativePath of temp) {
-    result.push(relativePath.replace(new RegExp(STORAGE_FOLDER_PLACEHOLDER, 'g'), path.join(storagePath, DESTINATION_FOLDER)))
+    result.push(
+      relativePath.replace(
+        new RegExp(STORAGE_FOLDER_PLACEHOLDER, 'g'),
+        path.join(storagePath, DESTINATION_FOLDER)
+      )
+    )
   }
   return result
 }
@@ -478,7 +613,7 @@ function getAbsolutePathsOfAttachmentsInContent (markdownContent, storagePath) {
  * @param {String} storageKey Storage key of the destination storage
  * @param {String} noteKey Key of the current note. Will be used as subfolder in :storage
  */
-function importAttachments (markDownContent, filepath, storageKey, noteKey) {
+function importAttachments(markDownContent, filepath, storageKey, noteKey) {
   return new Promise((resolve, reject) => {
     const nameRegex = /(!\[.*?]\()(.+?\..+?)(\))/g
     let attachPath = nameRegex.exec(markDownContent)
@@ -489,8 +624,12 @@ function importAttachments (markDownContent, filepath, storageKey, noteKey) {
     while (attachPath) {
       let attachmentPath = attachPath[groupIndex]
       attachmentPaths.push(attachmentPath)
-      attachmentPath = path.isAbsolute(attachmentPath) ? attachmentPath : path.join(path.dirname(filepath), attachmentPath)
-      promiseArray.push(this.copyAttachment(attachmentPath, storageKey, noteKey))
+      attachmentPath = path.isAbsolute(attachmentPath)
+        ? attachmentPath
+        : path.join(path.dirname(filepath), attachmentPath)
+      promiseArray.push(
+        this.copyAttachment(attachmentPath, storageKey, noteKey)
+      )
       attachPath = nameRegex.exec(markDownContent)
     }
 
@@ -502,19 +641,23 @@ function importAttachments (markDownContent, filepath, storageKey, noteKey) {
 
     for (let j = 0; j < promiseArray.length; j++) {
       promiseArray[j]
-      .then((fileName) => {
-        const newPath = path.join(STORAGE_FOLDER_PLACEHOLDER, noteKey, fileName)
-        markDownContent = markDownContent.replace(attachmentPaths[j], newPath)
-      })
-      .catch((e) => {
-        console.error('File does not exist in path: ' + attachmentPaths[j])
-      })
-      .finally(() => {
-        numResolvedPromises++
-        if (numResolvedPromises === promiseArray.length) {
-          resolve(markDownContent)
-        }
-      })
+        .then(fileName => {
+          const newPath = path.join(
+            STORAGE_FOLDER_PLACEHOLDER,
+            noteKey,
+            fileName
+          )
+          markDownContent = markDownContent.replace(attachmentPaths[j], newPath)
+        })
+        .catch(e => {
+          console.error('File does not exist in path: ' + attachmentPaths[j])
+        })
+        .finally(() => {
+          numResolvedPromises++
+          if (numResolvedPromises === promiseArray.length) {
+            resolve(markDownContent)
+          }
+        })
     }
   })
 }
@@ -529,7 +672,7 @@ function importAttachments (markDownContent, filepath, storageKey, noteKey) {
  * @param {String} noteContent Content of the note to be moved
  * @returns {String} Modified version of noteContent in which the paths of the attachments are fixed
  */
-function moveAttachments (oldPath, newPath, noteKey, newNoteKey, noteContent) {
+function moveAttachments(oldPath, newPath, noteKey, newNoteKey, noteContent) {
   const src = path.join(oldPath, DESTINATION_FOLDER, noteKey)
   const dest = path.join(newPath, DESTINATION_FOLDER, newNoteKey)
   if (fse.existsSync(src)) {
@@ -545,10 +688,19 @@ function moveAttachments (oldPath, newPath, noteKey, newNoteKey, noteContent) {
  * @param newNoteKey note key serving as a replacement
  * @returns {String} modified note content
  */
-function replaceNoteKeyWithNewNoteKey (noteContent, oldNoteKey, newNoteKey) {
+function replaceNoteKeyWithNewNoteKey(noteContent, oldNoteKey, newNoteKey) {
   if (noteContent) {
-    const preparedInput = noteContent.replace(new RegExp('[' + PATH_SEPARATORS + ']', 'g'), path.sep)
-    return preparedInput.replace(new RegExp(STORAGE_FOLDER_PLACEHOLDER + escapeStringRegexp(path.sep) + oldNoteKey, 'g'), path.join(STORAGE_FOLDER_PLACEHOLDER, newNoteKey))
+    const preparedInput = noteContent.replace(
+      new RegExp('[' + PATH_SEPARATORS + ']', 'g'),
+      path.sep
+    )
+    return preparedInput.replace(
+      new RegExp(
+        STORAGE_FOLDER_PLACEHOLDER + escapeStringRegexp(path.sep) + oldNoteKey,
+        'g'
+      ),
+      path.join(STORAGE_FOLDER_PLACEHOLDER, newNoteKey)
+    )
   }
   return noteContent
 }
@@ -559,15 +711,28 @@ function replaceNoteKeyWithNewNoteKey (noteContent, oldNoteKey, newNoteKey) {
  * @param noteKey Key of the current note
  * @returns {String} Input without the references
  */
-function removeStorageAndNoteReferences (input, noteKey) {
-  return input.replace(new RegExp('/?' + STORAGE_FOLDER_PLACEHOLDER + '.*?("|])', 'g'), function (match) {
-    const temp = match
-      .replace(new RegExp(mdurl.encode(path.win32.sep), 'g'), path.sep)
-      .replace(new RegExp(mdurl.encode(path.posix.sep), 'g'), path.sep)
-      .replace(new RegExp(escapeStringRegexp(path.win32.sep), 'g'), path.sep)
-      .replace(new RegExp(escapeStringRegexp(path.posix.sep), 'g'), path.sep)
-    return temp.replace(new RegExp(STORAGE_FOLDER_PLACEHOLDER + '(' + escapeStringRegexp(path.sep) + noteKey + ')?', 'g'), DESTINATION_FOLDER)
-  })
+function removeStorageAndNoteReferences(input, noteKey) {
+  return input.replace(
+    new RegExp('/?' + STORAGE_FOLDER_PLACEHOLDER + '.*?("|])', 'g'),
+    function(match) {
+      const temp = match
+        .replace(new RegExp(mdurl.encode(path.win32.sep), 'g'), path.sep)
+        .replace(new RegExp(mdurl.encode(path.posix.sep), 'g'), path.sep)
+        .replace(new RegExp(escapeStringRegexp(path.win32.sep), 'g'), path.sep)
+        .replace(new RegExp(escapeStringRegexp(path.posix.sep), 'g'), path.sep)
+      return temp.replace(
+        new RegExp(
+          STORAGE_FOLDER_PLACEHOLDER +
+            '(' +
+            escapeStringRegexp(path.sep) +
+            noteKey +
+            ')?',
+          'g'
+        ),
+        DESTINATION_FOLDER
+      )
+    }
+  )
 }
 
 /**
@@ -575,9 +740,13 @@ function removeStorageAndNoteReferences (input, noteKey) {
  * @param storageKey Key of the storage of the note to be deleted
  * @param noteKey Key of the note to be deleted
  */
-function deleteAttachmentFolder (storageKey, noteKey) {
+function deleteAttachmentFolder(storageKey, noteKey) {
   const storagePath = findStorage.findStorage(storageKey)
-  const noteAttachmentPath = path.join(storagePath.path, DESTINATION_FOLDER, noteKey)
+  const noteAttachmentPath = path.join(
+    storagePath.path,
+    DESTINATION_FOLDER,
+    noteKey
+  )
   sander.rimrafSync(noteAttachmentPath)
 }
 
@@ -587,36 +756,66 @@ function deleteAttachmentFolder (storageKey, noteKey) {
  * @param storageKey StorageKey of the current note. Is used to determine the belonging attachment folder.
  * @param noteKey NoteKey of the current note. Is used to determine the belonging attachment folder.
  */
-function deleteAttachmentsNotPresentInNote (markdownContent, storageKey, noteKey) {
+function deleteAttachmentsNotPresentInNote(
+  markdownContent,
+  storageKey,
+  noteKey
+) {
   if (storageKey == null || noteKey == null || markdownContent == null) {
     return
   }
   const targetStorage = findStorage.findStorage(storageKey)
-  const attachmentFolder = path.join(targetStorage.path, DESTINATION_FOLDER, noteKey)
+  const attachmentFolder = path.join(
+    targetStorage.path,
+    DESTINATION_FOLDER,
+    noteKey
+  )
   const attachmentsInNote = getAttachmentsInMarkdownContent(markdownContent)
   const attachmentsInNoteOnlyFileNames = []
   if (attachmentsInNote) {
     for (let i = 0; i < attachmentsInNote.length; i++) {
-      attachmentsInNoteOnlyFileNames.push(attachmentsInNote[i].replace(new RegExp(STORAGE_FOLDER_PLACEHOLDER + escapeStringRegexp(path.sep) + noteKey + escapeStringRegexp(path.sep), 'g'), ''))
+      attachmentsInNoteOnlyFileNames.push(
+        attachmentsInNote[i].replace(
+          new RegExp(
+            STORAGE_FOLDER_PLACEHOLDER +
+              escapeStringRegexp(path.sep) +
+              noteKey +
+              escapeStringRegexp(path.sep),
+            'g'
+          ),
+          ''
+        )
+      )
     }
   }
   if (fs.existsSync(attachmentFolder)) {
     fs.readdir(attachmentFolder, (err, files) => {
       if (err) {
-        console.error('Error reading directory "' + attachmentFolder + '". Error:')
+        console.error(
+          'Error reading directory "' + attachmentFolder + '". Error:'
+        )
         console.error(err)
         return
       }
       files.forEach(file => {
         if (!attachmentsInNoteOnlyFileNames.includes(file)) {
-          const absolutePathOfFile = path.join(targetStorage.path, DESTINATION_FOLDER, noteKey, file)
-          fs.unlink(absolutePathOfFile, (err) => {
+          const absolutePathOfFile = path.join(
+            targetStorage.path,
+            DESTINATION_FOLDER,
+            noteKey,
+            file
+          )
+          fs.unlink(absolutePathOfFile, err => {
             if (err) {
               console.error('Could not delete "%s"', absolutePathOfFile)
               console.error(err)
               return
             }
-            console.info('File "' + absolutePathOfFile + '" deleted because it was not included in the content of the note')
+            console.info(
+              'File "' +
+                absolutePathOfFile +
+                '" deleted because it was not included in the content of the note'
+            )
           })
         }
       })
@@ -632,31 +831,53 @@ function deleteAttachmentsNotPresentInNote (markdownContent, storageKey, noteKey
  * @param noteKey NoteKey of the currentNote
  * @return {Promise<Array<{path: String, isInUse: bool}>>} Promise returning the
  list of attachments with their properties */
-function getAttachmentsPathAndStatus (markdownContent, storageKey, noteKey) {
+function getAttachmentsPathAndStatus(markdownContent, storageKey, noteKey) {
   if (storageKey == null || noteKey == null || markdownContent == null) {
     return null
   }
   const targetStorage = findStorage.findStorage(storageKey)
-  const attachmentFolder = path.join(targetStorage.path, DESTINATION_FOLDER, noteKey)
+  const attachmentFolder = path.join(
+    targetStorage.path,
+    DESTINATION_FOLDER,
+    noteKey
+  )
   const attachmentsInNote = getAttachmentsInMarkdownContent(markdownContent)
   const attachmentsInNoteOnlyFileNames = []
   if (attachmentsInNote) {
     for (let i = 0; i < attachmentsInNote.length; i++) {
-      attachmentsInNoteOnlyFileNames.push(attachmentsInNote[i].replace(new RegExp(STORAGE_FOLDER_PLACEHOLDER + escapeStringRegexp(path.sep) + noteKey + escapeStringRegexp(path.sep), 'g'), ''))
+      attachmentsInNoteOnlyFileNames.push(
+        attachmentsInNote[i].replace(
+          new RegExp(
+            STORAGE_FOLDER_PLACEHOLDER +
+              escapeStringRegexp(path.sep) +
+              noteKey +
+              escapeStringRegexp(path.sep),
+            'g'
+          ),
+          ''
+        )
+      )
     }
   }
   if (fs.existsSync(attachmentFolder)) {
     return new Promise((resolve, reject) => {
       fs.readdir(attachmentFolder, (err, files) => {
         if (err) {
-          console.error('Error reading directory "' + attachmentFolder + '". Error:')
+          console.error(
+            'Error reading directory "' + attachmentFolder + '". Error:'
+          )
           console.error(err)
           reject(err)
           return
         }
         const attachments = []
         for (const file of files) {
-          const absolutePathOfFile = path.join(targetStorage.path, DESTINATION_FOLDER, noteKey, file)
+          const absolutePathOfFile = path.join(
+            targetStorage.path,
+            DESTINATION_FOLDER,
+            noteKey,
+            file
+          )
           if (!attachmentsInNoteOnlyFileNames.includes(file)) {
             attachments.push({ path: absolutePathOfFile, isInUse: false })
           } else {
@@ -675,11 +896,11 @@ function getAttachmentsPathAndStatus (markdownContent, storageKey, noteKey) {
  * @description Remove all specified attachment paths
  * @param attachments attachment paths
  * @return {Promise} Promise after all attachments are removed */
-function removeAttachmentsByPaths (attachments) {
+function removeAttachmentsByPaths(attachments) {
   const promises = []
   for (const attachment of attachments) {
     const promise = new Promise((resolve, reject) => {
-      fs.unlink(attachment, (err) => {
+      fs.unlink(attachment, err => {
         if (err) {
           console.error('Could not delete "%s"', attachment)
           console.error(err)
@@ -700,29 +921,54 @@ function removeAttachmentsByPaths (attachments) {
  * @param oldNote Note that is being cloned
  * @param newNote Clone of the note
  */
-function cloneAttachments (oldNote, newNote) {
+function cloneAttachments(oldNote, newNote) {
   if (newNote.type === 'MARKDOWN_NOTE') {
     const oldStorage = findStorage.findStorage(oldNote.storage)
     const newStorage = findStorage.findStorage(newNote.storage)
-    const attachmentsPaths = getAbsolutePathsOfAttachmentsInContent(oldNote.content, oldStorage.path) || []
+    const attachmentsPaths =
+      getAbsolutePathsOfAttachmentsInContent(
+        oldNote.content,
+        oldStorage.path
+      ) || []
 
-    const destinationFolder = path.join(newStorage.path, DESTINATION_FOLDER, newNote.key)
+    const destinationFolder = path.join(
+      newStorage.path,
+      DESTINATION_FOLDER,
+      newNote.key
+    )
     if (!sander.existsSync(destinationFolder)) {
       sander.mkdirSync(destinationFolder)
     }
 
     for (const attachment of attachmentsPaths) {
-      const destination = path.join(newStorage.path, DESTINATION_FOLDER, newNote.key, path.basename(attachment))
+      const destination = path.join(
+        newStorage.path,
+        DESTINATION_FOLDER,
+        newNote.key,
+        path.basename(attachment)
+      )
       sander.copyFileSync(attachment).to(destination)
     }
-    newNote.content = replaceNoteKeyWithNewNoteKey(newNote.content, oldNote.key, newNote.key)
+    newNote.content = replaceNoteKeyWithNewNoteKey(
+      newNote.content,
+      oldNote.key,
+      newNote.key
+    )
   } else {
-    console.debug('Cloning of the attachment was skipped since it only works for MARKDOWN_NOTEs')
+    console.debug(
+      'Cloning of the attachment was skipped since it only works for MARKDOWN_NOTEs'
+    )
   }
 }
 
-function generateFileNotFoundMarkdown () {
-  return '**' + i18n.__('⚠ You have pasted a link referring an attachment that could not be found in the storage location of this note. Pasting links referring attachments is only supported if the source and destination location is the same storage. Please Drag&Drop the attachment instead! ⚠') + '**'
+function generateFileNotFoundMarkdown() {
+  return (
+    '**' +
+    i18n.__(
+      '⚠ You have pasted a link referring an attachment that could not be found in the storage location of this note. Pasting links referring attachments is only supported if the source and destination location is the same storage. Please Drag&Drop the attachment instead! ⚠'
+    ) +
+    '**'
+  )
 }
 
 /**
@@ -730,9 +976,21 @@ function generateFileNotFoundMarkdown () {
  * @param text Text that might contain a attachment link
  * @return {Boolean} Result of the test
  */
-function isAttachmentLink (text) {
+function isAttachmentLink(text) {
   if (text) {
-    return text.match(new RegExp('.*\\[.*\\]\\( *' + escapeStringRegexp(STORAGE_FOLDER_PLACEHOLDER) + '[' + PATH_SEPARATORS + ']' + '.*\\).*', 'gi')) != null
+    return (
+      text.match(
+        new RegExp(
+          '.*\\[.*\\]\\( *' +
+            escapeStringRegexp(STORAGE_FOLDER_PLACEHOLDER) +
+            '[' +
+            PATH_SEPARATORS +
+            ']' +
+            '.*\\).*',
+          'gi'
+        )
+      ) != null
+    )
   }
   return false
 }
@@ -745,38 +1003,72 @@ function isAttachmentLink (text) {
  * @param linkText Text that was pasted
  * @return {Promise<String>} Promise returning the modified text
  */
-function handleAttachmentLinkPaste (storageKey, noteKey, linkText) {
+function handleAttachmentLinkPaste(storageKey, noteKey, linkText) {
   if (storageKey != null && noteKey != null && linkText != null) {
     const storagePath = findStorage.findStorage(storageKey).path
     const attachments = getAttachmentsInMarkdownContent(linkText) || []
     const replaceInstructions = []
     const copies = []
     for (const attachment of attachments) {
-      const absPathOfAttachment = attachment.replace(new RegExp(STORAGE_FOLDER_PLACEHOLDER, 'g'), path.join(storagePath, DESTINATION_FOLDER))
+      const absPathOfAttachment = attachment.replace(
+        new RegExp(STORAGE_FOLDER_PLACEHOLDER, 'g'),
+        path.join(storagePath, DESTINATION_FOLDER)
+      )
       copies.push(
-        sander.exists(absPathOfAttachment)
-          .then((fileExists) => {
-            if (!fileExists) {
-              const fileNotFoundRegexp = new RegExp('!?' + escapeStringRegexp('[') + '[\\w|\\d|\\s|\\.]*\\]\\(\\s*' + STORAGE_FOLDER_PLACEHOLDER + '[\\w|\\d|\\-|' + PATH_SEPARATORS + ']*' + escapeStringRegexp(path.basename(absPathOfAttachment)) + escapeStringRegexp(')'))
-              replaceInstructions.push({regexp: fileNotFoundRegexp, replacement: this.generateFileNotFoundMarkdown()})
-              return Promise.resolve()
-            }
-            return this.copyAttachment(absPathOfAttachment, storageKey, noteKey)
-              .then((fileName) => {
-                const replaceLinkRegExp = new RegExp(escapeStringRegexp('(') + ' *' + STORAGE_FOLDER_PLACEHOLDER + '[\\w|\\d|\\-|' + PATH_SEPARATORS + ']*' + escapeStringRegexp(path.basename(absPathOfAttachment)) + ' *' + escapeStringRegexp(')'))
-                replaceInstructions.push({
-                  regexp: replaceLinkRegExp,
-                  replacement: '(' + path.join(STORAGE_FOLDER_PLACEHOLDER, noteKey, fileName) + ')'
-                })
-                return Promise.resolve()
-              })
+        sander.exists(absPathOfAttachment).then(fileExists => {
+          if (!fileExists) {
+            const fileNotFoundRegexp = new RegExp(
+              '!?' +
+                escapeStringRegexp('[') +
+                '[\\w|\\d|\\s|\\.]*\\]\\(\\s*' +
+                STORAGE_FOLDER_PLACEHOLDER +
+                '[\\w|\\d|\\-|' +
+                PATH_SEPARATORS +
+                ']*' +
+                escapeStringRegexp(path.basename(absPathOfAttachment)) +
+                escapeStringRegexp(')')
+            )
+            replaceInstructions.push({
+              regexp: fileNotFoundRegexp,
+              replacement: this.generateFileNotFoundMarkdown()
+            })
+            return Promise.resolve()
+          }
+          return this.copyAttachment(
+            absPathOfAttachment,
+            storageKey,
+            noteKey
+          ).then(fileName => {
+            const replaceLinkRegExp = new RegExp(
+              escapeStringRegexp('(') +
+                ' *' +
+                STORAGE_FOLDER_PLACEHOLDER +
+                '[\\w|\\d|\\-|' +
+                PATH_SEPARATORS +
+                ']*' +
+                escapeStringRegexp(path.basename(absPathOfAttachment)) +
+                ' *' +
+                escapeStringRegexp(')')
+            )
+            replaceInstructions.push({
+              regexp: replaceLinkRegExp,
+              replacement:
+                '(' +
+                path.join(STORAGE_FOLDER_PLACEHOLDER, noteKey, fileName) +
+                ')'
+            })
+            return Promise.resolve()
           })
+        })
       )
     }
     return Promise.all(copies).then(() => {
       let modifiedLinkText = linkText
       for (const replaceInstruction of replaceInstructions) {
-        modifiedLinkText = modifiedLinkText.replace(replaceInstruction.regexp, replaceInstruction.replacement)
+        modifiedLinkText = modifiedLinkText.replace(
+          replaceInstruction.regexp,
+          replaceInstruction.replacement
+        )
       }
       return modifiedLinkText
     })
diff --git a/browser/main/lib/dataApi/copyFile.js b/browser/main/lib/dataApi/copyFile.js
index 6f23aae2..0b390b2a 100755
--- a/browser/main/lib/dataApi/copyFile.js
+++ b/browser/main/lib/dataApi/copyFile.js
@@ -7,7 +7,7 @@ const path = require('path')
  * @param {String} dstPath
  * @return {Promise} an image path
  */
-function copyFile (srcPath, dstPath) {
+function copyFile(srcPath, dstPath) {
   if (!path.extname(dstPath)) {
     dstPath = path.join(dstPath, path.basename(srcPath))
   }
diff --git a/browser/main/lib/dataApi/createFolder.js b/browser/main/lib/dataApi/createFolder.js
index 05fcea37..786d905b 100644
--- a/browser/main/lib/dataApi/createFolder.js
+++ b/browser/main/lib/dataApi/createFolder.js
@@ -22,7 +22,7 @@ const { findStorage } = require('browser/lib/findStorage')
  * }
  * ```
  */
-function createFolder (storageKey, input) {
+function createFolder(storageKey, input) {
   let targetStorage
   try {
     if (input == null) throw new Error('No input found.')
@@ -34,26 +34,28 @@ function createFolder (storageKey, input) {
     return Promise.reject(e)
   }
 
-  return resolveStorageData(targetStorage)
-    .then(function createFolder (storage) {
-      let key = keygen()
-      while (storage.folders.some((folder) => folder.key === key)) {
-        key = keygen()
-      }
-      const newFolder = {
-        key,
-        color: input.color,
-        name: input.name
-      }
+  return resolveStorageData(targetStorage).then(function createFolder(storage) {
+    let key = keygen()
+    while (storage.folders.some(folder => folder.key === key)) {
+      key = keygen()
+    }
+    const newFolder = {
+      key,
+      color: input.color,
+      name: input.name
+    }
 
-      storage.folders.push(newFolder)
+    storage.folders.push(newFolder)
 
-      CSON.writeFileSync(path.join(storage.path, 'boostnote.json'), _.pick(storage, ['folders', 'version']))
+    CSON.writeFileSync(
+      path.join(storage.path, 'boostnote.json'),
+      _.pick(storage, ['folders', 'version'])
+    )
 
-      return {
-        storage
-      }
-    })
+    return {
+      storage
+    }
+  })
 }
 
 module.exports = createFolder
diff --git a/browser/main/lib/dataApi/createNote.js b/browser/main/lib/dataApi/createNote.js
index 5bfa2457..079a988b 100644
--- a/browser/main/lib/dataApi/createNote.js
+++ b/browser/main/lib/dataApi/createNote.js
@@ -6,9 +6,11 @@ const path = require('path')
 const CSON = require('@rokt33r/season')
 const { findStorage } = require('browser/lib/findStorage')
 
-function validateInput (input) {
+function validateInput(input) {
   if (!_.isArray(input.tags)) input.tags = []
-  input.tags = input.tags.filter((tag) => _.isString(tag) && tag.trim().length > 0)
+  input.tags = input.tags.filter(
+    tag => _.isString(tag) && tag.trim().length > 0
+  )
   if (!_.isString(input.title)) input.title = ''
   input.isStarred = !!input.isStarred
   input.isTrashed = !!input.isTrashed
@@ -21,20 +23,24 @@ function validateInput (input) {
     case 'SNIPPET_NOTE':
       if (!_.isString(input.description)) input.description = ''
       if (!_.isArray(input.snippets)) {
-        input.snippets = [{
-          name: '',
-          mode: 'text',
-          content: '',
-          linesHighlighted: []
-        }]
+        input.snippets = [
+          {
+            name: '',
+            mode: 'text',
+            content: '',
+            linesHighlighted: []
+          }
+        ]
       }
       break
     default:
-      throw new Error('Invalid type: only MARKDOWN_NOTE and SNIPPET_NOTE are available.')
+      throw new Error(
+        'Invalid type: only MARKDOWN_NOTE and SNIPPET_NOTE are available.'
+      )
   }
 }
 
-function createNote (storageKey, input) {
+function createNote(storageKey, input) {
   let targetStorage
   try {
     if (input == null) throw new Error('No input found.')
@@ -47,13 +53,13 @@ function createNote (storageKey, input) {
   }
 
   return resolveStorageData(targetStorage)
-    .then(function checkFolderExists (storage) {
-      if (_.find(storage.folders, {key: input.folder}) == null) {
-        throw new Error('Target folder doesn\'t exist.')
+    .then(function checkFolderExists(storage) {
+      if (_.find(storage.folders, { key: input.folder }) == null) {
+        throw new Error("Target folder doesn't exist.")
       }
       return storage
     })
-    .then(function saveNote (storage) {
+    .then(function saveNote(storage) {
       let key = keygen(true)
       let isUnique = false
       while (!isUnique) {
@@ -68,7 +74,8 @@ function createNote (storageKey, input) {
           }
         }
       }
-      const noteData = Object.assign({},
+      const noteData = Object.assign(
+        {},
         {
           createdAt: new Date(),
           updatedAt: new Date()
@@ -77,9 +84,13 @@ function createNote (storageKey, input) {
         {
           key,
           storage: storageKey
-        })
+        }
+      )
 
-      CSON.writeFileSync(path.join(storage.path, 'notes', key + '.cson'), _.omit(noteData, ['key', 'storage']))
+      CSON.writeFileSync(
+        path.join(storage.path, 'notes', key + '.cson'),
+        _.omit(noteData, ['key', 'storage'])
+      )
 
       return noteData
     })
diff --git a/browser/main/lib/dataApi/createNoteFromUrl.js b/browser/main/lib/dataApi/createNoteFromUrl.js
index ead93f9e..2fd3bd9d 100644
--- a/browser/main/lib/dataApi/createNoteFromUrl.js
+++ b/browser/main/lib/dataApi/createNoteFromUrl.js
@@ -6,8 +6,12 @@ const createNote = require('./createNote')
 import { push } from 'connected-react-router'
 import ee from 'browser/main/lib/eventEmitter'
 
-function validateUrl (str) {
-  if (/^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})).?)(?::\d{2,5})?(?:[/?#]\S*)?$/i.test(str)) {
+function validateUrl(str) {
+  if (
+    /^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})).?)(?::\d{2,5})?(?:[/?#]\S*)?$/i.test(
+      str
+    )
+  ) {
     return true
   } else {
     return false
@@ -15,25 +19,33 @@ function validateUrl (str) {
 }
 
 const ERROR_MESSAGES = {
-  ENOTFOUND: 'URL not found. Please check the URL, or your internet connection and try again.',
-  VALIDATION_ERROR: 'Please check if the URL follows this format: https://www.google.com',
+  ENOTFOUND:
+    'URL not found. Please check the URL, or your internet connection and try again.',
+  VALIDATION_ERROR:
+    'Please check if the URL follows this format: https://www.google.com',
   UNEXPECTED: 'Unexpected error! Please check console for details!'
 }
 
-function createNoteFromUrl (url, storage, folder, dispatch = null, location = null) {
+function createNoteFromUrl(
+  url,
+  storage,
+  folder,
+  dispatch = null,
+  location = null
+) {
   return new Promise((resolve, reject) => {
     const td = createTurndownService()
 
     if (!validateUrl(url)) {
-      reject({result: false, error: ERROR_MESSAGES.VALIDATION_ERROR})
+      reject({ result: false, error: ERROR_MESSAGES.VALIDATION_ERROR })
     }
 
     const request = url.startsWith('https') ? https : http
 
-    const req = request.request(url, (res) => {
+    const req = request.request(url, res => {
       let data = ''
 
-      res.on('data', (chunk) => {
+      res.on('data', chunk => {
         data += chunk
       })
 
@@ -46,20 +58,21 @@ function createNoteFromUrl (url, storage, folder, dispatch = null, location = nu
             folder: folder,
             title: '',
             content: markdownHTML
-          })
-          .then((note) => {
+          }).then(note => {
             const noteHash = note.key
             dispatch({
               type: 'UPDATE_NOTE',
               note: note
             })
-            dispatch(push({
-              pathname: location.pathname,
-              query: {key: noteHash}
-            }))
+            dispatch(
+              push({
+                pathname: location.pathname,
+                query: { key: noteHash }
+              })
+            )
             ee.emit('list:jump', noteHash)
             ee.emit('detail:focus')
-            resolve({result: true, error: null})
+            resolve({ result: true, error: null })
           })
         } else {
           createNote(storage, {
@@ -67,16 +80,19 @@ function createNoteFromUrl (url, storage, folder, dispatch = null, location = nu
             folder: folder,
             title: '',
             content: markdownHTML
-          }).then((note) => {
-            resolve({result: true, note, error: null})
+          }).then(note => {
+            resolve({ result: true, note, error: null })
           })
         }
       })
     })
 
-    req.on('error', (e) => {
+    req.on('error', e => {
       console.error('error in parsing URL', e)
-      reject({result: false, error: ERROR_MESSAGES[e.code] || ERROR_MESSAGES.UNEXPECTED})
+      reject({
+        result: false,
+        error: ERROR_MESSAGES[e.code] || ERROR_MESSAGES.UNEXPECTED
+      })
     })
 
     req.end()
diff --git a/browser/main/lib/dataApi/createSnippet.js b/browser/main/lib/dataApi/createSnippet.js
index 2e585c9f..48d6705d 100644
--- a/browser/main/lib/dataApi/createSnippet.js
+++ b/browser/main/lib/dataApi/createSnippet.js
@@ -3,7 +3,7 @@ import crypto from 'crypto'
 import consts from 'browser/lib/consts'
 import fetchSnippet from 'browser/main/lib/dataApi/fetchSnippet'
 
-function createSnippet (snippetFile) {
+function createSnippet(snippetFile) {
   return new Promise((resolve, reject) => {
     const newSnippet = {
       id: crypto.randomBytes(16).toString('hex'),
@@ -12,15 +12,21 @@ function createSnippet (snippetFile) {
       content: '',
       linesHighlighted: []
     }
-    fetchSnippet(null, snippetFile).then((snippets) => {
-      snippets.push(newSnippet)
-      fs.writeFile(snippetFile || consts.SNIPPET_FILE, JSON.stringify(snippets, null, 4), (err) => {
-        if (err) reject(err)
-        resolve(newSnippet)
+    fetchSnippet(null, snippetFile)
+      .then(snippets => {
+        snippets.push(newSnippet)
+        fs.writeFile(
+          snippetFile || consts.SNIPPET_FILE,
+          JSON.stringify(snippets, null, 4),
+          err => {
+            if (err) reject(err)
+            resolve(newSnippet)
+          }
+        )
+      })
+      .catch(err => {
+        reject(err)
       })
-    }).catch((err) => {
-      reject(err)
-    })
   })
 }
 
diff --git a/browser/main/lib/dataApi/deleteFolder.js b/browser/main/lib/dataApi/deleteFolder.js
index 5ccc1414..f20078c8 100644
--- a/browser/main/lib/dataApi/deleteFolder.js
+++ b/browser/main/lib/dataApi/deleteFolder.js
@@ -18,7 +18,7 @@ const deleteSingleNote = require('./deleteNote')
  * }
  * ```
  */
-function deleteFolder (storageKey, folderKey) {
+function deleteFolder(storageKey, folderKey) {
   let targetStorage
   try {
     targetStorage = findStorage(storageKey)
@@ -27,35 +27,36 @@ function deleteFolder (storageKey, folderKey) {
   }
 
   return resolveStorageData(targetStorage)
-    .then(function assignNotes (storage) {
-      return resolveStorageNotes(storage)
-        .then((notes) => {
-          return {
-            storage,
-            notes
-          }
-        })
+    .then(function assignNotes(storage) {
+      return resolveStorageNotes(storage).then(notes => {
+        return {
+          storage,
+          notes
+        }
+      })
     })
-    .then(function deleteFolderAndNotes (data) {
+    .then(function deleteFolderAndNotes(data) {
       const { storage, notes } = data
-      storage.folders = storage.folders
-        .filter(function excludeTargetFolder (folder) {
-          return folder.key !== folderKey
-        })
+      storage.folders = storage.folders.filter(function excludeTargetFolder(
+        folder
+      ) {
+        return folder.key !== folderKey
+      })
 
-      const targetNotes = notes.filter(function filterTargetNotes (note) {
+      const targetNotes = notes.filter(function filterTargetNotes(note) {
         return note.folder === folderKey
       })
 
-      const deleteAllNotes = targetNotes
-        .map(function deleteNote (note) {
-          return deleteSingleNote(storageKey, note.key)
-        })
-      return Promise.all(deleteAllNotes)
-        .then(() => storage)
+      const deleteAllNotes = targetNotes.map(function deleteNote(note) {
+        return deleteSingleNote(storageKey, note.key)
+      })
+      return Promise.all(deleteAllNotes).then(() => storage)
     })
-    .then(function (storage) {
-      CSON.writeFileSync(path.join(storage.path, 'boostnote.json'), _.pick(storage, ['folders', 'version']))
+    .then(function(storage) {
+      CSON.writeFileSync(
+        path.join(storage.path, 'boostnote.json'),
+        _.pick(storage, ['folders', 'version'])
+      )
 
       return {
         storage,
diff --git a/browser/main/lib/dataApi/deleteNote.js b/browser/main/lib/dataApi/deleteNote.js
index 46ec2b55..b40fdfe5 100644
--- a/browser/main/lib/dataApi/deleteNote.js
+++ b/browser/main/lib/dataApi/deleteNote.js
@@ -4,7 +4,7 @@ const sander = require('sander')
 const attachmentManagement = require('./attachmentManagement')
 const { findStorage } = require('browser/lib/findStorage')
 
-function deleteNote (storageKey, noteKey) {
+function deleteNote(storageKey, noteKey) {
   let targetStorage
   try {
     targetStorage = findStorage(storageKey)
@@ -13,7 +13,7 @@ function deleteNote (storageKey, noteKey) {
   }
 
   return resolveStorageData(targetStorage)
-    .then(function deleteNoteFile (storage) {
+    .then(function deleteNoteFile(storage) {
       const notePath = path.join(storage.path, 'notes', noteKey + '.cson')
 
       try {
@@ -26,8 +26,11 @@ function deleteNote (storageKey, noteKey) {
         storageKey
       }
     })
-    .then(function deleteAttachments (storageInfo) {
-      attachmentManagement.deleteAttachmentFolder(storageInfo.storageKey, storageInfo.noteKey)
+    .then(function deleteAttachments(storageInfo) {
+      attachmentManagement.deleteAttachmentFolder(
+        storageInfo.storageKey,
+        storageInfo.noteKey
+      )
       return storageInfo
     })
 }
diff --git a/browser/main/lib/dataApi/deleteSnippet.js b/browser/main/lib/dataApi/deleteSnippet.js
index 0e446886..bd7b1223 100644
--- a/browser/main/lib/dataApi/deleteSnippet.js
+++ b/browser/main/lib/dataApi/deleteSnippet.js
@@ -2,14 +2,20 @@ import fs from 'fs'
 import consts from 'browser/lib/consts'
 import fetchSnippet from 'browser/main/lib/dataApi/fetchSnippet'
 
-function deleteSnippet (snippet, snippetFile) {
+function deleteSnippet(snippet, snippetFile) {
   return new Promise((resolve, reject) => {
-    fetchSnippet(null, snippetFile).then((snippets) => {
-      snippets = snippets.filter(currentSnippet => currentSnippet.id !== snippet.id)
-      fs.writeFile(snippetFile || consts.SNIPPET_FILE, JSON.stringify(snippets, null, 4), (err) => {
-        if (err) reject(err)
-        resolve(snippet)
-      })
+    fetchSnippet(null, snippetFile).then(snippets => {
+      snippets = snippets.filter(
+        currentSnippet => currentSnippet.id !== snippet.id
+      )
+      fs.writeFile(
+        snippetFile || consts.SNIPPET_FILE,
+        JSON.stringify(snippets, null, 4),
+        err => {
+          if (err) reject(err)
+          resolve(snippet)
+        }
+      )
     })
   })
 }
diff --git a/browser/main/lib/dataApi/exportFolder.js b/browser/main/lib/dataApi/exportFolder.js
index 8f15b147..a77ba29b 100644
--- a/browser/main/lib/dataApi/exportFolder.js
+++ b/browser/main/lib/dataApi/exportFolder.js
@@ -22,7 +22,7 @@ import * as path from 'path'
  * ```
  */
 
-function exportFolder (storageKey, folderKey, fileType, exportDir) {
+function exportFolder(storageKey, folderKey, fileType, exportDir) {
   let targetStorage
   try {
     targetStorage = findStorage(storageKey)
@@ -31,24 +31,38 @@ function exportFolder (storageKey, folderKey, fileType, exportDir) {
   }
 
   return resolveStorageData(targetStorage)
-    .then(function assignNotes (storage) {
-      return resolveStorageNotes(storage)
-        .then((notes) => {
-          return {
-            storage,
-            notes
-          }
-        })
+    .then(function assignNotes(storage) {
+      return resolveStorageNotes(storage).then(notes => {
+        return {
+          storage,
+          notes
+        }
+      })
     })
-    .then(function exportNotes (data) {
+    .then(function exportNotes(data) {
       const { storage, notes } = data
 
-      return Promise.all(notes
-        .filter(note => note.folder === folderKey && note.isTrashed === false && note.type === 'MARKDOWN_NOTE')
-        .map(note => {
-          const notePath = path.join(exportDir, `${filenamify(note.title, {replacement: '_'})}.${fileType}`)
-          return exportNote(note.key, storage.path, note.content, notePath, null)
-        })
+      return Promise.all(
+        notes
+          .filter(
+            note =>
+              note.folder === folderKey &&
+              note.isTrashed === false &&
+              note.type === 'MARKDOWN_NOTE'
+          )
+          .map(note => {
+            const notePath = path.join(
+              exportDir,
+              `${filenamify(note.title, { replacement: '_' })}.${fileType}`
+            )
+            return exportNote(
+              note.key,
+              storage.path,
+              note.content,
+              notePath,
+              null
+            )
+          })
       ).then(() => ({
         storage,
         folderKey,
diff --git a/browser/main/lib/dataApi/exportNote.js b/browser/main/lib/dataApi/exportNote.js
index 42e1fa56..ffd45a1c 100755
--- a/browser/main/lib/dataApi/exportNote.js
+++ b/browser/main/lib/dataApi/exportNote.js
@@ -19,8 +19,16 @@ const attachmentManagement = require('./attachmentManagement')
  * @param {function} outputFormatter
  * @return {Promise.<*[]>}
  */
-function exportNote (nodeKey, storageKey, noteContent, targetPath, outputFormatter) {
-  const storagePath = path.isAbsolute(storageKey) ? storageKey : findStorage(storageKey).path
+function exportNote(
+  nodeKey,
+  storageKey,
+  noteContent,
+  targetPath,
+  outputFormatter
+) {
+  const storagePath = path.isAbsolute(storageKey)
+    ? storageKey
+    : findStorage(storageKey).path
   const exportTasks = []
 
   if (!storagePath) {
@@ -50,18 +58,19 @@ function exportNote (nodeKey, storageKey, noteContent, targetPath, outputFormatt
 
   const tasks = prepareTasks(exportTasks, storagePath, path.dirname(targetPath))
 
-  return Promise.all(tasks.map((task) => copyFile(task.src, task.dst)))
-  .then(() => exportedData)
-  .then(data => {
-    return saveToFile(data, targetPath)
-  }).catch((err) => {
-    rollbackExport(tasks)
-    throw err
-  })
+  return Promise.all(tasks.map(task => copyFile(task.src, task.dst)))
+    .then(() => exportedData)
+    .then(data => {
+      return saveToFile(data, targetPath)
+    })
+    .catch(err => {
+      rollbackExport(tasks)
+      throw err
+    })
 }
 
-function prepareTasks (tasks, storagePath, targetPath) {
-  return tasks.map((task) => {
+function prepareTasks(tasks, storagePath, targetPath) {
+  return tasks.map(task => {
     if (!path.isAbsolute(task.src)) {
       task.src = path.join(storagePath, task.src)
     }
@@ -74,9 +83,9 @@ function prepareTasks (tasks, storagePath, targetPath) {
   })
 }
 
-function saveToFile (data, filename) {
+function saveToFile(data, filename) {
   return new Promise((resolve, reject) => {
-    fs.writeFile(filename, data, (err) => {
+    fs.writeFile(filename, data, err => {
       if (err) return reject(err)
 
       resolve(filename)
@@ -88,9 +97,9 @@ function saveToFile (data, filename) {
  * Remove exported files
  * @param tasks Array of copy task objects. Object consists of two mandatory fields – `src` and `dst`
  */
-function rollbackExport (tasks) {
+function rollbackExport(tasks) {
   const folders = new Set()
-  tasks.forEach((task) => {
+  tasks.forEach(task => {
     let fullpath = task.dst
 
     if (!path.extname(task.dst)) {
@@ -103,7 +112,7 @@ function rollbackExport (tasks) {
     }
   })
 
-  folders.forEach((folder) => {
+  folders.forEach(folder => {
     if (fs.readdirSync(folder).length === 0) {
       fs.rmdir(folder)
     }
diff --git a/browser/main/lib/dataApi/exportStorage.js b/browser/main/lib/dataApi/exportStorage.js
index ce2c4573..2a7c725c 100644
--- a/browser/main/lib/dataApi/exportStorage.js
+++ b/browser/main/lib/dataApi/exportStorage.js
@@ -20,7 +20,7 @@ import * as fs from 'fs'
  * ```
  */
 
-function exportStorage (storageKey, fileType, exportDir) {
+function exportStorage(storageKey, fileType, exportDir) {
   let targetStorage
   try {
     targetStorage = findStorage(storageKey)
@@ -29,14 +29,17 @@ function exportStorage (storageKey, fileType, exportDir) {
   }
 
   return resolveStorageData(targetStorage)
-    .then(storage => (
-      resolveStorageNotes(storage).then(notes => ({storage, notes}))
-    ))
-    .then(function exportNotes (data) {
+    .then(storage =>
+      resolveStorageNotes(storage).then(notes => ({ storage, notes }))
+    )
+    .then(function exportNotes(data) {
       const { storage, notes } = data
       const folderNamesMapping = {}
       storage.folders.forEach(folder => {
-        const folderExportedDir = path.join(exportDir, filenamify(folder.name, {replacement: '_'}))
+        const folderExportedDir = path.join(
+          exportDir,
+          filenamify(folder.name, { replacement: '_' })
+        )
         folderNamesMapping[folder.key] = folderExportedDir
         // make sure directory exists
         try {
@@ -47,7 +50,9 @@ function exportStorage (storageKey, fileType, exportDir) {
         .filter(note => !note.isTrashed && note.type === 'MARKDOWN_NOTE')
         .forEach(markdownNote => {
           const folderExportedDir = folderNamesMapping[markdownNote.folder]
-          const snippetName = `${filenamify(markdownNote.title, {replacement: '_'})}.${fileType}`
+          const snippetName = `${filenamify(markdownNote.title, {
+            replacement: '_'
+          })}.${fileType}`
           const notePath = path.join(folderExportedDir, snippetName)
           fs.writeFileSync(notePath, markdownNote.content)
         })
diff --git a/browser/main/lib/dataApi/fetchSnippet.js b/browser/main/lib/dataApi/fetchSnippet.js
index 456a5090..8344eb5d 100644
--- a/browser/main/lib/dataApi/fetchSnippet.js
+++ b/browser/main/lib/dataApi/fetchSnippet.js
@@ -1,7 +1,7 @@
 import fs from 'fs'
 import consts from 'browser/lib/consts'
 
-function fetchSnippet (id, snippetFile) {
+function fetchSnippet(id, snippetFile) {
   return new Promise((resolve, reject) => {
     fs.readFile(snippetFile || consts.SNIPPET_FILE, 'utf8', (err, data) => {
       if (err) {
@@ -9,7 +9,9 @@ function fetchSnippet (id, snippetFile) {
       }
       const snippets = JSON.parse(data)
       if (id) {
-        const snippet = snippets.find(snippet => { return snippet.id === id })
+        const snippet = snippets.find(snippet => {
+          return snippet.id === id
+        })
         resolve(snippet)
       }
       resolve(snippets)
diff --git a/browser/main/lib/dataApi/init.js b/browser/main/lib/dataApi/init.js
index 0dbcc182..0ad35625 100644
--- a/browser/main/lib/dataApi/init.js
+++ b/browser/main/lib/dataApi/init.js
@@ -21,8 +21,8 @@ const CSON = require('@rokt33r/season')
  * 3. empty directory
  */
 
-function init () {
-  const fetchStorages = function () {
+function init() {
+  const fetchStorages = function() {
     let rawStorages
     try {
       rawStorages = JSON.parse(window.localStorage.getItem('storages'))
@@ -34,44 +34,50 @@ function init () {
       rawStorages = []
       window.localStorage.setItem('storages', JSON.stringify(rawStorages))
     }
-    return Promise.all(rawStorages
-      .map(resolveStorageData))
+    return Promise.all(rawStorages.map(resolveStorageData))
   }
 
-  const fetchNotes = function (storages) {
+  const fetchNotes = function(storages) {
     const findNotesFromEachStorage = storages
-    .filter(storage => fs.existsSync(storage.path))
-      .map((storage) => {
-        return resolveStorageNotes(storage)
-          .then((notes) => {
-            let unknownCount = 0
-            notes.forEach((note) => {
-              if (note && !storage.folders.some((folder) => note.folder === folder.key)) {
-                unknownCount++
-                storage.folders.push({
-                  key: note.folder,
-                  color: consts.FOLDER_COLORS[(unknownCount - 1) % 7],
-                  name: 'Unknown ' + unknownCount
-                })
-              }
-            })
-            if (unknownCount > 0) {
-              try {
-                CSON.writeFileSync(path.join(storage.path, 'boostnote.json'), _.pick(storage, ['folders', 'version']))
-              } catch (e) {
-                console.log('Error writting boostnote.json: ' + e + ' from init.js')
-              }
+      .filter(storage => fs.existsSync(storage.path))
+      .map(storage => {
+        return resolveStorageNotes(storage).then(notes => {
+          let unknownCount = 0
+          notes.forEach(note => {
+            if (
+              note &&
+              !storage.folders.some(folder => note.folder === folder.key)
+            ) {
+              unknownCount++
+              storage.folders.push({
+                key: note.folder,
+                color: consts.FOLDER_COLORS[(unknownCount - 1) % 7],
+                name: 'Unknown ' + unknownCount
+              })
             }
-            return notes
           })
+          if (unknownCount > 0) {
+            try {
+              CSON.writeFileSync(
+                path.join(storage.path, 'boostnote.json'),
+                _.pick(storage, ['folders', 'version'])
+              )
+            } catch (e) {
+              console.log(
+                'Error writting boostnote.json: ' + e + ' from init.js'
+              )
+            }
+          }
+          return notes
+        })
       })
     return Promise.all(findNotesFromEachStorage)
-      .then(function concatNoteGroup (noteGroups) {
-        return noteGroups.reduce(function (sum, group) {
+      .then(function concatNoteGroup(noteGroups) {
+        return noteGroups.reduce(function(sum, group) {
           return sum.concat(group)
         }, [])
       })
-      .then(function returnData (notes) {
+      .then(function returnData(notes) {
         return {
           storages,
           notes
@@ -80,12 +86,11 @@ function init () {
   }
 
   return Promise.resolve(fetchStorages())
-    .then((storages) => {
-      return storages
-        .filter((storage) => {
-          if (!_.isObject(storage)) return false
-          return true
-        })
+    .then(storages => {
+      return storages.filter(storage => {
+        if (!_.isObject(storage)) return false
+        return true
+      })
     })
     .then(fetchNotes)
 }
diff --git a/browser/main/lib/dataApi/migrateFromV5Storage.js b/browser/main/lib/dataApi/migrateFromV5Storage.js
index 78d78746..abf57831 100644
--- a/browser/main/lib/dataApi/migrateFromV5Storage.js
+++ b/browser/main/lib/dataApi/migrateFromV5Storage.js
@@ -6,102 +6,111 @@ const CSON = require('@rokt33r/season')
 const path = require('path')
 const sander = require('sander')
 
-function migrateFromV5Storage (storageKey, data) {
+function migrateFromV5Storage(storageKey, data) {
   let targetStorage
   try {
     const cachedStorageList = JSON.parse(localStorage.getItem('storages'))
-    if (!_.isArray(cachedStorageList)) throw new Error('Target storage doesn\'t exist.')
+    if (!_.isArray(cachedStorageList))
+      throw new Error("Target storage doesn't exist.")
 
-    targetStorage = _.find(cachedStorageList, {key: storageKey})
-    if (targetStorage == null) throw new Error('Target storage doesn\'t exist.')
+    targetStorage = _.find(cachedStorageList, { key: storageKey })
+    if (targetStorage == null) throw new Error("Target storage doesn't exist.")
   } catch (e) {
     return Promise.reject(e)
   }
-  return resolveStorageData(targetStorage)
-    .then(function (storage) {
-      return importAll(storage, data)
-    })
+  return resolveStorageData(targetStorage).then(function(storage) {
+    return importAll(storage, data)
+  })
 }
 
-function importAll (storage, data) {
+function importAll(storage, data) {
   const oldArticles = data.articles
   const notes = []
-  data.folders
-    .forEach(function (oldFolder) {
-      let folderKey = keygen()
-      while (storage.folders.some((folder) => folder.key === folderKey)) {
-        folderKey = keygen()
-      }
-      const newFolder = {
-        key: folderKey,
-        name: oldFolder.name,
-        color: consts.FOLDER_COLORS[Math.floor(Math.random() * 7) % 7]
-      }
+  data.folders.forEach(function(oldFolder) {
+    let folderKey = keygen()
+    while (storage.folders.some(folder => folder.key === folderKey)) {
+      folderKey = keygen()
+    }
+    const newFolder = {
+      key: folderKey,
+      name: oldFolder.name,
+      color: consts.FOLDER_COLORS[Math.floor(Math.random() * 7) % 7]
+    }
 
-      storage.folders.push(newFolder)
+    storage.folders.push(newFolder)
 
-      const articles = oldArticles.filter((article) => article.FolderKey === oldFolder.key)
-      articles.forEach((article) => {
-        let noteKey = keygen()
-        let isUnique = false
-        while (!isUnique) {
-          try {
-            sander.statSync(path.join(storage.path, 'notes', noteKey + '.cson'))
-            noteKey = keygen()
-          } catch (err) {
-            if (err.code === 'ENOENT') {
-              isUnique = true
-            } else {
-              console.error('Failed to read `notes` directory.')
-              throw err
-            }
+    const articles = oldArticles.filter(
+      article => article.FolderKey === oldFolder.key
+    )
+    articles.forEach(article => {
+      let noteKey = keygen()
+      let isUnique = false
+      while (!isUnique) {
+        try {
+          sander.statSync(path.join(storage.path, 'notes', noteKey + '.cson'))
+          noteKey = keygen()
+        } catch (err) {
+          if (err.code === 'ENOENT') {
+            isUnique = true
+          } else {
+            console.error('Failed to read `notes` directory.')
+            throw err
           }
         }
+      }
 
-        if (article.mode === 'markdown') {
-          const newNote = {
-            tags: article.tags,
-            createdAt: article.createdAt,
-            updatedAt: article.updatedAt,
-            folder: folderKey,
-            storage: storage.key,
-            type: 'MARKDOWN_NOTE',
-            isStarred: false,
-            title: article.title,
-            content: '# ' + article.title + '\n\n' + article.content,
-            key: noteKey,
-            linesHighlighted: article.linesHighlighted
-          }
-          notes.push(newNote)
-        } else {
-          const newNote = {
-            tags: article.tags,
-            createdAt: article.createdAt,
-            updatedAt: article.updatedAt,
-            folder: folderKey,
-            storage: storage.key,
-            type: 'SNIPPET_NOTE',
-            isStarred: false,
-            title: article.title,
-            description: article.title,
-            key: noteKey,
-            snippets: [{
+      if (article.mode === 'markdown') {
+        const newNote = {
+          tags: article.tags,
+          createdAt: article.createdAt,
+          updatedAt: article.updatedAt,
+          folder: folderKey,
+          storage: storage.key,
+          type: 'MARKDOWN_NOTE',
+          isStarred: false,
+          title: article.title,
+          content: '# ' + article.title + '\n\n' + article.content,
+          key: noteKey,
+          linesHighlighted: article.linesHighlighted
+        }
+        notes.push(newNote)
+      } else {
+        const newNote = {
+          tags: article.tags,
+          createdAt: article.createdAt,
+          updatedAt: article.updatedAt,
+          folder: folderKey,
+          storage: storage.key,
+          type: 'SNIPPET_NOTE',
+          isStarred: false,
+          title: article.title,
+          description: article.title,
+          key: noteKey,
+          snippets: [
+            {
               name: article.mode,
               mode: article.mode,
               content: article.content,
               linesHighlighted: article.linesHighlighted
-            }]
-          }
-          notes.push(newNote)
+            }
+          ]
         }
-      })
+        notes.push(newNote)
+      }
     })
-
-  notes.forEach(function (note) {
-    CSON.writeFileSync(path.join(storage.path, 'notes', note.key + '.cson'), _.omit(note, ['storage', 'key']))
   })
 
-  CSON.writeFileSync(path.join(storage.path, 'boostnote.json'), _.pick(storage, ['version', 'folders']))
+  notes.forEach(function(note) {
+    CSON.writeFileSync(
+      path.join(storage.path, 'notes', note.key + '.cson'),
+      _.omit(note, ['storage', 'key'])
+    )
+  })
+
+  CSON.writeFileSync(
+    path.join(storage.path, 'boostnote.json'),
+    _.pick(storage, ['version', 'folders'])
+  )
 
   return {
     storage,
diff --git a/browser/main/lib/dataApi/migrateFromV6Storage.js b/browser/main/lib/dataApi/migrateFromV6Storage.js
index af4d902f..8255a0de 100644
--- a/browser/main/lib/dataApi/migrateFromV6Storage.js
+++ b/browser/main/lib/dataApi/migrateFromV6Storage.js
@@ -4,86 +4,91 @@ const keygen = require('browser/lib/keygen')
 const _ = require('lodash')
 const CSON = require('@rokt33r/season')
 
-function migrateFromV5Storage (storagePath) {
+function migrateFromV5Storage(storagePath) {
   var boostnoteJSONPath = path.join(storagePath, 'boostnote.json')
   return Promise.resolve()
-    .then(function readBoostnoteJSON () {
+    .then(function readBoostnoteJSON() {
       return sander.readFile(boostnoteJSONPath, {
         encoding: 'utf-8'
       })
     })
-    .then(function verifyVersion (rawData) {
+    .then(function verifyVersion(rawData) {
       var boostnoteJSONData = JSON.parse(rawData)
-      if (boostnoteJSONData.version === '1.0') throw new Error('Target storage seems to be transformed already.')
-      if (!_.isArray(boostnoteJSONData.folders)) throw new Error('the value of folders is not an array.')
+      if (boostnoteJSONData.version === '1.0')
+        throw new Error('Target storage seems to be transformed already.')
+      if (!_.isArray(boostnoteJSONData.folders))
+        throw new Error('the value of folders is not an array.')
 
       return boostnoteJSONData
     })
-    .then(function setVersion (boostnoteJSONData) {
+    .then(function setVersion(boostnoteJSONData) {
       boostnoteJSONData.version = '1.0'
-      return sander.writeFile(boostnoteJSONPath, JSON.stringify(boostnoteJSONData))
+      return sander
+        .writeFile(boostnoteJSONPath, JSON.stringify(boostnoteJSONData))
         .then(() => boostnoteJSONData)
     })
-    .then(function fetchNotes (boostnoteJSONData) {
-      var fetchNotesFromEachFolder = boostnoteJSONData.folders
-        .map(function (folder) {
-          const folderDataJSONPath = path.join(storagePath, folder.key, 'data.json')
-          return sander
-            .readFile(folderDataJSONPath, {
-              encoding: 'utf-8'
+    .then(function fetchNotes(boostnoteJSONData) {
+      var fetchNotesFromEachFolder = boostnoteJSONData.folders.map(function(
+        folder
+      ) {
+        const folderDataJSONPath = path.join(
+          storagePath,
+          folder.key,
+          'data.json'
+        )
+        return sander
+          .readFile(folderDataJSONPath, {
+            encoding: 'utf-8'
+          })
+          .then(function(rawData) {
+            var data = JSON.parse(rawData)
+            if (!_.isArray(data.notes))
+              throw new Error('value of notes is not an array.')
+            return data.notes.map(function setFolderToNote(note) {
+              note.folder = folder.key
+              return note
             })
-            .then(function (rawData) {
-              var data = JSON.parse(rawData)
-              if (!_.isArray(data.notes)) throw new Error('value of notes is not an array.')
-              return data.notes
-                .map(function setFolderToNote (note) {
-                  note.folder = folder.key
-                  return note
-                })
-            })
-            .catch(function failedToReadDataJSON (err) {
-              console.warn('Failed to fetch notes from ', folderDataJSONPath, err)
-              return []
-            })
-        })
+          })
+          .catch(function failedToReadDataJSON(err) {
+            console.warn('Failed to fetch notes from ', folderDataJSONPath, err)
+            return []
+          })
+      })
 
       return Promise.all(fetchNotesFromEachFolder)
-        .then(function flatten (folderNotes) {
-          return folderNotes
-            .reduce(function concatNotes (sum, notes) {
-              return sum.concat(notes)
-            }, [])
+        .then(function flatten(folderNotes) {
+          return folderNotes.reduce(function concatNotes(sum, notes) {
+            return sum.concat(notes)
+          }, [])
         })
-        .then(function saveNotes (notes) {
-          notes.forEach(function renewKey (note) {
+        .then(function saveNotes(notes) {
+          notes.forEach(function renewKey(note) {
             var newKey = keygen()
-            while (notes.some((_note) => _note.key === newKey)) {
+            while (notes.some(_note => _note.key === newKey)) {
               newKey = keygen()
             }
             note.key = newKey
           })
 
           const noteDirPath = path.join(storagePath, 'notes')
-          notes
-            .map(function saveNote (note) {
-              CSON.writeFileSync(path.join(noteDirPath, note.key) + '.cson', note)
-            })
+          notes.map(function saveNote(note) {
+            CSON.writeFileSync(path.join(noteDirPath, note.key) + '.cson', note)
+          })
           return true
         })
-        .then(function deleteFolderDir (check) {
+        .then(function deleteFolderDir(check) {
           if (check) {
-            boostnoteJSONData.folders.forEach((folder) => {
+            boostnoteJSONData.folders.forEach(folder => {
               sander.rimrafSync(path.join(storagePath, folder.key))
             })
           }
           return check
         })
     })
-    .catch(function handleError (err) {
+    .catch(function handleError(err) {
       console.warn(err)
       return false
     })
 }
 
 module.exports = migrateFromV5Storage
-
diff --git a/browser/main/lib/dataApi/moveNote.js b/browser/main/lib/dataApi/moveNote.js
index c38968cb..b72db7aa 100644
--- a/browser/main/lib/dataApi/moveNote.js
+++ b/browser/main/lib/dataApi/moveNote.js
@@ -7,90 +7,104 @@ const sander = require('sander')
 const { findStorage } = require('browser/lib/findStorage')
 const attachmentManagement = require('./attachmentManagement')
 
-function moveNote (storageKey, noteKey, newStorageKey, newFolderKey) {
+function moveNote(storageKey, noteKey, newStorageKey, newFolderKey) {
   let oldStorage, newStorage
   try {
     oldStorage = findStorage(storageKey)
     newStorage = findStorage(newStorageKey)
-    if (newStorage == null) throw new Error('Target storage doesn\'t exist.')
+    if (newStorage == null) throw new Error("Target storage doesn't exist.")
   } catch (e) {
     return Promise.reject(e)
   }
 
-  return resolveStorageData(oldStorage)
-    .then(function saveNote (_oldStorage) {
-      oldStorage = _oldStorage
-      let noteData
-      const notePath = path.join(oldStorage.path, 'notes', noteKey + '.cson')
-      try {
-        noteData = CSON.readFileSync(notePath)
-      } catch (err) {
-        console.warn('Failed to find note cson', err)
-        throw err
-      }
-      let newNoteKey
-      return Promise.resolve()
-        .then(function resolveNewStorage () {
-          if (storageKey === newStorageKey) {
-            newNoteKey = noteKey
-            return oldStorage
-          }
-          return resolveStorageData(newStorage)
-            .then(function findNewNoteKey (_newStorage) {
-              newStorage = _newStorage
-              newNoteKey = keygen(true)
-              let isUnique = false
-              while (!isUnique) {
-                try {
-                  sander.statSync(path.join(newStorage.path, 'notes', newNoteKey + '.cson'))
-                  newNoteKey = keygen(true)
-                } catch (err) {
-                  if (err.code === 'ENOENT') {
-                    isUnique = true
-                  } else {
-                    throw err
-                  }
-                }
-              }
-
-              return newStorage
-            })
-        })
-        .then(function checkFolderExistsAndPrepareNoteData (newStorage) {
-          if (_.find(newStorage.folders, {key: newFolderKey}) == null) throw new Error('Target folder doesn\'t exist.')
-
-          noteData.folder = newFolderKey
-          noteData.key = newNoteKey
-          noteData.storage = newStorageKey
-          noteData.updatedAt = new Date()
-          noteData.oldContent = noteData.content
-
-          return noteData
-        })
-        .then(function moveAttachments (noteData) {
-          if (oldStorage.path === newStorage.path) {
-            return noteData
-          }
-
-          noteData.content = attachmentManagement.moveAttachments(oldStorage.path, newStorage.path, noteKey, newNoteKey, noteData.content)
-          return noteData
-        })
-        .then(function writeAndReturn (noteData) {
-          CSON.writeFileSync(path.join(newStorage.path, 'notes', noteData.key + '.cson'), _.omit(noteData, ['key', 'storage', 'oldContent']))
-          return noteData
-        })
-        .then(function deleteOldNote (data) {
-          if (storageKey !== newStorageKey) {
+  return resolveStorageData(oldStorage).then(function saveNote(_oldStorage) {
+    oldStorage = _oldStorage
+    let noteData
+    const notePath = path.join(oldStorage.path, 'notes', noteKey + '.cson')
+    try {
+      noteData = CSON.readFileSync(notePath)
+    } catch (err) {
+      console.warn('Failed to find note cson', err)
+      throw err
+    }
+    let newNoteKey
+    return Promise.resolve()
+      .then(function resolveNewStorage() {
+        if (storageKey === newStorageKey) {
+          newNoteKey = noteKey
+          return oldStorage
+        }
+        return resolveStorageData(newStorage).then(function findNewNoteKey(
+          _newStorage
+        ) {
+          newStorage = _newStorage
+          newNoteKey = keygen(true)
+          let isUnique = false
+          while (!isUnique) {
             try {
-              sander.unlinkSync(path.join(oldStorage.path, 'notes', noteKey + '.cson'))
+              sander.statSync(
+                path.join(newStorage.path, 'notes', newNoteKey + '.cson')
+              )
+              newNoteKey = keygen(true)
             } catch (err) {
-              console.warn(err)
+              if (err.code === 'ENOENT') {
+                isUnique = true
+              } else {
+                throw err
+              }
             }
           }
 
-          return data
+          return newStorage
         })
-    })
+      })
+      .then(function checkFolderExistsAndPrepareNoteData(newStorage) {
+        if (_.find(newStorage.folders, { key: newFolderKey }) == null)
+          throw new Error("Target folder doesn't exist.")
+
+        noteData.folder = newFolderKey
+        noteData.key = newNoteKey
+        noteData.storage = newStorageKey
+        noteData.updatedAt = new Date()
+        noteData.oldContent = noteData.content
+
+        return noteData
+      })
+      .then(function moveAttachments(noteData) {
+        if (oldStorage.path === newStorage.path) {
+          return noteData
+        }
+
+        noteData.content = attachmentManagement.moveAttachments(
+          oldStorage.path,
+          newStorage.path,
+          noteKey,
+          newNoteKey,
+          noteData.content
+        )
+        return noteData
+      })
+      .then(function writeAndReturn(noteData) {
+        CSON.writeFileSync(
+          path.join(newStorage.path, 'notes', noteData.key + '.cson'),
+          _.omit(noteData, ['key', 'storage', 'oldContent'])
+        )
+        return noteData
+      })
+      .then(function deleteOldNote(data) {
+        if (storageKey !== newStorageKey) {
+          try {
+            sander.unlinkSync(
+              path.join(oldStorage.path, 'notes', noteKey + '.cson')
+            )
+          } catch (err) {
+            console.warn(err)
+          }
+        }
+
+        return data
+      })
+  })
 }
 
 module.exports = moveNote
diff --git a/browser/main/lib/dataApi/removeStorage.js b/browser/main/lib/dataApi/removeStorage.js
index c50bbd12..3f957ab2 100644
--- a/browser/main/lib/dataApi/removeStorage.js
+++ b/browser/main/lib/dataApi/removeStorage.js
@@ -4,7 +4,7 @@ const _ = require('lodash')
  * @param {String} key
  * @return {key}
  */
-function removeStorage (key) {
+function removeStorage(key) {
   let rawStorages
 
   try {
@@ -15,10 +15,9 @@ function removeStorage (key) {
     rawStorages = []
   }
 
-  rawStorages = rawStorages
-    .filter(function excludeTargetStorage (rawStorage) {
-      return rawStorage.key !== key
-    })
+  rawStorages = rawStorages.filter(function excludeTargetStorage(rawStorage) {
+    return rawStorage.key !== key
+  })
 
   localStorage.setItem('storages', JSON.stringify(rawStorages))
 
diff --git a/browser/main/lib/dataApi/renameStorage.js b/browser/main/lib/dataApi/renameStorage.js
index 3b806d1c..165a5ab3 100644
--- a/browser/main/lib/dataApi/renameStorage.js
+++ b/browser/main/lib/dataApi/renameStorage.js
@@ -6,8 +6,9 @@ const resolveStorageData = require('./resolveStorageData')
  * @param {String} name
  * @return {Object} Storage meta data
  */
-function renameStorage (key, name) {
-  if (!_.isString(name)) return Promise.reject(new Error('Name must be a string.'))
+function renameStorage(key, name) {
+  if (!_.isString(name))
+    return Promise.reject(new Error('Name must be a string.'))
 
   let cachedStorageList
   try {
@@ -17,7 +18,7 @@ function renameStorage (key, name) {
     console.error(err)
     return Promise.reject(err)
   }
-  const targetStorage = _.find(cachedStorageList, {key: key})
+  const targetStorage = _.find(cachedStorageList, { key: key })
   if (targetStorage == null) return Promise.reject('Storage')
 
   targetStorage.name = name
diff --git a/browser/main/lib/dataApi/reorderFolder.js b/browser/main/lib/dataApi/reorderFolder.js
index 9102438e..e86ac838 100644
--- a/browser/main/lib/dataApi/reorderFolder.js
+++ b/browser/main/lib/dataApi/reorderFolder.js
@@ -17,7 +17,7 @@ const { findStorage } = require('browser/lib/findStorage')
  * }
  * ```
  */
-function reorderFolder (storageKey, oldIndex, newIndex) {
+function reorderFolder(storageKey, oldIndex, newIndex) {
   let targetStorage
   try {
     if (!_.isNumber(oldIndex)) throw new Error('oldIndex must be a number.')
@@ -28,15 +28,19 @@ function reorderFolder (storageKey, oldIndex, newIndex) {
     return Promise.reject(e)
   }
 
-  return resolveStorageData(targetStorage)
-    .then(function reorderFolder (storage) {
-      storage.folders = _.move(storage.folders, oldIndex, newIndex)
-      CSON.writeFileSync(path.join(storage.path, 'boostnote.json'), _.pick(storage, ['folders', 'version']))
+  return resolveStorageData(targetStorage).then(function reorderFolder(
+    storage
+  ) {
+    storage.folders = _.move(storage.folders, oldIndex, newIndex)
+    CSON.writeFileSync(
+      path.join(storage.path, 'boostnote.json'),
+      _.pick(storage, ['folders', 'version'])
+    )
 
-      return {
-        storage
-      }
-    })
+    return {
+      storage
+    }
+  })
 }
 
 module.exports = reorderFolder
diff --git a/browser/main/lib/dataApi/resolveStorageData.js b/browser/main/lib/dataApi/resolveStorageData.js
index da41f3d0..3476ec7d 100644
--- a/browser/main/lib/dataApi/resolveStorageData.js
+++ b/browser/main/lib/dataApi/resolveStorageData.js
@@ -3,7 +3,7 @@ const path = require('path')
 const CSON = require('@rokt33r/season')
 const migrateFromV6Storage = require('./migrateFromV6Storage')
 
-function resolveStorageData (storageCache) {
+function resolveStorageData(storageCache) {
   const storage = {
     key: storageCache.key,
     name: storageCache.name,
@@ -15,13 +15,14 @@ function resolveStorageData (storageCache) {
   const boostnoteJSONPath = path.join(storageCache.path, 'boostnote.json')
   try {
     const jsonData = CSON.readFileSync(boostnoteJSONPath)
-    if (!_.isArray(jsonData.folders)) throw new Error('folders should be an array.')
+    if (!_.isArray(jsonData.folders))
+      throw new Error('folders should be an array.')
     storage.folders = jsonData.folders
     storage.version = jsonData.version
   } catch (err) {
     if (err.code === 'ENOENT') {
-      console.warn('boostnote.json file doesn\'t exist the given path')
-      CSON.writeFileSync(boostnoteJSONPath, {folders: [], version: '1.0'})
+      console.warn("boostnote.json file doesn't exist the given path")
+      CSON.writeFileSync(boostnoteJSONPath, { folders: [], version: '1.0' })
     } else {
       console.error(err)
     }
@@ -34,8 +35,7 @@ function resolveStorageData (storageCache) {
     return Promise.resolve(storage)
   }
 
-  return migrateFromV6Storage(storage.path)
-    .then(() => storage)
+  return migrateFromV6Storage(storage.path).then(() => storage)
 }
 
 module.exports = resolveStorageData
diff --git a/browser/main/lib/dataApi/resolveStorageNotes.js b/browser/main/lib/dataApi/resolveStorageNotes.js
index 9da27248..e86ecc26 100644
--- a/browser/main/lib/dataApi/resolveStorageNotes.js
+++ b/browser/main/lib/dataApi/resolveStorageNotes.js
@@ -2,14 +2,14 @@ const sander = require('sander')
 const path = require('path')
 const CSON = require('@rokt33r/season')
 
-function resolveStorageNotes (storage) {
+function resolveStorageNotes(storage) {
   const notesDirPath = path.join(storage.path, 'notes')
   let notePathList
   try {
     notePathList = sander.readdirSync(notesDirPath)
   } catch (err) {
     if (err.code === 'ENOENT') {
-      console.error(notesDirPath, ' doesn\'t exist.')
+      console.error(notesDirPath, " doesn't exist.")
       sander.mkdirSync(notesDirPath)
     } else {
       console.warn('Failed to find note dir', notesDirPath, err)
@@ -17,10 +17,10 @@ function resolveStorageNotes (storage) {
     notePathList = []
   }
   const notes = notePathList
-    .filter(function filterOnlyCSONFile (notePath) {
+    .filter(function filterOnlyCSONFile(notePath) {
       return /\.cson$/.test(notePath)
     })
-    .map(function parseCSONFile (notePath) {
+    .map(function parseCSONFile(notePath) {
       try {
         const data = CSON.readFileSync(path.join(notesDirPath, notePath))
         data.key = path.basename(notePath, '.cson')
@@ -30,7 +30,7 @@ function resolveStorageNotes (storage) {
         console.error(`error on note path: ${notePath}, error: ${err}`)
       }
     })
-    .filter(function filterOnlyNoteObject (noteObj) {
+    .filter(function filterOnlyNoteObject(noteObj) {
       return typeof noteObj === 'object'
     })
 
diff --git a/browser/main/lib/dataApi/toggleStorage.js b/browser/main/lib/dataApi/toggleStorage.js
index 246d85ef..013c15d4 100644
--- a/browser/main/lib/dataApi/toggleStorage.js
+++ b/browser/main/lib/dataApi/toggleStorage.js
@@ -6,7 +6,7 @@ const resolveStorageData = require('./resolveStorageData')
  * @param {Boolean} isOpen
  * @return {Object} Storage meta data
  */
-function toggleStorage (key, isOpen) {
+function toggleStorage(key, isOpen) {
   let cachedStorageList
   try {
     cachedStorageList = JSON.parse(localStorage.getItem('storages'))
@@ -15,7 +15,7 @@ function toggleStorage (key, isOpen) {
     console.error(err)
     return Promise.reject(err)
   }
-  const targetStorage = _.find(cachedStorageList, {key: key})
+  const targetStorage = _.find(cachedStorageList, { key: key })
   if (targetStorage == null) return Promise.reject('Storage')
 
   targetStorage.isOpen = isOpen
diff --git a/browser/main/lib/dataApi/updateFolder.js b/browser/main/lib/dataApi/updateFolder.js
index 2a325c60..84658ffc 100644
--- a/browser/main/lib/dataApi/updateFolder.js
+++ b/browser/main/lib/dataApi/updateFolder.js
@@ -22,7 +22,7 @@ const { findStorage } = require('browser/lib/findStorage')
  * }
  * ```
  */
-function updateFolder (storageKey, folderKey, input) {
+function updateFolder(storageKey, folderKey, input) {
   let targetStorage
   try {
     if (input == null) throw new Error('No input found.')
@@ -34,19 +34,21 @@ function updateFolder (storageKey, folderKey, input) {
     return Promise.reject(e)
   }
 
-  return resolveStorageData(targetStorage)
-    .then(function updateFolder (storage) {
-      const targetFolder = _.find(storage.folders, {key: folderKey})
-      if (targetFolder == null) throw new Error('Target folder doesn\'t exist.')
-      targetFolder.name = input.name
-      targetFolder.color = input.color
+  return resolveStorageData(targetStorage).then(function updateFolder(storage) {
+    const targetFolder = _.find(storage.folders, { key: folderKey })
+    if (targetFolder == null) throw new Error("Target folder doesn't exist.")
+    targetFolder.name = input.name
+    targetFolder.color = input.color
 
-      CSON.writeFileSync(path.join(storage.path, 'boostnote.json'), _.pick(storage, ['folders', 'version']))
+    CSON.writeFileSync(
+      path.join(storage.path, 'boostnote.json'),
+      _.pick(storage, ['folders', 'version'])
+    )
 
-      return {
-        storage
-      }
-    })
+    return {
+      storage
+    }
+  })
 }
 
 module.exports = updateFolder
diff --git a/browser/main/lib/dataApi/updateNote.js b/browser/main/lib/dataApi/updateNote.js
index ce9fabcf..775888a6 100644
--- a/browser/main/lib/dataApi/updateNote.js
+++ b/browser/main/lib/dataApi/updateNote.js
@@ -4,13 +4,14 @@ const path = require('path')
 const CSON = require('@rokt33r/season')
 const { findStorage } = require('browser/lib/findStorage')
 
-function validateInput (input) {
+function validateInput(input) {
   const validatedInput = {}
 
   if (input.tags != null) {
     if (!_.isArray(input.tags)) validatedInput.tags = []
-    validatedInput.tags = input.tags
-      .filter((tag) => _.isString(tag) && tag.trim().length > 0)
+    validatedInput.tags = input.tags.filter(
+      tag => _.isString(tag) && tag.trim().length > 0
+    )
   }
 
   if (input.title != null) {
@@ -40,7 +41,8 @@ function validateInput (input) {
         if (!_.isString(input.content)) validatedInput.content = ''
         else validatedInput.content = input.content
 
-        if (!_.isArray(input.linesHighlighted)) validatedInput.linesHighlighted = []
+        if (!_.isArray(input.linesHighlighted))
+          validatedInput.linesHighlighted = []
         else validatedInput.linesHighlighted = input.linesHighlighted
       }
       return validatedInput
@@ -51,30 +53,33 @@ function validateInput (input) {
       }
       if (input.snippets != null) {
         if (!_.isArray(input.snippets)) {
-          validatedInput.snippets = [{
-            name: '',
-            mode: 'text',
-            content: '',
-            linesHighlighted: []
-          }]
+          validatedInput.snippets = [
+            {
+              name: '',
+              mode: 'text',
+              content: '',
+              linesHighlighted: []
+            }
+          ]
         } else {
           validatedInput.snippets = input.snippets
         }
-        validatedInput.snippets
-          .filter((snippet) => {
-            if (!_.isString(snippet.name)) return false
-            if (!_.isString(snippet.mode)) return false
-            if (!_.isString(snippet.content)) return false
-            return true
-          })
+        validatedInput.snippets.filter(snippet => {
+          if (!_.isString(snippet.name)) return false
+          if (!_.isString(snippet.mode)) return false
+          if (!_.isString(snippet.content)) return false
+          return true
+        })
       }
       return validatedInput
     default:
-      throw new Error('Invalid type: only MARKDOWN_NOTE and SNIPPET_NOTE are available.')
+      throw new Error(
+        'Invalid type: only MARKDOWN_NOTE and SNIPPET_NOTE are available.'
+      )
   }
 }
 
-function updateNote (storageKey, noteKey, input) {
+function updateNote(storageKey, noteKey, input) {
   let targetStorage
   try {
     if (input == null) throw new Error('No input found.')
@@ -85,55 +90,61 @@ function updateNote (storageKey, noteKey, input) {
     return Promise.reject(e)
   }
 
-  return resolveStorageData(targetStorage)
-    .then(function saveNote (storage) {
-      let noteData
-      const notePath = path.join(storage.path, 'notes', noteKey + '.cson')
-      try {
-        noteData = CSON.readFileSync(notePath)
-      } catch (err) {
-        console.warn('Failed to find note cson', err)
-        noteData = input.type === 'SNIPPET_NOTE'
+  return resolveStorageData(targetStorage).then(function saveNote(storage) {
+    let noteData
+    const notePath = path.join(storage.path, 'notes', noteKey + '.cson')
+    try {
+      noteData = CSON.readFileSync(notePath)
+    } catch (err) {
+      console.warn('Failed to find note cson', err)
+      noteData =
+        input.type === 'SNIPPET_NOTE'
           ? {
-            type: 'SNIPPET_NOTE',
-            description: [],
-            snippets: [{
-              name: '',
-              mode: 'text',
+              type: 'SNIPPET_NOTE',
+              description: [],
+              snippets: [
+                {
+                  name: '',
+                  mode: 'text',
+                  content: '',
+                  linesHighlighted: []
+                }
+              ]
+            }
+          : {
+              type: 'MARKDOWN_NOTE',
               content: '',
               linesHighlighted: []
-            }]
-          }
-          : {
-            type: 'MARKDOWN_NOTE',
-            content: '',
-            linesHighlighted: []
-          }
-        noteData.title = ''
-        if (storage.folders.length === 0) throw new Error('Failed to restore note: No folder exists.')
-        noteData.folder = storage.folders[0].key
-        noteData.createdAt = new Date()
-        noteData.updatedAt = new Date()
-        noteData.isStarred = false
-        noteData.isTrashed = false
-        noteData.tags = []
-        noteData.isPinned = false
-      }
+            }
+      noteData.title = ''
+      if (storage.folders.length === 0)
+        throw new Error('Failed to restore note: No folder exists.')
+      noteData.folder = storage.folders[0].key
+      noteData.createdAt = new Date()
+      noteData.updatedAt = new Date()
+      noteData.isStarred = false
+      noteData.isTrashed = false
+      noteData.tags = []
+      noteData.isPinned = false
+    }
 
-      if (noteData.type === 'SNIPPET_NOTE') {
-        noteData.title
-      }
+    if (noteData.type === 'SNIPPET_NOTE') {
+      noteData.title
+    }
 
-      Object.assign(noteData, input, {
-        key: noteKey,
-        updatedAt: new Date(),
-        storage: storageKey
-      })
-
-      CSON.writeFileSync(path.join(storage.path, 'notes', noteKey + '.cson'), _.omit(noteData, ['key', 'storage']))
-
-      return noteData
+    Object.assign(noteData, input, {
+      key: noteKey,
+      updatedAt: new Date(),
+      storage: storageKey
     })
+
+    CSON.writeFileSync(
+      path.join(storage.path, 'notes', noteKey + '.cson'),
+      _.omit(noteData, ['key', 'storage'])
+    )
+
+    return noteData
+  })
 }
 
 module.exports = updateNote
diff --git a/browser/main/lib/dataApi/updateSnippet.js b/browser/main/lib/dataApi/updateSnippet.js
index f132d83f..95acf053 100644
--- a/browser/main/lib/dataApi/updateSnippet.js
+++ b/browser/main/lib/dataApi/updateSnippet.js
@@ -1,9 +1,11 @@
 import fs from 'fs'
 import consts from 'browser/lib/consts'
 
-function updateSnippet (snippet, snippetFile) {
+function updateSnippet(snippet, snippetFile) {
   return new Promise((resolve, reject) => {
-    const snippets = JSON.parse(fs.readFileSync(snippetFile || consts.SNIPPET_FILE, 'utf-8'))
+    const snippets = JSON.parse(
+      fs.readFileSync(snippetFile || consts.SNIPPET_FILE, 'utf-8')
+    )
 
     for (let i = 0; i < snippets.length; i++) {
       const currentSnippet = snippets[i]
@@ -21,11 +23,15 @@ function updateSnippet (snippet, snippetFile) {
           currentSnippet.name = snippet.name
           currentSnippet.prefix = snippet.prefix
           currentSnippet.content = snippet.content
-          currentSnippet.linesHighlighted = (snippet.linesHighlighted)
-          fs.writeFile(snippetFile || consts.SNIPPET_FILE, JSON.stringify(snippets, null, 4), (err) => {
-            if (err) reject(err)
-            resolve(snippets)
-          })
+          currentSnippet.linesHighlighted = snippet.linesHighlighted
+          fs.writeFile(
+            snippetFile || consts.SNIPPET_FILE,
+            JSON.stringify(snippets, null, 4),
+            err => {
+              if (err) reject(err)
+              resolve(snippets)
+            }
+          )
         }
       }
     }
diff --git a/browser/main/lib/eventEmitter.js b/browser/main/lib/eventEmitter.js
index 1276545b..370ea3a9 100644
--- a/browser/main/lib/eventEmitter.js
+++ b/browser/main/lib/eventEmitter.js
@@ -1,19 +1,19 @@
 const electron = require('electron')
 const { ipcRenderer, remote } = electron
 
-function on (name, listener) {
+function on(name, listener) {
   ipcRenderer.on(name, listener)
 }
 
-function off (name, listener) {
+function off(name, listener) {
   ipcRenderer.removeListener(name, listener)
 }
 
-function once (name, listener) {
+function once(name, listener) {
   ipcRenderer.once(name, listener)
 }
 
-function emit (name, ...args) {
+function emit(name, ...args) {
   remote.getCurrentWindow().webContents.send(name, ...args)
 }
 
diff --git a/browser/main/lib/ipcClient.js b/browser/main/lib/ipcClient.js
index c06296b5..4c25d52c 100644
--- a/browser/main/lib/ipcClient.js
+++ b/browser/main/lib/ipcClient.js
@@ -12,14 +12,14 @@ nodeIpc.config.silent = true
 nodeIpc.connectTo(
   'node',
   path.join(app.getPath('userData'), 'boostnote.service'),
-  function () {
-    nodeIpc.of.node.on('error', function (err) {
+  function() {
+    nodeIpc.of.node.on('error', function(err) {
       console.error(err)
     })
-    nodeIpc.of.node.on('connect', function () {
-      ipcRenderer.send('config-renew', {config: ConfigManager.get()})
+    nodeIpc.of.node.on('connect', function() {
+      ipcRenderer.send('config-renew', { config: ConfigManager.get() })
     })
-    nodeIpc.of.node.on('disconnect', function () {
+    nodeIpc.of.node.on('disconnect', function() {
       return
     })
   }
diff --git a/browser/main/lib/modal.js b/browser/main/lib/modal.js
index 955cb5c8..08d8c7f1 100644
--- a/browser/main/lib/modal.js
+++ b/browser/main/lib/modal.js
@@ -4,7 +4,7 @@ import ReactDOM from 'react-dom'
 import { store } from '../store'
 
 class ModalBase extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
     this.state = {
       component: null,
@@ -13,20 +13,30 @@ class ModalBase extends React.Component {
     }
   }
 
-  close () {
-    if (modalBase != null) modalBase.setState({component: null, componentProps: null, isHidden: true})
+  close() {
+    if (modalBase != null)
+      modalBase.setState({
+        component: null,
+        componentProps: null,
+        isHidden: true
+      })
     // Toggle overflow style on NoteList
-    const list = document.querySelector('.NoteList__list___browser-main-NoteList-')
+    const list = document.querySelector(
+      '.NoteList__list___browser-main-NoteList-'
+    )
     list.style.overflow = 'auto'
   }
 
-  render () {
+  render() {
     return (
       <div className={'ModalBase' + (this.state.isHidden ? ' hide' : '')}>
-        <div onClick={(e) => this.close(e)} className='modalBack' />
+        <div onClick={e => this.close(e)} className='modalBack' />
         {this.state.component == null ? null : (
           <Provider store={store}>
-            <this.state.component {...this.state.componentProps} close={this.close} />
+            <this.state.component
+              {...this.state.componentProps}
+              close={this.close}
+            />
           </Provider>
         )}
       </div>
@@ -38,21 +48,31 @@ const el = document.createElement('div')
 document.body.appendChild(el)
 const modalBase = ReactDOM.render(<ModalBase />, el)
 
-export function openModal (component, props) {
-  if (modalBase == null) { return }
+export function openModal(component, props) {
+  if (modalBase == null) {
+    return
+  }
   // Hide scrollbar by removing overflow when modal opens
-  const list = document.querySelector('.NoteList__list___browser-main-NoteList-')
+  const list = document.querySelector(
+    '.NoteList__list___browser-main-NoteList-'
+  )
   list.style.overflow = 'hidden'
   document.body.setAttribute('data-modal', 'open')
-  modalBase.setState({component: component, componentProps: props, isHidden: false})
+  modalBase.setState({
+    component: component,
+    componentProps: props,
+    isHidden: false
+  })
 }
 
-export function closeModal () {
-  if (modalBase == null) { return }
+export function closeModal() {
+  if (modalBase == null) {
+    return
+  }
   modalBase.close()
 }
 
-export function isModalOpen () {
+export function isModalOpen() {
   return !modalBase.state.isHidden
 }
 
diff --git a/browser/main/lib/notify.js b/browser/main/lib/notify.js
index 458a784d..6054cb36 100644
--- a/browser/main/lib/notify.js
+++ b/browser/main/lib/notify.js
@@ -1,8 +1,12 @@
 const path = require('path')
 
-function notify (title, options) {
+function notify(title, options) {
   if (process.platform === 'win32') {
-    options.icon = path.join('file://', global.__dirname, '../../resources/app.png')
+    options.icon = path.join(
+      'file://',
+      global.__dirname,
+      '../../resources/app.png'
+    )
     options.silent = false
   }
   return new window.Notification(title, options)
diff --git a/browser/main/lib/shortcut.js b/browser/main/lib/shortcut.js
index 98e26e06..aab644d7 100644
--- a/browser/main/lib/shortcut.js
+++ b/browser/main/lib/shortcut.js
@@ -1,16 +1,16 @@
 import ee from 'browser/main/lib/eventEmitter'
 
 module.exports = {
-  'toggleMode': () => {
+  toggleMode: () => {
     ee.emit('topbar:togglemodebutton')
   },
-  'toggleDirection': () => {
+  toggleDirection: () => {
     ee.emit('topbar:toggledirectionbutton')
   },
-  'deleteNote': () => {
+  deleteNote: () => {
     ee.emit('hotkey:deletenote')
   },
-  'toggleMenuBar': () => {
+  toggleMenuBar: () => {
     ee.emit('menubar:togglemenubar')
   }
 }
diff --git a/browser/main/lib/shortcutManager.js b/browser/main/lib/shortcutManager.js
index ac2a3a08..7575bb99 100644
--- a/browser/main/lib/shortcutManager.js
+++ b/browser/main/lib/shortcutManager.js
@@ -7,7 +7,7 @@ import functions from './shortcut'
 
 let shortcuts = CM.get().hotkey
 
-ee.on('config-renew', function () {
+ee.on('config-renew', function() {
   // only update if hotkey changed !
   const newHotkey = CM.get().hotkey
   if (!isObjectEqual(newHotkey, shortcuts)) {
@@ -15,17 +15,17 @@ ee.on('config-renew', function () {
   }
 })
 
-function updateShortcut (newHotkey) {
+function updateShortcut(newHotkey) {
   Mousetrap.reset()
   shortcuts = newHotkey
   applyShortcuts(newHotkey)
 }
 
-function formatShortcut (shortcut) {
+function formatShortcut(shortcut) {
   return shortcut.toLowerCase().replace(/ /g, '')
 }
 
-function applyShortcuts (shortcuts) {
+function applyShortcuts(shortcuts) {
   for (const shortcut in shortcuts) {
     const toggler = formatShortcut(shortcuts[shortcut])
     // only bind if the function for that shortcut exists
diff --git a/browser/main/modals/CreateFolderModal.js b/browser/main/modals/CreateFolderModal.js
index b48d6e42..26b5a245 100644
--- a/browser/main/modals/CreateFolderModal.js
+++ b/browser/main/modals/CreateFolderModal.js
@@ -10,7 +10,7 @@ import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
 import i18n from 'browser/lib/i18n'
 
 class CreateFolderModal extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -18,39 +18,39 @@ class CreateFolderModal extends React.Component {
     }
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.refs.name.focus()
     this.refs.name.select()
   }
 
-  handleCloseButtonClick (e) {
+  handleCloseButtonClick(e) {
     this.props.close()
   }
 
-  handleChange (e) {
+  handleChange(e) {
     this.setState({
       name: this.refs.name.value
     })
   }
 
-  handleKeyDown (e) {
+  handleKeyDown(e) {
     if (e.keyCode === 27) {
       this.props.close()
     }
   }
 
-  handleInputKeyDown (e) {
+  handleInputKeyDown(e) {
     switch (e.keyCode) {
       case 13:
         this.confirm()
     }
   }
 
-  handleConfirmButtonClick (e) {
+  handleConfirmButtonClick(e) {
     this.confirm()
   }
 
-  confirm () {
+  confirm() {
     AwsMobileAnalyticsConfig.recordDynamicCustomEvent('ADD_FOLDER')
     if (this.state.name.trim().length > 0) {
       const { storage } = this.props
@@ -59,42 +59,48 @@ class CreateFolderModal extends React.Component {
         color: consts.FOLDER_COLORS[Math.floor(Math.random() * 7) % 7]
       }
 
-      dataApi.createFolder(storage.key, input)
-        .then((data) => {
+      dataApi
+        .createFolder(storage.key, input)
+        .then(data => {
           store.dispatch({
             type: 'UPDATE_FOLDER',
             storage: data.storage
           })
           this.props.close()
         })
-        .catch((err) => {
+        .catch(err => {
           console.error(err)
         })
     }
   }
 
-  render () {
+  render() {
     return (
-      <div styleName='root'
+      <div
+        styleName='root'
         tabIndex='-1'
-        onKeyDown={(e) => this.handleKeyDown(e)}
+        onKeyDown={e => this.handleKeyDown(e)}
       >
         <div styleName='header'>
           <div styleName='title'>{i18n.__('Create new folder')}</div>
         </div>
-        <ModalEscButton handleEscButtonClick={(e) => this.handleCloseButtonClick(e)} />
+        <ModalEscButton
+          handleEscButtonClick={e => this.handleCloseButtonClick(e)}
+        />
         <div styleName='control'>
           <div styleName='control-folder'>
             <div styleName='control-folder-label'>{i18n.__('Folder name')}</div>
-            <input styleName='control-folder-input'
+            <input
+              styleName='control-folder-input'
               ref='name'
               value={this.state.name}
-              onChange={(e) => this.handleChange(e)}
-              onKeyDown={(e) => this.handleInputKeyDown(e)}
+              onChange={e => this.handleChange(e)}
+              onKeyDown={e => this.handleInputKeyDown(e)}
             />
           </div>
-          <button styleName='control-confirmButton'
-            onClick={(e) => this.handleConfirmButtonClick(e)}
+          <button
+            styleName='control-confirmButton'
+            onClick={e => this.handleConfirmButtonClick(e)}
           >
             {i18n.__('Create')}
           </button>
diff --git a/browser/main/modals/CreateMarkdownFromURLModal.js b/browser/main/modals/CreateMarkdownFromURLModal.js
index 31988059..090fe5a4 100644
--- a/browser/main/modals/CreateMarkdownFromURLModal.js
+++ b/browser/main/modals/CreateMarkdownFromURLModal.js
@@ -7,7 +7,7 @@ import ModalEscButton from 'browser/components/ModalEscButton'
 import i18n from 'browser/lib/i18n'
 
 class CreateMarkdownFromURLModal extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -17,89 +17,101 @@ class CreateMarkdownFromURLModal extends React.Component {
     }
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.refs.name.focus()
     this.refs.name.select()
   }
 
-  handleCloseButtonClick (e) {
+  handleCloseButtonClick(e) {
     this.props.close()
   }
 
-  handleChange (e) {
+  handleChange(e) {
     this.setState({
       name: this.refs.name.value
     })
   }
 
-  handleKeyDown (e) {
+  handleKeyDown(e) {
     if (e.keyCode === 27) {
       this.props.close()
     }
   }
 
-  handleInputKeyDown (e) {
+  handleInputKeyDown(e) {
     switch (e.keyCode) {
       case 13:
         this.confirm()
     }
   }
 
-  handleConfirmButtonClick (e) {
+  handleConfirmButtonClick(e) {
     this.confirm()
   }
 
-  showError (message) {
+  showError(message) {
     this.setState({
       showerror: true,
       errormessage: message
     })
   }
 
-  hideError () {
+  hideError() {
     this.setState({
       showerror: false,
       errormessage: ''
     })
   }
 
-  confirm () {
+  confirm() {
     this.hideError()
     const { storage, folder, dispatch, location } = this.props
 
-    dataApi.createNoteFromUrl(this.state.name, storage, folder, dispatch, location).then((result) => {
-      this.props.close()
-    }).catch((result) => {
-      this.showError(result.error)
-    })
+    dataApi
+      .createNoteFromUrl(this.state.name, storage, folder, dispatch, location)
+      .then(result => {
+        this.props.close()
+      })
+      .catch(result => {
+        this.showError(result.error)
+      })
   }
 
-  render () {
+  render() {
     return (
-      <div styleName='root'
+      <div
+        styleName='root'
         tabIndex='-1'
-        onKeyDown={(e) => this.handleKeyDown(e)}
+        onKeyDown={e => this.handleKeyDown(e)}
       >
         <div styleName='header'>
           <div styleName='title'>{i18n.__('Import Markdown From URL')}</div>
         </div>
-        <ModalEscButton handleEscButtonClick={(e) => this.handleCloseButtonClick(e)} />
+        <ModalEscButton
+          handleEscButtonClick={e => this.handleCloseButtonClick(e)}
+        />
         <div styleName='control'>
           <div styleName='control-folder'>
-            <div styleName='control-folder-label'>{i18n.__('Insert URL Here')}</div>
-            <input styleName='control-folder-input'
+            <div styleName='control-folder-label'>
+              {i18n.__('Insert URL Here')}
+            </div>
+            <input
+              styleName='control-folder-input'
               ref='name'
               value={this.state.name}
-              onChange={(e) => this.handleChange(e)}
-              onKeyDown={(e) => this.handleInputKeyDown(e)}
+              onChange={e => this.handleChange(e)}
+              onKeyDown={e => this.handleInputKeyDown(e)}
             />
           </div>
-          <button styleName='control-confirmButton'
-            onClick={(e) => this.handleConfirmButtonClick(e)}
+          <button
+            styleName='control-confirmButton'
+            onClick={e => this.handleConfirmButtonClick(e)}
           >
             {i18n.__('Import')}
           </button>
-          <div className='error' styleName='error'>{this.state.errormessage}</div>
+          <div className='error' styleName='error'>
+            {this.state.errormessage}
+          </div>
         </div>
       </div>
     )
diff --git a/browser/main/modals/NewNoteModal.js b/browser/main/modals/NewNoteModal.js
index 476fa252..c06e91e3 100644
--- a/browser/main/modals/NewNoteModal.js
+++ b/browser/main/modals/NewNoteModal.js
@@ -9,21 +9,21 @@ import { createMarkdownNote, createSnippetNote } from 'browser/lib/newNote'
 import queryString from 'query-string'
 
 class NewNoteModal extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
     this.lock = false
     this.state = {}
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.refs.markdownButton.focus()
   }
 
-  handleCloseButtonClick (e) {
+  handleCloseButtonClick(e) {
     this.props.close()
   }
 
-  handleCreateMarkdownFromUrlClick (e) {
+  handleCreateMarkdownFromUrlClick(e) {
     this.props.close()
 
     const { storage, folder, dispatch, location } = this.props
@@ -35,49 +35,63 @@ class NewNoteModal extends React.Component {
     })
   }
 
-  handleMarkdownNoteButtonClick (e) {
+  handleMarkdownNoteButtonClick(e) {
     const { storage, folder, dispatch, location, config } = this.props
     const params = location.search !== '' && queryString.parse(location.search)
     if (!this.lock) {
       this.lock = true
-      createMarkdownNote(storage, folder, dispatch, location, params, config).then(() => {
+      createMarkdownNote(
+        storage,
+        folder,
+        dispatch,
+        location,
+        params,
+        config
+      ).then(() => {
         setTimeout(this.props.close, 200)
       })
     }
   }
 
-  handleMarkdownNoteButtonKeyDown (e) {
+  handleMarkdownNoteButtonKeyDown(e) {
     if (e.keyCode === 9) {
       e.preventDefault()
       this.refs.snippetButton.focus()
     }
   }
 
-  handleSnippetNoteButtonClick (e) {
+  handleSnippetNoteButtonClick(e) {
     const { storage, folder, dispatch, location, config } = this.props
     const params = location.search !== '' && queryString.parse(location.search)
     if (!this.lock) {
       this.lock = true
-      createSnippetNote(storage, folder, dispatch, location, params, config).then(() => {
+      createSnippetNote(
+        storage,
+        folder,
+        dispatch,
+        location,
+        params,
+        config
+      ).then(() => {
         setTimeout(this.props.close, 200)
       })
     }
   }
 
-  handleSnippetNoteButtonKeyDown (e) {
+  handleSnippetNoteButtonKeyDown(e) {
     if (e.keyCode === 9) {
       e.preventDefault()
       this.refs.markdownButton.focus()
     }
   }
 
-  handleKeyDown (e) {
+  handleKeyDown(e) {
     if (e.keyCode === 27) {
       this.props.close()
     }
   }
 
-  render () {
+  render() {
     return (
       <div
         styleName='root'
@@ -116,7 +130,8 @@ class NewNoteModal extends React.Component {
             onKeyDown={e => this.handleSnippetNoteButtonKeyDown(e)}
             ref='snippetButton'
           >
-            <i styleName='control-button-icon' className='fa fa-code' /><br />
+            <i styleName='control-button-icon' className='fa fa-code' />
+            <br />
             <span styleName='control-button-label'>
               {i18n.__('Snippet Note')}
             </span>
@@ -127,10 +142,17 @@ class NewNoteModal extends React.Component {
               )}
             </span>
           </button>
-
         </div>
-        <div styleName='description'><i className='fa fa-arrows-h' />{i18n.__('Tab to switch format')}</div>
-        <div styleName='from-url' onClick={(e) => this.handleCreateMarkdownFromUrlClick(e)}>Or, create a new markdown note from a URL</div>
+        <div styleName='description'>
+          <i className='fa fa-arrows-h' />
+          {i18n.__('Tab to switch format')}
+        </div>
+        <div
+          styleName='from-url'
+          onClick={e => this.handleCreateMarkdownFromUrlClick(e)}
+        >
+          Or, create a new markdown note from a URL
+        </div>
       </div>
     )
   }
diff --git a/browser/main/modals/PreferencesModal/Blog.js b/browser/main/modals/PreferencesModal/Blog.js
index 4d59bea1..26b4839d 100644
--- a/browser/main/modals/PreferencesModal/Blog.js
+++ b/browser/main/modals/PreferencesModal/Blog.js
@@ -11,7 +11,7 @@ const electron = require('electron')
 const { shell } = electron
 const ipc = electron.ipcRenderer
 class Blog extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -20,12 +20,12 @@ class Blog extends React.Component {
     }
   }
 
-  handleLinkClick (e) {
+  handleLinkClick(e) {
     shell.openExternal(e.currentTarget.href)
     e.preventDefault()
   }
 
-  clearMessage () {
+  clearMessage() {
     _.debounce(() => {
       this.setState({
         BlogAlert: null
@@ -33,30 +33,41 @@ class Blog extends React.Component {
     }, 2000)()
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.handleSettingDone = () => {
-      this.setState({BlogAlert: {
-        type: 'success',
-        message: i18n.__('Successfully applied!')
-      }})
+      this.setState({
+        BlogAlert: {
+          type: 'success',
+          message: i18n.__('Successfully applied!')
+        }
+      })
     }
-    this.handleSettingError = (err) => {
-      this.setState({BlogAlert: {
-        type: 'error',
-        message: err.message != null ? err.message : i18n.__('An error occurred!')
-      }})
+    this.handleSettingError = err => {
+      this.setState({
+        BlogAlert: {
+          type: 'error',
+          message:
+            err.message != null ? err.message : i18n.__('An error occurred!')
+        }
+      })
     }
     this.oldBlog = this.state.config.blog
     ipc.addListener('APP_SETTING_DONE', this.handleSettingDone)
     ipc.addListener('APP_SETTING_ERROR', this.handleSettingError)
   }
 
-  handleBlogChange (e) {
+  handleBlogChange(e) {
     const { config } = this.state
     config.blog = {
-      password: !_.isNil(this.refs.passwordInput) ? this.refs.passwordInput.value : config.blog.password,
-      username: !_.isNil(this.refs.usernameInput) ? this.refs.usernameInput.value : config.blog.username,
-      token: !_.isNil(this.refs.tokenInput) ? this.refs.tokenInput.value : config.blog.token,
+      password: !_.isNil(this.refs.passwordInput)
+        ? this.refs.passwordInput.value
+        : config.blog.password,
+      username: !_.isNil(this.refs.usernameInput)
+        ? this.refs.usernameInput.value
+        : config.blog.username,
+      token: !_.isNil(this.refs.tokenInput)
+        ? this.refs.tokenInput.value
+        : config.blog.token,
       authMethod: this.refs.authMethodDropdown.value,
       address: this.refs.addressInput.value,
       type: this.refs.typeDropdown.value
@@ -75,7 +86,7 @@ class Blog extends React.Component {
     }
   }
 
-  handleSaveButtonClick (e) {
+  handleSaveButtonClick(e) {
     const newConfig = {
       blog: this.state.config.blog
     }
@@ -90,36 +101,36 @@ class Blog extends React.Component {
     this.props.haveToSave()
   }
 
-  render () {
-    const {config, BlogAlert} = this.state
-    const blogAlertElement = BlogAlert != null
-      ? <p className={`alert ${BlogAlert.type}`}>
-        {BlogAlert.message}
-      </p>
-      : null
+  render() {
+    const { config, BlogAlert } = this.state
+    const blogAlertElement =
+      BlogAlert != null ? (
+        <p className={`alert ${BlogAlert.type}`}>{BlogAlert.message}</p>
+      ) : null
     return (
       <div styleName='root'>
         <div styleName='group'>
           <div styleName='group-header'>{i18n.__('Blog')}</div>
           <div styleName='group-section'>
-            <div styleName='group-section-label'>
-              {i18n.__('Blog Type')}
-            </div>
+            <div styleName='group-section-label'>{i18n.__('Blog Type')}</div>
             <div styleName='group-section-control'>
               <select
                 value={config.blog.type}
                 ref='typeDropdown'
-                onChange={(e) => this.handleBlogChange(e)}
+                onChange={e => this.handleBlogChange(e)}
               >
-                <option value='wordpress' key='wordpress'>{i18n.__('wordpress')}</option>
+                <option value='wordpress' key='wordpress'>
+                  {i18n.__('wordpress')}
+                </option>
               </select>
             </div>
           </div>
           <div styleName='group-section'>
             <div styleName='group-section-label'>{i18n.__('Blog Address')}</div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
-                onChange={(e) => this.handleBlogChange(e)}
+              <input
+                styleName='group-section-control-input'
+                onChange={e => this.handleBlogChange(e)}
                 ref='addressInput'
                 value={config.blog.address}
                 type='text'
@@ -127,8 +138,11 @@ class Blog extends React.Component {
             </div>
           </div>
           <div styleName='group-control'>
-            <button styleName='group-control-rightButton'
-              onClick={(e) => this.handleSaveButtonClick(e)}>{i18n.__('Save')}
+            <button
+              styleName='group-control-rightButton'
+              onClick={e => this.handleSaveButtonClick(e)}
+            >
+              {i18n.__('Save')}
             </button>
             {blogAlertElement}
           </div>
@@ -143,49 +157,59 @@ class Blog extends React.Component {
             <select
               value={config.blog.authMethod}
               ref='authMethodDropdown'
-              onChange={(e) => this.handleBlogChange(e)}
+              onChange={e => this.handleBlogChange(e)}
             >
-              <option value='JWT' key='JWT'>{i18n.__('JWT')}</option>
-              <option value='USER' key='USER'>{i18n.__('USER')}</option>
+              <option value='JWT' key='JWT'>
+                {i18n.__('JWT')}
+              </option>
+              <option value='USER' key='USER'>
+                {i18n.__('USER')}
+              </option>
             </select>
           </div>
         </div>
-        { config.blog.authMethod === 'JWT' &&
+        {config.blog.authMethod === 'JWT' && (
           <div styleName='group-section'>
             <div styleName='group-section-label'>{i18n.__('Token')}</div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
-                onChange={(e) => this.handleBlogChange(e)}
+              <input
+                styleName='group-section-control-input'
+                onChange={e => this.handleBlogChange(e)}
                 ref='tokenInput'
                 value={config.blog.token}
-                type='text' />
+                type='text'
+              />
             </div>
           </div>
-        }
-        { config.blog.authMethod === 'USER' &&
+        )}
+        {config.blog.authMethod === 'USER' && (
           <div>
             <div styleName='group-section'>
               <div styleName='group-section-label'>{i18n.__('UserName')}</div>
               <div styleName='group-section-control'>
-                <input styleName='group-section-control-input'
-                  onChange={(e) => this.handleBlogChange(e)}
+                <input
+                  styleName='group-section-control-input'
+                  onChange={e => this.handleBlogChange(e)}
                   ref='usernameInput'
                   value={config.blog.username}
-                  type='text' />
+                  type='text'
+                />
               </div>
             </div>
             <div styleName='group-section'>
               <div styleName='group-section-label'>{i18n.__('Password')}</div>
               <div styleName='group-section-control'>
-                <input styleName='group-section-control-input'
-                  onChange={(e) => this.handleBlogChange(e)}
+                <input
+                  styleName='group-section-control-input'
+                  onChange={e => this.handleBlogChange(e)}
                   ref='passwordInput'
                   value={config.blog.password}
-                  type='password' />
+                  type='password'
+                />
               </div>
             </div>
           </div>
-        }
+        )}
       </div>
     )
   }
diff --git a/browser/main/modals/PreferencesModal/Crowdfunding.js b/browser/main/modals/PreferencesModal/Crowdfunding.js
index 56bb6e34..a5d37718 100644
--- a/browser/main/modals/PreferencesModal/Crowdfunding.js
+++ b/browser/main/modals/PreferencesModal/Crowdfunding.js
@@ -7,50 +7,93 @@ const electron = require('electron')
 const { shell } = electron
 
 class Crowdfunding extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
-    this.state = {
-    }
+    this.state = {}
   }
 
-  handleLinkClick (e) {
+  handleLinkClick(e) {
     shell.openExternal(e.currentTarget.href)
     e.preventDefault()
   }
 
-  render () {
+  render() {
     return (
       <div styleName='root'>
         <div styleName='group-header'>{i18n.__('Crowdfunding')}</div>
         <p>{i18n.__('Thank you for using Boostnote!')}</p>
         <br />
-        <p>{i18n.__('We launched IssueHunt which is an issue-based crowdfunding / sourcing platform for open source projects.')}</p>
-        <p>{i18n.__('Anyone can put a bounty on not only a bug but also on OSS feature requests listed on IssueHunt. Collected funds will be distributed to project owners and contributors.')}</p>
-        <div styleName='group-header2--sub'>{i18n.__('Sustainable Open Source Ecosystem')}</div>
-        <p>{i18n.__('We discussed about open-source ecosystem and IssueHunt concept with the Boostnote team repeatedly. We actually also discussed with Matz who father of Ruby.')}</p>
-        <p>{i18n.__('The original reason why we made IssueHunt was to reward our contributors of Boostnote project. We’ve got tons of Github stars and hundred of contributors in two years.')}</p>
-        <p>{i18n.__('We thought that it will be nice if we can pay reward for our contributors.')}</p>
-        <div styleName='group-header2--sub'>{i18n.__('We believe Meritocracy')}</div>
-        <p>{i18n.__('We think developers who have skills and do great things must be rewarded properly.')}</p>
-        <p>{i18n.__('OSS projects are used in everywhere on the internet, but no matter how they great, most of owners of those projects need to have another job to sustain their living.')}</p>
+        <p>
+          {i18n.__(
+            'We launched IssueHunt which is an issue-based crowdfunding / sourcing platform for open source projects.'
+          )}
+        </p>
+        <p>
+          {i18n.__(
+            'Anyone can put a bounty on not only a bug but also on OSS feature requests listed on IssueHunt. Collected funds will be distributed to project owners and contributors.'
+          )}
+        </p>
+        <div styleName='group-header2--sub'>
+          {i18n.__('Sustainable Open Source Ecosystem')}
+        </div>
+        <p>
+          {i18n.__(
+            'We discussed about open-source ecosystem and IssueHunt concept with the Boostnote team repeatedly. We actually also discussed with Matz who father of Ruby.'
+          )}
+        </p>
+        <p>
+          {i18n.__(
+            'The original reason why we made IssueHunt was to reward our contributors of Boostnote project. We’ve got tons of Github stars and hundred of contributors in two years.'
+          )}
+        </p>
+        <p>
+          {i18n.__(
+            'We thought that it will be nice if we can pay reward for our contributors.'
+          )}
+        </p>
+        <div styleName='group-header2--sub'>
+          {i18n.__('We believe Meritocracy')}
+        </div>
+        <p>
+          {i18n.__(
+            'We think developers who have skills and do great things must be rewarded properly.'
+          )}
+        </p>
+        <p>
+          {i18n.__(
+            'OSS projects are used in everywhere on the internet, but no matter how they great, most of owners of those projects need to have another job to sustain their living.'
+          )}
+        </p>
         <p>{i18n.__('It sometimes looks like exploitation.')}</p>
-        <p>{i18n.__('We’ve realized IssueHunt could enhance sustainability of open-source ecosystem.')}</p>
+        <p>
+          {i18n.__(
+            'We’ve realized IssueHunt could enhance sustainability of open-source ecosystem.'
+          )}
+        </p>
         <br />
-        <p>{i18n.__('As same as issues of Boostnote are already funded on IssueHunt, your open-source projects can be also started funding from now.')}</p>
+        <p>
+          {i18n.__(
+            'As same as issues of Boostnote are already funded on IssueHunt, your open-source projects can be also started funding from now.'
+          )}
+        </p>
         <br />
         <p>{i18n.__('Thank you,')}</p>
         <p>{i18n.__('The Boostnote Team')}</p>
         <br />
         <button styleName='cf-link'>
-          <a href='http://bit.ly/issuehunt-from-boostnote-app' onClick={(e) => this.handleLinkClick(e)}>{i18n.__('See IssueHunt')}</a>
+          <a
+            href='http://bit.ly/issuehunt-from-boostnote-app'
+            onClick={e => this.handleLinkClick(e)}
+          >
+            {i18n.__('See IssueHunt')}
+          </a>
         </button>
       </div>
     )
   }
 }
 
-Crowdfunding.propTypes = {
-}
+Crowdfunding.propTypes = {}
 
 export default CSSModules(Crowdfunding, styles)
diff --git a/browser/main/modals/PreferencesModal/FolderItem.js b/browser/main/modals/PreferencesModal/FolderItem.js
index 648db4e6..6418bb6a 100644
--- a/browser/main/modals/PreferencesModal/FolderItem.js
+++ b/browser/main/modals/PreferencesModal/FolderItem.js
@@ -10,7 +10,7 @@ import { SortableElement, SortableHandle } from 'react-sortable-hoc'
 import i18n from 'browser/lib/i18n'
 
 class FolderItem extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -24,7 +24,7 @@ class FolderItem extends React.Component {
     }
   }
 
-  handleEditChange (e) {
+  handleEditChange(e) {
     const { folder } = this.state
 
     folder.name = this.refs.nameInput.value
@@ -33,18 +33,18 @@ class FolderItem extends React.Component {
     })
   }
 
-  handleConfirmButtonClick (e) {
+  handleConfirmButtonClick(e) {
     this.confirm()
   }
 
-  confirm () {
+  confirm() {
     const { storage, folder } = this.props
     dataApi
       .updateFolder(storage.key, folder.key, {
         color: this.state.folder.color,
         name: this.state.folder.name
       })
-      .then((data) => {
+      .then(data => {
         store.dispatch({
           type: 'UPDATE_FOLDER',
           storage: data.storage
@@ -55,9 +55,12 @@ class FolderItem extends React.Component {
       })
   }
 
-  handleColorButtonClick (e) {
-    const folder = Object.assign({}, this.state.folder, { showColumnPicker: true, colorPickerPos: { left: 0, top: 0 } })
-    this.setState({ folder }, function () {
+  handleColorButtonClick(e) {
+    const folder = Object.assign({}, this.state.folder, {
+      showColumnPicker: true,
+      colorPickerPos: { left: 0, top: 0 }
+    })
+    this.setState({ folder }, function() {
       // After the color picker has been painted, re-calculate its position
       // by comparing its dimensions to the host dimensions.
       const { hostBoundingBox } = this.props
@@ -67,30 +70,32 @@ class FolderItem extends React.Component {
       const folder = Object.assign({}, this.state.folder, {
         colorPickerPos: {
           left: 25,
-          top: offsetTop < 0 ? offsetTop - 5 : 0  // subtract 5px for aestetics
+          top: offsetTop < 0 ? offsetTop - 5 : 0 // subtract 5px for aestetics
         }
       })
       this.setState({ folder })
     })
   }
 
-  handleColorChange (color) {
+  handleColorChange(color) {
     const folder = Object.assign({}, this.state.folder, { color: color.hex })
     this.setState({ folder })
   }
 
-  handleColorPickerClose (event) {
-    const folder = Object.assign({}, this.state.folder, { showColumnPicker: false })
+  handleColorPickerClose(event) {
+    const folder = Object.assign({}, this.state.folder, {
+      showColumnPicker: false
+    })
     this.setState({ folder })
   }
 
-  handleCancelButtonClick (e) {
+  handleCancelButtonClick(e) {
     this.setState({
       status: 'IDLE'
     })
   }
 
-  handleFolderItemBlur (e) {
+  handleFolderItemBlur(e) {
     let el = e.relatedTarget
     while (el != null) {
       if (el === this.refs.root) {
@@ -101,7 +106,7 @@ class FolderItem extends React.Component {
     this.confirm()
   }
 
-  renderEdit (e) {
+  renderEdit(e) {
     const popover = { position: 'absolute', zIndex: 2 }
     const cover = {
       position: 'fixed',
@@ -110,51 +115,64 @@ class FolderItem extends React.Component {
       bottom: 0,
       left: 0
     }
-    const pickerStyle = Object.assign({}, {
-      position: 'absolute'
-    }, this.state.folder.colorPickerPos)
+    const pickerStyle = Object.assign(
+      {},
+      {
+        position: 'absolute'
+      },
+      this.state.folder.colorPickerPos
+    )
     return (
-      <div styleName='folderItem'
-        onBlur={(e) => this.handleFolderItemBlur(e)}
+      <div
+        styleName='folderItem'
+        onBlur={e => this.handleFolderItemBlur(e)}
         tabIndex='-1'
         ref='root'
       >
         <div styleName='folderItem-left'>
-          <button styleName='folderItem-left-colorButton' style={{color: this.state.folder.color}}
-            onClick={(e) => !this.state.folder.showColumnPicker && this.handleColorButtonClick(e)}
+          <button
+            styleName='folderItem-left-colorButton'
+            style={{ color: this.state.folder.color }}
+            onClick={e =>
+              !this.state.folder.showColumnPicker &&
+              this.handleColorButtonClick(e)
+            }
           >
-            {this.state.folder.showColumnPicker
-              ? <div style={popover}>
-                <div style={cover}
+            {this.state.folder.showColumnPicker ? (
+              <div style={popover}>
+                <div
+                  style={cover}
                   onClick={() => this.handleColorPickerClose()}
                 />
                 <div style={pickerStyle}>
                   <SketchPicker
                     ref='colorPicker'
                     color={this.state.folder.color}
-                    onChange={(color) => this.handleColorChange(color)}
-                    onChangeComplete={(color) => this.handleColorChange(color)}
+                    onChange={color => this.handleColorChange(color)}
+                    onChangeComplete={color => this.handleColorChange(color)}
                   />
                 </div>
               </div>
-              : null
-            }
+            ) : null}
             <i className='fa fa-square' />
           </button>
-          <input styleName='folderItem-left-nameInput'
+          <input
+            styleName='folderItem-left-nameInput'
             value={this.state.folder.name}
             ref='nameInput'
-            onChange={(e) => this.handleEditChange(e)}
+            onChange={e => this.handleEditChange(e)}
           />
         </div>
         <div styleName='folderItem-right'>
-          <button styleName='folderItem-right-confirmButton'
-            onClick={(e) => this.handleConfirmButtonClick(e)}
+          <button
+            styleName='folderItem-right-confirmButton'
+            onClick={e => this.handleConfirmButtonClick(e)}
           >
             {i18n.__('Confirm')}
           </button>
-          <button styleName='folderItem-right-button'
-            onClick={(e) => this.handleCancelButtonClick(e)}
+          <button
+            styleName='folderItem-right-button'
+            onClick={e => this.handleCancelButtonClick(e)}
           >
             {i18n.__('Cancel')}
           </button>
@@ -163,79 +181,85 @@ class FolderItem extends React.Component {
     )
   }
 
-  handleDeleteConfirmButtonClick (e) {
+  handleDeleteConfirmButtonClick(e) {
     const { storage, folder } = this.props
-    dataApi
-      .deleteFolder(storage.key, folder.key)
-      .then((data) => {
-        store.dispatch({
-          type: 'DELETE_FOLDER',
-          storage: data.storage,
-          folderKey: data.folderKey
-        })
+    dataApi.deleteFolder(storage.key, folder.key).then(data => {
+      store.dispatch({
+        type: 'DELETE_FOLDER',
+        storage: data.storage,
+        folderKey: data.folderKey
       })
-  }
-
-  renderDelete () {
-    return (
-      <div styleName='folderItem'>
-        <div styleName='folderItem-left'>
-          {i18n.__('Are you sure to ')} <span styleName='folderItem-left-danger'>{i18n.__(' delete')}</span> {i18n.__('this folder?')}
-        </div>
-        <div styleName='folderItem-right'>
-          <button styleName='folderItem-right-dangerButton'
-            onClick={(e) => this.handleDeleteConfirmButtonClick(e)}
-          >
-            {i18n.__('Confirm')}
-          </button>
-          <button styleName='folderItem-right-button'
-            onClick={(e) => this.handleCancelButtonClick(e)}
-          >
-            {i18n.__('Cancel')}
-          </button>
-        </div>
-      </div>
-    )
-  }
-
-  handleEditButtonClick (e) {
-    const { folder: propsFolder } = this.props
-    const { folder: stateFolder } = this.state
-    const folder = Object.assign({}, stateFolder, propsFolder)
-    this.setState({
-      status: 'EDIT',
-      folder
-    }, () => {
-      this.refs.nameInput.select()
     })
   }
 
-  handleDeleteButtonClick (e) {
+  renderDelete() {
+    return (
+      <div styleName='folderItem'>
+        <div styleName='folderItem-left'>
+          {i18n.__('Are you sure to ')}{' '}
+          <span styleName='folderItem-left-danger'>{i18n.__(' delete')}</span>{' '}
+          {i18n.__('this folder?')}
+        </div>
+        <div styleName='folderItem-right'>
+          <button
+            styleName='folderItem-right-dangerButton'
+            onClick={e => this.handleDeleteConfirmButtonClick(e)}
+          >
+            {i18n.__('Confirm')}
+          </button>
+          <button
+            styleName='folderItem-right-button'
+            onClick={e => this.handleCancelButtonClick(e)}
+          >
+            {i18n.__('Cancel')}
+          </button>
+        </div>
+      </div>
+    )
+  }
+
+  handleEditButtonClick(e) {
+    const { folder: propsFolder } = this.props
+    const { folder: stateFolder } = this.state
+    const folder = Object.assign({}, stateFolder, propsFolder)
+    this.setState(
+      {
+        status: 'EDIT',
+        folder
+      },
+      () => {
+        this.refs.nameInput.select()
+      }
+    )
+  }
+
+  handleDeleteButtonClick(e) {
     this.setState({
       status: 'DELETE'
     })
   }
 
-  renderIdle () {
+  renderIdle() {
     const { folder } = this.props
     return (
-      <div styleName='folderItem'
-        onDoubleClick={(e) => this.handleEditButtonClick(e)}
+      <div
+        styleName='folderItem'
+        onDoubleClick={e => this.handleEditButtonClick(e)}
       >
-        <div styleName='folderItem-left'
-          style={{borderColor: folder.color}}
-        >
+        <div styleName='folderItem-left' style={{ borderColor: folder.color }}>
           <span>{folder.name}</span>
           <span styleName='folderItem-left-key'>({folder.key})</span>
         </div>
         <div styleName='folderItem-right'>
-          <button styleName='folderItem-right-button'
-            onClick={(e) => this.handleEditButtonClick(e)}
+          <button
+            styleName='folderItem-right-button'
+            onClick={e => this.handleEditButtonClick(e)}
           >
             {i18n.__('Edit')}
           </button>
-          <button styleName='folderItem-right-button'
-            onClick={(e) => this.handleDeleteButtonClick(e)}
+          <button
+            styleName='folderItem-right-button'
+            onClick={e => this.handleDeleteButtonClick(e)}
           >
             {i18n.__('Delete')}
           </button>
@@ -244,7 +268,7 @@ class FolderItem extends React.Component {
     )
   }
 
-  render () {
+  render() {
     switch (this.state.status) {
       case 'DELETE':
         return this.renderDelete()
@@ -277,7 +301,7 @@ FolderItem.propTypes = {
 }
 
 class Handle extends React.Component {
-  render () {
+  render() {
     return (
       <div styleName='folderItem-drag-handle'>
         <i className='fa fa-reorder' />
@@ -287,7 +311,7 @@ class Handle extends React.Component {
 }
 
 class SortableFolderItemComponent extends React.Component {
-  render () {
+  render() {
     const StyledHandle = CSSModules(Handle, styles)
     const DragHandle = SortableHandle(StyledHandle)
 
diff --git a/browser/main/modals/PreferencesModal/FolderList.js b/browser/main/modals/PreferencesModal/FolderList.js
index 674026c5..f751d250 100644
--- a/browser/main/modals/PreferencesModal/FolderList.js
+++ b/browser/main/modals/PreferencesModal/FolderList.js
@@ -9,24 +9,28 @@ import { SortableContainer } from 'react-sortable-hoc'
 import i18n from 'browser/lib/i18n'
 
 class FolderList extends React.Component {
-  render () {
+  render() {
     const { storage, hostBoundingBox } = this.props
 
     const folderList = storage.folders.map((folder, index) => {
-      return <FolderItem key={folder.key}
-        folder={folder}
-        storage={storage}
-        index={index}
-        hostBoundingBox={hostBoundingBox}
-      />
+      return (
+        <FolderItem
+          key={folder.key}
+          folder={folder}
+          storage={storage}
+          index={index}
+          hostBoundingBox={hostBoundingBox}
+        />
+      )
     })
 
     return (
       <div>
-        {folderList.length > 0
-          ? folderList
-          : <div styleName='folderList-empty'>{i18n.__('No Folders')}</div>
-        }
+        {folderList.length > 0 ? (
+          folderList
+        ) : (
+          <div styleName='folderList-empty'>{i18n.__('No Folders')}</div>
+        )}
       </div>
     )
   }
@@ -52,23 +56,21 @@ FolderList.propTypes = {
 }
 
 class SortableFolderListComponent extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
-    this.onSortEnd = ({oldIndex, newIndex}) => {
+    this.onSortEnd = ({ oldIndex, newIndex }) => {
       const { storage } = this.props
-      dataApi
-        .reorderFolder(storage.key, oldIndex, newIndex)
-        .then((data) => {
-          store.dispatch({
-            type: 'REORDER_FOLDER',
-            storage: data.storage
-          })
-          this.setState()
+      dataApi.reorderFolder(storage.key, oldIndex, newIndex).then(data => {
+        store.dispatch({
+          type: 'REORDER_FOLDER',
+          storage: data.storage
         })
+        this.setState()
+      })
     }
   }
 
-  render () {
+  render() {
     const StyledFolderList = CSSModules(FolderList, this.props.styles)
     const SortableFolderList = SortableContainer(StyledFolderList)
 
diff --git a/browser/main/modals/PreferencesModal/HotkeyTab.js b/browser/main/modals/PreferencesModal/HotkeyTab.js
index 00fea4f0..1bba78e3 100644
--- a/browser/main/modals/PreferencesModal/HotkeyTab.js
+++ b/browser/main/modals/PreferencesModal/HotkeyTab.js
@@ -11,7 +11,7 @@ const electron = require('electron')
 const ipc = electron.ipcRenderer
 
 class HotkeyTab extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -20,28 +20,35 @@ class HotkeyTab extends React.Component {
     }
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.handleSettingDone = () => {
-      this.setState({keymapAlert: {
-        type: 'success',
-        message: i18n.__('Successfully applied!')
-      }})
+      this.setState({
+        keymapAlert: {
+          type: 'success',
+          message: i18n.__('Successfully applied!')
+        }
+      })
     }
-    this.handleSettingError = (err) => {
+    this.handleSettingError = err => {
       if (
         this.state.config.hotkey.toggleMain === '' ||
         this.state.config.hotkey.toggleMode === '' ||
         this.state.config.hotkey.toggleDirection === ''
       ) {
-        this.setState({keymapAlert: {
-          type: 'success',
-          message: i18n.__('Successfully applied!')
-        }})
+        this.setState({
+          keymapAlert: {
+            type: 'success',
+            message: i18n.__('Successfully applied!')
+          }
+        })
       } else {
-        this.setState({keymapAlert: {
-          type: 'error',
-          message: err.message != null ? err.message : i18n.__('An error occurred!')
-        }})
+        this.setState({
+          keymapAlert: {
+            type: 'error',
+            message:
+              err.message != null ? err.message : i18n.__('An error occurred!')
+          }
+        })
       }
     }
     this.oldHotkey = this.state.config.hotkey
@@ -49,12 +56,12 @@ class HotkeyTab extends React.Component {
     ipc.addListener('APP_SETTING_ERROR', this.handleSettingError)
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     ipc.removeListener('APP_SETTING_DONE', this.handleSettingDone)
     ipc.removeListener('APP_SETTING_ERROR', this.handleSettingError)
   }
 
-  handleSaveButtonClick (e) {
+  handleSaveButtonClick(e) {
     const newConfig = {
       hotkey: this.state.config.hotkey
     }
@@ -69,13 +76,13 @@ class HotkeyTab extends React.Component {
     this.props.haveToSave()
   }
 
-  handleHintToggleButtonClick (e) {
+  handleHintToggleButtonClick(e) {
     this.setState({
       isHotkeyHintOpen: !this.state.isHotkeyHintOpen
     })
   }
 
-  handleHotkeyChange (e) {
+  handleHotkeyChange(e) {
     const { config } = this.state
     config.hotkey = Object.assign({}, config.hotkey, {
       toggleMain: this.refs.toggleMain.value,
@@ -102,7 +109,7 @@ class HotkeyTab extends React.Component {
     }
   }
 
-  clearMessage () {
+  clearMessage() {
     _.debounce(() => {
       this.setState({
         keymapAlert: null
@@ -110,13 +117,12 @@ class HotkeyTab extends React.Component {
     }, 2000)()
   }
 
-  render () {
+  render() {
     const keymapAlert = this.state.keymapAlert
-    const keymapAlertElement = keymapAlert != null
-      ? <p className={`alert ${keymapAlert.type}`}>
-        {keymapAlert.message}
-      </p>
-      : null
+    const keymapAlertElement =
+      keymapAlert != null ? (
+        <p className={`alert ${keymapAlert.type}`}>{keymapAlert.message}</p>
+      ) : null
     const { config } = this.state
 
     return (
@@ -124,10 +130,13 @@ class HotkeyTab extends React.Component {
         <div styleName='group'>
           <div styleName='group-header'>{i18n.__('Hotkeys')}</div>
           <div styleName='group-section'>
-            <div styleName='group-section-label'>{i18n.__('Show/Hide Boostnote')}</div>
+            <div styleName='group-section-label'>
+              {i18n.__('Show/Hide Boostnote')}
+            </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
-                onChange={(e) => this.handleHotkeyChange(e)}
+              <input
+                styleName='group-section-control-input'
+                onChange={e => this.handleHotkeyChange(e)}
                 ref='toggleMain'
                 value={config.hotkey.toggleMain}
                 type='text'
@@ -135,10 +144,13 @@ class HotkeyTab extends React.Component {
             </div>
           </div>
           <div styleName='group-section'>
-            <div styleName='group-section-label'>{i18n.__('Show/Hide Menu Bar')}</div>
+            <div styleName='group-section-label'>
+              {i18n.__('Show/Hide Menu Bar')}
+            </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
-                onChange={(e) => this.handleHotkeyChange(e)}
+              <input
+                styleName='group-section-control-input'
+                onChange={e => this.handleHotkeyChange(e)}
                 ref='toggleMenuBar'
                 value={config.hotkey.toggleMenuBar}
                 type='text'
@@ -146,10 +158,13 @@ class HotkeyTab extends React.Component {
             </div>
           </div>
           <div styleName='group-section'>
-            <div styleName='group-section-label'>{i18n.__('Toggle Editor Mode')}</div>
+            <div styleName='group-section-label'>
+              {i18n.__('Toggle Editor Mode')}
+            </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
-                onChange={(e) => this.handleHotkeyChange(e)}
+              <input
+                styleName='group-section-control-input'
+                onChange={e => this.handleHotkeyChange(e)}
                 ref='toggleMode'
                 value={config.hotkey.toggleMode}
                 type='text'
@@ -157,10 +172,13 @@ class HotkeyTab extends React.Component {
             </div>
           </div>
           <div styleName='group-section'>
-            <div styleName='group-section-label'>{i18n.__('Toggle Direction')}</div>
+            <div styleName='group-section-label'>
+              {i18n.__('Toggle Direction')}
+            </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
-                onChange={(e) => this.handleHotkeyChange(e)}
+              <input
+                styleName='group-section-control-input'
+                onChange={e => this.handleHotkeyChange(e)}
                 ref='toggleDirection'
                 value={config.hotkey.toggleDirection}
                 type='text'
@@ -170,8 +188,9 @@ class HotkeyTab extends React.Component {
           <div styleName='group-section'>
             <div styleName='group-section-label'>{i18n.__('Delete Note')}</div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
-                onChange={(e) => this.handleHotkeyChange(e)}
+              <input
+                styleName='group-section-control-input'
+                onChange={e => this.handleHotkeyChange(e)}
                 ref='deleteNote'
                 value={config.hotkey.deleteNote}
                 type='text'
@@ -181,8 +200,9 @@ class HotkeyTab extends React.Component {
           <div styleName='group-section'>
             <div styleName='group-section-label'>{i18n.__('Paste HTML')}</div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
-                onChange={(e) => this.handleHotkeyChange(e)}
+              <input
+                styleName='group-section-control-input'
+                onChange={e => this.handleHotkeyChange(e)}
                 ref='pasteSmartly'
                 value={config.hotkey.pasteSmartly}
                 type='text'
@@ -190,19 +210,26 @@ class HotkeyTab extends React.Component {
             </div>
           </div>
           <div styleName='group-section'>
-            <div styleName='group-section-label'>{i18n.__('Prettify Markdown')}</div>
+            <div styleName='group-section-label'>
+              {i18n.__('Prettify Markdown')}
+            </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
-                onChange={(e) => this.handleHotkeyChange(e)}
+              <input
+                styleName='group-section-control-input'
+                onChange={e => this.handleHotkeyChange(e)}
                 ref='prettifyMarkdown'
                 value={config.hotkey.prettifyMarkdown}
-                type='text' />
+                type='text'
+              />
             </div>
           </div>
           <div styleName='group-section'>
-            <div styleName='group-section-label'>{i18n.__('Insert Current Date')}</div>
+            <div styleName='group-section-label'>
+              {i18n.__('Insert Current Date')}
+            </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 ref='insertDate'
                 value={config.hotkey.insertDate}
                 type='text'
@@ -211,9 +238,12 @@ class HotkeyTab extends React.Component {
             </div>
           </div>
           <div styleName='group-section'>
-            <div styleName='group-section-label'>{i18n.__('Insert Current Date and Time')}</div>
+            <div styleName='group-section-label'>
+              {i18n.__('Insert Current Date and Time')}
+            </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 ref='insertDateTime'
                 value={config.hotkey.insertDateTime}
                 type='text'
@@ -222,44 +252,87 @@ class HotkeyTab extends React.Component {
             </div>
           </div>
           <div styleName='group-control'>
-            <button styleName='group-control-leftButton'
-              onClick={(e) => this.handleHintToggleButtonClick(e)}
+            <button
+              styleName='group-control-leftButton'
+              onClick={e => this.handleHintToggleButtonClick(e)}
             >
               {this.state.isHotkeyHintOpen
                 ? i18n.__('Hide Help')
-                : i18n.__('Help')
-              }
+                : i18n.__('Help')}
             </button>
-            <button styleName='group-control-rightButton'
-              onClick={(e) => this.handleSaveButtonClick(e)}>{i18n.__('Save')}
+            <button
+              styleName='group-control-rightButton'
+              onClick={e => this.handleSaveButtonClick(e)}
+            >
+              {i18n.__('Save')}
             </button>
             {keymapAlertElement}
           </div>
-          {this.state.isHotkeyHintOpen &&
+          {this.state.isHotkeyHintOpen && (
             <div styleName='group-hint'>
               <p>{i18n.__('Available Keys')}</p>
               <ul>
-                <li><code>0</code> to <code>9</code></li>
-                <li><code>A</code> to <code>Z</code></li>
-                <li><code>F1</code> to <code>F24</code></li>
-                <li>Punctuations like <code>~</code>, <code>!</code>, <code>@</code>, <code>#</code>, <code>$</code>, etc.</li>
-                <li><code>Plus</code></li>
-                <li><code>Space</code></li>
-                <li><code>Backspace</code></li>
-                <li><code>Delete</code></li>
-                <li><code>Insert</code></li>
-                <li><code>Return</code> (or <code>Enter</code> as alias)</li>
-                <li><code>Up</code>, <code>Down</code>, <code>Left</code> and <code>Right</code></li>
-                <li><code>Home</code> and <code>End</code></li>
-                <li><code>PageUp</code> and <code>PageDown</code></li>
-                <li><code>Escape</code> (or <code>Esc</code> for short)</li>
-                <li><code>VolumeUp</code>, <code>VolumeDown</code> and <code>VolumeMute</code></li>
-                <li><code>MediaNextTrack</code>, <code>MediaPreviousTrack</code>, <code>MediaStop</code> and <code>MediaPlayPause</code></li>
-                <li><code>Control</code> (or <code>Ctrl</code> for short)</li>
-                <li><code>Shift</code></li>
+                <li>
+                  <code>0</code> to <code>9</code>
+                </li>
+                <li>
+                  <code>A</code> to <code>Z</code>
+                </li>
+                <li>
+                  <code>F1</code> to <code>F24</code>
+                </li>
+                <li>
+                  Punctuations like <code>~</code>, <code>!</code>,{' '}
+                  <code>@</code>, <code>#</code>, <code>$</code>, etc.
+                </li>
+                <li>
+                  <code>Plus</code>
+                </li>
+                <li>
+                  <code>Space</code>
+                </li>
+                <li>
+                  <code>Backspace</code>
+                </li>
+                <li>
+                  <code>Delete</code>
+                </li>
+                <li>
+                  <code>Insert</code>
+                </li>
+                <li>
+                  <code>Return</code> (or <code>Enter</code> as alias)
+                </li>
+                <li>
+                  <code>Up</code>, <code>Down</code>, <code>Left</code> and{' '}
+                  <code>Right</code>
+                </li>
+                <li>
+                  <code>Home</code> and <code>End</code>
+                </li>
+                <li>
+                  <code>PageUp</code> and <code>PageDown</code>
+                </li>
+                <li>
+                  <code>Escape</code> (or <code>Esc</code> for short)
+                </li>
+                <li>
+                  <code>VolumeUp</code>, <code>VolumeDown</code> and{' '}
+                  <code>VolumeMute</code>
+                </li>
+                <li>
+                  <code>MediaNextTrack</code>, <code>MediaPreviousTrack</code>,{' '}
+                  <code>MediaStop</code> and <code>MediaPlayPause</code>
+                </li>
+                <li>
+                  <code>Control</code> (or <code>Ctrl</code> for short)
+                </li>
+                <li>
+                  <code>Shift</code>
+                </li>
               </ul>
             </div>
-          }
+          )}
         </div>
       </div>
     )
diff --git a/browser/main/modals/PreferencesModal/InfoTab.js b/browser/main/modals/PreferencesModal/InfoTab.js
index 97f06f7b..fa49025f 100644
--- a/browser/main/modals/PreferencesModal/InfoTab.js
+++ b/browser/main/modals/PreferencesModal/InfoTab.js
@@ -12,7 +12,7 @@ const { shell, remote } = electron
 const appVersion = remote.app.getVersion()
 
 class InfoTab extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -20,18 +20,18 @@ class InfoTab extends React.Component {
     }
   }
 
-  handleLinkClick (e) {
+  handleLinkClick(e) {
     shell.openExternal(e.currentTarget.href)
     e.preventDefault()
   }
 
-  handleConfigChange (e) {
+  handleConfigChange(e) {
     const newConfig = { amaEnabled: this.refs.amaEnabled.checked }
 
     this.setState({ config: newConfig })
   }
 
-  handleSaveButtonClick (e) {
+  handleSaveButtonClick(e) {
     const newConfig = {
       amaEnabled: this.state.config.amaEnabled
     }
@@ -43,7 +43,7 @@ class InfoTab extends React.Component {
       })
     } else {
       this.setState({
-        amaMessage: i18n.__('Thank\'s for trusting us')
+        amaMessage: i18n.__("Thank's for trusting us")
       })
     }
 
@@ -61,7 +61,7 @@ class InfoTab extends React.Component {
     })
   }
 
-  toggleAutoUpdate () {
+  toggleAutoUpdate() {
     const newConfig = {
       autoUpdateEnabled: !this.state.config.autoUpdateEnabled
     }
@@ -70,46 +70,64 @@ class InfoTab extends React.Component {
     ConfigManager.set(newConfig)
   }
 
-  infoMessage () {
+  infoMessage() {
     const { amaMessage } = this.state
     return amaMessage ? <p styleName='policy-confirm'>{amaMessage}</p> : null
   }
 
-  render () {
+  render() {
     return (
       <div styleName='root'>
         <div styleName='group-header'>{i18n.__('Community')}</div>
         <div styleName='top'>
           <ul styleName='list'>
             <li>
-              <a href='https://issuehunt.io/repos/53266139'
-                onClick={(e) => this.handleLinkClick(e)}
-              >{i18n.__('Bounty on IssueHunt')}</a>
+              <a
+                href='https://issuehunt.io/repos/53266139'
+                onClick={e => this.handleLinkClick(e)}
+              >
+                {i18n.__('Bounty on IssueHunt')}
+              </a>
             </li>
             <li>
-              <a href='https://boostnote.io/#subscribe'
-                onClick={(e) => this.handleLinkClick(e)}
-              >{i18n.__('Subscribe to Newsletter')}</a>
+              <a
+                href='https://boostnote.io/#subscribe'
+                onClick={e => this.handleLinkClick(e)}
+              >
+                {i18n.__('Subscribe to Newsletter')}
+              </a>
             </li>
             <li>
-              <a href='https://github.com/BoostIO/Boostnote/issues'
-                onClick={(e) => this.handleLinkClick(e)}
-              >{i18n.__('GitHub')}</a>
+              <a
+                href='https://github.com/BoostIO/Boostnote/issues'
+                onClick={e => this.handleLinkClick(e)}
+              >
+                {i18n.__('GitHub')}
+              </a>
             </li>
             <li>
-              <a href='https://medium.com/boostnote'
-                onClick={(e) => this.handleLinkClick(e)}
-              >{i18n.__('Blog')}</a>
+              <a
+                href='https://medium.com/boostnote'
+                onClick={e => this.handleLinkClick(e)}
+              >
+                {i18n.__('Blog')}
+              </a>
             </li>
             <li>
-              <a href='https://www.facebook.com/groups/boostnote'
-                onClick={(e) => this.handleLinkClick(e)}
-              >{i18n.__('Facebook Group')}</a>
+              <a
+                href='https://www.facebook.com/groups/boostnote'
+                onClick={e => this.handleLinkClick(e)}
+              >
+                {i18n.__('Facebook Group')}
+              </a>
             </li>
             <li>
-              <a href='https://twitter.com/boostnoteapp'
-                onClick={(e) => this.handleLinkClick(e)}
-              >{i18n.__('Twitter')}</a>
+              <a
+                href='https://twitter.com/boostnoteapp'
+                onClick={e => this.handleLinkClick(e)}
+              >
+                {i18n.__('Twitter')}
+              </a>
             </li>
           </ul>
         </div>
@@ -120,11 +138,20 @@ class InfoTab extends React.Component {
 
         <div styleName='top'>
           <div styleName='icon-space'>
-            <img styleName='icon' src='../resources/app.png' width='92' height='92' />
+            <img
+              styleName='icon'
+              src='../resources/app.png'
+              width='92'
+              height='92'
+            />
             <div styleName='icon-right'>
-              <div styleName='appId'>{i18n.__('Boostnote')} {appVersion}</div>
+              <div styleName='appId'>
+                {i18n.__('Boostnote')} {appVersion}
+              </div>
               <div styleName='description'>
-                {i18n.__('An open source note-taking app made for programmers just like you.')}
+                {i18n.__(
+                  'An open source note-taking app made for programmers just like you.'
+                )}
               </div>
             </div>
           </div>
@@ -132,39 +159,71 @@ class InfoTab extends React.Component {
 
         <ul styleName='list'>
           <li>
-            <a href='https://boostnote.io'
-              onClick={(e) => this.handleLinkClick(e)}
-            >{i18n.__('Website')}</a>
+            <a
+              href='https://boostnote.io'
+              onClick={e => this.handleLinkClick(e)}
+            >
+              {i18n.__('Website')}
+            </a>
           </li>
           <li>
-            <a href='https://github.com/BoostIO/Boostnote/blob/master/docs/build.md'
-              onClick={(e) => this.handleLinkClick(e)}
-            >{i18n.__('Development')}</a>{i18n.__(' : Development configurations for Boostnote.')}
-          </li>
-          <li styleName='cc'>
-            {i18n.__('Copyright (C) 2017 - 2020 BoostIO')}
-          </li>
-          <li styleName='cc'>
-            {i18n.__('License: GPL v3')}
+            <a
+              href='https://github.com/BoostIO/Boostnote/blob/master/docs/build.md'
+              onClick={e => this.handleLinkClick(e)}
+            >
+              {i18n.__('Development')}
+            </a>
+            {i18n.__(' : Development configurations for Boostnote.')}
           </li>
+          <li styleName='cc'>{i18n.__('Copyright (C) 2017 - 2020 BoostIO')}</li>
+          <li styleName='cc'>{i18n.__('License: GPL v3')}</li>
         </ul>
 
-        <div><label><input type='checkbox' onChange={this.toggleAutoUpdate.bind(this)} checked={this.state.config.autoUpdateEnabled} />{i18n.__('Enable Auto Update')}</label></div>
+        <div>
+          <label>
+            <input
+              type='checkbox'
+              onChange={this.toggleAutoUpdate.bind(this)}
+              checked={this.state.config.autoUpdateEnabled}
+            />
+            {i18n.__('Enable Auto Update')}
+          </label>
+        </div>
 
         <hr styleName='separate-line' />
 
         <div styleName='group-header2--sub'>{i18n.__('Analytics')}</div>
-        <div>{i18n.__('Boostnote collects anonymous data for the sole purpose of improving the application, and strictly does not collect any personal information such the contents of your notes.')}</div>
-        <div>{i18n.__('You can see how it works on ')}<a href='https://github.com/BoostIO/Boostnote' onClick={(e) => this.handleLinkClick(e)}>GitHub</a>.</div>
+        <div>
+          {i18n.__(
+            'Boostnote collects anonymous data for the sole purpose of improving the application, and strictly does not collect any personal information such the contents of your notes.'
+          )}
+        </div>
+        <div>
+          {i18n.__('You can see how it works on ')}
+          <a
+            href='https://github.com/BoostIO/Boostnote'
+            onClick={e => this.handleLinkClick(e)}
+          >
+            GitHub
+          </a>
+          .
+        </div>
         <br />
         <div>{i18n.__('You can choose to enable or disable this option.')}</div>
-        <input onChange={(e) => this.handleConfigChange(e)}
+        <input
+          onChange={e => this.handleConfigChange(e)}
           checked={this.state.config.amaEnabled}
           ref='amaEnabled'
           type='checkbox'
         />
-        {i18n.__('Enable analytics to help improve Boostnote')}<br />
-        <button styleName='policy-submit' onClick={(e) => this.handleSaveButtonClick(e)}>{i18n.__('Save')}</button>
+        {i18n.__('Enable analytics to help improve Boostnote')}
+        <br />
+        <button
+          styleName='policy-submit'
+          onClick={e => this.handleSaveButtonClick(e)}
+        >
+          {i18n.__('Save')}
+        </button>
         <br />
         {this.infoMessage()}
       </div>
@@ -172,7 +231,6 @@ class InfoTab extends React.Component {
   }
 }
 
-InfoTab.propTypes = {
-}
+InfoTab.propTypes = {}
 
 export default CSSModules(InfoTab, styles)
diff --git a/browser/main/modals/PreferencesModal/SnippetEditor.js b/browser/main/modals/PreferencesModal/SnippetEditor.js
index e95afdcf..f748924c 100644
--- a/browser/main/modals/PreferencesModal/SnippetEditor.js
+++ b/browser/main/modals/PreferencesModal/SnippetEditor.js
@@ -6,13 +6,19 @@ import CSSModules from 'browser/lib/CSSModules'
 import dataApi from 'browser/main/lib/dataApi'
 import snippetManager from '../../../lib/SnippetManager'
 
-const defaultEditorFontFamily = ['Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', 'monospace']
+const defaultEditorFontFamily = [
+  'Monaco',
+  'Menlo',
+  'Ubuntu Mono',
+  'Consolas',
+  'source-code-pro',
+  'monospace'
+]
 const buildCMRulers = (rulers, enableRulers) =>
   enableRulers ? rulers.map(ruler => ({ column: ruler })) : []
 
 class SnippetEditor extends React.Component {
-
-  componentDidMount () {
+  componentDidMount() {
     this.props.onRef(this)
     const { rulers, enableRulers } = this.props
     this.cm = CodeMirror(this.refs.root, {
@@ -49,38 +55,50 @@ class SnippetEditor extends React.Component {
     })
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     this.props.onRef(undefined)
   }
 
-  onSnippetChanged (newSnippet) {
+  onSnippetChanged(newSnippet) {
     this.snippet = newSnippet
     this.cm.setValue(this.snippet.content)
   }
 
-  onSnippetNameOrPrefixChanged (newSnippet) {
+  onSnippetNameOrPrefixChanged(newSnippet) {
     this.snippet.name = newSnippet.name
-    this.snippet.prefix = newSnippet.prefix.toString().replace(/\s/g, '').split(',')
+    this.snippet.prefix = newSnippet.prefix
+      .toString()
+      .replace(/\s/g, '')
+      .split(',')
     this.saveSnippet()
   }
 
-  saveSnippet () {
-    dataApi.updateSnippet(this.snippet)
+  saveSnippet() {
+    dataApi
+      .updateSnippet(this.snippet)
       .then(snippets => snippetManager.assignSnippets(snippets))
-      .catch((err) => { throw err })
+      .catch(err => {
+        throw err
+      })
   }
 
-  render () {
+  render() {
     const { fontSize } = this.props
     let fontFamily = this.props.fontFamily
-    fontFamily = _.isString(fontFamily) && fontFamily.length > 0
-      ? [fontFamily].concat(defaultEditorFontFamily)
-      : defaultEditorFontFamily
+    fontFamily =
+      _.isString(fontFamily) && fontFamily.length > 0
+        ? [fontFamily].concat(defaultEditorFontFamily)
+        : defaultEditorFontFamily
     return (
-      <div styleName='SnippetEditor' ref='root' tabIndex='-1' style={{
-        fontFamily: fontFamily.join(', '),
-        fontSize: fontSize
-      }} />
+      <div
+        styleName='SnippetEditor'
+        ref='root'
+        tabIndex='-1'
+        style={{
+          fontFamily: fontFamily.join(', '),
+          fontSize: fontSize
+        }}
+      />
     )
   }
 }
diff --git a/browser/main/modals/PreferencesModal/SnippetList.js b/browser/main/modals/PreferencesModal/SnippetList.js
index 3790eb3f..145cfb75 100644
--- a/browser/main/modals/PreferencesModal/SnippetList.js
+++ b/browser/main/modals/PreferencesModal/SnippetList.js
@@ -7,53 +7,65 @@ import eventEmitter from 'browser/main/lib/eventEmitter'
 import context from 'browser/lib/context'
 
 class SnippetList extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
     this.state = {
       snippets: []
     }
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.reloadSnippetList()
     eventEmitter.on('snippetList:reload', this.reloadSnippetList.bind(this))
   }
 
-  reloadSnippetList () {
+  reloadSnippetList() {
     dataApi.fetchSnippet().then(snippets => {
-      this.setState({snippets})
+      this.setState({ snippets })
       this.props.onSnippetSelect(this.props.currentSnippet)
     })
   }
 
-  handleSnippetContextMenu (snippet) {
-    context.popup([{
-      label: i18n.__('Delete snippet'),
-      click: () => this.deleteSnippet(snippet)
-    }])
+  handleSnippetContextMenu(snippet) {
+    context.popup([
+      {
+        label: i18n.__('Delete snippet'),
+        click: () => this.deleteSnippet(snippet)
+      }
+    ])
   }
 
-  deleteSnippet (snippet) {
-    dataApi.deleteSnippet(snippet).then(() => {
-      this.reloadSnippetList()
-      this.props.onSnippetDeleted(snippet)
-    }).catch(err => { throw err })
+  deleteSnippet(snippet) {
+    dataApi
+      .deleteSnippet(snippet)
+      .then(() => {
+        this.reloadSnippetList()
+        this.props.onSnippetDeleted(snippet)
+      })
+      .catch(err => {
+        throw err
+      })
   }
 
-  handleSnippetClick (snippet) {
+  handleSnippetClick(snippet) {
     this.props.onSnippetSelect(snippet)
   }
 
-  createSnippet () {
-    dataApi.createSnippet().then(() => {
-      this.reloadSnippetList()
-      // scroll to end of list when added new snippet
-      const snippetList = document.getElementById('snippets')
-      snippetList.scrollTop = snippetList.scrollHeight
-    }).catch(err => { throw err })
+  createSnippet() {
+    dataApi
+      .createSnippet()
+      .then(() => {
+        this.reloadSnippetList()
+        // scroll to end of list when added new snippet
+        const snippetList = document.getElementById('snippets')
+        snippetList.scrollTop = snippetList.scrollHeight
+      })
+      .catch(err => {
+        throw err
+      })
   }
 
-  defineSnippetStyleName (snippet) {
+  defineSnippetStyleName(snippet) {
     const { currentSnippet } = this.props
 
     if (currentSnippet == null) {
@@ -67,29 +79,31 @@ class SnippetList extends React.Component {
     }
   }
 
-  render () {
+  render() {
     const { snippets } = this.state
     return (
       <div styleName='snippet-list'>
         <div styleName='group-section'>
           <div styleName='group-section-control'>
-            <button styleName='group-control-button' onClick={() => this.createSnippet()}>
+            <button
+              styleName='group-control-button'
+              onClick={() => this.createSnippet()}
+            >
               <i className='fa fa-plus' /> {i18n.__('New Snippet')}
             </button>
           </div>
         </div>
         <ul id='snippets' styleName='snippets'>
-          {
-            snippets.map((snippet) => (
-              <li
-                styleName={this.defineSnippetStyleName(snippet)}
-                key={snippet.id}
-                onContextMenu={() => this.handleSnippetContextMenu(snippet)}
-                onClick={() => this.handleSnippetClick(snippet)}>
-                {snippet.name}
-              </li>
-            ))
-          }
+          {snippets.map(snippet => (
+            <li
+              styleName={this.defineSnippetStyleName(snippet)}
+              key={snippet.id}
+              onContextMenu={() => this.handleSnippetContextMenu(snippet)}
+              onClick={() => this.handleSnippetClick(snippet)}
+            >
+              {snippet.name}
+            </li>
+          ))}
         </ul>
       </div>
     )
diff --git a/browser/main/modals/PreferencesModal/SnippetTab.js b/browser/main/modals/PreferencesModal/SnippetTab.js
index df338d7f..0476c5c2 100644
--- a/browser/main/modals/PreferencesModal/SnippetTab.js
+++ b/browser/main/modals/PreferencesModal/SnippetTab.js
@@ -11,7 +11,7 @@ import copy from 'copy-to-clipboard'
 const path = require('path')
 
 class SnippetTab extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
     this.state = {
       currentSnippet: null
@@ -19,7 +19,7 @@ class SnippetTab extends React.Component {
     this.changeDelay = null
   }
 
-  notify (title, options) {
+  notify(title, options) {
     if (global.process.platform === 'win32') {
       options.icon = path.join(
         'file://',
@@ -30,7 +30,7 @@ class SnippetTab extends React.Component {
     return new window.Notification(title, options)
   }
 
-  handleSnippetNameOrPrefixChange () {
+  handleSnippetNameOrPrefixChange() {
     clearTimeout(this.changeDelay)
     this.changeDelay = setTimeout(() => {
       // notify the snippet editor that the name or prefix of snippet has been changed
@@ -39,20 +39,20 @@ class SnippetTab extends React.Component {
     }, 500)
   }
 
-  handleSnippetSelect (snippet) {
+  handleSnippetSelect(snippet) {
     const { currentSnippet } = this.state
     if (snippet !== null) {
       if (currentSnippet === null || currentSnippet.id !== snippet.id) {
         dataApi.fetchSnippet(snippet.id).then(changedSnippet => {
           // notify the snippet editor to load the content of the new snippet
           this.snippetEditor.onSnippetChanged(changedSnippet)
-          this.setState({currentSnippet: changedSnippet})
+          this.setState({ currentSnippet: changedSnippet })
         })
       }
     }
   }
 
-  onSnippetNameOrPrefixChanged (e, type) {
+  onSnippetNameOrPrefixChanged(e, type) {
     const newSnippet = Object.assign({}, this.state.currentSnippet)
     if (type === 'name') {
       newSnippet.name = e.target.value
@@ -63,14 +63,14 @@ class SnippetTab extends React.Component {
     this.handleSnippetNameOrPrefixChange()
   }
 
-  handleDeleteSnippet (snippet) {
+  handleDeleteSnippet(snippet) {
     // prevent old snippet still display when deleted
     if (snippet.id === this.state.currentSnippet.id) {
-      this.setState({currentSnippet: null})
+      this.setState({ currentSnippet: null })
     }
   }
 
-  handleCopySnippet (e) {
+  handleCopySnippet(e) {
     const showCopyNotification = this.props.config.ui.showCopyNotification
     copy(this.state.currentSnippet.content)
     if (showCopyNotification) {
@@ -81,7 +81,7 @@ class SnippetTab extends React.Component {
     }
   }
 
-  render () {
+  render() {
     const { config, storageKey } = this.props
     const { currentSnippet } = this.state
 
@@ -95,12 +95,19 @@ class SnippetTab extends React.Component {
         <SnippetList
           onSnippetSelect={this.handleSnippetSelect.bind(this)}
           onSnippetDeleted={this.handleDeleteSnippet.bind(this)}
-          currentSnippet={currentSnippet} />
-        <div styleName='snippet-detail' style={{visibility: currentSnippet ? 'visible' : 'hidden'}}>
+          currentSnippet={currentSnippet}
+        />
+        <div
+          styleName='snippet-detail'
+          style={{ visibility: currentSnippet ? 'visible' : 'hidden' }}
+        >
           <div styleName='group-section'>
             <div styleName='group-section-control'>
-              <button styleName='group-control-rightButton'
-                onClick={e => this.handleCopySnippet(e)}>{i18n.__('Copy')}
+              <button
+                styleName='group-control-rightButton'
+                onClick={e => this.handleCopySnippet(e)}
+              >
+                {i18n.__('Copy')}
               </button>
             </div>
           </div>
@@ -110,18 +117,26 @@ class SnippetTab extends React.Component {
               <input
                 styleName='group-section-control-input'
                 value={currentSnippet ? currentSnippet.name : ''}
-                onChange={e => { this.onSnippetNameOrPrefixChanged(e, 'name') }}
-                type='text' />
+                onChange={e => {
+                  this.onSnippetNameOrPrefixChanged(e, 'name')
+                }}
+                type='text'
+              />
             </div>
           </div>
           <div styleName='group-section'>
-            <div styleName='group-section-label'>{i18n.__('Snippet prefix')}</div>
+            <div styleName='group-section-label'>
+              {i18n.__('Snippet prefix')}
+            </div>
             <div styleName='group-section-control'>
               <input
                 styleName='group-section-control-input'
                 value={currentSnippet ? currentSnippet.prefix : ''}
-                onChange={e => { this.onSnippetNameOrPrefixChanged(e, 'prefix') }}
-                type='text' />
+                onChange={e => {
+                  this.onSnippetNameOrPrefixChanged(e, 'prefix')
+                }}
+                type='text'
+              />
             </div>
           </div>
           <div styleName='snippet-editor-section'>
@@ -140,7 +155,10 @@ class SnippetTab extends React.Component {
               matchingTriples={config.editor.matchingTriples}
               explodingPairs={config.editor.explodingPairs}
               scrollPastEnd={config.editor.scrollPastEnd}
-              onRef={ref => { this.snippetEditor = ref }} />
+              onRef={ref => {
+                this.snippetEditor = ref
+              }}
+            />
           </div>
         </div>
       </div>
@@ -148,7 +166,6 @@ class SnippetTab extends React.Component {
   }
 }
 
-SnippetTab.PropTypes = {
-}
+SnippetTab.PropTypes = {}
 
 export default CSSModules(SnippetTab, styles)
diff --git a/browser/main/modals/PreferencesModal/StorageItem.js b/browser/main/modals/PreferencesModal/StorageItem.js
index 9af02962..3cb18e30 100644
--- a/browser/main/modals/PreferencesModal/StorageItem.js
+++ b/browser/main/modals/PreferencesModal/StorageItem.js
@@ -12,7 +12,7 @@ const { shell, remote } = require('electron')
 const { dialog } = remote
 
 class StorageItem extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -20,137 +20,156 @@ class StorageItem extends React.Component {
     }
   }
 
-  handleNewFolderButtonClick (e) {
+  handleNewFolderButtonClick(e) {
     const { storage } = this.props
     const input = {
       name: i18n.__('New Folder'),
       color: consts.FOLDER_COLORS[Math.floor(Math.random() * 7) % 7]
     }
 
-    dataApi.createFolder(storage.key, input)
-      .then((data) => {
+    dataApi
+      .createFolder(storage.key, input)
+      .then(data => {
         store.dispatch({
           type: 'UPDATE_FOLDER',
           storage: data.storage
         })
       })
-      .catch((err) => {
+      .catch(err => {
         console.error(err)
       })
   }
 
-  handleExternalButtonClick () {
+  handleExternalButtonClick() {
     const { storage } = this.props
     shell.showItemInFolder(storage.path)
   }
 
-  handleUnlinkButtonClick (e) {
+  handleUnlinkButtonClick(e) {
     const index = dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
       message: i18n.__('Unlink Storage'),
-      detail: i18n.__('Unlinking removes this linked storage from Boostnote. No data is removed, please manually delete the folder from your hard drive if needed.'),
+      detail: i18n.__(
+        'Unlinking removes this linked storage from Boostnote. No data is removed, please manually delete the folder from your hard drive if needed.'
+      ),
       buttons: [i18n.__('Unlink'), i18n.__('Cancel')]
     })
 
     if (index === 0) {
       const { storage } = this.props
-      dataApi.removeStorage(storage.key)
+      dataApi
+        .removeStorage(storage.key)
         .then(() => {
           store.dispatch({
             type: 'REMOVE_STORAGE',
             storageKey: storage.key
           })
         })
-        .catch((err) => {
+        .catch(err => {
           throw err
         })
     }
   }
 
-  handleLabelClick (e) {
+  handleLabelClick(e) {
     const { storage } = this.props
-    this.setState({
-      isLabelEditing: true,
-      name: storage.name
-    }, () => {
-      this.refs.label.focus()
-    })
+    this.setState(
+      {
+        isLabelEditing: true,
+        name: storage.name
+      },
+      () => {
+        this.refs.label.focus()
+      }
+    )
   }
-  handleLabelChange (e) {
+  handleLabelChange(e) {
     this.setState({
       name: this.refs.label.value
     })
   }
 
-  handleLabelBlur (e) {
+  handleLabelBlur(e) {
     const { storage } = this.props
-    dataApi
-      .renameStorage(storage.key, this.state.name)
-      .then((_storage) => {
-        store.dispatch({
-          type: 'RENAME_STORAGE',
-          storage: _storage
-        })
-        this.setState({
-          isLabelEditing: false
-        })
+    dataApi.renameStorage(storage.key, this.state.name).then(_storage => {
+      store.dispatch({
+        type: 'RENAME_STORAGE',
+        storage: _storage
       })
+      this.setState({
+        isLabelEditing: false
+      })
+    })
   }
 
-  render () {
+  render() {
     const { storage, hostBoundingBox } = this.props
 
     return (
       <div styleName='root' key={storage.key}>
         <div styleName='header'>
-          {this.state.isLabelEditing
-            ? <div styleName='header-label--edit'>
-              <input styleName='header-label-input'
+          {this.state.isLabelEditing ? (
+            <div styleName='header-label--edit'>
+              <input
+                styleName='header-label-input'
                 value={this.state.name}
                 ref='label'
-                onChange={(e) => this.handleLabelChange(e)}
-                onBlur={(e) => this.handleLabelBlur(e)}
+                onChange={e => this.handleLabelChange(e)}
+                onBlur={e => this.handleLabelBlur(e)}
               />
             </div>
-            : <div styleName='header-label'
-              onClick={(e) => this.handleLabelClick(e)}
+          ) : (
+            <div
+              styleName='header-label'
+              onClick={e => this.handleLabelClick(e)}
             >
-              <i className='fa fa-folder-open' />&nbsp;
+              <i className='fa fa-folder-open' />
+              &nbsp;
               {storage.name}&nbsp;
               <span styleName='header-label-path'>({storage.path})</span>&nbsp;
               <i styleName='header-label-editButton' className='fa fa-pencil' />
             </div>
-          }
+          )}
           <div styleName='header-control'>
-            <button styleName='header-control-button'
-              onClick={(e) => this.handleNewFolderButtonClick(e)}
+            <button
+              styleName='header-control-button'
+              onClick={e => this.handleNewFolderButtonClick(e)}
             >
               <i className='fa fa-plus' />
-              <span styleName='header-control-button-tooltip'
-                style={{left: -20}}
-              >{i18n.__('Add Folder')}</span>
+              <span
+                styleName='header-control-button-tooltip'
+                style={{ left: -20 }}
+              >
+                {i18n.__('Add Folder')}
+              </span>
             </button>
-            <button styleName='header-control-button'
-              onClick={(e) => this.handleExternalButtonClick(e)}
+            <button
+              styleName='header-control-button'
+              onClick={e => this.handleExternalButtonClick(e)}
             >
               <i className='fa fa-external-link' />
-              <span styleName='header-control-button-tooltip'
-                style={{left: -50}}
-              >{i18n.__('Open Storage folder')}</span>
+              <span
+                styleName='header-control-button-tooltip'
+                style={{ left: -50 }}
+              >
+                {i18n.__('Open Storage folder')}
+              </span>
             </button>
-            <button styleName='header-control-button'
-              onClick={(e) => this.handleUnlinkButtonClick(e)}
+            <button
+              styleName='header-control-button'
+              onClick={e => this.handleUnlinkButtonClick(e)}
             >
               <i className='fa fa-unlink' />
-              <span styleName='header-control-button-tooltip'
-                style={{left: -10}}
-              >{i18n.__('Unlink')}</span>
+              <span
+                styleName='header-control-button-tooltip'
+                style={{ left: -10 }}
+              >
+                {i18n.__('Unlink')}
+              </span>
             </button>
           </div>
         </div>
-        <FolderList storage={storage}
-          hostBoundingBox={hostBoundingBox}
-        />
+        <FolderList storage={storage} hostBoundingBox={hostBoundingBox} />
       </div>
     )
   }
diff --git a/browser/main/modals/PreferencesModal/StoragesTab.js b/browser/main/modals/PreferencesModal/StoragesTab.js
index e84fa88c..9df1a153 100644
--- a/browser/main/modals/PreferencesModal/StoragesTab.js
+++ b/browser/main/modals/PreferencesModal/StoragesTab.js
@@ -12,24 +12,27 @@ import fs from 'fs'
 const electron = require('electron')
 const { shell, remote } = electron
 
-function browseFolder () {
+function browseFolder() {
   const dialog = remote.dialog
 
   const defaultPath = remote.app.getPath('home')
   return new Promise((resolve, reject) => {
-    dialog.showOpenDialog({
-      title: i18n.__('Select Directory'),
-      defaultPath,
-      properties: ['openDirectory', 'createDirectory']
-    }, function (targetPaths) {
-      if (targetPaths == null) return resolve('')
-      resolve(targetPaths[0])
-    })
+    dialog.showOpenDialog(
+      {
+        title: i18n.__('Select Directory'),
+        defaultPath,
+        properties: ['openDirectory', 'createDirectory']
+      },
+      function(targetPaths) {
+        if (targetPaths == null) return resolve('')
+        resolve(targetPaths[0])
+      }
+    )
   })
 }
 
 class StoragesTab extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -44,7 +47,7 @@ class StoragesTab extends React.Component {
     this.loadAttachmentStorage()
   }
 
-  loadAttachmentStorage () {
+  loadAttachmentStorage() {
     const promises = []
     this.props.data.noteMap.map(note => {
       const promise = attachmentManagement.getAttachmentsPathAndStatus(
@@ -58,106 +61,128 @@ class StoragesTab extends React.Component {
     Promise.all(promises)
       .then(data => {
         const result = data.reduce((acc, curr) => acc.concat(curr), [])
-        this.setState({attachments: result})
+        this.setState({ attachments: result })
       })
       .catch(console.error)
   }
 
-  handleAddStorageButton (e) {
-    this.setState({
-      page: 'ADD_STORAGE',
-      newStorage: {
-        name: 'Unnamed',
-        type: 'FILESYSTEM',
-        path: ''
+  handleAddStorageButton(e) {
+    this.setState(
+      {
+        page: 'ADD_STORAGE',
+        newStorage: {
+          name: 'Unnamed',
+          type: 'FILESYSTEM',
+          path: ''
+        }
+      },
+      () => {
+        this.refs.addStorageName.select()
       }
-    }, () => {
-      this.refs.addStorageName.select()
-    })
+    )
   }
 
-  handleLinkClick (e) {
+  handleLinkClick(e) {
     shell.openExternal(e.currentTarget.href)
     e.preventDefault()
   }
 
-  handleRemoveUnusedAttachments (attachments) {
-    attachmentManagement.removeAttachmentsByPaths(attachments)
+  handleRemoveUnusedAttachments(attachments) {
+    attachmentManagement
+      .removeAttachmentsByPaths(attachments)
       .then(() => this.loadAttachmentStorage())
       .catch(console.error)
   }
 
-  renderList () {
+  renderList() {
     const { data, boundingBox } = this.props
     const { attachments } = this.state
 
-    const unusedAttachments = attachments.filter(attachment => !attachment.isInUse)
-    const inUseAttachments = attachments.filter(attachment => attachment.isInUse)
+    const unusedAttachments = attachments.filter(
+      attachment => !attachment.isInUse
+    )
+    const inUseAttachments = attachments.filter(
+      attachment => attachment.isInUse
+    )
 
     const totalUnusedAttachments = unusedAttachments.length
     const totalInuseAttachments = inUseAttachments.length
     const totalAttachments = totalUnusedAttachments + totalInuseAttachments
 
-    const totalUnusedAttachmentsSize = unusedAttachments
-      .reduce((acc, curr) => {
-        const stats = fs.statSync(curr.path)
-        const fileSizeInBytes = stats.size
-        return acc + fileSizeInBytes
-      }, 0)
-    const totalInuseAttachmentsSize = inUseAttachments
-      .reduce((acc, curr) => {
-        const stats = fs.statSync(curr.path)
-        const fileSizeInBytes = stats.size
-        return acc + fileSizeInBytes
-      }, 0)
-    const totalAttachmentsSize = totalUnusedAttachmentsSize + totalInuseAttachmentsSize
+    const totalUnusedAttachmentsSize = unusedAttachments.reduce((acc, curr) => {
+      const stats = fs.statSync(curr.path)
+      const fileSizeInBytes = stats.size
+      return acc + fileSizeInBytes
+    }, 0)
+    const totalInuseAttachmentsSize = inUseAttachments.reduce((acc, curr) => {
+      const stats = fs.statSync(curr.path)
+      const fileSizeInBytes = stats.size
+      return acc + fileSizeInBytes
+    }, 0)
+    const totalAttachmentsSize =
+      totalUnusedAttachmentsSize + totalInuseAttachmentsSize
 
-    const unusedAttachmentPaths = unusedAttachments
-      .reduce((acc, curr) => acc.concat(curr.path), [])
+    const unusedAttachmentPaths = unusedAttachments.reduce(
+      (acc, curr) => acc.concat(curr.path),
+      []
+    )
 
-    if (!boundingBox) { return null }
-    const storageList = data.storageMap.map((storage) => {
-      return <StorageItem
-        key={storage.key}
-        storage={storage}
-        hostBoundingBox={boundingBox}
-      />
+    if (!boundingBox) {
+      return null
+    }
+    const storageList = data.storageMap.map(storage => {
+      return (
+        <StorageItem
+          key={storage.key}
+          storage={storage}
+          hostBoundingBox={boundingBox}
+        />
+      )
     })
     return (
       <div styleName='list'>
         <div styleName='header'>{i18n.__('Storage Locations')}</div>
-        {storageList.length > 0
-          ? storageList
-          : <div styleName='list-empty'>{i18n.__('No storage found.')}</div>
-        }
+        {storageList.length > 0 ? (
+          storageList
+        ) : (
+          <div styleName='list-empty'>{i18n.__('No storage found.')}</div>
+        )}
         <div styleName='list-control'>
-          <button styleName='list-control-addStorageButton'
-            onClick={(e) => this.handleAddStorageButton(e)}
+          <button
+            styleName='list-control-addStorageButton'
+            onClick={e => this.handleAddStorageButton(e)}
           >
             <i className='fa fa-plus' /> {i18n.__('Add Storage Location')}
           </button>
         </div>
         <div styleName='header'>{i18n.__('Attachment storage')}</div>
         <p styleName='list-attachment-label'>
-          Unused attachments size: {humanFileSize(totalUnusedAttachmentsSize)} ({totalUnusedAttachments} items)
+          Unused attachments size: {humanFileSize(totalUnusedAttachmentsSize)} (
+          {totalUnusedAttachments} items)
         </p>
         <p styleName='list-attachment-label'>
-          In use attachments size: {humanFileSize(totalInuseAttachmentsSize)} ({totalInuseAttachments} items)
+          In use attachments size: {humanFileSize(totalInuseAttachmentsSize)} (
+          {totalInuseAttachments} items)
         </p>
         <p styleName='list-attachment-label'>
-          Total attachments size: {humanFileSize(totalAttachmentsSize)} ({totalAttachments} items)
+          Total attachments size: {humanFileSize(totalAttachmentsSize)} (
+          {totalAttachments} items)
         </p>
-        <button styleName='list-attachement-clear-button'
-          onClick={() => this.handleRemoveUnusedAttachments(unusedAttachmentPaths)}>
+        <button
+          styleName='list-attachement-clear-button'
+          onClick={() =>
+            this.handleRemoveUnusedAttachments(unusedAttachmentPaths)
+          }
+        >
           {i18n.__('Clear unused attachments')}
         </button>
       </div>
     )
   }
 
-  handleAddStorageBrowseButtonClick (e) {
+  handleAddStorageBrowseButtonClick(e) {
     browseFolder()
-      .then((targetPath) => {
+      .then(targetPath => {
         if (targetPath.length > 0) {
           const { newStorage } = this.state
           newStorage.path = targetPath
@@ -166,13 +191,13 @@ class StoragesTab extends React.Component {
           })
         }
       })
-      .catch((err) => {
+      .catch(err => {
         console.error('BrowseFAILED')
         console.error(err)
       })
   }
 
-  handleAddStorageChange (e) {
+  handleAddStorageChange(e) {
     const { newStorage } = this.state
     newStorage.name = this.refs.addStorageName.value
     newStorage.path = this.refs.addStoragePath.value
@@ -181,13 +206,13 @@ class StoragesTab extends React.Component {
     })
   }
 
-  handleAddStorageCreateButton (e) {
+  handleAddStorageCreateButton(e) {
     dataApi
       .addStorage({
         name: this.state.newStorage.name,
         path: this.state.newStorage.path
       })
-      .then((data) => {
+      .then(data => {
         const { dispatch } = this.props
         dispatch({
           type: 'ADD_STORAGE',
@@ -200,37 +225,39 @@ class StoragesTab extends React.Component {
       })
   }
 
-  handleAddStorageCancelButton (e) {
+  handleAddStorageCancelButton(e) {
     this.setState({
       page: 'LIST'
     })
   }
 
-  renderAddStorage () {
+  renderAddStorage() {
     return (
       <div styleName='addStorage'>
-
         <div styleName='addStorage-header'>{i18n.__('Add Storage')}</div>
 
         <div styleName='addStorage-body'>
-
           <div styleName='addStorage-body-section'>
             <div styleName='addStorage-body-section-label'>
               {i18n.__('Name')}
             </div>
             <div styleName='addStorage-body-section-name'>
-              <input styleName='addStorage-body-section-name-input'
+              <input
+                styleName='addStorage-body-section-name-input'
                 ref='addStorageName'
                 value={this.state.newStorage.name}
-                onChange={(e) => this.handleAddStorageChange(e)}
+                onChange={e => this.handleAddStorageChange(e)}
               />
             </div>
           </div>
 
           <div styleName='addStorage-body-section'>
-            <div styleName='addStorage-body-section-label'>{i18n.__('Type')}</div>
+            <div styleName='addStorage-body-section-label'>
+              {i18n.__('Type')}
+            </div>
             <div styleName='addStorage-body-section-type'>
-              <select styleName='addStorage-body-section-type-select'
+              <select
+                styleName='addStorage-body-section-type-select'
                 value={this.state.newStorage.type}
                 readOnly
               >
@@ -238,25 +265,31 @@ class StoragesTab extends React.Component {
               </select>
               <div styleName='addStorage-body-section-type-description'>
                 {i18n.__('Setting up 3rd-party cloud storage integration:')}{' '}
-                <a href='https://github.com/BoostIO/Boostnote/wiki/Cloud-Syncing-and-Backup'
-                  onClick={(e) => this.handleLinkClick(e)}
-                >{i18n.__('Cloud-Syncing-and-Backup')}</a>
+                <a
+                  href='https://github.com/BoostIO/Boostnote/wiki/Cloud-Syncing-and-Backup'
+                  onClick={e => this.handleLinkClick(e)}
+                >
+                  {i18n.__('Cloud-Syncing-and-Backup')}
+                </a>
               </div>
             </div>
           </div>
 
           <div styleName='addStorage-body-section'>
-            <div styleName='addStorage-body-section-label'>{i18n.__('Location')}
+            <div styleName='addStorage-body-section-label'>
+              {i18n.__('Location')}
             </div>
             <div styleName='addStorage-body-section-path'>
-              <input styleName='addStorage-body-section-path-input'
+              <input
+                styleName='addStorage-body-section-path-input'
                 ref='addStoragePath'
                 placeholder={i18n.__('Select Folder')}
                 value={this.state.newStorage.path}
-                onChange={(e) => this.handleAddStorageChange(e)}
+                onChange={e => this.handleAddStorageChange(e)}
               />
-              <button styleName='addStorage-body-section-path-button'
-                onClick={(e) => this.handleAddStorageBrowseButtonClick(e)}
+              <button
+                styleName='addStorage-body-section-path-button'
+                onClick={e => this.handleAddStorageBrowseButtonClick(e)}
               >
                 ...
               </button>
@@ -264,21 +297,25 @@ class StoragesTab extends React.Component {
           </div>
 
           <div styleName='addStorage-body-control'>
-            <button styleName='addStorage-body-control-createButton'
-              onClick={(e) => this.handleAddStorageCreateButton(e)}
-            >{i18n.__('Add')}</button>
-            <button styleName='addStorage-body-control-cancelButton'
-              onClick={(e) => this.handleAddStorageCancelButton(e)}
-            >{i18n.__('Cancel')}</button>
+            <button
+              styleName='addStorage-body-control-createButton'
+              onClick={e => this.handleAddStorageCreateButton(e)}
+            >
+              {i18n.__('Add')}
+            </button>
+            <button
+              styleName='addStorage-body-control-cancelButton'
+              onClick={e => this.handleAddStorageCancelButton(e)}
+            >
+              {i18n.__('Cancel')}
+            </button>
           </div>
-
         </div>
-
       </div>
     )
   }
 
-  renderContent () {
+  renderContent() {
     switch (this.state.page) {
       case 'ADD_STORAGE':
       case 'ADD_FOLDER':
@@ -289,12 +326,8 @@ class StoragesTab extends React.Component {
     }
   }
 
-  render () {
-    return (
-      <div styleName='root'>
-        {this.renderContent()}
-      </div>
-    )
+  render() {
+    return <div styleName='root'>{this.renderContent()}</div>
   }
 }
 
diff --git a/browser/main/modals/PreferencesModal/UiTab.js b/browser/main/modals/PreferencesModal/UiTab.js
index c54ed098..e043397d 100644
--- a/browser/main/modals/PreferencesModal/UiTab.js
+++ b/browser/main/modals/PreferencesModal/UiTab.js
@@ -20,7 +20,7 @@ const electron = require('electron')
 const ipc = electron.ipcRenderer
 
 class UiTab extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
     this.state = {
       config: props.config,
@@ -28,10 +28,16 @@ class UiTab extends React.Component {
     }
   }
 
-  componentDidMount () {
-    CodeMirror.autoLoadMode(this.codeMirrorInstance.getCodeMirror(), 'javascript')
+  componentDidMount() {
+    CodeMirror.autoLoadMode(
+      this.codeMirrorInstance.getCodeMirror(),
+      'javascript'
+    )
     CodeMirror.autoLoadMode(this.customCSSCM.getCodeMirror(), 'css')
-    CodeMirror.autoLoadMode(this.customMarkdownLintConfigCM.getCodeMirror(), 'javascript')
+    CodeMirror.autoLoadMode(
+      this.customMarkdownLintConfigCM.getCodeMirror(),
+      'javascript'
+    )
     CodeMirror.autoLoadMode(this.prettierConfigCM.getCodeMirror(), 'javascript')
     // Set CM editor Sizes
     this.customCSSCM.getCodeMirror().setSize('400px', '400px')
@@ -39,27 +45,32 @@ class UiTab extends React.Component {
     this.customMarkdownLintConfigCM.getCodeMirror().setSize('400px', '200px')
 
     this.handleSettingDone = () => {
-      this.setState({UiAlert: {
-        type: 'success',
-        message: i18n.__('Successfully applied!')
-      }})
+      this.setState({
+        UiAlert: {
+          type: 'success',
+          message: i18n.__('Successfully applied!')
+        }
+      })
     }
-    this.handleSettingError = (err) => {
-      this.setState({UiAlert: {
-        type: 'error',
-        message: err.message != null ? err.message : i18n.__('An error occurred!')
-      }})
+    this.handleSettingError = err => {
+      this.setState({
+        UiAlert: {
+          type: 'error',
+          message:
+            err.message != null ? err.message : i18n.__('An error occurred!')
+        }
+      })
     }
     ipc.addListener('APP_SETTING_DONE', this.handleSettingDone)
     ipc.addListener('APP_SETTING_ERROR', this.handleSettingError)
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     ipc.removeListener('APP_SETTING_DONE', this.handleSettingDone)
     ipc.removeListener('APP_SETTING_ERROR', this.handleSettingError)
   }
 
-  handleUIChange (e) {
+  handleUIChange(e) {
     const { codemirrorTheme } = this.state
     let checkHighLight = document.getElementById('checkHighLight')
 
@@ -75,7 +86,8 @@ class UiTab extends React.Component {
         theme: this.refs.uiTheme.value,
         language: this.refs.uiLanguage.value,
         defaultNote: this.refs.defaultNote.value,
-        tagNewNoteWithFilteringTags: this.refs.tagNewNoteWithFilteringTags.checked,
+        tagNewNoteWithFilteringTags: this.refs.tagNewNoteWithFilteringTags
+          .checked,
         showCopyNotification: this.refs.showCopyNotification.checked,
         confirmDeletion: this.refs.confirmDeletion.checked,
         showOnlyRelatedTags: this.refs.showOnlyRelatedTags.checked,
@@ -83,9 +95,8 @@ class UiTab extends React.Component {
         saveTagsAlphabetically: this.refs.saveTagsAlphabetically.checked,
         enableLiveNoteCounts: this.refs.enableLiveNoteCounts.checked,
         showMenuBar: this.refs.showMenuBar.checked,
-        disableDirectWrite: this.refs.uiD2w != null
-          ? this.refs.uiD2w.checked
-          : false
+        disableDirectWrite:
+          this.refs.uiD2w != null ? this.refs.uiD2w.checked : false
       },
       editor: {
         theme: this.refs.editorTheme.value,
@@ -111,7 +122,9 @@ class UiTab extends React.Component {
         spellcheck: this.refs.spellcheck.checked,
         enableSmartPaste: this.refs.enableSmartPaste.checked,
         enableMarkdownLint: this.refs.enableMarkdownLint.checked,
-        customMarkdownLintConfig: this.customMarkdownLintConfigCM.getCodeMirror().getValue(),
+        customMarkdownLintConfig: this.customMarkdownLintConfigCM
+          .getCodeMirror()
+          .getValue(),
         prettierConfig: this.prettierConfigCM.getCodeMirror().getValue(),
         deleteUnusedAttachments: this.refs.deleteUnusedAttachments.checked
       },
@@ -141,29 +154,34 @@ class UiTab extends React.Component {
     const newCodemirrorTheme = this.refs.editorTheme.value
 
     if (newCodemirrorTheme !== codemirrorTheme) {
-      const theme = consts.THEMES.find(theme => theme.name === newCodemirrorTheme)
+      const theme = consts.THEMES.find(
+        theme => theme.name === newCodemirrorTheme
+      )
 
       if (theme) {
         checkHighLight.setAttribute('href', theme.path)
       }
     }
 
-    this.setState({ config: newConfig, codemirrorTheme: newCodemirrorTheme }, () => {
-      const {ui, editor, preview} = this.props.config
-      this.currentConfig = {ui, editor, preview}
-      if (_.isEqual(this.currentConfig, this.state.config)) {
-        this.props.haveToSave()
-      } else {
-        this.props.haveToSave({
-          tab: 'UI',
-          type: 'warning',
-          message: i18n.__('Unsaved Changes!')
-        })
+    this.setState(
+      { config: newConfig, codemirrorTheme: newCodemirrorTheme },
+      () => {
+        const { ui, editor, preview } = this.props.config
+        this.currentConfig = { ui, editor, preview }
+        if (_.isEqual(this.currentConfig, this.state.config)) {
+          this.props.haveToSave()
+        } else {
+          this.props.haveToSave({
+            tab: 'UI',
+            type: 'warning',
+            message: i18n.__('Unsaved Changes!')
+          })
+        }
       }
-    })
+    )
   }
 
-  handleSaveUIClick (e) {
+  handleSaveUIClick(e) {
     const newConfig = {
       ui: this.state.config.ui,
       editor: this.state.config.editor,
@@ -180,7 +198,7 @@ class UiTab extends React.Component {
     this.props.haveToSave()
   }
 
-  clearMessage () {
+  clearMessage() {
     _.debounce(() => {
       this.setState({
         UiAlert: null
@@ -188,17 +206,17 @@ class UiTab extends React.Component {
     }, 2000)()
   }
 
-  render () {
+  render() {
     const UiAlert = this.state.UiAlert
-    const UiAlertElement = UiAlert != null
-      ? <p className={`alert ${UiAlert.type}`}>
-        {UiAlert.message}
-      </p>
-      : null
+    const UiAlertElement =
+      UiAlert != null ? (
+        <p className={`alert ${UiAlert.type}`}>{UiAlert.message}</p>
+      ) : null
 
     const themes = consts.THEMES
     const { config, codemirrorTheme } = this.state
-    const codemirrorSampleCode = 'function iamHappy (happy) {\n\tif (happy) {\n\t  console.log("I am Happy!")\n\t} else {\n\t  console.log("I am not Happy!")\n\t}\n};'
+    const codemirrorSampleCode =
+      'function iamHappy (happy) {\n\tif (happy) {\n\t  console.log("I am Happy!")\n\t} else {\n\t  console.log("I am not Happy!")\n\t}\n};'
     const enableEditRulersStyle = config.editor.enableRulers ? 'block' : 'none'
     const fontFamily = normalizeEditorFontFamily(config.editor.fontFamily)
     return (
@@ -211,40 +229,52 @@ class UiTab extends React.Component {
               {i18n.__('Interface Theme')}
             </div>
             <div styleName='group-section-control'>
-              <select value={config.ui.theme}
-                onChange={(e) => this.handleUIChange(e)}
+              <select
+                value={config.ui.theme}
+                onChange={e => this.handleUIChange(e)}
                 ref='uiTheme'
               >
                 <optgroup label='Light Themes'>
-                  {
-                    uiThemes.filter(theme => !theme.isDark).sort((a, b) => a.label.localeCompare(b.label)).map(theme => {
-                      return (<option value={theme.name} key={theme.name}>{theme.label}</option>)
-                    })
-                  }
+                  {uiThemes
+                    .filter(theme => !theme.isDark)
+                    .sort((a, b) => a.label.localeCompare(b.label))
+                    .map(theme => {
+                      return (
+                        <option value={theme.name} key={theme.name}>
+                          {theme.label}
+                        </option>
+                      )
+                    })}
                 </optgroup>
                 <optgroup label='Dark Themes'>
-                  {
-                    uiThemes.filter(theme => theme.isDark).sort((a, b) => a.label.localeCompare(b.label)).map(theme => {
-                      return (<option value={theme.name} key={theme.name}>{theme.label}</option>)
-                    })
-                  }
+                  {uiThemes
+                    .filter(theme => theme.isDark)
+                    .sort((a, b) => a.label.localeCompare(b.label))
+                    .map(theme => {
+                      return (
+                        <option value={theme.name} key={theme.name}>
+                          {theme.label}
+                        </option>
+                      )
+                    })}
                 </optgroup>
               </select>
             </div>
           </div>
 
           <div styleName='group-section'>
-            <div styleName='group-section-label'>
-              {i18n.__('Language')}
-            </div>
+            <div styleName='group-section-label'>{i18n.__('Language')}</div>
             <div styleName='group-section-control'>
-              <select value={config.ui.language}
-                onChange={(e) => this.handleUIChange(e)}
+              <select
+                value={config.ui.language}
+                onChange={e => this.handleUIChange(e)}
                 ref='uiLanguage'
               >
-                {
-                  getLanguages().map((language) => <option value={language.locale} key={language.locale}>{i18n.__(language.name)}</option>)
-                }
+                {getLanguages().map(language => (
+                  <option value={language.locale} key={language.locale}>
+                    {i18n.__(language.name)}
+                  </option>
+                ))}
               </select>
             </div>
           </div>
@@ -254,12 +284,15 @@ class UiTab extends React.Component {
               {i18n.__('Default New Note')}
             </div>
             <div styleName='group-section-control'>
-              <select value={config.ui.defaultNote}
-                onChange={(e) => this.handleUIChange(e)}
+              <select
+                value={config.ui.defaultNote}
+                onChange={e => this.handleUIChange(e)}
                 ref='defaultNote'
               >
                 <option value='ALWAYS_ASK'>{i18n.__('Always Ask')}</option>
-                <option value='MARKDOWN_NOTE'>{i18n.__('Markdown Note')}</option>
+                <option value='MARKDOWN_NOTE'>
+                  {i18n.__('Markdown Note')}
+                </option>
                 <option value='SNIPPET_NOTE'>{i18n.__('Snippet Note')}</option>
               </select>
             </div>
@@ -267,103 +300,121 @@ class UiTab extends React.Component {
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.ui.showMenuBar}
                 ref='showMenuBar'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Show menu bar')}
             </label>
           </div>
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.ui.showCopyNotification}
                 ref='showCopyNotification'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Show "Saved to Clipboard" notification when copying')}
             </label>
           </div>
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.ui.confirmDeletion}
                 ref='confirmDeletion'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Show a confirmation dialog when deleting notes')}
             </label>
           </div>
-          {
-            global.process.platform === 'win32'
-            ? <div styleName='group-checkBoxSection'>
+          {global.process.platform === 'win32' ? (
+            <div styleName='group-checkBoxSection'>
               <label>
-                <input onChange={(e) => this.handleUIChange(e)}
+                <input
+                  onChange={e => this.handleUIChange(e)}
                   checked={this.state.config.ui.disableDirectWrite}
                   refs='uiD2w'
                   disabled={OSX}
                   type='checkbox'
-                />&nbsp;
-                {i18n.__('Disable Direct Write (It will be applied after restarting)')}
+                />
+                &nbsp;
+                {i18n.__(
+                  'Disable Direct Write (It will be applied after restarting)'
+                )}
               </label>
             </div>
-            : null
-          }
+          ) : null}
 
           <div styleName='group-header2'>Tags</div>
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.ui.saveTagsAlphabetically}
                 ref='saveTagsAlphabetically'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Save tags of a note in alphabetical order')}
             </label>
           </div>
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.ui.showTagsAlphabetically}
                 ref='showTagsAlphabetically'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Show tags of a note in alphabetical order')}
             </label>
           </div>
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.ui.showOnlyRelatedTags}
                 ref='showOnlyRelatedTags'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Show only related tags')}
             </label>
           </div>
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.ui.enableLiveNoteCounts}
                 ref='enableLiveNoteCounts'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Enable live count of notes')}
             </label>
           </div>
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.ui.tagNewNoteWithFilteringTags}
                 ref='tagNewNoteWithFilteringTags'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('New notes are tagged with the filtering tags')}
             </label>
           </div>
@@ -371,21 +422,22 @@ class UiTab extends React.Component {
           <div styleName='group-header2'>Editor</div>
 
           <div styleName='group-section'>
-            <div styleName='group-section-label'>
-              {i18n.__('Editor Theme')}
-            </div>
+            <div styleName='group-section-label'>{i18n.__('Editor Theme')}</div>
             <div styleName='group-section-control'>
-              <select value={config.editor.theme}
+              <select
+                value={config.editor.theme}
                 ref='editorTheme'
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
               >
-                {
-                  themes.map((theme) => {
-                    return (<option value={theme.name} key={theme.name}>{theme.name}</option>)
-                  })
-                }
+                {themes.map(theme => {
+                  return (
+                    <option value={theme.name} key={theme.name}>
+                      {theme.name}
+                    </option>
+                  )
+                })}
               </select>
-              <div styleName='code-mirror' style={{fontFamily}}>
+              <div styleName='code-mirror' style={{ fontFamily }}>
                 <ReactCodeMirror
                   ref={e => (this.codeMirrorInstance = e)}
                   value={codemirrorSampleCode}
@@ -394,7 +446,8 @@ class UiTab extends React.Component {
                     readOnly: true,
                     mode: 'javascript',
                     theme: codemirrorTheme
-                  }} />
+                  }}
+                />
               </div>
             </div>
           </div>
@@ -403,10 +456,11 @@ class UiTab extends React.Component {
               {i18n.__('Editor Font Size')}
             </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 ref='editorFontSize'
                 value={config.editor.fontSize}
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
@@ -416,10 +470,11 @@ class UiTab extends React.Component {
               {i18n.__('Editor Font Family')}
             </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 ref='editorFontFamily'
                 value={config.editor.fontFamily}
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
@@ -429,18 +484,21 @@ class UiTab extends React.Component {
               {i18n.__('Editor Indent Style')}
             </div>
             <div styleName='group-section-control'>
-              <select value={config.editor.indentSize}
+              <select
+                value={config.editor.indentSize}
                 ref='editorIndentSize'
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
               >
                 <option value='1'>1</option>
                 <option value='2'>2</option>
                 <option value='4'>4</option>
                 <option value='8'>8</option>
-              </select>&nbsp;
-              <select value={config.editor.indentType}
+              </select>
+              &nbsp;
+              <select
+                value={config.editor.indentType}
                 ref='editorIndentType'
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
               >
                 <option value='space'>{i18n.__('Spaces')}</option>
                 <option value='tab'>{i18n.__('Tabs')}</option>
@@ -454,23 +512,21 @@ class UiTab extends React.Component {
             </div>
             <div styleName='group-section-control'>
               <div>
-                <select value={config.editor.enableRulers}
+                <select
+                  value={config.editor.enableRulers}
                   ref='enableEditorRulers'
-                  onChange={(e) => this.handleUIChange(e)}
+                  onChange={e => this.handleUIChange(e)}
                 >
-                  <option value='true'>
-                    {i18n.__('Enable')}
-                  </option>
-                  <option value='false'>
-                    {i18n.__('Disable')}
-                  </option>
+                  <option value='true'>{i18n.__('Enable')}</option>
+                  <option value='false'>{i18n.__('Disable')}</option>
                 </select>
               </div>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 style={{ display: enableEditRulersStyle }}
                 ref='editorRulers'
                 value={config.editor.rulers}
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
@@ -481,12 +537,15 @@ class UiTab extends React.Component {
               {i18n.__('Switch to Preview')}
             </div>
             <div styleName='group-section-control'>
-              <select value={config.editor.switchPreview}
+              <select
+                value={config.editor.switchPreview}
                 ref='editorSwitchPreview'
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
               >
                 <option value='BLUR'>{i18n.__('When Editor Blurred')}</option>
-                <option value='DBL_CLICK'>{i18n.__('When Editor Blurred, Edit On Double Click')}</option>
+                <option value='DBL_CLICK'>
+                  {i18n.__('When Editor Blurred, Edit On Double Click')}
+                </option>
                 <option value='RIGHTCLICK'>{i18n.__('On Right Click')}</option>
               </select>
             </div>
@@ -497,15 +556,20 @@ class UiTab extends React.Component {
               {i18n.__('Editor Keymap')}
             </div>
             <div styleName='group-section-control'>
-              <select value={config.editor.keyMap}
+              <select
+                value={config.editor.keyMap}
                 ref='editorKeyMap'
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
               >
                 <option value='sublime'>{i18n.__('default')}</option>
                 <option value='vim'>{i18n.__('vim')}</option>
                 <option value='emacs'>{i18n.__('emacs')}</option>
               </select>
-              <p styleName='note-for-keymap'>{i18n.__('⚠️ Please restart boostnote after you change the keymap')}</p>
+              <p styleName='note-for-keymap'>
+                {i18n.__(
+                  '⚠️ Please restart boostnote after you change the keymap'
+                )}
+              </p>
             </div>
           </div>
 
@@ -514,14 +578,21 @@ class UiTab extends React.Component {
               {i18n.__('Snippet Default Language')}
             </div>
             <div styleName='group-section-control'>
-              <select value={config.editor.snippetDefaultLanguage}
+              <select
+                value={config.editor.snippetDefaultLanguage}
                 ref='editorSnippetDefaultLanguage'
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
               >
-                <option key='Auto Detect' value='Auto Detect'>{i18n.__('Auto Detect')}</option>
-                {
-                  _.sortBy(CodeMirror.modeInfo.map(mode => mode.name)).map(name => (<option key={name} value={name}>{name}</option>))
-                }
+                <option key='Auto Detect' value='Auto Detect'>
+                  {i18n.__('Auto Detect')}
+                </option>
+                {_.sortBy(CodeMirror.modeInfo.map(mode => mode.name)).map(
+                  name => (
+                    <option key={name} value={name}>
+                      {name}
+                    </option>
+                  )
+                )}
               </select>
             </div>
           </div>
@@ -531,10 +602,11 @@ class UiTab extends React.Component {
               {i18n.__('Front matter title field')}
             </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 ref='frontMatterTitleField'
                 value={config.editor.frontMatterTitleField}
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
@@ -542,99 +614,119 @@ class UiTab extends React.Component {
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.editor.enableFrontMatterTitle}
                 ref='enableFrontMatterTitle'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Extract title from front matter')}
             </label>
           </div>
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.editor.displayLineNumbers}
                 ref='editorDisplayLineNumbers'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Show line numbers in the editor')}
             </label>
           </div>
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.editor.lineWrapping}
                 ref='editorLineWrapping'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Wrap line in Snippet Note')}
             </label>
           </div>
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.editor.scrollPastEnd}
                 ref='scrollPastEnd'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Allow editor to scroll past the last line')}
             </label>
           </div>
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.editor.fetchUrlTitle}
                 ref='editorFetchUrlTitle'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Bring in web page title when pasting URL on editor')}
             </label>
           </div>
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.editor.enableTableEditor}
                 ref='enableTableEditor'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Enable smart table editor')}
             </label>
           </div>
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.editor.enableSmartPaste}
                 ref='enableSmartPaste'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Enable HTML paste')}
             </label>
           </div>
 
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.editor.spellcheck}
                 ref='spellcheck'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Enable spellcheck - Experimental feature!! :)')}
             </label>
           </div>
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.editor.deleteUnusedAttachments}
                 ref='deleteUnusedAttachments'
                 type='checkbox'
-              />&nbsp;
-              {i18n.__('Delete attachments, that are not referenced in the text anymore')}
+              />
+              &nbsp;
+              {i18n.__(
+                'Delete attachments, that are not referenced in the text anymore'
+              )}
             </label>
           </div>
 
@@ -643,10 +735,11 @@ class UiTab extends React.Component {
               {i18n.__('Matching character pairs')}
             </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 value={this.state.config.editor.matchingPairs}
                 ref='matchingPairs'
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
@@ -657,10 +750,11 @@ class UiTab extends React.Component {
               {i18n.__('Matching character triples')}
             </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 value={this.state.config.editor.matchingTriples}
                 ref='matchingTriples'
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
@@ -671,10 +765,11 @@ class UiTab extends React.Component {
               {i18n.__('Exploding character pairs')}
             </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 value={this.state.config.editor.explodingPairs}
                 ref='explodingPairs'
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
@@ -684,13 +779,22 @@ class UiTab extends React.Component {
               {i18n.__('Custom MarkdownLint Rules')}
             </div>
             <div styleName='group-section-control'>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.editor.enableMarkdownLint}
                 ref='enableMarkdownLint'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Enable MarkdownLint')}
-              <div style={{fontFamily, display: this.state.config.editor.enableMarkdownLint ? 'block' : 'none'}}>
+              <div
+                style={{
+                  fontFamily,
+                  display: this.state.config.editor.enableMarkdownLint
+                    ? 'block'
+                    : 'none'
+                }}
+              >
                 <ReactCodeMirror
                   width='400px'
                   height='200px'
@@ -702,8 +806,13 @@ class UiTab extends React.Component {
                     mode: 'application/json',
                     theme: codemirrorTheme,
                     lint: true,
-                    gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter', 'CodeMirror-lint-markers']
-                  }} />
+                    gutters: [
+                      'CodeMirror-linenumbers',
+                      'CodeMirror-foldgutter',
+                      'CodeMirror-lint-markers'
+                    ]
+                  }}
+                />
               </div>
             </div>
           </div>
@@ -714,10 +823,11 @@ class UiTab extends React.Component {
               {i18n.__('Preview Font Size')}
             </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 value={config.preview.fontSize}
                 ref='previewFontSize'
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
@@ -727,124 +837,152 @@ class UiTab extends React.Component {
               {i18n.__('Preview Font Family')}
             </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 ref='previewFontFamily'
                 value={config.preview.fontFamily}
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
           </div>
 
           <div styleName='group-section'>
-            <div styleName='group-section-label'>{i18n.__('Code Block Theme')}</div>
+            <div styleName='group-section-label'>
+              {i18n.__('Code Block Theme')}
+            </div>
             <div styleName='group-section-control'>
-              <select value={config.preview.codeBlockTheme}
+              <select
+                value={config.preview.codeBlockTheme}
                 ref='previewCodeBlockTheme'
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
               >
-                {
-                  themes.map((theme) => {
-                    return (<option value={theme.name} key={theme.name}>{theme.name}</option>)
-                  })
-                }
+                {themes.map(theme => {
+                  return (
+                    <option value={theme.name} key={theme.name}>
+                      {theme.name}
+                    </option>
+                  )
+                })}
               </select>
             </div>
           </div>
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.preview.lineThroughCheckbox}
                 ref='lineThroughCheckbox'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Allow line through checkbox')}
             </label>
           </div>
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.preview.scrollPastEnd}
                 ref='previewScrollPastEnd'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Allow preview to scroll past the last line')}
             </label>
           </div>
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.preview.scrollSync}
                 ref='previewScrollSync'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('When scrolling, synchronize preview with editor')}
             </label>
           </div>
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.preview.lineNumber}
                 ref='previewLineNumber'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Show line numbers for preview code blocks')}
             </label>
           </div>
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.preview.smartQuotes}
                 ref='previewSmartQuotes'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Enable smart quotes')}
             </label>
           </div>
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.preview.breaks}
                 ref='previewBreaks'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Render newlines in Markdown paragraphs as <br>')}
             </label>
           </div>
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.preview.smartArrows}
                 ref='previewSmartArrows'
                 type='checkbox'
-              />&nbsp;
-              {i18n.__('Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.')}
+              />
+              &nbsp;
+              {i18n.__(
+                'Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.'
+              )}
             </label>
           </div>
 
           <div styleName='group-section'>
-            <div styleName='group-section-label'>
-              {i18n.__('Sanitization')}
-            </div>
+            <div styleName='group-section-label'>{i18n.__('Sanitization')}</div>
             <div styleName='group-section-control'>
-              <select value={config.preview.sanitize}
+              <select
+                value={config.preview.sanitize}
                 ref='previewSanitize'
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
               >
-                <option value='STRICT'>✅ {i18n.__('Only allow secure html tags (recommended)')}
+                <option value='STRICT'>
+                  ✅ {i18n.__('Only allow secure html tags (recommended)')}
+                </option>
+                <option value='ALLOW_STYLES'>
+                  ⚠️ {i18n.__('Allow styles')}
+                </option>
+                <option value='NONE'>
+                  ❌ {i18n.__('Allow dangerous html tags')}
                 </option>
-                <option value='ALLOW_STYLES'>⚠️ {i18n.__('Allow styles')}</option>
-                <option value='NONE'>❌ {i18n.__('Allow dangerous html tags')}</option>
               </select>
             </div>
           </div>
           <div styleName='group-checkBoxSection'>
             <label>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={this.state.config.preview.mermaidHTMLLabel}
                 ref='previewMermaidHTMLLabel'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Enable HTML label in mermaid flowcharts')}
             </label>
           </div>
@@ -853,10 +991,11 @@ class UiTab extends React.Component {
               {i18n.__('LaTeX Inline Open Delimiter')}
             </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 ref='previewLatexInlineOpen'
                 value={config.preview.latexInlineOpen}
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
@@ -866,10 +1005,11 @@ class UiTab extends React.Component {
               {i18n.__('LaTeX Inline Close Delimiter')}
             </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 ref='previewLatexInlineClose'
                 value={config.preview.latexInlineClose}
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
@@ -879,10 +1019,11 @@ class UiTab extends React.Component {
               {i18n.__('LaTeX Block Open Delimiter')}
             </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 ref='previewLatexBlockOpen'
                 value={config.preview.latexBlockOpen}
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
@@ -892,10 +1033,11 @@ class UiTab extends React.Component {
               {i18n.__('LaTeX Block Close Delimiter')}
             </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 ref='previewLatexBlockClose'
                 value={config.preview.latexBlockClose}
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
@@ -905,26 +1047,27 @@ class UiTab extends React.Component {
               {i18n.__('PlantUML Server')}
             </div>
             <div styleName='group-section-control'>
-              <input styleName='group-section-control-input'
+              <input
+                styleName='group-section-control-input'
                 ref='previewPlantUMLServerAddress'
                 value={config.preview.plantUMLServerAddress}
-                onChange={(e) => this.handleUIChange(e)}
+                onChange={e => this.handleUIChange(e)}
                 type='text'
               />
             </div>
           </div>
           <div styleName='group-section'>
-            <div styleName='group-section-label'>
-              {i18n.__('Custom CSS')}
-            </div>
+            <div styleName='group-section-label'>{i18n.__('Custom CSS')}</div>
             <div styleName='group-section-control'>
-              <input onChange={(e) => this.handleUIChange(e)}
+              <input
+                onChange={e => this.handleUIChange(e)}
                 checked={config.preview.allowCustomCSS}
                 ref='previewAllowCustomCSS'
                 type='checkbox'
-              />&nbsp;
+              />
+              &nbsp;
               {i18n.__('Allow custom CSS for preview')}
-              <div style={{fontFamily}}>
+              <div style={{ fontFamily }}>
                 <ReactCodeMirror
                   width='400px'
                   height='400px'
@@ -935,7 +1078,8 @@ class UiTab extends React.Component {
                     lineNumbers: true,
                     mode: 'css',
                     theme: codemirrorTheme
-                  }} />
+                  }}
+                />
               </div>
             </div>
           </div>
@@ -944,7 +1088,7 @@ class UiTab extends React.Component {
               {i18n.__('Prettier Config')}
             </div>
             <div styleName='group-section-control'>
-              <div style={{fontFamily}}>
+              <div style={{ fontFamily }}>
                 <ReactCodeMirror
                   width='400px'
                   height='400px'
@@ -956,13 +1100,17 @@ class UiTab extends React.Component {
                     mode: 'application/json',
                     lint: true,
                     theme: codemirrorTheme
-                  }} />
+                  }}
+                />
               </div>
             </div>
           </div>
           <div styleName='group-control'>
-            <button styleName='group-control-rightButton'
-              onClick={(e) => this.handleSaveUIClick(e)}>{i18n.__('Save')}
+            <button
+              styleName='group-control-rightButton'
+              onClick={e => this.handleSaveUIClick(e)}
+            >
+              {i18n.__('Save')}
             </button>
             {UiAlertElement}
           </div>
diff --git a/browser/main/modals/PreferencesModal/index.js b/browser/main/modals/PreferencesModal/index.js
index 86957083..2c14e6c7 100644
--- a/browser/main/modals/PreferencesModal/index.js
+++ b/browser/main/modals/PreferencesModal/index.js
@@ -16,7 +16,7 @@ import _ from 'lodash'
 import i18n from 'browser/lib/i18n'
 
 class Preferences extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -27,44 +27,39 @@ class Preferences extends React.Component {
     }
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.refs.root.focus()
     const boundingBox = this.getContentBoundingBox()
     this.setState({ boundingBox })
   }
 
-  switchTeam (teamId) {
-    this.setState({currentTeamId: teamId})
+  switchTeam(teamId) {
+    this.setState({ currentTeamId: teamId })
   }
 
-  handleNavButtonClick (tab) {
-    return (e) => {
-      this.setState({currentTab: tab})
+  handleNavButtonClick(tab) {
+    return e => {
+      this.setState({ currentTab: tab })
     }
   }
 
-  handleEscButtonClick () {
+  handleEscButtonClick() {
     this.props.close()
   }
 
-  renderContent () {
+  renderContent() {
     const { boundingBox } = this.state
     const { dispatch, config, data } = this.props
 
     switch (this.state.currentTab) {
       case 'INFO':
-        return (
-          <InfoTab
-            dispatch={dispatch}
-            config={config}
-          />
-        )
+        return <InfoTab dispatch={dispatch} config={config} />
       case 'HOTKEY':
         return (
           <HotkeyTab
             dispatch={dispatch}
             config={config}
-            haveToSave={alert => this.setState({HotkeyAlert: alert})}
+            haveToSave={alert => this.setState({ HotkeyAlert: alert })}
           />
         )
       case 'UI':
@@ -72,29 +67,21 @@ class Preferences extends React.Component {
           <UiTab
             dispatch={dispatch}
             config={config}
-            haveToSave={alert => this.setState({UIAlert: alert})}
+            haveToSave={alert => this.setState({ UIAlert: alert })}
           />
         )
       case 'CROWDFUNDING':
-        return (
-          <Crowdfunding />
-        )
+        return <Crowdfunding />
       case 'BLOG':
         return (
           <Blog
             dispatch={dispatch}
             config={config}
-            haveToSave={alert => this.setState({BlogAlert: alert})}
+            haveToSave={alert => this.setState({ BlogAlert: alert })}
           />
         )
       case 'SNIPPET':
-        return (
-          <SnippetTab
-            dispatch={dispatch}
-            config={config}
-            data={data}
-          />
-        )
+        return <SnippetTab dispatch={dispatch} config={config} data={data} />
       case 'STORAGES':
       default:
         return (
@@ -107,67 +94,69 @@ class Preferences extends React.Component {
     }
   }
 
-  handleKeyDown (e) {
+  handleKeyDown(e) {
     if (e.keyCode === 27) {
       this.props.close()
     }
   }
 
-  getContentBoundingBox () {
+  getContentBoundingBox() {
     return this.refs.content.getBoundingClientRect()
   }
 
-  haveToSaveNotif (type, message) {
-    return (
-      <p styleName={`saving--${type}`}>{message}</p>
-    )
+  haveToSaveNotif(type, message) {
+    return <p styleName={`saving--${type}`}>{message}</p>
   }
 
-  render () {
+  render() {
     const content = this.renderContent()
 
     const tabs = [
-      {target: 'STORAGES', label: i18n.__('Storage')},
-      {target: 'HOTKEY', label: i18n.__('Hotkeys'), Hotkey: this.state.HotkeyAlert},
-      {target: 'UI', label: i18n.__('Interface'), UI: this.state.UIAlert},
-      {target: 'INFO', label: i18n.__('About')},
-      {target: 'CROWDFUNDING', label: i18n.__('Crowdfunding')},
-      {target: 'BLOG', label: i18n.__('Blog'), Blog: this.state.BlogAlert},
-      {target: 'SNIPPET', label: i18n.__('Snippets')}
+      { target: 'STORAGES', label: i18n.__('Storage') },
+      {
+        target: 'HOTKEY',
+        label: i18n.__('Hotkeys'),
+        Hotkey: this.state.HotkeyAlert
+      },
+      { target: 'UI', label: i18n.__('Interface'), UI: this.state.UIAlert },
+      { target: 'INFO', label: i18n.__('About') },
+      { target: 'CROWDFUNDING', label: i18n.__('Crowdfunding') },
+      { target: 'BLOG', label: i18n.__('Blog'), Blog: this.state.BlogAlert },
+      { target: 'SNIPPET', label: i18n.__('Snippets') }
     ]
 
-    const navButtons = tabs.map((tab) => {
+    const navButtons = tabs.map(tab => {
       const isActive = this.state.currentTab === tab.target
-      const isUiHotkeyTab = _.isObject(tab[tab.label]) && tab.label === tab[tab.label].tab
+      const isUiHotkeyTab =
+        _.isObject(tab[tab.label]) && tab.label === tab[tab.label].tab
       return (
-        <button styleName={isActive
-            ? 'nav-button--active'
-            : 'nav-button'
-          }
+        <button
+          styleName={isActive ? 'nav-button--active' : 'nav-button'}
           key={tab.target}
-          onClick={(e) => this.handleNavButtonClick(tab.target)(e)}
+          onClick={e => this.handleNavButtonClick(tab.target)(e)}
         >
-          <span>
-            {tab.label}
-          </span>
-          {isUiHotkeyTab ? this.haveToSaveNotif(tab[tab.label].type, tab[tab.label].message) : null}
+          <span>{tab.label}</span>
+          {isUiHotkeyTab
+            ? this.haveToSaveNotif(tab[tab.label].type, tab[tab.label].message)
+            : null}
         </button>
       )
     })
 
     return (
-      <div styleName='root'
+      <div
+        styleName='root'
         ref='root'
         tabIndex='-1'
-        onKeyDown={(e) => this.handleKeyDown(e)}
+        onKeyDown={e => this.handleKeyDown(e)}
       >
         <div styleName='top-bar'>
           <p>{i18n.__('Your preferences for Boostnote')}</p>
         </div>
-        <ModalEscButton handleEscButtonClick={(e) => this.handleEscButtonClick(e)} />
-        <div styleName='nav'>
-          {navButtons}
-        </div>
+        <ModalEscButton
+          handleEscButtonClick={e => this.handleEscButtonClick(e)}
+        />
+        <div styleName='nav'>{navButtons}</div>
         <div ref='content' styleName='content'>
           {content}
         </div>
@@ -181,4 +170,4 @@ Preferences.propTypes = {
   dispatch: PropTypes.func
 }
 
-export default connect((x) => x)(CSSModules(Preferences, styles))
+export default connect(x => x)(CSSModules(Preferences, styles))
diff --git a/browser/main/modals/RenameFolderModal.js b/browser/main/modals/RenameFolderModal.js
index 9fdd70c8..a8d6f386 100644
--- a/browser/main/modals/RenameFolderModal.js
+++ b/browser/main/modals/RenameFolderModal.js
@@ -8,7 +8,7 @@ import ModalEscButton from 'browser/components/ModalEscButton'
 import i18n from 'browser/lib/i18n'
 
 class RenameFolderModal extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -16,39 +16,39 @@ class RenameFolderModal extends React.Component {
     }
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.refs.name.focus()
     this.refs.name.select()
   }
 
-  handleCloseButtonClick (e) {
+  handleCloseButtonClick(e) {
     this.props.close()
   }
 
-  handleChange (e) {
+  handleChange(e) {
     this.setState({
       name: this.refs.name.value
     })
   }
 
-  handleKeyDown (e) {
+  handleKeyDown(e) {
     if (e.keyCode === 27) {
       this.props.close()
     }
   }
 
-  handleInputKeyDown (e) {
+  handleInputKeyDown(e) {
     switch (e.keyCode) {
       case 13:
         this.confirm()
     }
   }
 
-  handleConfirmButtonClick (e) {
+  handleConfirmButtonClick(e) {
     this.confirm()
   }
 
-  confirm () {
+  confirm() {
     if (this.state.name.trim().length > 0) {
       const { storage, folder } = this.props
       dataApi
@@ -56,7 +56,7 @@ class RenameFolderModal extends React.Component {
           name: this.state.name,
           color: folder.color
         })
-        .then((data) => {
+        .then(data => {
           store.dispatch({
             type: 'UPDATE_FOLDER',
             storage: data.storage
@@ -66,27 +66,32 @@ class RenameFolderModal extends React.Component {
     }
   }
 
-  render () {
+  render() {
     return (
-      <div styleName='root'
+      <div
+        styleName='root'
         tabIndex='-1'
-        onKeyDown={(e) => this.handleKeyDown(e)}
+        onKeyDown={e => this.handleKeyDown(e)}
       >
         <div styleName='header'>
           <div styleName='title'>{i18n.__('Rename Folder')}</div>
         </div>
-        <ModalEscButton handleEscButtonClick={(e) => this.handleCloseButtonClick(e)} />
+        <ModalEscButton
+          handleEscButtonClick={e => this.handleCloseButtonClick(e)}
+        />
 
         <div styleName='control'>
-          <input styleName='control-input'
+          <input
+            styleName='control-input'
             placeholder={i18n.__('Folder Name')}
             ref='name'
             value={this.state.name}
-            onChange={(e) => this.handleChange(e)}
-            onKeyDown={(e) => this.handleInputKeyDown(e)}
+            onChange={e => this.handleChange(e)}
+            onKeyDown={e => this.handleInputKeyDown(e)}
           />
-          <button styleName='control-confirmButton'
-            onClick={(e) => this.handleConfirmButtonClick(e)}
+          <button
+            styleName='control-confirmButton'
+            onClick={e => this.handleConfirmButtonClick(e)}
           >
             {i18n.__('Confirm')}
           </button>
diff --git a/browser/main/store.js b/browser/main/store.js
index d48198a7..d48946a6 100644
--- a/browser/main/store.js
+++ b/browser/main/store.js
@@ -6,7 +6,7 @@ import { Map, Set } from 'browser/lib/Mutable'
 import _ from 'lodash'
 import DevTools from './DevTools'
 
-function defaultDataMap () {
+function defaultDataMap() {
   return {
     storageMap: new Map(),
     noteMap: new Map(),
@@ -18,16 +18,16 @@ function defaultDataMap () {
   }
 }
 
-function data (state = defaultDataMap(), action) {
+function data(state = defaultDataMap(), action) {
   switch (action.type) {
     case 'INIT_ALL':
       state = defaultDataMap()
 
-      action.storages.forEach((storage) => {
+      action.storages.forEach(storage => {
         state.storageMap.set(storage.key, storage)
       })
 
-      action.notes.some((note) => {
+      action.notes.some(note => {
         if (note === undefined) return true
         const uniqueKey = note.key
         const folderKey = note.storage + '-' + note.folder
@@ -40,7 +40,10 @@ function data (state = defaultDataMap(), action) {
         if (note.isTrashed) {
           state.trashedSet.add(uniqueKey)
         }
-        const storageNoteList = getOrInitItem(state.storageNoteMap, note.storage)
+        const storageNoteList = getOrInitItem(
+          state.storageNoteMap,
+          note.storage
+        )
         storageNoteList.add(uniqueKey)
 
         const folderNoteSet = getOrInitItem(state.folderNoteMap, folderKey)
@@ -51,173 +54,170 @@ function data (state = defaultDataMap(), action) {
         }
       })
       return state
-    case 'UPDATE_NOTE':
-      {
-        const note = action.note
-        const uniqueKey = note.key
-        const folderKey = note.storage + '-' + note.folder
-        const oldNote = state.noteMap.get(uniqueKey)
+    case 'UPDATE_NOTE': {
+      const note = action.note
+      const uniqueKey = note.key
+      const folderKey = note.storage + '-' + note.folder
+      const oldNote = state.noteMap.get(uniqueKey)
 
-        state = Object.assign({}, state)
-        state.noteMap = new Map(state.noteMap)
-        state.noteMap.set(uniqueKey, note)
+      state = Object.assign({}, state)
+      state.noteMap = new Map(state.noteMap)
+      state.noteMap.set(uniqueKey, note)
 
-        updateStarredChange(oldNote, note, state, uniqueKey)
+      updateStarredChange(oldNote, note, state, uniqueKey)
 
-        if (oldNote == null || oldNote.isTrashed !== note.isTrashed) {
-          state.trashedSet = new Set(state.trashedSet)
-          if (note.isTrashed) {
-            state.trashedSet.add(uniqueKey)
-            state.starredSet.delete(uniqueKey)
-            removeFromTags(note.tags, state, uniqueKey)
-          } else {
-            state.trashedSet.delete(uniqueKey)
-
-            assignToTags(note.tags, state, uniqueKey)
-
-            if (note.isStarred) {
-              state.starredSet.add(uniqueKey)
-            }
-          }
-        }
-
-        // Update storageNoteMap if oldNote doesn't exist
-        if (oldNote == null) {
-          state.storageNoteMap = new Map(state.storageNoteMap)
-          let storageNoteSet = state.storageNoteMap.get(note.storage)
-          storageNoteSet = new Set(storageNoteSet)
-          storageNoteSet.add(uniqueKey)
-          state.storageNoteMap.set(note.storage, storageNoteSet)
-        }
-
-        // Update foldermap if folder changed or post created
-        updateFolderChange(oldNote, note, state, folderKey, uniqueKey)
-
-        if (oldNote != null) {
-          updateTagChanges(oldNote, note, state, uniqueKey)
+      if (oldNote == null || oldNote.isTrashed !== note.isTrashed) {
+        state.trashedSet = new Set(state.trashedSet)
+        if (note.isTrashed) {
+          state.trashedSet.add(uniqueKey)
+          state.starredSet.delete(uniqueKey)
+          removeFromTags(note.tags, state, uniqueKey)
         } else {
+          state.trashedSet.delete(uniqueKey)
+
           assignToTags(note.tags, state, uniqueKey)
-        }
 
-        return state
+          if (note.isStarred) {
+            state.starredSet.add(uniqueKey)
+          }
+        }
       }
-    case 'MOVE_NOTE':
-      {
-        const originNote = action.originNote
-        const originKey = originNote.key
-        const note = action.note
-        const uniqueKey = note.key
-        const folderKey = note.storage + '-' + note.folder
-        const oldNote = state.noteMap.get(uniqueKey)
 
-        state = Object.assign({}, state)
-        state.noteMap = new Map(state.noteMap)
-        state.noteMap.delete(originKey)
-        state.noteMap.set(uniqueKey, note)
+      // Update storageNoteMap if oldNote doesn't exist
+      if (oldNote == null) {
+        state.storageNoteMap = new Map(state.storageNoteMap)
+        let storageNoteSet = state.storageNoteMap.get(note.storage)
+        storageNoteSet = new Set(storageNoteSet)
+        storageNoteSet.add(uniqueKey)
+        state.storageNoteMap.set(note.storage, storageNoteSet)
+      }
 
-        // If storage chanced, origin key must be discarded
-        if (originKey !== uniqueKey) {
-          // From isStarred
-          if (originNote.isStarred) {
-            state.starredSet = new Set(state.starredSet)
-            state.starredSet.delete(originKey)
-          }
+      // Update foldermap if folder changed or post created
+      updateFolderChange(oldNote, note, state, folderKey, uniqueKey)
 
-          if (originNote.isTrashed) {
-            state.trashedSet = new Set(state.trashedSet)
-            state.trashedSet.delete(originKey)
-          }
+      if (oldNote != null) {
+        updateTagChanges(oldNote, note, state, uniqueKey)
+      } else {
+        assignToTags(note.tags, state, uniqueKey)
+      }
 
-          // From storageNoteMap
-          state.storageNoteMap = new Map(state.storageNoteMap)
-          let noteSet = state.storageNoteMap.get(originNote.storage)
-          noteSet = new Set(noteSet)
-          noteSet.delete(originKey)
-          state.storageNoteMap.set(originNote.storage, noteSet)
+      return state
+    }
+    case 'MOVE_NOTE': {
+      const originNote = action.originNote
+      const originKey = originNote.key
+      const note = action.note
+      const uniqueKey = note.key
+      const folderKey = note.storage + '-' + note.folder
+      const oldNote = state.noteMap.get(uniqueKey)
 
-          // From folderNoteMap
-          state.folderNoteMap = new Map(state.folderNoteMap)
-          const originFolderKey = originNote.storage + '-' + originNote.folder
-          let originFolderList = state.folderNoteMap.get(originFolderKey)
-          originFolderList = new Set(originFolderList)
-          originFolderList.delete(originKey)
-          state.folderNoteMap.set(originFolderKey, originFolderList)
+      state = Object.assign({}, state)
+      state.noteMap = new Map(state.noteMap)
+      state.noteMap.delete(originKey)
+      state.noteMap.set(uniqueKey, note)
 
-          removeFromTags(originNote.tags, state, originKey)
+      // If storage chanced, origin key must be discarded
+      if (originKey !== uniqueKey) {
+        // From isStarred
+        if (originNote.isStarred) {
+          state.starredSet = new Set(state.starredSet)
+          state.starredSet.delete(originKey)
         }
 
-        updateStarredChange(oldNote, note, state, uniqueKey)
-
-        if (oldNote == null || oldNote.isTrashed !== note.isTrashed) {
+        if (originNote.isTrashed) {
           state.trashedSet = new Set(state.trashedSet)
-          if (note.isTrashed) {
-            state.trashedSet.add(uniqueKey)
-          } else {
-            state.trashedSet.delete(uniqueKey)
-          }
+          state.trashedSet.delete(originKey)
         }
 
-        // Update storageNoteMap if oldNote doesn't exist
-        if (oldNote == null) {
-          state.storageNoteMap = new Map(state.storageNoteMap)
-          let noteSet = state.storageNoteMap.get(note.storage)
-          noteSet = new Set(noteSet)
-          noteSet.add(uniqueKey)
-          state.storageNoteMap.set(folderKey, noteSet)
-        }
-
-        // Update foldermap if folder changed or post created
-        updateFolderChange(oldNote, note, state, folderKey, uniqueKey)
-
-        // Remove from old folder map
-        if (oldNote != null) {
-          updateTagChanges(oldNote, note, state, uniqueKey)
-        } else {
-          assignToTags(note.tags, state, uniqueKey)
-        }
-
-        return state
-      }
-    case 'DELETE_NOTE':
-      {
-        const uniqueKey = action.noteKey
-        const targetNote = state.noteMap.get(uniqueKey)
-
-        state = Object.assign({}, state)
-
         // From storageNoteMap
         state.storageNoteMap = new Map(state.storageNoteMap)
-        let noteSet = state.storageNoteMap.get(targetNote.storage)
+        let noteSet = state.storageNoteMap.get(originNote.storage)
         noteSet = new Set(noteSet)
-        noteSet.delete(uniqueKey)
-        state.storageNoteMap.set(targetNote.storage, noteSet)
+        noteSet.delete(originKey)
+        state.storageNoteMap.set(originNote.storage, noteSet)
 
-        if (targetNote != null) {
-          // From isStarred
-          if (targetNote.isStarred) {
-            state.starredSet = new Set(state.starredSet)
-            state.starredSet.delete(uniqueKey)
-          }
+        // From folderNoteMap
+        state.folderNoteMap = new Map(state.folderNoteMap)
+        const originFolderKey = originNote.storage + '-' + originNote.folder
+        let originFolderList = state.folderNoteMap.get(originFolderKey)
+        originFolderList = new Set(originFolderList)
+        originFolderList.delete(originKey)
+        state.folderNoteMap.set(originFolderKey, originFolderList)
 
-          if (targetNote.isTrashed) {
-            state.trashedSet = new Set(state.trashedSet)
-            state.trashedSet.delete(uniqueKey)
-          }
-
-          // From folderNoteMap
-          const folderKey = targetNote.storage + '-' + targetNote.folder
-          state.folderNoteMap = new Map(state.folderNoteMap)
-          let folderSet = state.folderNoteMap.get(folderKey)
-          folderSet = new Set(folderSet)
-          folderSet.delete(uniqueKey)
-          state.folderNoteMap.set(folderKey, folderSet)
-
-          removeFromTags(targetNote.tags, state, uniqueKey)
-        }
-        state.noteMap = new Map(state.noteMap)
-        state.noteMap.delete(uniqueKey)
-        return state
+        removeFromTags(originNote.tags, state, originKey)
       }
+
+      updateStarredChange(oldNote, note, state, uniqueKey)
+
+      if (oldNote == null || oldNote.isTrashed !== note.isTrashed) {
+        state.trashedSet = new Set(state.trashedSet)
+        if (note.isTrashed) {
+          state.trashedSet.add(uniqueKey)
+        } else {
+          state.trashedSet.delete(uniqueKey)
+        }
+      }
+
+      // Update storageNoteMap if oldNote doesn't exist
+      if (oldNote == null) {
+        state.storageNoteMap = new Map(state.storageNoteMap)
+        let noteSet = state.storageNoteMap.get(note.storage)
+        noteSet = new Set(noteSet)
+        noteSet.add(uniqueKey)
+        state.storageNoteMap.set(folderKey, noteSet)
+      }
+
+      // Update foldermap if folder changed or post created
+      updateFolderChange(oldNote, note, state, folderKey, uniqueKey)
+
+      // Remove from old folder map
+      if (oldNote != null) {
+        updateTagChanges(oldNote, note, state, uniqueKey)
+      } else {
+        assignToTags(note.tags, state, uniqueKey)
+      }
+
+      return state
+    }
+    case 'DELETE_NOTE': {
+      const uniqueKey = action.noteKey
+      const targetNote = state.noteMap.get(uniqueKey)
+
+      state = Object.assign({}, state)
+
+      // From storageNoteMap
+      state.storageNoteMap = new Map(state.storageNoteMap)
+      let noteSet = state.storageNoteMap.get(targetNote.storage)
+      noteSet = new Set(noteSet)
+      noteSet.delete(uniqueKey)
+      state.storageNoteMap.set(targetNote.storage, noteSet)
+
+      if (targetNote != null) {
+        // From isStarred
+        if (targetNote.isStarred) {
+          state.starredSet = new Set(state.starredSet)
+          state.starredSet.delete(uniqueKey)
+        }
+
+        if (targetNote.isTrashed) {
+          state.trashedSet = new Set(state.trashedSet)
+          state.trashedSet.delete(uniqueKey)
+        }
+
+        // From folderNoteMap
+        const folderKey = targetNote.storage + '-' + targetNote.folder
+        state.folderNoteMap = new Map(state.folderNoteMap)
+        let folderSet = state.folderNoteMap.get(folderKey)
+        folderSet = new Set(folderSet)
+        folderSet.delete(uniqueKey)
+        state.folderNoteMap.set(folderKey, folderSet)
+
+        removeFromTags(targetNote.tags, state, uniqueKey)
+      }
+      state.noteMap = new Map(state.noteMap)
+      state.noteMap.delete(uniqueKey)
+      return state
+    }
     case 'UPDATE_FOLDER':
     case 'REORDER_FOLDER':
     case 'EXPORT_FOLDER':
@@ -247,7 +247,7 @@ function data (state = defaultDataMap(), action) {
         state.storageNoteMap.set(action.storage.key, storageNoteSet)
 
         if (noteSet != null) {
-          noteSet.forEach(function handleNoteKey (noteKey) {
+          noteSet.forEach(function handleNoteKey(noteKey) {
             // Get note from noteMap
             const note = state.noteMap.get(noteKey)
             if (note != null) {
@@ -269,7 +269,7 @@ function data (state = defaultDataMap(), action) {
 
               // Delete key from tag map
               state.tagNoteMap = new Map(state.tagNoteMap)
-              note.tags.forEach((tag) => {
+              note.tags.forEach(tag => {
                 const tagNoteSet = getOrInitItem(state.tagNoteMap, tag)
                 tagNoteSet.delete(noteKey)
               })
@@ -288,7 +288,7 @@ function data (state = defaultDataMap(), action) {
       state.storageNoteMap.set(action.storage.key, new Set())
       state.folderNoteMap = new Map(state.folderNoteMap)
       state.tagNoteMap = new Map(state.tagNoteMap)
-      action.notes.forEach((note) => {
+      action.notes.forEach(note => {
         const uniqueKey = note.key
         const folderKey = note.storage + '-' + note.folder
         state.noteMap.set(uniqueKey, note)
@@ -307,7 +307,7 @@ function data (state = defaultDataMap(), action) {
         }
         folderNoteSet.add(uniqueKey)
 
-        note.tags.forEach((tag) => {
+        note.tags.forEach(tag => {
           const tagNoteSet = getOrInitItem(state.tagNoteMap, tag)
           tagNoteSet.add(uniqueKey)
         })
@@ -322,7 +322,7 @@ function data (state = defaultDataMap(), action) {
       // Remove folders from folderMap
       if (storage != null) {
         state.folderMap = new Map(state.folderMap)
-        storage.folders.forEach((folder) => {
+        storage.folders.forEach(folder => {
           const folderKey = storage.key + '-' + folder.key
           state.folderMap.delete(folderKey)
         })
@@ -334,17 +334,17 @@ function data (state = defaultDataMap(), action) {
       state.storageNoteMap.delete(action.storageKey)
       if (storageNoteSet != null) {
         const notes = storageNoteSet
-          .map((noteKey) => state.noteMap.get(noteKey))
-          .filter((note) => note != null)
+          .map(noteKey => state.noteMap.get(noteKey))
+          .filter(note => note != null)
 
         state.noteMap = new Map(state.noteMap)
         state.tagNoteMap = new Map(state.tagNoteMap)
         state.starredSet = new Set(state.starredSet)
-        notes.forEach((note) => {
+        notes.forEach(note => {
           const noteKey = note.key
           state.noteMap.delete(noteKey)
           state.starredSet.delete(noteKey)
-          note.tags.forEach((tag) => {
+          note.tags.forEach(tag => {
             let tagNoteSet = state.tagNoteMap.get(tag)
             tagNoteSet = new Set(tagNoteSet)
             tagNoteSet.delete(noteKey)
@@ -364,7 +364,7 @@ function data (state = defaultDataMap(), action) {
 
 const defaultConfig = ConfigManager.get()
 
-function config (state = defaultConfig, action) {
+function config(state = defaultConfig, action) {
   switch (action.type) {
     case 'SET_IS_SIDENAV_FOLDED':
       state.isSideNavFolded = action.isFolded
@@ -390,7 +390,7 @@ const defaultStatus = {
   updateReady: false
 }
 
-function status (state = defaultStatus, action) {
+function status(state = defaultStatus, action) {
   switch (action.type) {
     case 'UPDATE_AVAILABLE':
       return Object.assign({}, defaultStatus, {
@@ -400,7 +400,7 @@ function status (state = defaultStatus, action) {
   return state
 }
 
-function updateStarredChange (oldNote, note, state, uniqueKey) {
+function updateStarredChange(oldNote, note, state, uniqueKey) {
   if (oldNote == null || oldNote.isStarred !== note.isStarred) {
     state.starredSet = new Set(state.starredSet)
     if (note.isStarred) {
@@ -411,7 +411,7 @@ function updateStarredChange (oldNote, note, state, uniqueKey) {
   }
 }
 
-function updateFolderChange (oldNote, note, state, folderKey, uniqueKey) {
+function updateFolderChange(oldNote, note, state, folderKey, uniqueKey) {
   if (oldNote == null || oldNote.folder !== note.folder) {
     state.folderNoteMap = new Map(state.folderNoteMap)
     let folderNoteList = state.folderNoteMap.get(folderKey)
@@ -429,7 +429,7 @@ function updateFolderChange (oldNote, note, state, folderKey, uniqueKey) {
   }
 }
 
-function updateTagChanges (oldNote, note, state, uniqueKey) {
+function updateTagChanges(oldNote, note, state, uniqueKey) {
   const discardedTags = _.difference(oldNote.tags, note.tags)
   const addedTags = _.difference(note.tags, oldNote.tags)
   if (discardedTags.length + addedTags.length > 0) {
@@ -438,15 +438,15 @@ function updateTagChanges (oldNote, note, state, uniqueKey) {
   }
 }
 
-function assignToTags (tags, state, uniqueKey) {
+function assignToTags(tags, state, uniqueKey) {
   state.tagNoteMap = new Map(state.tagNoteMap)
-  tags.forEach((tag) => {
+  tags.forEach(tag => {
     const tagNoteList = getOrInitItem(state.tagNoteMap, tag)
     tagNoteList.add(uniqueKey)
   })
 }
 
-function removeFromTags (tags, state, uniqueKey) {
+function removeFromTags(tags, state, uniqueKey) {
   state.tagNoteMap = new Map(state.tagNoteMap)
   tags.forEach(tag => {
     let tagNoteList = state.tagNoteMap.get(tag)
@@ -458,7 +458,7 @@ function removeFromTags (tags, state, uniqueKey) {
   })
 }
 
-function getOrInitItem (target, key) {
+function getOrInitItem(target, key) {
   let results = target.get(key)
   if (results == null) {
     results = new Set()
@@ -476,8 +476,15 @@ const reducer = combineReducers({
   router: connectRouter(history)
 })
 
-const store = createStore(reducer, undefined, process.env.NODE_ENV === 'development'
-  ? compose(applyMiddleware(routerMiddleware(history)), DevTools.instrument())
-  : applyMiddleware(routerMiddleware(history)))
+const store = createStore(
+  reducer,
+  undefined,
+  process.env.NODE_ENV === 'development'
+    ? compose(
+        applyMiddleware(routerMiddleware(history)),
+        DevTools.instrument()
+      )
+    : applyMiddleware(routerMiddleware(history))
+)
 
 export { store, history }
diff --git a/dev-scripts/dev.js b/dev-scripts/dev.js
index 9698a2fe..4cff0ca2 100644
--- a/dev-scripts/dev.js
+++ b/dev-scripts/dev.js
@@ -15,7 +15,7 @@ const options = {
   quiet: true
 }
 
-function startServer () {
+function startServer() {
   config.plugins.push(new webpack.HotModuleReplacementPlugin())
   config.entry.main.unshift(
     `webpack-dev-server/client?http://localhost:${port}/`,
@@ -25,7 +25,7 @@ function startServer () {
   server = new WebpackDevServer(compiler, options)
 
   return new Promise((resolve, reject) => {
-    server.listen(port, 'localhost', function (err) {
+    server.listen(port, 'localhost', function(err) {
       if (err) {
         reject(err)
       }
@@ -48,7 +48,7 @@ function startServer () {
   })
 }
 
-function startElectron () {
+function startElectron() {
   spawn(electron, ['--hot', './index.js'], { stdio: 'inherit' })
     .on('close', () => {
       server.close()
diff --git a/gruntfile.js b/gruntfile.js
index 207f8685..f235ceaa 100644
--- a/gruntfile.js
+++ b/gruntfile.js
@@ -5,13 +5,15 @@ const packager = require('electron-packager')
 
 const WIN = process.platform === 'win32'
 
-module.exports = function (grunt) {
+module.exports = function(grunt) {
   var authCode
   try {
     authCode = grunt.file.readJSON('secret/auth_code.json')
   } catch (e) {
     if (e.origError.code === 'ENOENT') {
-      console.warn('secret/auth_code.json is not found. CodeSigning is not available.')
+      console.warn(
+        'secret/auth_code.json is not found. CodeSigning is not available.'
+      )
     }
   }
   const OSX_COMMON_NAME = authCode != null ? authCode.OSX_COMMON_NAME : ''
@@ -41,10 +43,7 @@ module.exports = function (grunt) {
           genericName: 'Boostnote',
           productDescription: 'The opensource note app for developers.',
           arch: 'amd64',
-          categories: [
-            'Development',
-            'Utility'
-          ],
+          categories: ['Development', 'Utility'],
           icon: path.join(__dirname, 'resources/app.png'),
           bin: 'Boostnote'
         },
@@ -60,10 +59,7 @@ module.exports = function (grunt) {
           genericName: 'Boostnote',
           productDescription: 'The opensource note app for developers.',
           arch: 'x86_64',
-          categories: [
-            'Development',
-            'Utility'
-          ],
+          categories: ['Development', 'Utility'],
           icon: path.join(__dirname, 'resources/app.png'),
           bin: 'Boostnote'
         },
@@ -80,18 +76,21 @@ module.exports = function (grunt) {
     grunt.loadNpmTasks('grunt-electron-installer-redhat')
   }
 
-  grunt.registerTask('compile', function () {
+  grunt.registerTask('compile', function() {
     var done = this.async()
-    var execPath = path.join('node_modules', '.bin', 'webpack') + ' --config webpack-production.config.js'
+    var execPath =
+      path.join('node_modules', '.bin', 'webpack') +
+      ' --config webpack-production.config.js'
     grunt.log.writeln(execPath)
-    ChildProcess.exec(execPath,
+    ChildProcess.exec(
+      execPath,
       {
         env: Object.assign({}, process.env, {
           BABEL_ENV: 'production',
           NODE_ENV: 'production'
         })
       },
-      function (err, stdout, stderr) {
+      function(err, stdout, stderr) {
         grunt.log.writeln(stdout)
 
         if (err) {
@@ -105,7 +104,7 @@ module.exports = function (grunt) {
     )
   })
 
-  grunt.registerTask('pack', function (platform) {
+  grunt.registerTask('pack', function(platform) {
     grunt.log.writeln(path.join(__dirname, 'dist'))
     var done = this.async()
     var opts = {
@@ -137,7 +136,7 @@ module.exports = function (grunt) {
             InternalName: 'Boostnote'
           }
         })
-        packager(opts, function (err, appPath) {
+        packager(opts, function(err, appPath) {
           if (err) {
             grunt.log.writeln(err)
             done(err)
@@ -153,7 +152,7 @@ module.exports = function (grunt) {
           icon: path.join(__dirname, 'resources/app.icns'),
           'app-category-type': 'public.app-category.developer-tools'
         })
-        packager(opts, function (err, appPath) {
+        packager(opts, function(err, appPath) {
           if (err) {
             grunt.log.writeln(err)
             done(err)
@@ -168,7 +167,7 @@ module.exports = function (grunt) {
           icon: path.join(__dirname, 'resources/app.icns'),
           'app-category-type': 'public.app-category.developer-tools'
         })
-        packager(opts, function (err, appPath) {
+        packager(opts, function(err, appPath) {
           if (err) {
             grunt.log.writeln(err)
             done(err)
@@ -180,15 +179,16 @@ module.exports = function (grunt) {
     }
   })
 
-  grunt.registerTask('codesign', function (platform) {
+  grunt.registerTask('codesign', function(platform) {
     var done = this.async()
     if (process.platform !== 'darwin') {
       done(false)
       return
     }
 
-    ChildProcess.exec(`codesign --verbose --deep --force --sign \"${OSX_COMMON_NAME}\" dist/Boostnote-darwin-x64/Boostnote.app`,
-      function (err, stdout, stderr) {
+    ChildProcess.exec(
+      `codesign --verbose --deep --force --sign \"${OSX_COMMON_NAME}\" dist/Boostnote-darwin-x64/Boostnote.app`,
+      function(err, stdout, stderr) {
         grunt.log.writeln(stdout)
         if (err) {
           grunt.log.writeln(err)
@@ -197,44 +197,43 @@ module.exports = function (grunt) {
           return
         }
         done()
-      })
+      }
+    )
   })
 
-  grunt.registerTask('create-osx-installer', function () {
+  grunt.registerTask('create-osx-installer', function() {
     var done = this.async()
     var execPath = 'appdmg appdmg.json dist/Boostnote-mac.dmg'
     grunt.log.writeln(execPath)
-    ChildProcess.exec(execPath,
-      function (err, stdout, stderr) {
-        grunt.log.writeln(stdout)
-        if (err) {
-          grunt.log.writeln(err)
-          grunt.log.writeln(stderr)
-          done(false)
-          return
-        }
-        done()
-      })
+    ChildProcess.exec(execPath, function(err, stdout, stderr) {
+      grunt.log.writeln(stdout)
+      if (err) {
+        grunt.log.writeln(err)
+        grunt.log.writeln(stderr)
+        done(false)
+        return
+      }
+      done()
+    })
   })
 
-  grunt.registerTask('zip', function (platform) {
+  grunt.registerTask('zip', function(platform) {
     var done = this.async()
     switch (platform) {
       case 'osx':
-        var execPath = 'cd dist/Boostnote-darwin-x64 && zip -r -y -q ../Boostnote-mac.zip Boostnote.app'
+        var execPath =
+          'cd dist/Boostnote-darwin-x64 && zip -r -y -q ../Boostnote-mac.zip Boostnote.app'
         grunt.log.writeln(execPath)
-        ChildProcess.exec(execPath,
-          function (err, stdout, stderr) {
-            grunt.log.writeln(stdout)
-            if (err) {
-              grunt.log.writeln(err)
-              grunt.log.writeln(stderr)
-              done(false)
-              return
-            }
-            done()
+        ChildProcess.exec(execPath, function(err, stdout, stderr) {
+          grunt.log.writeln(stdout)
+          if (err) {
+            grunt.log.writeln(err)
+            grunt.log.writeln(stderr)
+            done(false)
+            return
           }
-        )
+          done()
+        })
         break
       default:
         done()
@@ -242,7 +241,7 @@ module.exports = function (grunt) {
     }
   })
 
-  function getTarget () {
+  function getTarget() {
     switch (process.platform) {
       case 'darwin':
         return 'osx'
@@ -255,7 +254,7 @@ module.exports = function (grunt) {
     }
   }
 
-  grunt.registerTask('build', function (platform) {
+  grunt.registerTask('build', function(platform) {
     if (platform == null) platform = getTarget()
 
     switch (platform) {
@@ -263,15 +262,26 @@ module.exports = function (grunt) {
         grunt.task.run(['compile', 'pack:win', 'create-windows-installer'])
         break
       case 'osx':
-        grunt.task.run(['compile', 'pack:osx', 'codesign', 'create-osx-installer', 'zip:osx'])
+        grunt.task.run([
+          'compile',
+          'pack:osx',
+          'codesign',
+          'create-osx-installer',
+          'zip:osx'
+        ])
         break
       case 'linux':
-        grunt.task.run(['compile', 'pack:linux', 'electron-installer-debian', 'electron-installer-redhat'])
+        grunt.task.run([
+          'compile',
+          'pack:linux',
+          'electron-installer-debian',
+          'electron-installer-redhat'
+        ])
         break
     }
   })
 
-  grunt.registerTask('pre-build', function (platform) {
+  grunt.registerTask('pre-build', function(platform) {
     if (platform == null) platform = getTarget()
 
     switch (platform) {
@@ -286,11 +296,11 @@ module.exports = function (grunt) {
     }
   })
 
-  grunt.registerTask('bfm', function () {
+  grunt.registerTask('bfm', function() {
     const Color = require('color')
     const parseCSS = require('css').parse
 
-    function generateRule (selector, bgColor, fgColor) {
+    function generateRule(selector, bgColor, fgColor) {
       if (bgColor.isLight()) {
         bgColor = bgColor.mix(fgColor, 0.05)
       } else {
@@ -298,48 +308,79 @@ module.exports = function (grunt) {
       }
 
       if (selector && selector.length > 0) {
-        return `${selector} .cm-table-row-even { background-color: ${bgColor.rgb().string()}; }`
+        return `${selector} .cm-table-row-even { background-color: ${bgColor
+          .rgb()
+          .string()}; }`
       } else {
-        return `.cm-table-row-even { background-color: ${bgColor.rgb().string()}; }`
+        return `.cm-table-row-even { background-color: ${bgColor
+          .rgb()
+          .string()}; }`
       }
     }
 
     const root = path.join(__dirname, 'node_modules/codemirror/theme/')
 
-    const colors = fs.readdirSync(root).filter(file => file !== 'solarized.css').map(file => {
-      const css = parseCSS(fs.readFileSync(path.join(root, file), 'utf8'))
+    const colors = fs
+      .readdirSync(root)
+      .filter(file => file !== 'solarized.css')
+      .map(file => {
+        const css = parseCSS(fs.readFileSync(path.join(root, file), 'utf8'))
 
-      const rules = css.stylesheet.rules.filter(rule => rule.selectors && /\b\.CodeMirror$/.test(rule.selectors[0]))
-      if (rules.length === 1) {
-        let bgColor = Color('white')
-        let fgColor = Color('black')
+        const rules = css.stylesheet.rules.filter(
+          rule => rule.selectors && /\b\.CodeMirror$/.test(rule.selectors[0])
+        )
+        if (rules.length === 1) {
+          let bgColor = Color('white')
+          let fgColor = Color('black')
 
-        rules[0].declarations.forEach(declaration => {
-          if (declaration.property === 'background-color' || declaration.property === 'background') {
-            bgColor = Color(declaration.value.split(' ')[0])
-          } else if (declaration.property === 'color') {
-            const value = /^(.*?)(?:\s*!important)?$/.exec(declaration.value)[1]
-            const match = /^rgba\((.*?),\s*1\)$/.exec(value)
-            if (match) {
-              fgColor = Color(`rgb(${match[1]})`)
-            } else {
-              fgColor = Color(value)
+          rules[0].declarations.forEach(declaration => {
+            if (
+              declaration.property === 'background-color' ||
+              declaration.property === 'background'
+            ) {
+              bgColor = Color(declaration.value.split(' ')[0])
+            } else if (declaration.property === 'color') {
+              const value = /^(.*?)(?:\s*!important)?$/.exec(
+                declaration.value
+              )[1]
+              const match = /^rgba\((.*?),\s*1\)$/.exec(value)
+              if (match) {
+                fgColor = Color(`rgb(${match[1]})`)
+              } else {
+                fgColor = Color(value)
+              }
             }
-          }
-        })
+          })
 
-        return generateRule(rules[0].selectors[0], bgColor, fgColor)
-      }
-    }).filter(value => !!value)
+          return generateRule(rules[0].selectors[0], bgColor, fgColor)
+        }
+      })
+      .filter(value => !!value)
 
     // default
     colors.unshift(generateRule(null, Color('white'), Color('black')))
     // solarized dark
-    colors.push(generateRule('.cm-s-solarized.cm-s-dark', Color('#002b36'), Color('#839496')))
+    colors.push(
+      generateRule(
+        '.cm-s-solarized.cm-s-dark',
+        Color('#002b36'),
+        Color('#839496')
+      )
+    )
     // solarized light
-    colors.push(generateRule('.cm-s-solarized.cm-s-light', Color('#fdf6e3'), Color('#657b83')))
+    colors.push(
+      generateRule(
+        '.cm-s-solarized.cm-s-light',
+        Color('#fdf6e3'),
+        Color('#657b83')
+      )
+    )
 
-    fs.writeFileSync(path.join(__dirname, 'extra_scripts/codemirror/mode/bfm/bfm.css'), colors.join('\n'), 'utf8')
+    fs.writeFileSync(
+      path.join(__dirname, 'extra_scripts/codemirror/mode/bfm/bfm.css'),
+      colors.join('\n'),
+      'utf8'
+    )
   })
 
   grunt.registerTask('default', ['build'])
diff --git a/index.js b/index.js
index 96f98e73..bcc4e879 100644
--- a/index.js
+++ b/index.js
@@ -4,30 +4,30 @@ const path = require('path')
 
 var error = null
 
-function execMainApp () {
+function execMainApp() {
   const appRootPath = path.join(process.execPath, '../..')
   const updateDotExePath = path.join(appRootPath, 'Update.exe')
   const exeName = path.basename(process.execPath)
 
-  function spawnUpdate (args, cb) {
+  function spawnUpdate(args, cb) {
     var stdout = ''
     var updateProcess = null
     try {
       updateProcess = ChildProcess.spawn(updateDotExePath, args)
     } catch (e) {
-      process.nextTick(function () {
+      process.nextTick(function() {
         cb(e)
       })
     }
 
-    updateProcess.stdout.on('data', function (data) {
+    updateProcess.stdout.on('data', function(data) {
       stdout += data
     })
 
-    updateProcess.on('error', function (_error) {
+    updateProcess.on('error', function(_error) {
       error = _error
     })
-    updateProcess.on('close', function (code, signal) {
+    updateProcess.on('close', function(code, signal) {
       if (code !== 0) {
         error = new Error('Command failed: #{signal ? code}')
         error.code = code
@@ -38,7 +38,7 @@ function execMainApp () {
     })
   }
 
-  var handleStartupEvent = function () {
+  var handleStartupEvent = function() {
     if (process.platform !== 'win32') {
       return false
     }
@@ -46,7 +46,7 @@ function execMainApp () {
     var squirrelCommand = process.argv[1]
     switch (squirrelCommand) {
       case '--squirrel-install':
-        spawnUpdate(['--createShortcut', exeName], function (err) {
+        spawnUpdate(['--createShortcut', exeName], function(err) {
           if (err) console.error(err)
           app.quit()
         })
@@ -55,7 +55,7 @@ function execMainApp () {
         app.quit()
         return true
       case '--squirrel-uninstall':
-        spawnUpdate(['--removeShortcut', exeName], function (err) {
+        spawnUpdate(['--removeShortcut', exeName], function(err) {
           if (err) console.error(err)
           app.quit()
         })
diff --git a/lib/ipcServer.js b/lib/ipcServer.js
index 42e229d3..41d3ea7b 100644
--- a/lib/ipcServer.js
+++ b/lib/ipcServer.js
@@ -7,7 +7,7 @@ nodeIpc.config.id = 'node'
 nodeIpc.config.retry = 1500
 nodeIpc.config.silent = true
 
-function toggleMainWindow () {
+function toggleMainWindow() {
   switch (global.process.platform) {
     case 'darwin':
       if (mainWindow.isFocused()) {
@@ -52,14 +52,14 @@ ipcMain.on('config-renew', (e, payload) => {
 
 nodeIpc.serve(
   path.join(app.getPath('userData'), 'boostnote.service'),
-  function () {
-    nodeIpc.server.on('connect', function (socket) {
+  function() {
+    nodeIpc.server.on('connect', function(socket) {
       nodeIpc.log('ipc server >> socket joinned'.rainbow)
-      socket.on('close', function () {
+      socket.on('close', function() {
         nodeIpc.log('ipc server >> socket closed'.rainbow)
       })
     })
-    nodeIpc.server.on('error', function (err) {
+    nodeIpc.server.on('error', function(err) {
       nodeIpc.log('Node IPC error'.rainbow, err)
     })
   }
diff --git a/lib/main-app.js b/lib/main-app.js
index f8ee1ecf..2293fd58 100644
--- a/lib/main-app.js
+++ b/lib/main-app.js
@@ -36,8 +36,9 @@ const updater = new GhReleases(ghReleasesOpts)
 
 // Check for updates
 // `status` returns true if there is a new update available
-function checkUpdate () {
-  if (!isPackaged) { // Prevents app from attempting to update when in dev mode.
+function checkUpdate() {
+  if (!isPackaged) {
+    // Prevents app from attempting to update when in dev mode.
     console.log('Updates are disabled in Development mode, see main-app.js')
     return true
   }
@@ -58,29 +59,29 @@ function checkUpdate () {
   })
 }
 
-updater.on('update-downloaded', (info) => {
+updater.on('update-downloaded', info => {
   if (mainWindow != null) {
     mainWindow.webContents.send('update-ready', 'Update available!')
     isUpdateReady = true
   }
 })
 
-updater.autoUpdater.on('error', (err) => {
+updater.autoUpdater.on('error', err => {
   console.error(err)
 })
 
-ipc.on('update-app-confirm', function (event, msg) {
+ipc.on('update-app-confirm', function(event, msg) {
   if (isUpdateReady) {
     mainWindow.removeAllListeners()
     updater.install()
   }
 })
 
-app.on('window-all-closed', function () {
+app.on('window-all-closed', function() {
   app.quit()
 })
 
-app.on('ready', function () {
+app.on('ready', function() {
   mainWindow = require('./main-window')
 
   var template = require('./main-menu')
@@ -100,7 +101,7 @@ app.on('ready', function () {
   }
 
   // Check update every day
-  setInterval(function () {
+  setInterval(function() {
     if (isPackaged) checkUpdate()
   }, 1000 * 60 * 60 * 24)
 
@@ -108,7 +109,7 @@ app.on('ready', function () {
   setTimeout(() => {
     if (isPackaged) checkUpdate()
 
-    ipc.on('update-check', function (event, msg) {
+    ipc.on('update-check', function(event, msg) {
       if (isUpdateReady) {
         mainWindow.webContents.send('update-ready', 'Update available!')
       } else {
diff --git a/lib/main-menu.js b/lib/main-menu.js
index 308a716c..7caef0bf 100644
--- a/lib/main-menu.js
+++ b/lib/main-menu.js
@@ -11,68 +11,68 @@ const LINUX = process.platform === 'linux'
 
 const boost = macOS
   ? {
-    label: 'Boostnote',
-    submenu: [
-      {
-        label: 'About Boostnote',
-        selector: 'orderFrontStandardAboutPanel:'
-      },
-      {
-        type: 'separator'
-      },
-      {
-        label: 'Preferences',
-        accelerator: 'Command+,',
-        click () {
-          mainWindow.webContents.send('side:preferences')
+      label: 'Boostnote',
+      submenu: [
+        {
+          label: 'About Boostnote',
+          selector: 'orderFrontStandardAboutPanel:'
+        },
+        {
+          type: 'separator'
+        },
+        {
+          label: 'Preferences',
+          accelerator: 'Command+,',
+          click() {
+            mainWindow.webContents.send('side:preferences')
+          }
+        },
+        {
+          type: 'separator'
+        },
+        {
+          label: 'Hide Boostnote',
+          accelerator: 'Command+H',
+          selector: 'hide:'
+        },
+        {
+          label: 'Hide Others',
+          accelerator: 'Command+Shift+H',
+          selector: 'hideOtherApplications:'
+        },
+        {
+          label: 'Show All',
+          selector: 'unhideAllApplications:'
+        },
+        {
+          type: 'separator'
+        },
+        {
+          label: 'Quit Boostnote',
+          role: 'quit',
+          accelerator: 'CommandOrControl+Q'
         }
-      },
-      {
-        type: 'separator'
-      },
-      {
-        label: 'Hide Boostnote',
-        accelerator: 'Command+H',
-        selector: 'hide:'
-      },
-      {
-        label: 'Hide Others',
-        accelerator: 'Command+Shift+H',
-        selector: 'hideOtherApplications:'
-      },
-      {
-        label: 'Show All',
-        selector: 'unhideAllApplications:'
-      },
-      {
-        type: 'separator'
-      },
-      {
-        label: 'Quit Boostnote',
-        role: 'quit',
-        accelerator: 'CommandOrControl+Q'
-      }
-    ]
-  }
+      ]
+    }
   : {
-    label: 'Boostnote',
-    submenu: [
-      {
-        label: 'Preferences',
-        accelerator: 'Control+,',
-        click () {
-          mainWindow.webContents.send('side:preferences')
+      label: 'Boostnote',
+      submenu: [
+        {
+          label: 'Preferences',
+          accelerator: 'Control+,',
+          click() {
+            mainWindow.webContents.send('side:preferences')
+          }
+        },
+        {
+          type: 'separator'
+        },
+        {
+          role: 'quit',
+          accelerator: 'Control+Q'
         }
-      },
-      {
-        type: 'separator'
-      },
-      {
-        role: 'quit',
-        accelerator: 'Control+Q'
-      }
-    ]
-  }
+      ]
+    }
 
 const file = {
   label: 'File',
@@ -80,28 +80,28 @@ const file = {
     {
       label: 'New Note',
       accelerator: 'CommandOrControl+N',
-      click () {
+      click() {
         mainWindow.webContents.send('top:new-note')
       }
     },
     {
       label: 'Focus Note',
       accelerator: 'CommandOrControl+E',
-      click () {
+      click() {
         mainWindow.webContents.send('detail:focus')
       }
     },
     {
       label: 'Delete Note',
       accelerator: 'CommandOrControl+Shift+Backspace',
-      click () {
+      click() {
         mainWindow.webContents.send('detail:delete')
       }
     },
     {
       label: 'Clone Note',
       accelerator: 'CommandOrControl+D',
-      click () {
+      click() {
         mainWindow.webContents.send('list:clone')
       }
     },
@@ -113,7 +113,7 @@ const file = {
       submenu: [
         {
           label: 'Plain Text, MarkDown (.txt, .md)',
-          click () {
+          click() {
             mainWindow.webContents.send('import:file')
           }
         }
@@ -124,28 +124,28 @@ const file = {
       submenu: [
         {
           label: 'Plain Text (.txt)',
-          click () {
+          click() {
             mainWindow.webContents.send('list:isMarkdownNote', 'export-txt')
             mainWindow.webContents.send('export:save-text')
           }
         },
         {
           label: 'MarkDown (.md)',
-          click () {
+          click() {
             mainWindow.webContents.send('list:isMarkdownNote', 'export-md')
             mainWindow.webContents.send('export:save-md')
           }
         },
         {
           label: 'HTML (.html)',
-          click () {
+          click() {
             mainWindow.webContents.send('list:isMarkdownNote', 'export-html')
             mainWindow.webContents.send('export:save-html')
           }
         },
         {
           label: 'PDF (.pdf)',
-          click () {
+          click() {
             mainWindow.webContents.send('list:isMarkdownNote', 'export-pdf')
             mainWindow.webContents.send('export:save-pdf')
           }
@@ -158,13 +158,13 @@ const file = {
     {
       label: 'Generate/Update Markdown TOC',
       accelerator: 'Shift+Ctrl+T',
-      click () {
+      click() {
         mainWindow.webContents.send('code:generate-toc')
       }
     },
     {
       label: 'Format Table',
-      click () {
+      click() {
         mainWindow.webContents.send('code:format-table')
       }
     },
@@ -174,7 +174,7 @@ const file = {
     {
       label: 'Print',
       accelerator: 'CommandOrControl+P',
-      click () {
+      click() {
         mainWindow.webContents.send('list:isMarkdownNote', 'print')
         mainWindow.webContents.send('print')
       }
@@ -183,20 +183,25 @@ const file = {
 }
 
 if (LINUX) {
-  file.submenu.push({
-    type: 'separator'
-  }, {
-    label: 'Preferences',
-    accelerator: 'Control+,',
-    click () {
-      mainWindow.webContents.send('side:preferences')
+  file.submenu.push(
+    {
+      type: 'separator'
+    },
+    {
+      label: 'Preferences',
+      accelerator: 'Control+,',
+      click() {
+        mainWindow.webContents.send('side:preferences')
+      }
+    },
+    {
+      type: 'separator'
+    },
+    {
+      role: 'quit',
+      accelerator: 'Control+Q'
     }
-  }, {
-    type: 'separator'
-  }, {
-    role: 'quit',
-    accelerator: 'Control+Q'
-  })
+  )
 }
 
 const edit = {
@@ -241,7 +246,7 @@ const edit = {
     {
       label: 'Add Tag',
       accelerator: 'CommandOrControl+Shift+T',
-      click () {
+      click() {
         mainWindow.webContents.send('editor:add-tag')
       }
     }
@@ -254,14 +259,14 @@ const view = {
     {
       label: 'Reload',
       accelerator: 'CommandOrControl+R',
-      click () {
+      click() {
         BrowserWindow.getFocusedWindow().reload()
       }
     },
     {
       label: 'Toggle Developer Tools',
       accelerator: 'CommandOrControl+Alt+I',
-      click () {
+      click() {
         BrowserWindow.getFocusedWindow().toggleDevTools()
       }
     },
@@ -271,14 +276,14 @@ const view = {
     {
       label: 'Next Note',
       accelerator: 'CommandOrControl+]',
-      click () {
+      click() {
         mainWindow.webContents.send('list:next')
       }
     },
     {
       label: 'Previous Note',
       accelerator: 'CommandOrControl+[',
-      click () {
+      click() {
         mainWindow.webContents.send('list:prior')
       }
     },
@@ -288,7 +293,7 @@ const view = {
     {
       label: 'Focus Search',
       accelerator: 'CommandOrControl+Shift+L',
-      click () {
+      click() {
         mainWindow.webContents.send('top:focus-search')
       }
     },
@@ -298,14 +303,14 @@ const view = {
     {
       label: 'Toggle Full Screen',
       accelerator: macOS ? 'Command+Control+F' : 'F11',
-      click () {
+      click() {
         mainWindow.setFullScreen(!mainWindow.isFullScreen())
       }
     },
     {
       label: 'Toggle Side Bar',
       accelerator: 'CommandOrControl+B',
-      click () {
+      click() {
         mainWindow.webContents.send('editor:fullscreen')
       }
     },
@@ -315,21 +320,21 @@ const view = {
     {
       label: 'Actual Size',
       accelerator: 'CommandOrControl+0',
-      click () {
+      click() {
         mainWindow.webContents.send('status:zoomreset')
       }
     },
     {
       label: 'Zoom In',
       accelerator: 'CommandOrControl+=',
-      click () {
+      click() {
         mainWindow.webContents.send('status:zoomin')
       }
     },
     {
       label: 'Zoom Out',
       accelerator: 'CommandOrControl+-',
-      click () {
+      click() {
         mainWindow.webContents.send('status:zoomout')
       }
     }
@@ -382,38 +387,58 @@ const help = {
   submenu: [
     {
       label: 'Boostnote official site',
-      click () { shell.openExternal('https://boostnote.io/') }
+      click() {
+        shell.openExternal('https://boostnote.io/')
+      }
     },
     {
       label: 'Wiki',
-      click () { shell.openExternal('https://github.com/BoostIO/Boostnote/wiki') }
+      click() {
+        shell.openExternal('https://github.com/BoostIO/Boostnote/wiki')
+      }
     },
     {
       label: 'Issue Tracker',
-      click () { shell.openExternal('https://github.com/BoostIO/Boostnote/issues') }
+      click() {
+        shell.openExternal('https://github.com/BoostIO/Boostnote/issues')
+      }
     },
     {
       label: 'Changelog',
-      click () { shell.openExternal('https://github.com/BoostIO/boost-releases') }
+      click() {
+        shell.openExternal('https://github.com/BoostIO/boost-releases')
+      }
     },
     {
       label: 'Cheatsheets',
       submenu: [
         {
           label: 'Markdown',
-          click () { shell.openExternal('https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet') }
+          click() {
+            shell.openExternal(
+              'https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet'
+            )
+          }
         },
         {
           label: 'Latex',
-          click () { shell.openExternal('https://katex.org/docs/supported.html') }
+          click() {
+            shell.openExternal('https://katex.org/docs/supported.html')
+          }
         },
         {
           label: 'HTML',
-          click () { shell.openExternal('https://htmlcheatsheet.com/') }
+          click() {
+            shell.openExternal('https://htmlcheatsheet.com/')
+          }
         },
         {
           label: 'Boostnote',
-          click () { shell.openExternal('https://github.com/TobseF/boostnote-markdown-cheatsheet/blob/master/BOOSTNOTE_MARKDOWN_CHEAT_SHEET.md') }
+          click() {
+            shell.openExternal(
+              'https://github.com/TobseF/boostnote-markdown-cheatsheet/blob/master/BOOSTNOTE_MARKDOWN_CHEAT_SHEET.md'
+            )
+          }
         }
       ]
     },
@@ -422,7 +447,7 @@ const help = {
     },
     {
       label: 'About',
-      click () {
+      click() {
         const version = electron.app.getVersion()
         const electronVersion = process.versions.electron
         const chromeVersion = process.versions.chrome
@@ -430,20 +455,20 @@ const help = {
         const v8Version = process.versions.v8
         const OSInfo = `${os.type()} ${os.arch()} ${os.release()}`
         const detail = `Version: ${version}\nElectron: ${electronVersion}\nChrome: ${chromeVersion}\nNode.js: ${nodeVersion}\nV8: ${v8Version}\nOS: ${OSInfo}`
-        electron.dialog.showMessageBox(BrowserWindow.getFocusedWindow(),
-          {
-            title: 'BoostNote',
-            message: 'BoostNote',
-            type: 'info',
-            detail: `\n${detail}`
-          })
+        electron.dialog.showMessageBox(BrowserWindow.getFocusedWindow(), {
+          title: 'BoostNote',
+          message: 'BoostNote',
+          type: 'info',
+          detail: `\n${detail}`
+        })
       }
     }
   ]
 }
 
-module.exports = process.platform === 'darwin'
-  ? [boost, file, edit, view, window, help]
-  : process.platform === 'win32'
-  ? [boost, file, view, help]
-  : [file, view, help]
+module.exports =
+  process.platform === 'darwin'
+    ? [boost, file, edit, view, window, help]
+    : process.platform === 'win32'
+    ? [boost, file, view, help]
+    : [file, view, help]
diff --git a/lib/main-window.js b/lib/main-window.js
index 515dc8b4..e6b0cb29 100644
--- a/lib/main-window.js
+++ b/lib/main-window.js
@@ -54,12 +54,17 @@ const mainWindow = new BrowserWindow({
   },
   icon: path.resolve(__dirname, '../resources/app.png')
 })
-const url = path.resolve(__dirname, process.env.NODE_ENV === 'development' ? './main.development.html' : './main.production.html')
+const url = path.resolve(
+  __dirname,
+  process.env.NODE_ENV === 'development'
+    ? './main.development.html'
+    : './main.production.html'
+)
 
 mainWindow.loadURL('file://' + url)
 mainWindow.setMenuBarVisibility(false)
 
-mainWindow.webContents.on('new-window', function (e) {
+mainWindow.webContents.on('new-window', function(e) {
   e.preventDefault()
 })
 
@@ -74,10 +79,10 @@ mainWindow.webContents.sendInputEvent({
 })
 
 if (process.platform === 'darwin') {
-  mainWindow.on('close', function (e) {
+  mainWindow.on('close', function(e) {
     e.preventDefault()
     if (mainWindow.isFullScreen()) {
-      mainWindow.once('leave-full-screen', function () {
+      mainWindow.once('leave-full-screen', function() {
         mainWindow.hide()
       })
       mainWindow.setFullScreen(false)
@@ -86,7 +91,7 @@ if (process.platform === 'darwin') {
     }
   })
 
-  app.on('before-quit', function (e) {
+  app.on('before-quit', function(e) {
     mainWindow.removeAllListeners()
   })
 }
@@ -94,7 +99,7 @@ if (process.platform === 'darwin') {
 mainWindow.on('resize', _.throttle(storeWindowSize, 500))
 mainWindow.on('move', _.throttle(storeWindowSize, 500))
 
-function storeWindowSize () {
+function storeWindowSize() {
   try {
     config.set('windowsize', mainWindow.getBounds())
   } catch (e) {
@@ -103,7 +108,7 @@ function storeWindowSize () {
   }
 }
 
-app.on('activate', function () {
+app.on('activate', function() {
   if (mainWindow == null) return null
   mainWindow.show()
 })
diff --git a/lib/touchbar-menu.js b/lib/touchbar-menu.js
index 90a64410..b3696e13 100644
--- a/lib/touchbar-menu.js
+++ b/lib/touchbar-menu.js
@@ -1,5 +1,5 @@
-const {TouchBar} = require('electron')
-const {TouchBarButton, TouchBarSpacer} = TouchBar
+const { TouchBar } = require('electron')
+const { TouchBarButton, TouchBarSpacer } = TouchBar
 const mainWindow = require('./main-window')
 
 const allNotes = new TouchBarButton({
@@ -35,7 +35,6 @@ module.exports = new TouchBar([
   allNotes,
   starredNotes,
   trash,
-  new TouchBarSpacer({size: 'small'}),
+  new TouchBarSpacer({ size: 'small' }),
   newNote
 ])
-
diff --git a/package.json b/package.json
index acec8d5d..36a27c1d 100644
--- a/package.json
+++ b/package.json
@@ -152,9 +152,11 @@
     "electron-debug": "^2.2.0",
     "electron-devtools-installer": "^2.2.4",
     "electron-packager": "^12.2.0",
-    "eslint": "^3.13.1",
+    "eslint": "^4.18.2",
+    "eslint-config-prettier": "^6.10.0",
     "eslint-config-standard": "^6.2.1",
     "eslint-config-standard-jsx": "^3.2.0",
+    "eslint-plugin-prettier": "^3.1.2",
     "eslint-plugin-react": "^7.8.2",
     "eslint-plugin-standard": "^3.0.1",
     "faker": "^3.1.0",
diff --git a/tests/components/TagListItem.snapshot.test.js b/tests/components/TagListItem.snapshot.test.js
index 637844e6..e128978d 100644
--- a/tests/components/TagListItem.snapshot.test.js
+++ b/tests/components/TagListItem.snapshot.test.js
@@ -3,7 +3,9 @@ import renderer from 'react-test-renderer'
 import TagListItem from 'browser/components/TagListItem'
 
 it('TagListItem renders correctly', () => {
-  const tagListItem = renderer.create(<TagListItem name='Test' handleClickTagListItem={jest.fn()} color='#000' />)
+  const tagListItem = renderer.create(
+    <TagListItem name='Test' handleClickTagListItem={jest.fn()} color='#000' />
+  )
 
   expect(tagListItem.toJSON()).toMatchSnapshot()
 })
diff --git a/tests/dataApi/addStorage.js b/tests/dataApi/addStorage.js
index da39a993..81ddd5b3 100644
--- a/tests/dataApi/addStorage.js
+++ b/tests/dataApi/addStorage.js
@@ -6,7 +6,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const TestDummy = require('../fixtures/TestDummy')
 const sander = require('sander')
@@ -18,24 +21,24 @@ const v1StoragePath = path.join(os.tmpdir(), 'test/addStorage-v1-storage')
 // const legacyStoragePath = path.join(os.tmpdir(), 'test/addStorage-legacy-storage')
 // const emptyDirPath = path.join(os.tmpdir(), 'test/addStorage-empty-storage')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.v1StorageData = TestDummy.dummyStorage(v1StoragePath)
   // t.context.legacyStorageData = TestDummy.dummyLegacyStorage(legacyStoragePath)
 
   localStorage.setItem('storages', JSON.stringify([]))
 })
 
-test.serial('Add Storage', (t) => {
+test.serial('Add Storage', t => {
   const input = {
     type: 'FILESYSTEM',
     name: 'add-storage1',
     path: v1StoragePath
   }
   return Promise.resolve()
-    .then(function doTest () {
+    .then(function doTest() {
       return addStorage(input)
     })
-    .then(function validateResult (data) {
+    .then(function validateResult(data) {
       const { storage, notes } = data
 
       // Check data.storage
@@ -48,18 +51,22 @@ test.serial('Add Storage', (t) => {
 
       // Check data.notes
       t.is(notes.length, t.context.v1StorageData.notes.length)
-      notes.forEach(function validateNote (note) {
+      notes.forEach(function validateNote(note) {
         t.is(note.storage, storage.key)
       })
 
       // Check localStorage
-      const cacheData = _.find(JSON.parse(localStorage.getItem('storages')), {key: data.storage.key})
+      const cacheData = _.find(JSON.parse(localStorage.getItem('storages')), {
+        key: data.storage.key
+      })
       t.is(cacheData.name, input.name)
       t.is(cacheData.type, input.type)
       t.is(cacheData.path, input.path)
 
       // Check boostnote.json
-      const jsonData = CSON.readFileSync(path.join(storage.path, 'boostnote.json'))
+      const jsonData = CSON.readFileSync(
+        path.join(storage.path, 'boostnote.json')
+      )
       t.true(_.isArray(jsonData.folders))
       t.is(jsonData.version, '1.0')
       t.is(jsonData.folders.length, t.context.v1StorageData.json.folders.length)
diff --git a/tests/dataApi/attachmentManagement.test.js b/tests/dataApi/attachmentManagement.test.js
index 13dcedca..e49556ca 100644
--- a/tests/dataApi/attachmentManagement.test.js
+++ b/tests/dataApi/attachmentManagement.test.js
@@ -13,48 +13,71 @@ const sander = require('sander')
 
 const systemUnderTest = require('browser/main/lib/dataApi/attachmentManagement')
 
-it('should test that copyAttachment should throw an error if sourcePath or storageKey or noteKey are undefined', function () {
-  systemUnderTest.copyAttachment(undefined, 'storageKey').then(() => {}, error => {
-    expect(error).toBe('sourceFilePath has to be given')
-  })
-  systemUnderTest.copyAttachment(null, 'storageKey', 'noteKey').then(() => {}, error => {
-    expect(error).toBe('sourceFilePath has to be given')
-  })
-  systemUnderTest.copyAttachment('source', undefined, 'noteKey').then(() => {}, error => {
-    expect(error).toBe('storageKey has to be given')
-  })
-  systemUnderTest.copyAttachment('source', null, 'noteKey').then(() => {}, error => {
-    expect(error).toBe('storageKey has to be given')
-  })
-  systemUnderTest.copyAttachment('source', 'storageKey', null).then(() => {}, error => {
-    expect(error).toBe('noteKey has to be given')
-  })
-  systemUnderTest.copyAttachment('source', 'storageKey', undefined).then(() => {}, error => {
-    expect(error).toBe('noteKey has to be given')
-  })
+it('should test that copyAttachment should throw an error if sourcePath or storageKey or noteKey are undefined', function() {
+  systemUnderTest.copyAttachment(undefined, 'storageKey').then(
+    () => {},
+    error => {
+      expect(error).toBe('sourceFilePath has to be given')
+    }
+  )
+  systemUnderTest.copyAttachment(null, 'storageKey', 'noteKey').then(
+    () => {},
+    error => {
+      expect(error).toBe('sourceFilePath has to be given')
+    }
+  )
+  systemUnderTest.copyAttachment('source', undefined, 'noteKey').then(
+    () => {},
+    error => {
+      expect(error).toBe('storageKey has to be given')
+    }
+  )
+  systemUnderTest.copyAttachment('source', null, 'noteKey').then(
+    () => {},
+    error => {
+      expect(error).toBe('storageKey has to be given')
+    }
+  )
+  systemUnderTest.copyAttachment('source', 'storageKey', null).then(
+    () => {},
+    error => {
+      expect(error).toBe('noteKey has to be given')
+    }
+  )
+  systemUnderTest.copyAttachment('source', 'storageKey', undefined).then(
+    () => {},
+    error => {
+      expect(error).toBe('noteKey has to be given')
+    }
+  )
 })
 
-it('should test that copyAttachment should throw an error if sourcePath dosen\'t exists', function () {
+it("should test that copyAttachment should throw an error if sourcePath dosen't exists", function() {
   fs.existsSync = jest.fn()
   fs.existsSync.mockReturnValue(false)
 
-  return systemUnderTest.copyAttachment('path', 'storageKey', 'noteKey').then(() => {}, error => {
-    expect(error).toBe('source file does not exist')
-    expect(fs.existsSync).toHaveBeenCalledWith('path')
-  })
+  return systemUnderTest.copyAttachment('path', 'storageKey', 'noteKey').then(
+    () => {},
+    error => {
+      expect(error).toBe('source file does not exist')
+      expect(fs.existsSync).toHaveBeenCalledWith('path')
+    }
+  )
 })
 
-it('should test that copyAttachment works correctly assuming correct working of fs', function () {
+it('should test that copyAttachment works correctly assuming correct working of fs', function() {
   const dummyExtension = '.ext'
   const sourcePath = 'path' + dummyExtension
   const storageKey = 'storageKey'
   const noteKey = 'noteKey'
   const dummyUniquePath = 'dummyPath'
-  const dummyStorage = {path: 'dummyStoragePath'}
+  const dummyStorage = { path: 'dummyStoragePath' }
   const dummyReadStream = {}
 
   dummyReadStream.pipe = jest.fn()
-  dummyReadStream.on = jest.fn((event, callback) => { callback() })
+  dummyReadStream.on = jest.fn((event, callback) => {
+    callback()
+  })
   fs.existsSync = jest.fn()
   fs.existsSync.mockReturnValue(true)
   fs.createReadStream = jest.fn(() => dummyReadStream)
@@ -64,26 +87,43 @@ it('should test that copyAttachment works correctly assuming correct working of
   findStorage.findStorage.mockReturnValue(dummyStorage)
   uniqueSlug.mockReturnValue(dummyUniquePath)
 
-  return systemUnderTest.copyAttachment(sourcePath, storageKey, noteKey).then(
-    function (newFileName) {
+  return systemUnderTest
+    .copyAttachment(sourcePath, storageKey, noteKey)
+    .then(function(newFileName) {
       expect(findStorage.findStorage).toHaveBeenCalledWith(storageKey)
       expect(fs.createReadStream).toHaveBeenCalledWith(sourcePath)
       expect(fs.existsSync).toHaveBeenCalledWith(sourcePath)
       expect(fs.createReadStream().pipe).toHaveBeenCalled()
-      expect(fs.createWriteStream).toHaveBeenCalledWith(path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER, noteKey, dummyUniquePath + dummyExtension))
+      expect(fs.createWriteStream).toHaveBeenCalledWith(
+        path.join(
+          dummyStorage.path,
+          systemUnderTest.DESTINATION_FOLDER,
+          noteKey,
+          dummyUniquePath + dummyExtension
+        )
+      )
       expect(newFileName).toBe(dummyUniquePath + dummyExtension)
     })
 })
 
-it('should test that copyAttachment creates a new folder if the attachment folder doesn\'t exist', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it("should test that copyAttachment creates a new folder if the attachment folder doesn't exist", function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   const noteKey = 'noteKey'
-  const attachmentFolderPath = path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER)
-  const attachmentFolderNoteKyPath = path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER, noteKey)
+  const attachmentFolderPath = path.join(
+    dummyStorage.path,
+    systemUnderTest.DESTINATION_FOLDER
+  )
+  const attachmentFolderNoteKyPath = path.join(
+    dummyStorage.path,
+    systemUnderTest.DESTINATION_FOLDER,
+    noteKey
+  )
   const dummyReadStream = {}
 
   dummyReadStream.pipe = jest.fn()
-  dummyReadStream.on = jest.fn((event, callback) => { callback() })
+  dummyReadStream.on = jest.fn((event, callback) => {
+    callback()
+  })
   fs.createReadStream = jest.fn(() => dummyReadStream)
   fs.existsSync = jest.fn()
   fs.existsSync.mockReturnValueOnce(true)
@@ -95,8 +135,9 @@ it('should test that copyAttachment creates a new folder if the attachment folde
   findStorage.findStorage.mockReturnValue(dummyStorage)
   uniqueSlug.mockReturnValue('dummyPath')
 
-  return systemUnderTest.copyAttachment('path', 'storageKey', 'noteKey').then(
-    function () {
+  return systemUnderTest
+    .copyAttachment('path', 'storageKey', 'noteKey')
+    .then(function() {
       expect(fs.existsSync).toHaveBeenCalledWith(attachmentFolderPath)
       expect(fs.mkdirSync).toHaveBeenCalledWith(attachmentFolderPath)
       expect(fs.existsSync).toHaveBeenLastCalledWith(attachmentFolderNoteKyPath)
@@ -104,12 +145,14 @@ it('should test that copyAttachment creates a new folder if the attachment folde
     })
 })
 
-it('should test that copyAttachment don\'t uses a random file name if not intended ', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it("should test that copyAttachment don't uses a random file name if not intended ", function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   const dummyReadStream = {}
 
   dummyReadStream.pipe = jest.fn()
-  dummyReadStream.on = jest.fn((event, callback) => { callback() })
+  dummyReadStream.on = jest.fn((event, callback) => {
+    callback()
+  })
   fs.createReadStream = jest.fn(() => dummyReadStream)
   fs.existsSync = jest.fn()
   fs.existsSync.mockReturnValueOnce(true)
@@ -120,23 +163,28 @@ it('should test that copyAttachment don\'t uses a random file name if not intend
   findStorage.findStorage.mockReturnValue(dummyStorage)
   uniqueSlug.mockReturnValue('dummyPath')
 
-  return systemUnderTest.copyAttachment('path', 'storageKey', 'noteKey', false).then(
-    function (newFileName) {
+  return systemUnderTest
+    .copyAttachment('path', 'storageKey', 'noteKey', false)
+    .then(function(newFileName) {
       expect(newFileName).toBe('path')
     })
 })
 
-it('should test that copyAttachment with url (with extension, without query)', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that copyAttachment with url (with extension, without query)', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
 
   const dummyReadStream = {
     pipe: jest.fn(),
-    on: jest.fn((event, callback) => { callback() })
+    on: jest.fn((event, callback) => {
+      callback()
+    })
   }
   fs.createReadStream = jest.fn(() => dummyReadStream)
 
   const dummyWriteStream = {
-    write: jest.fn((data, callback) => { callback() })
+    write: jest.fn((data, callback) => {
+      callback()
+    })
   }
   fs.createWriteStream = jest.fn(() => dummyWriteStream)
 
@@ -155,23 +203,28 @@ it('should test that copyAttachment with url (with extension, without query)', f
     data: 'data:image/jpeg;base64,Ym9vc3Rub3Rl'
   }
 
-  return systemUnderTest.copyAttachment(sourcePath, 'storageKey', 'noteKey').then(
-    function (newFileName) {
+  return systemUnderTest
+    .copyAttachment(sourcePath, 'storageKey', 'noteKey')
+    .then(function(newFileName) {
       expect(newFileName).toBe('dummyPath.jpg')
     })
 })
 
-it('should test that copyAttachment with url (with extension, with query)', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that copyAttachment with url (with extension, with query)', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
 
   const dummyReadStream = {
     pipe: jest.fn(),
-    on: jest.fn((event, callback) => { callback() })
+    on: jest.fn((event, callback) => {
+      callback()
+    })
   }
   fs.createReadStream = jest.fn(() => dummyReadStream)
 
   const dummyWriteStream = {
-    write: jest.fn((data, callback) => { callback() })
+    write: jest.fn((data, callback) => {
+      callback()
+    })
   }
   fs.createWriteStream = jest.fn(() => dummyWriteStream)
 
@@ -190,23 +243,28 @@ it('should test that copyAttachment with url (with extension, with query)', func
     data: 'data:image/jpeg;base64,Ym9vc3Rub3Rl'
   }
 
-  return systemUnderTest.copyAttachment(sourcePath, 'storageKey', 'noteKey').then(
-    function (newFileName) {
+  return systemUnderTest
+    .copyAttachment(sourcePath, 'storageKey', 'noteKey')
+    .then(function(newFileName) {
       expect(newFileName).toBe('dummyPath.jpg')
     })
 })
 
-it('should test that copyAttachment with url (without extension, without query)', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that copyAttachment with url (without extension, without query)', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
 
   const dummyReadStream = {
     pipe: jest.fn(),
-    on: jest.fn((event, callback) => { callback() })
+    on: jest.fn((event, callback) => {
+      callback()
+    })
   }
   fs.createReadStream = jest.fn(() => dummyReadStream)
 
   const dummyWriteStream = {
-    write: jest.fn((data, callback) => { callback() })
+    write: jest.fn((data, callback) => {
+      callback()
+    })
   }
   fs.createWriteStream = jest.fn(() => dummyWriteStream)
 
@@ -225,23 +283,28 @@ it('should test that copyAttachment with url (without extension, without query)'
     data: 'data:image/jpeg;base64,Ym9vc3Rub3Rl'
   }
 
-  return systemUnderTest.copyAttachment(sourcePath, 'storageKey', 'noteKey').then(
-    function (newFileName) {
+  return systemUnderTest
+    .copyAttachment(sourcePath, 'storageKey', 'noteKey')
+    .then(function(newFileName) {
       expect(newFileName).toBe('dummyPath.png')
     })
 })
 
-it('should test that copyAttachment with url (without extension, with query)', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that copyAttachment with url (without extension, with query)', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
 
   const dummyReadStream = {
     pipe: jest.fn(),
-    on: jest.fn((event, callback) => { callback() })
+    on: jest.fn((event, callback) => {
+      callback()
+    })
   }
   fs.createReadStream = jest.fn(() => dummyReadStream)
 
   const dummyWriteStream = {
-    write: jest.fn((data, callback) => { callback() })
+    write: jest.fn((data, callback) => {
+      callback()
+    })
   }
   fs.createWriteStream = jest.fn(() => dummyWriteStream)
 
@@ -260,13 +323,14 @@ it('should test that copyAttachment with url (without extension, with query)', f
     data: 'data:image/jpeg;base64,Ym9vc3Rub3Rl'
   }
 
-  return systemUnderTest.copyAttachment(sourcePath, 'storageKey', 'noteKey').then(
-    function (newFileName) {
+  return systemUnderTest
+    .copyAttachment(sourcePath, 'storageKey', 'noteKey')
+    .then(function(newFileName) {
       expect(newFileName).toBe('dummyPath.png')
     })
 })
 
-it('should replace the all ":storage" path with the actual storage path', function () {
+it('should replace the all ":storage" path with the actual storage path', function() {
   const storageFolder = systemUnderTest.DESTINATION_FOLDER
   const noteKey = '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c'
   const testInput =
@@ -277,21 +341,41 @@ it('should replace the all ":storage" path with the actual storage path', functi
     '    <body data-theme="default">\n' +
     '        <h2 data-line="0" id="Headline">Headline</h2>\n' +
     '        <p data-line="2">\n' +
-    '            <img src=":storage' + mdurl.encode(path.sep) + noteKey + mdurl.encode(path.sep) + '0.6r4zdgc22xp.png" alt="dummyImage.png" >\n' +
+    '            <img src=":storage' +
+    mdurl.encode(path.sep) +
+    noteKey +
+    mdurl.encode(path.sep) +
+    '0.6r4zdgc22xp.png" alt="dummyImage.png" >\n' +
     '        </p>\n' +
     '        <p data-line="4">\n' +
-    '            <a href=":storage' + mdurl.encode(path.sep) + noteKey + mdurl.encode(path.sep) + '0.q2i4iw0fyx.pdf">dummyPDF.pdf</a>\n' +
+    '            <a href=":storage' +
+    mdurl.encode(path.sep) +
+    noteKey +
+    mdurl.encode(path.sep) +
+    '0.q2i4iw0fyx.pdf">dummyPDF.pdf</a>\n' +
     '        </p>\n' +
     '        <p data-line="6">\n' +
-    '            <img src=":storage' + mdurl.encode(path.sep) + noteKey + mdurl.encode(path.sep) + 'd6c5ee92.jpg" alt="dummyImage2.jpg">\n' +
+    '            <img src=":storage' +
+    mdurl.encode(path.sep) +
+    noteKey +
+    mdurl.encode(path.sep) +
+    'd6c5ee92.jpg" alt="dummyImage2.jpg">\n' +
     '        </p>\n' +
     '        <pre class="fence" data-line="8">\n' +
     '            <span class="filename"></span>\n' +
-    '            <div class="gallery" data-autoplay="undefined" data-height="undefined">:storage' + mdurl.encode(path.win32.sep) + noteKey + mdurl.encode(path.win32.sep) + 'f939b2c3.jpg</div>\n' +
+    '            <div class="gallery" data-autoplay="undefined" data-height="undefined">:storage' +
+    mdurl.encode(path.win32.sep) +
+    noteKey +
+    mdurl.encode(path.win32.sep) +
+    'f939b2c3.jpg</div>\n' +
     '        </pre>\n' +
     '        <pre class="fence" data-line="10">\n' +
     '            <span class="filename"></span>\n' +
-    '            <div class="gallery" data-autoplay="undefined" data-height="undefined">:storage' + mdurl.encode(path.posix.sep) + noteKey + mdurl.encode(path.posix.sep) + 'f939b2c3.jpg</div>\n' +
+    '            <div class="gallery" data-autoplay="undefined" data-height="undefined">:storage' +
+    mdurl.encode(path.posix.sep) +
+    noteKey +
+    mdurl.encode(path.posix.sep) +
+    'f939b2c3.jpg</div>\n' +
     '        </pre>\n' +
     '    </body>\n' +
     '</html>'
@@ -304,21 +388,56 @@ it('should replace the all ":storage" path with the actual storage path', functi
     '    <body data-theme="default">\n' +
     '        <h2 data-line="0" id="Headline">Headline</h2>\n' +
     '        <p data-line="2">\n' +
-    '            <img src="file:///' + storagePath + '/' + storageFolder + '/' + noteKey + '/' + '0.6r4zdgc22xp.png" alt="dummyImage.png" >\n' +
+    '            <img src="file:///' +
+    storagePath +
+    '/' +
+    storageFolder +
+    '/' +
+    noteKey +
+    '/' +
+    '0.6r4zdgc22xp.png" alt="dummyImage.png" >\n' +
     '        </p>\n' +
     '        <p data-line="4">\n' +
-    '            <a href="file:///' + storagePath + '/' + storageFolder + '/' + noteKey + '/' + '0.q2i4iw0fyx.pdf">dummyPDF.pdf</a>\n' +
+    '            <a href="file:///' +
+    storagePath +
+    '/' +
+    storageFolder +
+    '/' +
+    noteKey +
+    '/' +
+    '0.q2i4iw0fyx.pdf">dummyPDF.pdf</a>\n' +
     '        </p>\n' +
     '        <p data-line="6">\n' +
-    '            <img src="file:///' + storagePath + '/' + storageFolder + '/' + noteKey + '/' + 'd6c5ee92.jpg" alt="dummyImage2.jpg">\n' +
+    '            <img src="file:///' +
+    storagePath +
+    '/' +
+    storageFolder +
+    '/' +
+    noteKey +
+    '/' +
+    'd6c5ee92.jpg" alt="dummyImage2.jpg">\n' +
     '        </p>\n' +
     '        <pre class="fence" data-line="8">\n' +
     '            <span class="filename"></span>\n' +
-    '            <div class="gallery" data-autoplay="undefined" data-height="undefined">file:///' + storagePath + '/' + storageFolder + '/' + noteKey + '/' + 'f939b2c3.jpg</div>\n' +
+    '            <div class="gallery" data-autoplay="undefined" data-height="undefined">file:///' +
+    storagePath +
+    '/' +
+    storageFolder +
+    '/' +
+    noteKey +
+    '/' +
+    'f939b2c3.jpg</div>\n' +
     '        </pre>\n' +
     '        <pre class="fence" data-line="10">\n' +
     '            <span class="filename"></span>\n' +
-    '            <div class="gallery" data-autoplay="undefined" data-height="undefined">file:///' + storagePath + '/' + storageFolder + '/' + noteKey + '/' + 'f939b2c3.jpg</div>\n' +
+    '            <div class="gallery" data-autoplay="undefined" data-height="undefined">file:///' +
+    storagePath +
+    '/' +
+    storageFolder +
+    '/' +
+    noteKey +
+    '/' +
+    'f939b2c3.jpg</div>\n' +
     '        </pre>\n' +
     '    </body>\n' +
     '</html>'
@@ -326,7 +445,7 @@ it('should replace the all ":storage" path with the actual storage path', functi
   expect(actual).toEqual(expectedOutput)
 })
 
-it('should replace the ":storage" path with the actual storage path when they have different path separators', function () {
+it('should replace the ":storage" path with the actual storage path when they have different path separators', function() {
   const storageFolder = systemUnderTest.DESTINATION_FOLDER
   const noteKey = '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c'
   const testInput =
@@ -337,10 +456,18 @@ it('should replace the ":storage" path with the actual storage path when they ha
     '    <body data-theme="default">\n' +
     '        <h2 data-line="0" id="Headline">Headline</h2>\n' +
     '        <p data-line="2">\n' +
-    '            <img src=":storage' + mdurl.encode(path.win32.sep) + noteKey + mdurl.encode(path.win32.sep) + '0.6r4zdgc22xp.png" alt="dummyImage.png" >\n' +
+    '            <img src=":storage' +
+    mdurl.encode(path.win32.sep) +
+    noteKey +
+    mdurl.encode(path.win32.sep) +
+    '0.6r4zdgc22xp.png" alt="dummyImage.png" >\n' +
     '        </p>\n' +
     '        <p data-line="4">\n' +
-    '            <a href=":storage' + mdurl.encode(path.posix.sep) + noteKey + mdurl.encode(path.posix.sep) + '0.q2i4iw0fyx.pdf">dummyPDF.pdf</a>\n' +
+    '            <a href=":storage' +
+    mdurl.encode(path.posix.sep) +
+    noteKey +
+    mdurl.encode(path.posix.sep) +
+    '0.q2i4iw0fyx.pdf">dummyPDF.pdf</a>\n' +
     '        </p>\n' +
     '    </body>\n' +
     '</html>'
@@ -353,10 +480,24 @@ it('should replace the ":storage" path with the actual storage path when they ha
     '    <body data-theme="default">\n' +
     '        <h2 data-line="0" id="Headline">Headline</h2>\n' +
     '        <p data-line="2">\n' +
-    '            <img src="file:///' + storagePath + '/' + storageFolder + '/' + noteKey + '/' + '0.6r4zdgc22xp.png" alt="dummyImage.png" >\n' +
+    '            <img src="file:///' +
+    storagePath +
+    '/' +
+    storageFolder +
+    '/' +
+    noteKey +
+    '/' +
+    '0.6r4zdgc22xp.png" alt="dummyImage.png" >\n' +
     '        </p>\n' +
     '        <p data-line="4">\n' +
-    '            <a href="file:///' + storagePath + '/' + storageFolder + '/' + noteKey + '/' + '0.q2i4iw0fyx.pdf">dummyPDF.pdf</a>\n' +
+    '            <a href="file:///' +
+    storagePath +
+    '/' +
+    storageFolder +
+    '/' +
+    noteKey +
+    '/' +
+    '0.q2i4iw0fyx.pdf">dummyPDF.pdf</a>\n' +
     '        </p>\n' +
     '    </body>\n' +
     '</html>'
@@ -364,7 +505,7 @@ it('should replace the ":storage" path with the actual storage path when they ha
   expect(actual).toEqual(expectedOutput)
 })
 
-it('should test that generateAttachmentMarkdown works correct both with previews and without', function () {
+it('should test that generateAttachmentMarkdown works correct both with previews and without', function() {
   const fileName = 'fileName'
   const path = 'path'
   let expected = `![${fileName}](${path})`
@@ -375,55 +516,133 @@ it('should test that generateAttachmentMarkdown works correct both with previews
   expect(actual).toEqual(expected)
 })
 
-it('should test that migrateAttachments work when they have different path separators', function () {
+it('should test that migrateAttachments work when they have different path separators', function() {
   sander.existsSync = jest.fn(() => true)
   const dummyStoragePath = 'dummyStoragePath'
   const imagesPath = path.join(dummyStoragePath, 'images')
   const attachmentsPath = path.join(dummyStoragePath, 'attachments')
   const noteKey = 'noteKey'
-  const testInput = '"# Test\n' +
-  '\n' +
-  '![Screenshot1](:storage' + path.win32.sep + '0.3b88d0dc.png)\n' +
-  '![Screenshot2](:storage' + path.posix.sep + '0.2cb8875c.pdf)"'
+  const testInput =
+    '"# Test\n' +
+    '\n' +
+    '![Screenshot1](:storage' +
+    path.win32.sep +
+    '0.3b88d0dc.png)\n' +
+    '![Screenshot2](:storage' +
+    path.posix.sep +
+    '0.2cb8875c.pdf)"'
 
   systemUnderTest.migrateAttachments(testInput, dummyStoragePath, noteKey)
 
   expect(sander.existsSync.mock.calls[0][0]).toBe(imagesPath)
-  expect(sander.existsSync.mock.calls[1][0]).toBe(path.join(imagesPath, '0.3b88d0dc.png'))
-  expect(sander.existsSync.mock.calls[2][0]).toBe(path.join(attachmentsPath, '0.3b88d0dc.png'))
-  expect(sander.existsSync.mock.calls[3][0]).toBe(path.join(imagesPath, '0.2cb8875c.pdf'))
-  expect(sander.existsSync.mock.calls[4][0]).toBe(path.join(attachmentsPath, '0.2cb8875c.pdf'))
+  expect(sander.existsSync.mock.calls[1][0]).toBe(
+    path.join(imagesPath, '0.3b88d0dc.png')
+  )
+  expect(sander.existsSync.mock.calls[2][0]).toBe(
+    path.join(attachmentsPath, '0.3b88d0dc.png')
+  )
+  expect(sander.existsSync.mock.calls[3][0]).toBe(
+    path.join(imagesPath, '0.2cb8875c.pdf')
+  )
+  expect(sander.existsSync.mock.calls[4][0]).toBe(
+    path.join(attachmentsPath, '0.2cb8875c.pdf')
+  )
 })
 
-it('should test that getAttachmentsInMarkdownContent finds all attachments when they have different path separators', function () {
-  const testInput = '"# Test\n' +
+it('should test that getAttachmentsInMarkdownContent finds all attachments when they have different path separators', function() {
+  const testInput =
+    '"# Test\n' +
     '\n' +
-    '![Screenshot1](:storage' + path.win32.sep + '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c' + path.win32.sep + '0.3b88d0dc.png)\n' +
-    '![Screenshot2](:storage' + path.posix.sep + '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c' + path.posix.sep + '2cb8875c.pdf)\n' +
-    '![Screenshot3](:storage' + path.win32.sep + '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c' + path.posix.sep + 'bbf49b02.jpg)"'
+    '![Screenshot1](:storage' +
+    path.win32.sep +
+    '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c' +
+    path.win32.sep +
+    '0.3b88d0dc.png)\n' +
+    '![Screenshot2](:storage' +
+    path.posix.sep +
+    '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c' +
+    path.posix.sep +
+    '2cb8875c.pdf)\n' +
+    '![Screenshot3](:storage' +
+    path.win32.sep +
+    '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c' +
+    path.posix.sep +
+    'bbf49b02.jpg)"'
 
   const actual = systemUnderTest.getAttachmentsInMarkdownContent(testInput)
-  const expected = [':storage' + path.sep + '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c' + path.sep + '0.3b88d0dc.png', ':storage' + path.sep + '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c' + path.sep + '2cb8875c.pdf', ':storage' + path.sep + '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c' + path.sep + 'bbf49b02.jpg']
+  const expected = [
+    ':storage' +
+      path.sep +
+      '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c' +
+      path.sep +
+      '0.3b88d0dc.png',
+    ':storage' +
+      path.sep +
+      '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c' +
+      path.sep +
+      '2cb8875c.pdf',
+    ':storage' +
+      path.sep +
+      '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c' +
+      path.sep +
+      'bbf49b02.jpg'
+  ]
   expect(actual).toEqual(expect.arrayContaining(expected))
 })
 
-it('should test that getAbsolutePathsOfAttachmentsInContent returns all absolute paths', function () {
+it('should test that getAbsolutePathsOfAttachmentsInContent returns all absolute paths', function() {
   const dummyStoragePath = 'dummyStoragePath'
   const noteKey = '9c9c4ba3-bc1e-441f-9866-c1e9a806e31c'
-  const testInput = '"# Test\n' +
+  const testInput =
+    '"# Test\n' +
     '\n' +
-    '![Screenshot1](:storage' + path.win32.sep + noteKey + path.win32.sep + '0.6r4zdgc22xp.png)\n' +
-    '![Screenshot2](:storage' + path.posix.sep + noteKey + path.posix.sep + '0.q2i4iw0fyx.pdf)\n' +
-    '![Screenshot3](:storage' + path.win32.sep + noteKey + path.posix.sep + 'd6c5ee92.jpg)"'
+    '![Screenshot1](:storage' +
+    path.win32.sep +
+    noteKey +
+    path.win32.sep +
+    '0.6r4zdgc22xp.png)\n' +
+    '![Screenshot2](:storage' +
+    path.posix.sep +
+    noteKey +
+    path.posix.sep +
+    '0.q2i4iw0fyx.pdf)\n' +
+    '![Screenshot3](:storage' +
+    path.win32.sep +
+    noteKey +
+    path.posix.sep +
+    'd6c5ee92.jpg)"'
 
-  const actual = systemUnderTest.getAbsolutePathsOfAttachmentsInContent(testInput, dummyStoragePath)
-  const expected = [dummyStoragePath + path.sep + systemUnderTest.DESTINATION_FOLDER + path.sep + noteKey + path.sep + '0.6r4zdgc22xp.png',
-    dummyStoragePath + path.sep + systemUnderTest.DESTINATION_FOLDER + path.sep + noteKey + path.sep + '0.q2i4iw0fyx.pdf',
-    dummyStoragePath + path.sep + systemUnderTest.DESTINATION_FOLDER + path.sep + noteKey + path.sep + 'd6c5ee92.jpg']
+  const actual = systemUnderTest.getAbsolutePathsOfAttachmentsInContent(
+    testInput,
+    dummyStoragePath
+  )
+  const expected = [
+    dummyStoragePath +
+      path.sep +
+      systemUnderTest.DESTINATION_FOLDER +
+      path.sep +
+      noteKey +
+      path.sep +
+      '0.6r4zdgc22xp.png',
+    dummyStoragePath +
+      path.sep +
+      systemUnderTest.DESTINATION_FOLDER +
+      path.sep +
+      noteKey +
+      path.sep +
+      '0.q2i4iw0fyx.pdf',
+    dummyStoragePath +
+      path.sep +
+      systemUnderTest.DESTINATION_FOLDER +
+      path.sep +
+      noteKey +
+      path.sep +
+      'd6c5ee92.jpg'
+  ]
   expect(actual).toEqual(expect.arrayContaining(expected))
 })
 
-it('should remove the all ":storage" and noteKey references', function () {
+it('should remove the all ":storage" and noteKey references', function() {
   const storageFolder = systemUnderTest.DESTINATION_FOLDER
   const noteKey = 'noteKey'
   const testInput =
@@ -434,13 +653,25 @@ it('should remove the all ":storage" and noteKey references', function () {
     '    <body data-theme="default">\n' +
     '        <h2 data-line="0" id="Headline">Headline</h2>\n' +
     '        <p data-line="2">\n' +
-    '            <img src=":storage' + mdurl.encode(path.win32.sep) + noteKey + mdurl.encode(path.win32.sep) + '0.6r4zdgc22xp.png" alt="dummyImage.png" >\n' +
+    '            <img src=":storage' +
+    mdurl.encode(path.win32.sep) +
+    noteKey +
+    mdurl.encode(path.win32.sep) +
+    '0.6r4zdgc22xp.png" alt="dummyImage.png" >\n' +
     '        </p>\n' +
     '        <p data-line="4">\n' +
-    '            <a href=":storage' + mdurl.encode(path.posix.sep) + noteKey + mdurl.encode(path.posix.sep) + '0.q2i4iw0fyx.pdf">dummyPDF.pdf</a>\n' +
+    '            <a href=":storage' +
+    mdurl.encode(path.posix.sep) +
+    noteKey +
+    mdurl.encode(path.posix.sep) +
+    '0.q2i4iw0fyx.pdf">dummyPDF.pdf</a>\n' +
     '        </p>\n' +
     '        <p data-line="6">\n' +
-    '            <img src=":storage' + mdurl.encode(path.win32.sep) + noteKey + mdurl.encode(path.posix.sep) + 'd6c5ee92.jpg" alt="dummyImage2.jpg">\n' +
+    '            <img src=":storage' +
+    mdurl.encode(path.win32.sep) +
+    noteKey +
+    mdurl.encode(path.posix.sep) +
+    'd6c5ee92.jpg" alt="dummyImage2.jpg">\n' +
     '        </p>\n' +
     '    </body>\n' +
     '</html>'
@@ -452,62 +683,107 @@ it('should remove the all ":storage" and noteKey references', function () {
     '    <body data-theme="default">\n' +
     '        <h2 data-line="0" id="Headline">Headline</h2>\n' +
     '        <p data-line="2">\n' +
-    '            <img src="' + storageFolder + path.sep + '0.6r4zdgc22xp.png" alt="dummyImage.png" >\n' +
+    '            <img src="' +
+    storageFolder +
+    path.sep +
+    '0.6r4zdgc22xp.png" alt="dummyImage.png" >\n' +
     '        </p>\n' +
     '        <p data-line="4">\n' +
-    '            <a href="' + storageFolder + path.sep + '0.q2i4iw0fyx.pdf">dummyPDF.pdf</a>\n' +
+    '            <a href="' +
+    storageFolder +
+    path.sep +
+    '0.q2i4iw0fyx.pdf">dummyPDF.pdf</a>\n' +
     '        </p>\n' +
     '        <p data-line="6">\n' +
-    '            <img src="' + storageFolder + path.sep + 'd6c5ee92.jpg" alt="dummyImage2.jpg">\n' +
+    '            <img src="' +
+    storageFolder +
+    path.sep +
+    'd6c5ee92.jpg" alt="dummyImage2.jpg">\n' +
     '        </p>\n' +
     '    </body>\n' +
     '</html>'
-  const actual = systemUnderTest.removeStorageAndNoteReferences(testInput, noteKey)
+  const actual = systemUnderTest.removeStorageAndNoteReferences(
+    testInput,
+    noteKey
+  )
   expect(actual).toEqual(expectedOutput)
 })
 
-it('should make sure that "removeStorageAndNoteReferences" works with markdown content as well', function () {
+it('should make sure that "removeStorageAndNoteReferences" works with markdown content as well', function() {
   const noteKey = 'noteKey'
   const testInput =
     'Test input' +
-    '![' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + noteKey + path.win32.sep + 'image.jpg](imageName}) \n' +
-    '[' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + noteKey + path.posix.sep + 'pdf.pdf](pdf})'
+    '![' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    noteKey +
+    path.win32.sep +
+    'image.jpg](imageName}) \n' +
+    '[' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.posix.sep +
+    noteKey +
+    path.posix.sep +
+    'pdf.pdf](pdf})'
 
   const expectedOutput =
     'Test input' +
-    '![' + systemUnderTest.DESTINATION_FOLDER + path.sep + 'image.jpg](imageName}) \n' +
-    '[' + systemUnderTest.DESTINATION_FOLDER + path.sep + 'pdf.pdf](pdf})'
-  const actual = systemUnderTest.removeStorageAndNoteReferences(testInput, noteKey)
+    '![' +
+    systemUnderTest.DESTINATION_FOLDER +
+    path.sep +
+    'image.jpg](imageName}) \n' +
+    '[' +
+    systemUnderTest.DESTINATION_FOLDER +
+    path.sep +
+    'pdf.pdf](pdf})'
+  const actual = systemUnderTest.removeStorageAndNoteReferences(
+    testInput,
+    noteKey
+  )
   expect(actual).toEqual(expectedOutput)
 })
 
-it('should delete the correct attachment folder if a note is deleted', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should delete the correct attachment folder if a note is deleted', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   const storageKey = 'storageKey'
   const noteKey = 'noteKey'
   findStorage.findStorage = jest.fn(() => dummyStorage)
   sander.rimrafSync = jest.fn()
 
-  const expectedPathToBeDeleted = path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER, noteKey)
+  const expectedPathToBeDeleted = path.join(
+    dummyStorage.path,
+    systemUnderTest.DESTINATION_FOLDER,
+    noteKey
+  )
   systemUnderTest.deleteAttachmentFolder(storageKey, noteKey)
   expect(findStorage.findStorage).toHaveBeenCalledWith(storageKey)
   expect(sander.rimrafSync).toHaveBeenCalledWith(expectedPathToBeDeleted)
 })
 
-it('should test that deleteAttachmentsNotPresentInNote deletes all unreferenced attachments ', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that deleteAttachmentsNotPresentInNote deletes all unreferenced attachments ', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   const noteKey = 'noteKey'
   const storageKey = 'storageKey'
   const markdownContent = ''
   const dummyFilesInFolder = ['file1.txt', 'file2.pdf', 'file3.jpg']
-  const attachmentFolderPath = path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER, noteKey)
+  const attachmentFolderPath = path.join(
+    dummyStorage.path,
+    systemUnderTest.DESTINATION_FOLDER,
+    noteKey
+  )
 
   findStorage.findStorage = jest.fn(() => dummyStorage)
   fs.existsSync = jest.fn(() => true)
-  fs.readdir = jest.fn((paht, callback) => callback(undefined, dummyFilesInFolder))
+  fs.readdir = jest.fn((paht, callback) =>
+    callback(undefined, dummyFilesInFolder)
+  )
   fs.unlink = jest.fn()
 
-  systemUnderTest.deleteAttachmentsNotPresentInNote(markdownContent, storageKey, noteKey)
+  systemUnderTest.deleteAttachmentsNotPresentInNote(
+    markdownContent,
+    storageKey,
+    noteKey
+  )
   expect(fs.existsSync).toHaveBeenLastCalledWith(attachmentFolderPath)
   expect(fs.readdir).toHaveBeenCalledTimes(1)
   expect(fs.readdir.mock.calls[0][0]).toBe(attachmentFolderPath)
@@ -518,35 +794,59 @@ it('should test that deleteAttachmentsNotPresentInNote deletes all unreferenced
     fsUnlinkCallArguments.push(fs.unlink.mock.calls[i][0])
   }
 
-  dummyFilesInFolder.forEach(function (file) {
-    expect(fsUnlinkCallArguments.includes(path.join(attachmentFolderPath, file))).toBe(true)
+  dummyFilesInFolder.forEach(function(file) {
+    expect(
+      fsUnlinkCallArguments.includes(path.join(attachmentFolderPath, file))
+    ).toBe(true)
   })
 })
 
-it('should test that deleteAttachmentsNotPresentInNote does not delete referenced attachments', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that deleteAttachmentsNotPresentInNote does not delete referenced attachments', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   const noteKey = 'noteKey'
   const storageKey = 'storageKey'
   const dummyFilesInFolder = ['file1.txt', 'file2.pdf', 'file3.jpg']
-  const markdownContent = systemUnderTest.generateAttachmentMarkdown('fileLabel', path.join(systemUnderTest.STORAGE_FOLDER_PLACEHOLDER, noteKey, dummyFilesInFolder[0]), false)
-  const attachmentFolderPath = path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER, noteKey)
+  const markdownContent = systemUnderTest.generateAttachmentMarkdown(
+    'fileLabel',
+    path.join(
+      systemUnderTest.STORAGE_FOLDER_PLACEHOLDER,
+      noteKey,
+      dummyFilesInFolder[0]
+    ),
+    false
+  )
+  const attachmentFolderPath = path.join(
+    dummyStorage.path,
+    systemUnderTest.DESTINATION_FOLDER,
+    noteKey
+  )
 
   findStorage.findStorage = jest.fn(() => dummyStorage)
   fs.existsSync = jest.fn(() => true)
-  fs.readdir = jest.fn((paht, callback) => callback(undefined, dummyFilesInFolder))
+  fs.readdir = jest.fn((paht, callback) =>
+    callback(undefined, dummyFilesInFolder)
+  )
   fs.unlink = jest.fn()
 
-  systemUnderTest.deleteAttachmentsNotPresentInNote(markdownContent, storageKey, noteKey)
+  systemUnderTest.deleteAttachmentsNotPresentInNote(
+    markdownContent,
+    storageKey,
+    noteKey
+  )
 
   expect(fs.unlink).toHaveBeenCalledTimes(dummyFilesInFolder.length - 1)
   const fsUnlinkCallArguments = []
   for (let i = 0; i < dummyFilesInFolder.length - 1; i++) {
     fsUnlinkCallArguments.push(fs.unlink.mock.calls[i][0])
   }
-  expect(fsUnlinkCallArguments.includes(path.join(attachmentFolderPath, dummyFilesInFolder[0]))).toBe(false)
+  expect(
+    fsUnlinkCallArguments.includes(
+      path.join(attachmentFolderPath, dummyFilesInFolder[0])
+    )
+  ).toBe(false)
 })
 
-it('should test that deleteAttachmentsNotPresentInNote does nothing if noteKey, storageKey or noteContent was null', function () {
+it('should test that deleteAttachmentsNotPresentInNote does nothing if noteKey, storageKey or noteContent was null', function() {
   const noteKey = null
   const storageKey = null
   const markdownContent = ''
@@ -556,13 +856,17 @@ it('should test that deleteAttachmentsNotPresentInNote does nothing if noteKey,
   fs.readdir = jest.fn()
   fs.unlink = jest.fn()
 
-  systemUnderTest.deleteAttachmentsNotPresentInNote(markdownContent, storageKey, noteKey)
+  systemUnderTest.deleteAttachmentsNotPresentInNote(
+    markdownContent,
+    storageKey,
+    noteKey
+  )
   expect(fs.existsSync).not.toHaveBeenCalled()
   expect(fs.readdir).not.toHaveBeenCalled()
   expect(fs.unlink).not.toHaveBeenCalled()
 })
 
-it('should test that deleteAttachmentsNotPresentInNote does nothing if noteKey, storageKey or noteContent was undefined', function () {
+it('should test that deleteAttachmentsNotPresentInNote does nothing if noteKey, storageKey or noteContent was undefined', function() {
   const noteKey = undefined
   const storageKey = undefined
   const markdownContent = ''
@@ -572,47 +876,70 @@ it('should test that deleteAttachmentsNotPresentInNote does nothing if noteKey,
   fs.readdir = jest.fn()
   fs.unlink = jest.fn()
 
-  systemUnderTest.deleteAttachmentsNotPresentInNote(markdownContent, storageKey, noteKey)
+  systemUnderTest.deleteAttachmentsNotPresentInNote(
+    markdownContent,
+    storageKey,
+    noteKey
+  )
   expect(fs.existsSync).not.toHaveBeenCalled()
   expect(fs.readdir).not.toHaveBeenCalled()
   expect(fs.unlink).not.toHaveBeenCalled()
 })
 
-it('should test that getAttachmentsPathAndStatus return null if noteKey, storageKey or noteContent was undefined', function () {
+it('should test that getAttachmentsPathAndStatus return null if noteKey, storageKey or noteContent was undefined', function() {
   const noteKey = undefined
   const storageKey = undefined
   const markdownContent = ''
 
-  const result = systemUnderTest.getAttachmentsPathAndStatus(markdownContent, storageKey, noteKey)
+  const result = systemUnderTest.getAttachmentsPathAndStatus(
+    markdownContent,
+    storageKey,
+    noteKey
+  )
   expect(result).toBeNull()
 })
 
-it('should test that getAttachmentsPathAndStatus return null if noteKey, storageKey or noteContent was null', function () {
+it('should test that getAttachmentsPathAndStatus return null if noteKey, storageKey or noteContent was null', function() {
   const noteKey = null
   const storageKey = null
   const markdownContent = ''
 
-  const result = systemUnderTest.getAttachmentsPathAndStatus(markdownContent, storageKey, noteKey)
+  const result = systemUnderTest.getAttachmentsPathAndStatus(
+    markdownContent,
+    storageKey,
+    noteKey
+  )
   expect(result).toBeNull()
 })
 
-it('should test that getAttachmentsPathAndStatus return the correct path and status for attachments', async function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that getAttachmentsPathAndStatus return the correct path and status for attachments', async function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   const noteKey = 'noteKey'
   const storageKey = 'storageKey'
   const markdownContent =
     'Test input' +
-    '![' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + noteKey + path.win32.sep + 'file2.pdf](file2.pdf) \n'
+    '![' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    noteKey +
+    path.win32.sep +
+    'file2.pdf](file2.pdf) \n'
   const dummyFilesInFolder = ['file1.txt', 'file2.pdf', 'file3.jpg']
 
   findStorage.findStorage = jest.fn(() => dummyStorage)
   fs.existsSync = jest.fn(() => true)
-  fs.readdir = jest.fn((paht, callback) => callback(undefined, dummyFilesInFolder))
+  fs.readdir = jest.fn((paht, callback) =>
+    callback(undefined, dummyFilesInFolder)
+  )
   fs.unlink = jest.fn()
 
   const targetStorage = findStorage.findStorage(storageKey)
 
-  const attachments = await systemUnderTest.getAttachmentsPathAndStatus(markdownContent, storageKey, noteKey)
+  const attachments = await systemUnderTest.getAttachmentsPathAndStatus(
+    markdownContent,
+    storageKey,
+    noteKey
+  )
   expect(attachments.length).toBe(3)
   expect(attachments[0].isInUse).toBe(false)
   expect(attachments[1].isInUse).toBe(true)
@@ -644,7 +971,7 @@ it('should test that getAttachmentsPathAndStatus return the correct path and sta
   )
 })
 
-it('should test that moveAttachments moves attachments only if the source folder existed', function () {
+it('should test that moveAttachments moves attachments only if the source folder existed', function() {
   fse.existsSync = jest.fn(() => false)
   fse.moveSync = jest.fn()
 
@@ -654,14 +981,24 @@ it('should test that moveAttachments moves attachments only if the source folder
   const newNoteKey = 'newNoteKey'
   const content = ''
 
-  const expectedSource = path.join(oldPath, systemUnderTest.DESTINATION_FOLDER, oldNoteKey)
+  const expectedSource = path.join(
+    oldPath,
+    systemUnderTest.DESTINATION_FOLDER,
+    oldNoteKey
+  )
 
-  systemUnderTest.moveAttachments(oldPath, newPath, oldNoteKey, newNoteKey, content)
+  systemUnderTest.moveAttachments(
+    oldPath,
+    newPath,
+    oldNoteKey,
+    newNoteKey,
+    content
+  )
   expect(fse.existsSync).toHaveBeenCalledWith(expectedSource)
   expect(fse.moveSync).not.toHaveBeenCalled()
 })
 
-it('should test that moveAttachments moves attachments to the right destination', function () {
+it('should test that moveAttachments moves attachments to the right destination', function() {
   fse.existsSync = jest.fn(() => true)
   fse.moveSync = jest.fn()
 
@@ -671,15 +1008,29 @@ it('should test that moveAttachments moves attachments to the right destination'
   const newNoteKey = 'newNoteKey'
   const content = ''
 
-  const expectedSource = path.join(oldPath, systemUnderTest.DESTINATION_FOLDER, oldNoteKey)
-  const expectedDestination = path.join(newPath, systemUnderTest.DESTINATION_FOLDER, newNoteKey)
+  const expectedSource = path.join(
+    oldPath,
+    systemUnderTest.DESTINATION_FOLDER,
+    oldNoteKey
+  )
+  const expectedDestination = path.join(
+    newPath,
+    systemUnderTest.DESTINATION_FOLDER,
+    newNoteKey
+  )
 
-  systemUnderTest.moveAttachments(oldPath, newPath, oldNoteKey, newNoteKey, content)
+  systemUnderTest.moveAttachments(
+    oldPath,
+    newPath,
+    oldNoteKey,
+    newNoteKey,
+    content
+  )
   expect(fse.existsSync).toHaveBeenCalledWith(expectedSource)
   expect(fse.moveSync).toHaveBeenCalledWith(expectedSource, expectedDestination)
 })
 
-it('should test that moveAttachments returns a correct modified content version', function () {
+it('should test that moveAttachments returns a correct modified content version', function() {
   fse.existsSync = jest.fn()
   fse.moveSync = jest.fn()
 
@@ -689,63 +1040,159 @@ it('should test that moveAttachments returns a correct modified content version'
   const newNoteKey = 'newNoteKey'
   const testInput =
     'Test input' +
-    '![' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + oldNoteKey + path.win32.sep + 'image.jpg](imageName}) \n' +
-    '[' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + oldNoteKey + path.posix.sep + 'pdf.pdf](pdf})'
+    '![' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    oldNoteKey +
+    path.win32.sep +
+    'image.jpg](imageName}) \n' +
+    '[' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.posix.sep +
+    oldNoteKey +
+    path.posix.sep +
+    'pdf.pdf](pdf})'
   const expectedOutput =
     'Test input' +
-    '![' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.sep + newNoteKey + path.sep + 'image.jpg](imageName}) \n' +
-    '[' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.sep + newNoteKey + path.sep + 'pdf.pdf](pdf})'
+    '![' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.sep +
+    newNoteKey +
+    path.sep +
+    'image.jpg](imageName}) \n' +
+    '[' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.sep +
+    newNoteKey +
+    path.sep +
+    'pdf.pdf](pdf})'
 
-  const actualContent = systemUnderTest.moveAttachments(oldPath, newPath, oldNoteKey, newNoteKey, testInput)
+  const actualContent = systemUnderTest.moveAttachments(
+    oldPath,
+    newPath,
+    oldNoteKey,
+    newNoteKey,
+    testInput
+  )
   expect(actualContent).toBe(expectedOutput)
 })
 
-it('should test that cloneAttachments modifies the content of the new note correctly', function () {
-  const oldNote = {key: 'oldNoteKey', content: 'oldNoteContent', storage: 'storageKey', type: 'MARKDOWN_NOTE'}
-  const newNote = {key: 'newNoteKey', content: 'oldNoteContent', storage: 'storageKey', type: 'MARKDOWN_NOTE'}
+it('should test that cloneAttachments modifies the content of the new note correctly', function() {
+  const oldNote = {
+    key: 'oldNoteKey',
+    content: 'oldNoteContent',
+    storage: 'storageKey',
+    type: 'MARKDOWN_NOTE'
+  }
+  const newNote = {
+    key: 'newNoteKey',
+    content: 'oldNoteContent',
+    storage: 'storageKey',
+    type: 'MARKDOWN_NOTE'
+  }
   const testInput =
     'Test input' +
-    '![' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + oldNote.key + path.win32.sep + 'image.jpg](imageName}) \n' +
-    '[' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + oldNote.key + path.posix.sep + 'pdf.pdf](pdf})'
+    '![' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    oldNote.key +
+    path.win32.sep +
+    'image.jpg](imageName}) \n' +
+    '[' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.posix.sep +
+    oldNote.key +
+    path.posix.sep +
+    'pdf.pdf](pdf})'
   newNote.content = testInput
   findStorage.findStorage = jest.fn()
-  findStorage.findStorage.mockReturnValue({path: 'dummyStoragePath'})
+  findStorage.findStorage.mockReturnValue({ path: 'dummyStoragePath' })
 
   const expectedOutput =
     'Test input' +
-    '![' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.sep + newNote.key + path.sep + 'image.jpg](imageName}) \n' +
-    '[' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.sep + newNote.key + path.sep + 'pdf.pdf](pdf})'
+    '![' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.sep +
+    newNote.key +
+    path.sep +
+    'image.jpg](imageName}) \n' +
+    '[' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.sep +
+    newNote.key +
+    path.sep +
+    'pdf.pdf](pdf})'
   systemUnderTest.cloneAttachments(oldNote, newNote)
 
   expect(newNote.content).toBe(expectedOutput)
 })
 
-it('should test that cloneAttachments finds all attachments and copies them to the new location', function () {
+it('should test that cloneAttachments finds all attachments and copies them to the new location', function() {
   const storagePathOld = 'storagePathOld'
   const storagePathNew = 'storagePathNew'
-  const dummyStorageOld = {path: storagePathOld}
-  const dummyStorageNew = {path: storagePathNew}
-  const oldNote = {key: 'oldNoteKey', content: 'oldNoteContent', storage: 'storageKeyOldNote', type: 'MARKDOWN_NOTE'}
-  const newNote = {key: 'newNoteKey', content: 'oldNoteContent', storage: 'storageKeyNewNote', type: 'MARKDOWN_NOTE'}
+  const dummyStorageOld = { path: storagePathOld }
+  const dummyStorageNew = { path: storagePathNew }
+  const oldNote = {
+    key: 'oldNoteKey',
+    content: 'oldNoteContent',
+    storage: 'storageKeyOldNote',
+    type: 'MARKDOWN_NOTE'
+  }
+  const newNote = {
+    key: 'newNoteKey',
+    content: 'oldNoteContent',
+    storage: 'storageKeyNewNote',
+    type: 'MARKDOWN_NOTE'
+  }
   const testInput =
     'Test input' +
-    '![' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + oldNote.key + path.win32.sep + 'image.jpg](imageName}) \n' +
-    '[' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + oldNote.key + path.posix.sep + 'pdf.pdf](pdf})'
+    '![' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    oldNote.key +
+    path.win32.sep +
+    'image.jpg](imageName}) \n' +
+    '[' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.posix.sep +
+    oldNote.key +
+    path.posix.sep +
+    'pdf.pdf](pdf})'
   oldNote.content = testInput
   newNote.content = testInput
 
-  const copyFileSyncResp = {to: jest.fn()}
+  const copyFileSyncResp = { to: jest.fn() }
   sander.copyFileSync = jest.fn()
   sander.copyFileSync.mockReturnValue(copyFileSyncResp)
   findStorage.findStorage = jest.fn()
   findStorage.findStorage.mockReturnValueOnce(dummyStorageOld)
   findStorage.findStorage.mockReturnValue(dummyStorageNew)
 
-  const pathAttachmentOneFrom = path.join(storagePathOld, systemUnderTest.DESTINATION_FOLDER, oldNote.key, 'image.jpg')
-  const pathAttachmentOneTo = path.join(storagePathNew, systemUnderTest.DESTINATION_FOLDER, newNote.key, 'image.jpg')
+  const pathAttachmentOneFrom = path.join(
+    storagePathOld,
+    systemUnderTest.DESTINATION_FOLDER,
+    oldNote.key,
+    'image.jpg'
+  )
+  const pathAttachmentOneTo = path.join(
+    storagePathNew,
+    systemUnderTest.DESTINATION_FOLDER,
+    newNote.key,
+    'image.jpg'
+  )
 
-  const pathAttachmentTwoFrom = path.join(storagePathOld, systemUnderTest.DESTINATION_FOLDER, oldNote.key, 'pdf.pdf')
-  const pathAttachmentTwoTo = path.join(storagePathNew, systemUnderTest.DESTINATION_FOLDER, newNote.key, 'pdf.pdf')
+  const pathAttachmentTwoFrom = path.join(
+    storagePathOld,
+    systemUnderTest.DESTINATION_FOLDER,
+    oldNote.key,
+    'pdf.pdf'
+  )
+  const pathAttachmentTwoTo = path.join(
+    storagePathNew,
+    systemUnderTest.DESTINATION_FOLDER,
+    newNote.key,
+    'pdf.pdf'
+  )
 
   systemUnderTest.cloneAttachments(oldNote, newNote)
 
@@ -759,9 +1206,19 @@ it('should test that cloneAttachments finds all attachments and copies them to t
   expect(copyFileSyncResp.to.mock.calls[1][0]).toBe(pathAttachmentTwoTo)
 })
 
-it('should test that cloneAttachments finds all attachments and copies them to the new location', function () {
-  const oldNote = {key: 'oldNoteKey', content: 'oldNoteContent', storage: 'storageKeyOldNote', type: 'SOMETHING_ELSE'}
-  const newNote = {key: 'newNoteKey', content: 'oldNoteContent', storage: 'storageKeyNewNote', type: 'SOMETHING_ELSE'}
+it('should test that cloneAttachments finds all attachments and copies them to the new location', function() {
+  const oldNote = {
+    key: 'oldNoteKey',
+    content: 'oldNoteContent',
+    storage: 'storageKeyOldNote',
+    type: 'SOMETHING_ELSE'
+  }
+  const newNote = {
+    key: 'newNoteKey',
+    content: 'oldNoteContent',
+    storage: 'storageKeyNewNote',
+    type: 'SOMETHING_ELSE'
+  }
   const testInput = 'Test input'
   oldNote.content = testInput
   newNote.content = testInput
@@ -775,82 +1232,274 @@ it('should test that cloneAttachments finds all attachments and copies them to t
   expect(sander.copyFileSync).not.toHaveBeenCalled()
 })
 
-it('should test that isAttachmentLink works correctly', function () {
+it('should test that isAttachmentLink works correctly', function() {
   expect(systemUnderTest.isAttachmentLink('text')).toBe(false)
   expect(systemUnderTest.isAttachmentLink('text [linkText](link)')).toBe(false)
   expect(systemUnderTest.isAttachmentLink('text ![linkText](link)')).toBe(false)
-  expect(systemUnderTest.isAttachmentLink('[linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + 'noteKey' + path.win32.sep + 'pdf.pdf)')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('![linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + 'noteKey' + path.win32.sep + 'pdf.pdf )')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('text [ linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + 'noteKey' + path.win32.sep + 'pdf.pdf)')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('text ![linkText ](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + 'noteKey' + path.win32.sep + 'pdf.pdf)')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('[linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + 'noteKey' + path.win32.sep + 'pdf.pdf) test')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('![linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + 'noteKey' + path.win32.sep + 'pdf.pdf) test')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('text [linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + 'noteKey' + path.win32.sep + 'pdf.pdf) test')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('text ![linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + 'noteKey' + path.win32.sep + 'pdf.pdf) test')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('[linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + 'noteKey' + path.posix.sep + 'pdf.pdf)')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('![linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + 'noteKey' + path.posix.sep + 'pdf.pdf )')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('text [ linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + 'noteKey' + path.posix.sep + 'pdf.pdf)')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('text ![linkText ](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + 'noteKey' + path.posix.sep + 'pdf.pdf)')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('[linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + 'noteKey' + path.posix.sep + 'pdf.pdf) test')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('![linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + 'noteKey' + path.posix.sep + 'pdf.pdf) test')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('text [linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + 'noteKey' + path.posix.sep + 'pdf.pdf) test')).toBe(true)
-  expect(systemUnderTest.isAttachmentLink('text ![linkText](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + 'noteKey' + path.posix.sep + 'pdf.pdf) test')).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      '[linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.win32.sep +
+        'noteKey' +
+        path.win32.sep +
+        'pdf.pdf)'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      '![linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.win32.sep +
+        'noteKey' +
+        path.win32.sep +
+        'pdf.pdf )'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      'text [ linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.win32.sep +
+        'noteKey' +
+        path.win32.sep +
+        'pdf.pdf)'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      'text ![linkText ](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.win32.sep +
+        'noteKey' +
+        path.win32.sep +
+        'pdf.pdf)'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      '[linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.win32.sep +
+        'noteKey' +
+        path.win32.sep +
+        'pdf.pdf) test'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      '![linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.win32.sep +
+        'noteKey' +
+        path.win32.sep +
+        'pdf.pdf) test'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      'text [linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.win32.sep +
+        'noteKey' +
+        path.win32.sep +
+        'pdf.pdf) test'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      'text ![linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.win32.sep +
+        'noteKey' +
+        path.win32.sep +
+        'pdf.pdf) test'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      '[linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.posix.sep +
+        'noteKey' +
+        path.posix.sep +
+        'pdf.pdf)'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      '![linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.posix.sep +
+        'noteKey' +
+        path.posix.sep +
+        'pdf.pdf )'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      'text [ linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.posix.sep +
+        'noteKey' +
+        path.posix.sep +
+        'pdf.pdf)'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      'text ![linkText ](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.posix.sep +
+        'noteKey' +
+        path.posix.sep +
+        'pdf.pdf)'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      '[linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.posix.sep +
+        'noteKey' +
+        path.posix.sep +
+        'pdf.pdf) test'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      '![linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.posix.sep +
+        'noteKey' +
+        path.posix.sep +
+        'pdf.pdf) test'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      'text [linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.posix.sep +
+        'noteKey' +
+        path.posix.sep +
+        'pdf.pdf) test'
+    )
+  ).toBe(true)
+  expect(
+    systemUnderTest.isAttachmentLink(
+      'text ![linkText](' +
+        systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+        path.posix.sep +
+        'noteKey' +
+        path.posix.sep +
+        'pdf.pdf) test'
+    )
+  ).toBe(true)
 })
 
-it('should test that handleAttachmentLinkPaste copies the attachments to the new location', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that handleAttachmentLinkPaste copies the attachments to the new location', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   findStorage.findStorage = jest.fn(() => dummyStorage)
   const pastedNoteKey = 'b1e06f81-8266-49b9-b438-084003c2e723'
   const newNoteKey = 'abc234-8266-49b9-b438-084003c2e723'
-  const pasteText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + pastedNoteKey + path.posix.sep + 'pdf.pdf)'
+  const pasteText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.posix.sep +
+    pastedNoteKey +
+    path.posix.sep +
+    'pdf.pdf)'
   const storageKey = 'storageKey'
-  const expectedSourceFilePath = path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER, pastedNoteKey, 'pdf.pdf')
+  const expectedSourceFilePath = path.join(
+    dummyStorage.path,
+    systemUnderTest.DESTINATION_FOLDER,
+    pastedNoteKey,
+    'pdf.pdf'
+  )
 
   sander.exists = jest.fn(() => Promise.resolve(true))
-  systemUnderTest.copyAttachment = jest.fn(() => Promise.resolve('dummyNewFileName'))
+  systemUnderTest.copyAttachment = jest.fn(() =>
+    Promise.resolve('dummyNewFileName')
+  )
 
-  return systemUnderTest.handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
+  return systemUnderTest
+    .handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
     .then(() => {
       expect(findStorage.findStorage).toHaveBeenCalledWith(storageKey)
       expect(sander.exists).toHaveBeenCalledWith(expectedSourceFilePath)
-      expect(systemUnderTest.copyAttachment).toHaveBeenCalledWith(expectedSourceFilePath, storageKey, newNoteKey)
+      expect(systemUnderTest.copyAttachment).toHaveBeenCalledWith(
+        expectedSourceFilePath,
+        storageKey,
+        newNoteKey
+      )
     })
 })
 
-it('should test that handleAttachmentLinkPaste copies the attachments to the new location - win32 path', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that handleAttachmentLinkPaste copies the attachments to the new location - win32 path', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   findStorage.findStorage = jest.fn(() => dummyStorage)
   const pastedNoteKey = 'b1e06f81-8266-49b9-b438-084003c2e723'
   const newNoteKey = 'abc234-8266-49b9-b438-084003c2e723'
-  const pasteText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + pastedNoteKey + path.win32.sep + 'pdf.pdf)'
+  const pasteText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    pastedNoteKey +
+    path.win32.sep +
+    'pdf.pdf)'
   const storageKey = 'storageKey'
-  const expectedSourceFilePath = path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER, pastedNoteKey, 'pdf.pdf')
+  const expectedSourceFilePath = path.join(
+    dummyStorage.path,
+    systemUnderTest.DESTINATION_FOLDER,
+    pastedNoteKey,
+    'pdf.pdf'
+  )
 
   sander.exists = jest.fn(() => Promise.resolve(true))
-  systemUnderTest.copyAttachment = jest.fn(() => Promise.resolve('dummyNewFileName'))
+  systemUnderTest.copyAttachment = jest.fn(() =>
+    Promise.resolve('dummyNewFileName')
+  )
 
-  return systemUnderTest.handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
+  return systemUnderTest
+    .handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
     .then(() => {
       expect(findStorage.findStorage).toHaveBeenCalledWith(storageKey)
       expect(sander.exists).toHaveBeenCalledWith(expectedSourceFilePath)
-      expect(systemUnderTest.copyAttachment).toHaveBeenCalledWith(expectedSourceFilePath, storageKey, newNoteKey)
+      expect(systemUnderTest.copyAttachment).toHaveBeenCalledWith(
+        expectedSourceFilePath,
+        storageKey,
+        newNoteKey
+      )
     })
 })
 
-it('should test that handleAttachmentLinkPaste don\'t try to copy the file if it does not exist - win32 path', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it("should test that handleAttachmentLinkPaste don't try to copy the file if it does not exist - win32 path", function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   findStorage.findStorage = jest.fn(() => dummyStorage)
   const pastedNoteKey = 'b1e06f81-8266-49b9-b438-084003c2e723'
   const newNoteKey = 'abc234-8266-49b9-b438-084003c2e723'
-  const pasteText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + pastedNoteKey + path.win32.sep + 'pdf.pdf)'
+  const pasteText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    pastedNoteKey +
+    path.win32.sep +
+    'pdf.pdf)'
   const storageKey = 'storageKey'
-  const expectedSourceFilePath = path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER, pastedNoteKey, 'pdf.pdf')
+  const expectedSourceFilePath = path.join(
+    dummyStorage.path,
+    systemUnderTest.DESTINATION_FOLDER,
+    pastedNoteKey,
+    'pdf.pdf'
+  )
 
   sander.exists = jest.fn(() => Promise.resolve(false))
   systemUnderTest.copyAttachment = jest.fn()
   systemUnderTest.generateFileNotFoundMarkdown = jest.fn()
 
-  return systemUnderTest.handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
+  return systemUnderTest
+    .handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
     .then(() => {
       expect(findStorage.findStorage).toHaveBeenCalledWith(storageKey)
       expect(sander.exists).toHaveBeenCalledWith(expectedSourceFilePath)
@@ -858,20 +1507,32 @@ it('should test that handleAttachmentLinkPaste don\'t try to copy the file if it
     })
 })
 
-it('should test that handleAttachmentLinkPaste don\'t try to copy the file if it does not exist -- posix', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it("should test that handleAttachmentLinkPaste don't try to copy the file if it does not exist -- posix", function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   findStorage.findStorage = jest.fn(() => dummyStorage)
   const pastedNoteKey = 'b1e06f81-8266-49b9-b438-084003c2e723'
   const newNoteKey = 'abc234-8266-49b9-b438-084003c2e723'
-  const pasteText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + pastedNoteKey + path.posix.sep + 'pdf.pdf)'
+  const pasteText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.posix.sep +
+    pastedNoteKey +
+    path.posix.sep +
+    'pdf.pdf)'
   const storageKey = 'storageKey'
-  const expectedSourceFilePath = path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER, pastedNoteKey, 'pdf.pdf')
+  const expectedSourceFilePath = path.join(
+    dummyStorage.path,
+    systemUnderTest.DESTINATION_FOLDER,
+    pastedNoteKey,
+    'pdf.pdf'
+  )
 
   sander.exists = jest.fn(() => Promise.resolve(false))
   systemUnderTest.copyAttachment = jest.fn()
   systemUnderTest.generateFileNotFoundMarkdown = jest.fn()
 
-  return systemUnderTest.handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
+  return systemUnderTest
+    .handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
     .then(() => {
       expect(findStorage.findStorage).toHaveBeenCalledWith(storageKey)
       expect(sander.exists).toHaveBeenCalledWith(expectedSourceFilePath)
@@ -879,106 +1540,217 @@ it('should test that handleAttachmentLinkPaste don\'t try to copy the file if it
     })
 })
 
-it('should test that handleAttachmentLinkPaste copies multiple attachments if multiple were pasted', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that handleAttachmentLinkPaste copies multiple attachments if multiple were pasted', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   findStorage.findStorage = jest.fn(() => dummyStorage)
   const pastedNoteKey = 'b1e06f81-8266-49b9-b438-084003c2e723'
   const newNoteKey = 'abc234-8266-49b9-b438-084003c2e723'
-  const pasteText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + pastedNoteKey + path.posix.sep + 'pdf.pdf) ..' +
-    '![secondAttachment](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + pastedNoteKey + path.win32.sep + 'img.jpg)'
+  const pasteText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.posix.sep +
+    pastedNoteKey +
+    path.posix.sep +
+    'pdf.pdf) ..' +
+    '![secondAttachment](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    pastedNoteKey +
+    path.win32.sep +
+    'img.jpg)'
   const storageKey = 'storageKey'
-  const expectedSourceFilePathOne = path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER, pastedNoteKey, 'pdf.pdf')
-  const expectedSourceFilePathTwo = path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER, pastedNoteKey, 'img.jpg')
+  const expectedSourceFilePathOne = path.join(
+    dummyStorage.path,
+    systemUnderTest.DESTINATION_FOLDER,
+    pastedNoteKey,
+    'pdf.pdf'
+  )
+  const expectedSourceFilePathTwo = path.join(
+    dummyStorage.path,
+    systemUnderTest.DESTINATION_FOLDER,
+    pastedNoteKey,
+    'img.jpg'
+  )
 
   sander.exists = jest.fn(() => Promise.resolve(true))
-  systemUnderTest.copyAttachment = jest.fn(() => Promise.resolve('dummyNewFileName'))
+  systemUnderTest.copyAttachment = jest.fn(() =>
+    Promise.resolve('dummyNewFileName')
+  )
 
-  return systemUnderTest.handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
+  return systemUnderTest
+    .handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
     .then(() => {
       expect(findStorage.findStorage).toHaveBeenCalledWith(storageKey)
       expect(sander.exists).toHaveBeenCalledWith(expectedSourceFilePathOne)
       expect(sander.exists).toHaveBeenCalledWith(expectedSourceFilePathTwo)
-      expect(systemUnderTest.copyAttachment).toHaveBeenCalledWith(expectedSourceFilePathOne, storageKey, newNoteKey)
-      expect(systemUnderTest.copyAttachment).toHaveBeenCalledWith(expectedSourceFilePathTwo, storageKey, newNoteKey)
+      expect(systemUnderTest.copyAttachment).toHaveBeenCalledWith(
+        expectedSourceFilePathOne,
+        storageKey,
+        newNoteKey
+      )
+      expect(systemUnderTest.copyAttachment).toHaveBeenCalledWith(
+        expectedSourceFilePathTwo,
+        storageKey,
+        newNoteKey
+      )
     })
 })
 
-it('should test that handleAttachmentLinkPaste returns the correct modified paste text', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that handleAttachmentLinkPaste returns the correct modified paste text', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   findStorage.findStorage = jest.fn(() => dummyStorage)
   const pastedNoteKey = 'b1e06f81-8266-49b9-b438-084003c2e723'
   const newNoteKey = 'abc234-8266-49b9-b438-084003c2e723'
   const dummyNewFileName = 'dummyNewFileName'
-  const pasteText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + pastedNoteKey + path.win32.sep + 'pdf.pdf)'
-  const expectedText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.sep + newNoteKey + path.sep + dummyNewFileName + ')'
+  const pasteText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.posix.sep +
+    pastedNoteKey +
+    path.win32.sep +
+    'pdf.pdf)'
+  const expectedText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.sep +
+    newNoteKey +
+    path.sep +
+    dummyNewFileName +
+    ')'
   const storageKey = 'storageKey'
 
   sander.exists = jest.fn(() => Promise.resolve(true))
-  systemUnderTest.copyAttachment = jest.fn(() => Promise.resolve(dummyNewFileName))
+  systemUnderTest.copyAttachment = jest.fn(() =>
+    Promise.resolve(dummyNewFileName)
+  )
 
-  return systemUnderTest.handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
-    .then((returnedPastedText) => {
+  return systemUnderTest
+    .handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
+    .then(returnedPastedText => {
       expect(returnedPastedText).toBe(expectedText)
     })
 })
 
-it('should test that handleAttachmentLinkPaste returns the correct modified paste text if multiple links are posted', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that handleAttachmentLinkPaste returns the correct modified paste text if multiple links are posted', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   findStorage.findStorage = jest.fn(() => dummyStorage)
   const pastedNoteKey = 'b1e06f81-8266-49b9-b438-084003c2e723'
   const newNoteKey = 'abc234-8266-49b9-b438-084003c2e723'
   const dummyNewFileNameOne = 'dummyNewFileName'
   const dummyNewFileNameTwo = 'dummyNewFileNameTwo'
-  const pasteText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + pastedNoteKey + path.win32.sep + 'pdf.pdf) ' +
-    '![secondImage](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + pastedNoteKey + path.posix.sep + 'img.jpg)'
-  const expectedText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.sep + newNoteKey + path.sep + dummyNewFileNameOne + ') ' +
-    '![secondImage](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.sep + newNoteKey + path.sep + dummyNewFileNameTwo + ')'
+  const pasteText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    pastedNoteKey +
+    path.win32.sep +
+    'pdf.pdf) ' +
+    '![secondImage](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.posix.sep +
+    pastedNoteKey +
+    path.posix.sep +
+    'img.jpg)'
+  const expectedText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.sep +
+    newNoteKey +
+    path.sep +
+    dummyNewFileNameOne +
+    ') ' +
+    '![secondImage](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.sep +
+    newNoteKey +
+    path.sep +
+    dummyNewFileNameTwo +
+    ')'
   const storageKey = 'storageKey'
 
   sander.exists = jest.fn(() => Promise.resolve(true))
   systemUnderTest.copyAttachment = jest.fn()
-  systemUnderTest.copyAttachment.mockReturnValueOnce(Promise.resolve(dummyNewFileNameOne))
-  systemUnderTest.copyAttachment.mockReturnValue(Promise.resolve(dummyNewFileNameTwo))
+  systemUnderTest.copyAttachment.mockReturnValueOnce(
+    Promise.resolve(dummyNewFileNameOne)
+  )
+  systemUnderTest.copyAttachment.mockReturnValue(
+    Promise.resolve(dummyNewFileNameTwo)
+  )
 
-  return systemUnderTest.handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
-    .then((returnedPastedText) => {
+  return systemUnderTest
+    .handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
+    .then(returnedPastedText => {
       expect(returnedPastedText).toBe(expectedText)
     })
 })
 
-it('should test that handleAttachmentLinkPaste calls the copy method correct if multiple links are posted where one file was found and one was not', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that handleAttachmentLinkPaste calls the copy method correct if multiple links are posted where one file was found and one was not', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   findStorage.findStorage = jest.fn(() => dummyStorage)
   const pastedNoteKey = 'b1e06f81-8266-49b9-b438-084003c2e723'
   const newNoteKey = 'abc234-8266-49b9-b438-084003c2e723'
-  const pasteText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + pastedNoteKey + path.posix.sep + 'pdf.pdf) ..' +
-    '![secondAttachment](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + pastedNoteKey + path.win32.sep + 'img.jpg)'
+  const pasteText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.posix.sep +
+    pastedNoteKey +
+    path.posix.sep +
+    'pdf.pdf) ..' +
+    '![secondAttachment](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    pastedNoteKey +
+    path.win32.sep +
+    'img.jpg)'
   const storageKey = 'storageKey'
-  const expectedSourceFilePathOne = path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER, pastedNoteKey, 'pdf.pdf')
-  const expectedSourceFilePathTwo = path.join(dummyStorage.path, systemUnderTest.DESTINATION_FOLDER, pastedNoteKey, 'img.jpg')
+  const expectedSourceFilePathOne = path.join(
+    dummyStorage.path,
+    systemUnderTest.DESTINATION_FOLDER,
+    pastedNoteKey,
+    'pdf.pdf'
+  )
+  const expectedSourceFilePathTwo = path.join(
+    dummyStorage.path,
+    systemUnderTest.DESTINATION_FOLDER,
+    pastedNoteKey,
+    'img.jpg'
+  )
 
   sander.exists = jest.fn()
   sander.exists.mockReturnValueOnce(Promise.resolve(false))
   sander.exists.mockReturnValue(Promise.resolve(true))
-  systemUnderTest.copyAttachment = jest.fn(() => Promise.resolve('dummyNewFileName'))
+  systemUnderTest.copyAttachment = jest.fn(() =>
+    Promise.resolve('dummyNewFileName')
+  )
   systemUnderTest.generateFileNotFoundMarkdown = jest.fn()
 
-  return systemUnderTest.handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
+  return systemUnderTest
+    .handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
     .then(() => {
       expect(findStorage.findStorage).toHaveBeenCalledWith(storageKey)
       expect(sander.exists).toHaveBeenCalledWith(expectedSourceFilePathOne)
       expect(sander.exists).toHaveBeenCalledWith(expectedSourceFilePathTwo)
       expect(systemUnderTest.copyAttachment).toHaveBeenCalledTimes(1)
-      expect(systemUnderTest.copyAttachment).toHaveBeenCalledWith(expectedSourceFilePathTwo, storageKey, newNoteKey)
+      expect(systemUnderTest.copyAttachment).toHaveBeenCalledWith(
+        expectedSourceFilePathTwo,
+        storageKey,
+        newNoteKey
+      )
     })
 })
 
-it('should test that handleAttachmentLinkPaste returns the correct modified paste text if the file was not found', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that handleAttachmentLinkPaste returns the correct modified paste text if the file was not found', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   findStorage.findStorage = jest.fn(() => dummyStorage)
   const pastedNoteKey = 'b1e06f81-8266-49b9-b438-084003c2e723'
   const newNoteKey = 'abc234-8266-49b9-b438-084003c2e723'
-  const pasteText = 'text ![alt.png](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + pastedNoteKey + path.posix.sep + 'pdf.pdf)'
+  const pasteText =
+    'text ![alt.png](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    pastedNoteKey +
+    path.posix.sep +
+    'pdf.pdf)'
   const storageKey = 'storageKey'
   const fileNotFoundMD = 'file not found'
   const expectedPastText = 'text ' + fileNotFoundMD
@@ -986,19 +1758,31 @@ it('should test that handleAttachmentLinkPaste returns the correct modified past
   systemUnderTest.generateFileNotFoundMarkdown = jest.fn(() => fileNotFoundMD)
   sander.exists = jest.fn(() => Promise.resolve(false))
 
-  return systemUnderTest.handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
-    .then((returnedPastedText) => {
+  return systemUnderTest
+    .handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
+    .then(returnedPastedText => {
       expect(returnedPastedText).toBe(expectedPastText)
     })
 })
 
-it('should test that handleAttachmentLinkPaste returns the correct modified paste text if multiple files were not found', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that handleAttachmentLinkPaste returns the correct modified paste text if multiple files were not found', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   findStorage.findStorage = jest.fn(() => dummyStorage)
   const pastedNoteKey = 'b1e06f81-8266-49b9-b438-084003c2e723'
   const newNoteKey = 'abc234-8266-49b9-b438-084003c2e723'
-  const pasteText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + pastedNoteKey + path.win32.sep + 'pdf.pdf) ' +
-    '![secondImage](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + pastedNoteKey + path.posix.sep + 'img.jpg)'
+  const pasteText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    pastedNoteKey +
+    path.win32.sep +
+    'pdf.pdf) ' +
+    '![secondImage](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.posix.sep +
+    pastedNoteKey +
+    path.posix.sep +
+    'img.jpg)'
   const storageKey = 'storageKey'
   const fileNotFoundMD = 'file not found'
   const expectedPastText = 'text ' + fileNotFoundMD + ' ' + fileNotFoundMD
@@ -1006,56 +1790,102 @@ it('should test that handleAttachmentLinkPaste returns the correct modified past
 
   sander.exists = jest.fn(() => Promise.resolve(false))
 
-  return systemUnderTest.handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
-    .then((returnedPastedText) => {
+  return systemUnderTest
+    .handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
+    .then(returnedPastedText => {
       expect(returnedPastedText).toBe(expectedPastText)
     })
 })
 
-it('should test that handleAttachmentLinkPaste returns the correct modified paste text if one file was found and one was not found', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that handleAttachmentLinkPaste returns the correct modified paste text if one file was found and one was not found', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   findStorage.findStorage = jest.fn(() => dummyStorage)
   const pastedNoteKey = 'b1e06f81-8266-49b9-b438-084003c2e723'
   const newNoteKey = 'abc234-8266-49b9-b438-084003c2e723'
   const dummyFoundFileName = 'dummyFileName'
   const fileNotFoundMD = 'file not found'
-  const pasteText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + pastedNoteKey + path.win32.sep + 'pdf.pdf) .. ' +
-    '![secondAttachment](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + pastedNoteKey + path.posix.sep + 'img.jpg)'
+  const pasteText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    pastedNoteKey +
+    path.win32.sep +
+    'pdf.pdf) .. ' +
+    '![secondAttachment](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.posix.sep +
+    pastedNoteKey +
+    path.posix.sep +
+    'img.jpg)'
   const storageKey = 'storageKey'
-  const expectedPastText = 'text ' + fileNotFoundMD + ' .. ![secondAttachment](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.sep + newNoteKey + path.sep + dummyFoundFileName + ')'
+  const expectedPastText =
+    'text ' +
+    fileNotFoundMD +
+    ' .. ![secondAttachment](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.sep +
+    newNoteKey +
+    path.sep +
+    dummyFoundFileName +
+    ')'
 
   sander.exists = jest.fn()
   sander.exists.mockReturnValueOnce(Promise.resolve(false))
   sander.exists.mockReturnValue(Promise.resolve(true))
-  systemUnderTest.copyAttachment = jest.fn(() => Promise.resolve(dummyFoundFileName))
+  systemUnderTest.copyAttachment = jest.fn(() =>
+    Promise.resolve(dummyFoundFileName)
+  )
   systemUnderTest.generateFileNotFoundMarkdown = jest.fn(() => fileNotFoundMD)
 
-  return systemUnderTest.handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
-    .then((returnedPastedText) => {
+  return systemUnderTest
+    .handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
+    .then(returnedPastedText => {
       expect(returnedPastedText).toBe(expectedPastText)
     })
 })
 
-it('should test that handleAttachmentLinkPaste returns the correct modified paste text if one file was found and one was not found', function () {
-  const dummyStorage = {path: 'dummyStoragePath'}
+it('should test that handleAttachmentLinkPaste returns the correct modified paste text if one file was found and one was not found', function() {
+  const dummyStorage = { path: 'dummyStoragePath' }
   findStorage.findStorage = jest.fn(() => dummyStorage)
   const pastedNoteKey = 'b1e06f81-8266-49b9-b438-084003c2e723'
   const newNoteKey = 'abc234-8266-49b9-b438-084003c2e723'
   const dummyFoundFileName = 'dummyFileName'
   const fileNotFoundMD = 'file not found'
-  const pasteText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.posix.sep + pastedNoteKey + path.posix.sep + 'pdf.pdf) .. ' +
-    '![secondAttachment](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.win32.sep + pastedNoteKey + path.win32.sep + 'img.jpg)'
+  const pasteText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.posix.sep +
+    pastedNoteKey +
+    path.posix.sep +
+    'pdf.pdf) .. ' +
+    '![secondAttachment](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.win32.sep +
+    pastedNoteKey +
+    path.win32.sep +
+    'img.jpg)'
   const storageKey = 'storageKey'
-  const expectedPastText = 'text ![alt](' + systemUnderTest.STORAGE_FOLDER_PLACEHOLDER + path.sep + newNoteKey + path.sep + dummyFoundFileName + ') .. ' + fileNotFoundMD
+  const expectedPastText =
+    'text ![alt](' +
+    systemUnderTest.STORAGE_FOLDER_PLACEHOLDER +
+    path.sep +
+    newNoteKey +
+    path.sep +
+    dummyFoundFileName +
+    ') .. ' +
+    fileNotFoundMD
 
   sander.exists = jest.fn()
   sander.exists.mockReturnValueOnce(Promise.resolve(true))
   sander.exists.mockReturnValue(Promise.resolve(false))
-  systemUnderTest.copyAttachment = jest.fn(() => Promise.resolve(dummyFoundFileName))
+  systemUnderTest.copyAttachment = jest.fn(() =>
+    Promise.resolve(dummyFoundFileName)
+  )
   systemUnderTest.generateFileNotFoundMarkdown = jest.fn(() => fileNotFoundMD)
 
-  return systemUnderTest.handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
-    .then((returnedPastedText) => {
+  return systemUnderTest
+    .handleAttachmentLinkPaste(storageKey, newNoteKey, pasteText)
+    .then(returnedPastedText => {
       expect(returnedPastedText).toBe(expectedPastText)
     })
 })
diff --git a/tests/dataApi/copyFile-test.js b/tests/dataApi/copyFile-test.js
index 533b1354..f38f1ed2 100644
--- a/tests/dataApi/copyFile-test.js
+++ b/tests/dataApi/copyFile-test.js
@@ -13,13 +13,13 @@ const srcPath = path.join(srcFolder, testFile)
 const dstFolder = path.join(__dirname, '😇')
 const dstPath = path.join(dstFolder, testFile)
 
-test.before((t) => {
+test.before(t => {
   if (!fs.existsSync(srcFolder)) fs.mkdirSync(srcFolder)
 
   fs.writeFileSync(srcPath, 'test')
 })
 
-test('`copyFile` should handle encoded URI on src path', (t) => {
+test('`copyFile` should handle encoded URI on src path', t => {
   return copyFile(encodeURI(srcPath), dstPath)
     .then(() => {
       t.true(true)
@@ -29,10 +29,9 @@ test('`copyFile` should handle encoded URI on src path', (t) => {
     })
 })
 
-test.after((t) => {
+test.after(t => {
   fs.unlinkSync(srcPath)
   fs.unlinkSync(dstPath)
   execSync(removeDirCommand + '"' + srcFolder + '"')
   execSync(removeDirCommand + '"' + dstFolder + '"')
 })
-
diff --git a/tests/dataApi/createFolder-test.js b/tests/dataApi/createFolder-test.js
index 1b9a1c83..fd54ba27 100644
--- a/tests/dataApi/createFolder-test.js
+++ b/tests/dataApi/createFolder-test.js
@@ -6,7 +6,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const _ = require('lodash')
 const TestDummy = require('../fixtures/TestDummy')
@@ -16,30 +19,32 @@ const CSON = require('@rokt33r/season')
 
 const storagePath = path.join(os.tmpdir(), 'test/create-folder')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage = TestDummy.dummyStorage(storagePath)
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
 
-test.serial('Create a folder', (t) => {
+test.serial('Create a folder', t => {
   const storageKey = t.context.storage.cache.key
   const input = {
     name: 'created',
     color: '#ff5555'
   }
   return Promise.resolve()
-    .then(function doTest () {
+    .then(function doTest() {
       return createFolder(storageKey, input)
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       t.true(_.find(data.storage.folders, input) != null)
-      const jsonData = CSON.readFileSync(path.join(data.storage.path, 'boostnote.json'))
+      const jsonData = CSON.readFileSync(
+        path.join(data.storage.path, 'boostnote.json')
+      )
       console.log(path.join(data.storage.path, 'boostnote.json'))
       t.true(_.find(jsonData.folders, input) != null)
     })
 })
 
-test.after(function after () {
+test.after(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
 })
diff --git a/tests/dataApi/createNote-test.js b/tests/dataApi/createNote-test.js
index 3606dfd4..2c3af348 100644
--- a/tests/dataApi/createNote-test.js
+++ b/tests/dataApi/createNote-test.js
@@ -6,7 +6,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const TestDummy = require('../fixtures/TestDummy')
 const sander = require('sander')
@@ -16,26 +19,30 @@ const faker = require('faker')
 
 const storagePath = path.join(os.tmpdir(), 'test/create-note')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage = TestDummy.dummyStorage(storagePath)
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
 
-test.serial('Create a note', (t) => {
+test.serial('Create a note', t => {
   const storageKey = t.context.storage.cache.key
   const folderKey = t.context.storage.json.folders[0].key
 
-  const randLinesHighlightedArray = new Array(10).fill().map(() => Math.round(Math.random() * 10))
+  const randLinesHighlightedArray = new Array(10)
+    .fill()
+    .map(() => Math.round(Math.random() * 10))
 
   const input1 = {
     type: 'SNIPPET_NOTE',
     description: faker.lorem.lines(),
-    snippets: [{
-      name: faker.system.fileName(),
-      mode: 'text',
-      content: faker.lorem.lines(),
-      linesHighlighted: randLinesHighlightedArray
-    }],
+    snippets: [
+      {
+        name: faker.system.fileName(),
+        mode: 'text',
+        content: faker.lorem.lines(),
+        linesHighlighted: randLinesHighlightedArray
+      }
+    ],
     tags: faker.lorem.words().split(' '),
     folder: folderKey
   }
@@ -51,18 +58,20 @@ test.serial('Create a note', (t) => {
   input2.title = input2.content.split('\n').shift()
 
   return Promise.resolve()
-    .then(function doTest () {
+    .then(function doTest() {
       return Promise.all([
         createNote(storageKey, input1),
         createNote(storageKey, input2)
       ])
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       const data1 = data[0]
       const data2 = data[1]
 
       t.is(storageKey, data1.storage)
-      const jsonData1 = CSON.readFileSync(path.join(storagePath, 'notes', data1.key + '.cson'))
+      const jsonData1 = CSON.readFileSync(
+        path.join(storagePath, 'notes', data1.key + '.cson')
+      )
 
       t.is(input1.title, data1.title)
       t.is(input1.title, jsonData1.title)
@@ -76,11 +85,19 @@ test.serial('Create a note', (t) => {
       t.is(input1.snippets[0].content, jsonData1.snippets[0].content)
       t.is(input1.snippets[0].name, data1.snippets[0].name)
       t.is(input1.snippets[0].name, jsonData1.snippets[0].name)
-      t.deepEqual(input1.snippets[0].linesHighlighted, data1.snippets[0].linesHighlighted)
-      t.deepEqual(input1.snippets[0].linesHighlighted, jsonData1.snippets[0].linesHighlighted)
+      t.deepEqual(
+        input1.snippets[0].linesHighlighted,
+        data1.snippets[0].linesHighlighted
+      )
+      t.deepEqual(
+        input1.snippets[0].linesHighlighted,
+        jsonData1.snippets[0].linesHighlighted
+      )
 
       t.is(storageKey, data2.storage)
-      const jsonData2 = CSON.readFileSync(path.join(storagePath, 'notes', data2.key + '.cson'))
+      const jsonData2 = CSON.readFileSync(
+        path.join(storagePath, 'notes', data2.key + '.cson')
+      )
       t.is(input2.title, data2.title)
       t.is(input2.title, jsonData2.title)
       t.is(input2.content, data2.content)
@@ -92,7 +109,7 @@ test.serial('Create a note', (t) => {
     })
 })
 
-test.after(function after () {
+test.after(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
 })
diff --git a/tests/dataApi/createNoteFromUrl-test.js b/tests/dataApi/createNoteFromUrl-test.js
index a324a3e5..83b8d4e8 100644
--- a/tests/dataApi/createNoteFromUrl-test.js
+++ b/tests/dataApi/createNoteFromUrl-test.js
@@ -6,7 +6,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const TestDummy = require('../fixtures/TestDummy')
 const sander = require('sander')
@@ -15,29 +18,32 @@ const CSON = require('@rokt33r/season')
 
 const storagePath = path.join(os.tmpdir(), 'test/create-note-from-url')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage = TestDummy.dummyStorage(storagePath)
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
 
-test.serial('Create a note from URL', (t) => {
+test.serial('Create a note from URL', t => {
   const storageKey = t.context.storage.cache.key
   const folderKey = t.context.storage.json.folders[0].key
 
   const url = 'https://shapeshed.com/writing-cross-platform-node/'
 
-  return createNoteFromUrl(url, storageKey, folderKey)
-    .then(function assert ({ note }) {
-      t.is(storageKey, note.storage)
-      const jsonData = CSON.readFileSync(path.join(storagePath, 'notes', note.key + '.cson'))
+  return createNoteFromUrl(url, storageKey, folderKey).then(function assert({
+    note
+  }) {
+    t.is(storageKey, note.storage)
+    const jsonData = CSON.readFileSync(
+      path.join(storagePath, 'notes', note.key + '.cson')
+    )
 
-      // Test if saved content is matching the created in memory note
-      t.is(note.content, jsonData.content)
-      t.is(note.tags.length, jsonData.tags.length)
-    })
+    // Test if saved content is matching the created in memory note
+    t.is(note.content, jsonData.content)
+    t.is(note.tags.length, jsonData.tags.length)
+  })
 })
 
-test.after(function after () {
+test.after(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
 })
diff --git a/tests/dataApi/createSnippet-test.js b/tests/dataApi/createSnippet-test.js
index 638b76ca..e1b9a570 100644
--- a/tests/dataApi/createSnippet-test.js
+++ b/tests/dataApi/createSnippet-test.js
@@ -7,21 +7,21 @@ const path = require('path')
 const snippetFilePath = path.join(os.tmpdir(), 'test', 'create-snippet')
 const snippetFile = path.join(snippetFilePath, 'snippets.json')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   sander.writeFileSync(snippetFile, '[]')
 })
 
-test.serial('Create a snippet', (t) => {
+test.serial('Create a snippet', t => {
   return Promise.resolve()
-    .then(function doTest () {
-      return Promise.all([
-        createSnippet(snippetFile)
-      ])
+    .then(function doTest() {
+      return Promise.all([createSnippet(snippetFile)])
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       data = data[0]
       const snippets = JSON.parse(sander.readFileSync(snippetFile))
-      const snippet = snippets.find(currentSnippet => currentSnippet.id === data.id)
+      const snippet = snippets.find(
+        currentSnippet => currentSnippet.id === data.id
+      )
       t.not(snippet, undefined)
       t.is(snippet.name, data.name)
       t.deepEqual(snippet.prefix, data.prefix)
diff --git a/tests/dataApi/deleteFolder-test.js b/tests/dataApi/deleteFolder-test.js
index af901896..8b930e48 100644
--- a/tests/dataApi/deleteFolder-test.js
+++ b/tests/dataApi/deleteFolder-test.js
@@ -10,7 +10,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const _ = require('lodash')
 const TestDummy = require('../fixtures/TestDummy')
@@ -20,12 +23,12 @@ const CSON = require('@rokt33r/season')
 
 const storagePath = path.join(os.tmpdir(), 'test/delete-folder')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage = TestDummy.dummyStorage(storagePath)
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
 
-test.serial('Delete a folder', (t) => {
+test.serial('Delete a folder', t => {
   const storageKey = t.context.storage.cache.key
   const folderKey = t.context.storage.json.folders[0].key
   let noteKey
@@ -33,44 +36,64 @@ test.serial('Delete a folder', (t) => {
   const input1 = {
     type: 'SNIPPET_NOTE',
     description: faker.lorem.lines(),
-    snippets: [{
-      name: faker.system.fileName(),
-      mode: 'text',
-      content: faker.lorem.lines()
-    }],
+    snippets: [
+      {
+        name: faker.system.fileName(),
+        mode: 'text',
+        content: faker.lorem.lines()
+      }
+    ],
     tags: faker.lorem.words().split(' '),
     folder: folderKey
   }
   input1.title = input1.description.split('\n').shift()
 
   return Promise.resolve()
-    .then(function prepare () {
-      return createNote(storageKey, input1)
-        .then(function createAttachmentFolder (data) {
-          fs.mkdirSync(path.join(storagePath, attachmentManagement.DESTINATION_FOLDER))
-          fs.mkdirSync(path.join(storagePath, attachmentManagement.DESTINATION_FOLDER, data.key))
+    .then(function prepare() {
+      return createNote(storageKey, input1).then(
+        function createAttachmentFolder(data) {
+          fs.mkdirSync(
+            path.join(storagePath, attachmentManagement.DESTINATION_FOLDER)
+          )
+          fs.mkdirSync(
+            path.join(
+              storagePath,
+              attachmentManagement.DESTINATION_FOLDER,
+              data.key
+            )
+          )
           noteKey = data.key
 
           return data
-        })
+        }
+      )
     })
-    .then(function doTest () {
+    .then(function doTest() {
       return deleteFolder(storageKey, folderKey)
     })
-    .then(function assert (data) {
-      t.true(_.find(data.storage.folders, {key: folderKey}) == null)
-      const jsonData = CSON.readFileSync(path.join(data.storage.path, 'boostnote.json'))
+    .then(function assert(data) {
+      t.true(_.find(data.storage.folders, { key: folderKey }) == null)
+      const jsonData = CSON.readFileSync(
+        path.join(data.storage.path, 'boostnote.json')
+      )
 
-      t.true(_.find(jsonData.folders, {key: folderKey}) == null)
+      t.true(_.find(jsonData.folders, { key: folderKey }) == null)
       const notePaths = sander.readdirSync(data.storage.path, 'notes')
-      t.is(notePaths.length, t.context.storage.notes.filter((note) => note.folder !== folderKey).length)
+      t.is(
+        notePaths.length,
+        t.context.storage.notes.filter(note => note.folder !== folderKey).length
+      )
 
-      const attachmentFolderPath = path.join(storagePath, attachmentManagement.DESTINATION_FOLDER, noteKey)
+      const attachmentFolderPath = path.join(
+        storagePath,
+        attachmentManagement.DESTINATION_FOLDER,
+        noteKey
+      )
       t.false(fs.existsSync(attachmentFolderPath))
     })
 })
 
-test.after.always(function after () {
+test.after.always(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
 })
diff --git a/tests/dataApi/deleteNote-test.js b/tests/dataApi/deleteNote-test.js
index 9c809dcf..27ea478b 100644
--- a/tests/dataApi/deleteNote-test.js
+++ b/tests/dataApi/deleteNote-test.js
@@ -7,7 +7,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const TestDummy = require('../fixtures/TestDummy')
 const sander = require('sander')
@@ -19,56 +22,72 @@ const attachmentManagement = require('browser/main/lib/dataApi/attachmentManagem
 
 const storagePath = path.join(os.tmpdir(), 'test/delete-note')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage = TestDummy.dummyStorage(storagePath)
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
 
-test.serial('Delete a note', (t) => {
+test.serial('Delete a note', t => {
   const storageKey = t.context.storage.cache.key
   const folderKey = t.context.storage.json.folders[0].key
 
   const input1 = {
     type: 'SNIPPET_NOTE',
     description: faker.lorem.lines(),
-    snippets: [{
-      name: faker.system.fileName(),
-      mode: 'text',
-      content: faker.lorem.lines()
-    }],
+    snippets: [
+      {
+        name: faker.system.fileName(),
+        mode: 'text',
+        content: faker.lorem.lines()
+      }
+    ],
     tags: faker.lorem.words().split(' '),
     folder: folderKey
   }
   input1.title = input1.description.split('\n').shift()
 
   return Promise.resolve()
-    .then(function doTest () {
+    .then(function doTest() {
       return createNote(storageKey, input1)
-        .then(function createAttachmentFolder (data) {
-          fs.mkdirSync(path.join(storagePath, attachmentManagement.DESTINATION_FOLDER))
-          fs.mkdirSync(path.join(storagePath, attachmentManagement.DESTINATION_FOLDER, data.key))
+        .then(function createAttachmentFolder(data) {
+          fs.mkdirSync(
+            path.join(storagePath, attachmentManagement.DESTINATION_FOLDER)
+          )
+          fs.mkdirSync(
+            path.join(
+              storagePath,
+              attachmentManagement.DESTINATION_FOLDER,
+              data.key
+            )
+          )
           return data
         })
-        .then(function (data) {
+        .then(function(data) {
           return deleteNote(storageKey, data.key)
         })
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       try {
-        CSON.readFileSync(path.join(storagePath, 'notes', data.noteKey + '.cson'))
+        CSON.readFileSync(
+          path.join(storagePath, 'notes', data.noteKey + '.cson')
+        )
         t.fail('note cson must be deleted.')
       } catch (err) {
         t.is(err.code, 'ENOENT')
         return data
       }
     })
-    .then(function assertAttachmentFolderDeleted (data) {
-      const attachmentFolderPath = path.join(storagePath, attachmentManagement.DESTINATION_FOLDER, data.noteKey)
+    .then(function assertAttachmentFolderDeleted(data) {
+      const attachmentFolderPath = path.join(
+        storagePath,
+        attachmentManagement.DESTINATION_FOLDER,
+        data.noteKey
+      )
       t.is(fs.existsSync(attachmentFolderPath), false)
     })
 })
 
-test.after(function after () {
+test.after(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
 })
diff --git a/tests/dataApi/deleteSnippet-test.js b/tests/dataApi/deleteSnippet-test.js
index 9d13249b..52ec2875 100644
--- a/tests/dataApi/deleteSnippet-test.js
+++ b/tests/dataApi/deleteSnippet-test.js
@@ -14,18 +14,16 @@ const newSnippet = {
   content: ''
 }
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   sander.writeFileSync(snippetFile, JSON.stringify([newSnippet]))
 })
 
-test.serial('Delete a snippet', (t) => {
+test.serial('Delete a snippet', t => {
   return Promise.resolve()
-    .then(function doTest () {
-      return Promise.all([
-        deleteSnippet(newSnippet, snippetFile)
-      ])
+    .then(function doTest() {
+      return Promise.all([deleteSnippet(newSnippet, snippetFile)])
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       data = data[0]
       const snippets = JSON.parse(sander.readFileSync(snippetFile))
       t.is(snippets.length, 0)
diff --git a/tests/dataApi/exportFolder-test.js b/tests/dataApi/exportFolder-test.js
index fb4aaa7b..d0aef186 100644
--- a/tests/dataApi/exportFolder-test.js
+++ b/tests/dataApi/exportFolder-test.js
@@ -7,7 +7,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const TestDummy = require('../fixtures/TestDummy')
 const os = require('os')
@@ -17,12 +20,12 @@ const sander = require('sander')
 
 const storagePath = path.join(os.tmpdir(), 'test/export-note')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage = TestDummy.dummyStorage(storagePath)
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
 
-test.serial('Export a folder', (t) => {
+test.serial('Export a folder', t => {
   const storageKey = t.context.storage.cache.key
   const folderKey = t.context.storage.json.folders[0].key
 
@@ -37,24 +40,26 @@ test.serial('Export a folder', (t) => {
   const input2 = {
     type: 'SNIPPET_NOTE',
     description: 'Some normal text',
-    snippets: [{
-      name: faker.system.fileName(),
-      mode: 'text',
-      content: faker.lorem.lines()
-    }],
+    snippets: [
+      {
+        name: faker.system.fileName(),
+        mode: 'text',
+        content: faker.lorem.lines()
+      }
+    ],
     tags: faker.lorem.words().split(' '),
     folder: folderKey
   }
   input2.title = 'input2'
 
   return createNote(storageKey, input1)
-    .then(function () {
+    .then(function() {
       return createNote(storageKey, input2)
     })
-    .then(function () {
+    .then(function() {
       return exportFolder(storageKey, folderKey, 'md', storagePath)
     })
-    .then(function assert () {
+    .then(function assert() {
       let filePath = path.join(storagePath, 'input1.md')
       t.true(fs.existsSync(filePath))
       filePath = path.join(storagePath, 'input2.md')
@@ -62,7 +67,7 @@ test.serial('Export a folder', (t) => {
     })
 })
 
-test.after.always(function after () {
+test.after.always(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
 })
diff --git a/tests/dataApi/exportStorage-test.js b/tests/dataApi/exportStorage-test.js
index e5594329..1ee26f19 100644
--- a/tests/dataApi/exportStorage-test.js
+++ b/tests/dataApi/exportStorage-test.js
@@ -6,7 +6,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const TestDummy = require('../fixtures/TestDummy')
 const os = require('os')
@@ -17,7 +20,9 @@ test.beforeEach(t => {
   t.context.storageDir = path.join(os.tmpdir(), 'test/export-storage')
   t.context.storage = TestDummy.dummyStorage(t.context.storageDir)
   t.context.exportDir = path.join(os.tmpdir(), 'test/export-storage-output')
-  try { fs.mkdirSync(t.context.exportDir) } catch (e) {}
+  try {
+    fs.mkdirSync(t.context.exportDir)
+  } catch (e) {}
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
 
@@ -26,23 +31,25 @@ test.serial('Export a storage', t => {
   const folders = t.context.storage.json.folders
   const notes = t.context.storage.notes
   const exportDir = t.context.exportDir
-  const folderKeyToName = folders.reduce(
-    (acc, folder) => {
-      acc[folder.key] = folder.name
-      return acc
-    }, {})
-  return exportStorage(storageKey, 'md', exportDir)
-    .then(() => {
-      notes.forEach(note => {
-        const noteDir = path.join(exportDir, folderKeyToName[note.folder], `${note.title}.md`)
-        if (note.type === 'MARKDOWN_NOTE') {
-          t.true(fs.existsSync(noteDir))
-          t.is(fs.readFileSync(noteDir, 'utf8'), note.content)
-        } else if (note.type === 'SNIPPET_NOTE') {
-          t.false(fs.existsSync(noteDir))
-        }
-      })
+  const folderKeyToName = folders.reduce((acc, folder) => {
+    acc[folder.key] = folder.name
+    return acc
+  }, {})
+  return exportStorage(storageKey, 'md', exportDir).then(() => {
+    notes.forEach(note => {
+      const noteDir = path.join(
+        exportDir,
+        folderKeyToName[note.folder],
+        `${note.title}.md`
+      )
+      if (note.type === 'MARKDOWN_NOTE') {
+        t.true(fs.existsSync(noteDir))
+        t.is(fs.readFileSync(noteDir, 'utf8'), note.content)
+      } else if (note.type === 'SNIPPET_NOTE') {
+        t.false(fs.existsSync(noteDir))
+      }
     })
+  })
 })
 
 test.afterEach.always(t => {
diff --git a/tests/dataApi/init.js b/tests/dataApi/init.js
index cacc2b2a..989e4969 100644
--- a/tests/dataApi/init.js
+++ b/tests/dataApi/init.js
@@ -6,7 +6,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const TestDummy = require('../fixtures/TestDummy')
 const keygen = require('browser/lib/keygen')
@@ -18,11 +21,16 @@ const v1StoragePath = path.join(os.tmpdir(), 'test/init-v1-storage')
 const legacyStoragePath = path.join(os.tmpdir(), 'test/init-legacy-storage')
 const emptyDirPath = path.join(os.tmpdir(), 'test/init-empty-storage')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   localStorage.clear()
   // Prepare 3 types of dir
-  t.context.v1StorageData = TestDummy.dummyStorage(v1StoragePath, {cache: {name: 'v1'}})
-  t.context.legacyStorageData = TestDummy.dummyLegacyStorage(legacyStoragePath, {cache: {name: 'legacy'}})
+  t.context.v1StorageData = TestDummy.dummyStorage(v1StoragePath, {
+    cache: { name: 'v1' }
+  })
+  t.context.legacyStorageData = TestDummy.dummyLegacyStorage(
+    legacyStoragePath,
+    { cache: { name: 'legacy' } }
+  )
   t.context.emptyStorageData = {
     cache: {
       type: 'FILESYSTEM',
@@ -32,27 +40,37 @@ test.beforeEach((t) => {
     }
   }
 
-  localStorage.setItem('storages', JSON.stringify([t.context.v1StorageData.cache, t.context.legacyStorageData.cache, t.context.emptyStorageData.cache]))
+  localStorage.setItem(
+    'storages',
+    JSON.stringify([
+      t.context.v1StorageData.cache,
+      t.context.legacyStorageData.cache,
+      t.context.emptyStorageData.cache
+    ])
+  )
 })
 
-test.serial('Initialize All Storages', (t) => {
+test.serial('Initialize All Storages', t => {
   const { v1StorageData, legacyStorageData } = t.context
   return Promise.resolve()
-    .then(function test () {
+    .then(function test() {
       return init()
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       t.true(Array.isArray(data.storages))
-      t.is(data.notes.length, v1StorageData.notes.length + legacyStorageData.notes.length)
+      t.is(
+        data.notes.length,
+        v1StorageData.notes.length + legacyStorageData.notes.length
+      )
       t.is(data.storages.length, 3)
-      data.storages.forEach(function assertStorage (storage) {
+      data.storages.forEach(function assertStorage(storage) {
         t.true(_.isString(storage.key))
         t.true(_.isString(storage.name))
         t.true(storage.type === 'FILESYSTEM')
         t.true(_.isString(storage.path))
       })
     })
-    .then(function after () {
+    .then(function after() {
       localStorage.clear()
     })
 })
diff --git a/tests/dataApi/migrateFromV6Storage-test.js b/tests/dataApi/migrateFromV6Storage-test.js
index 7cdcdb71..92b87cec 100644
--- a/tests/dataApi/migrateFromV6Storage-test.js
+++ b/tests/dataApi/migrateFromV6Storage-test.js
@@ -6,7 +6,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const TestDummy = require('../fixtures/TestDummy')
 const sander = require('sander')
@@ -16,18 +19,20 @@ const os = require('os')
 
 const dummyStoragePath = path.join(os.tmpdir(), 'test/migrate-test-storage')
 
-test.beforeEach((t) => {
-  const dummyData = t.context.dummyData = TestDummy.dummyLegacyStorage(dummyStoragePath)
+test.beforeEach(t => {
+  const dummyData = (t.context.dummyData = TestDummy.dummyLegacyStorage(
+    dummyStoragePath
+  ))
   console.log('init count', dummyData.notes.length)
   localStorage.setItem('storages', JSON.stringify([dummyData.cache]))
 })
 
-test.serial('Migrate legacy storage into v1 storage', (t) => {
+test.serial('Migrate legacy storage into v1 storage', t => {
   return Promise.resolve()
-    .then(function test () {
+    .then(function test() {
       return migrateFromV6Storage(dummyStoragePath)
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       // Check the result. It must be true if succeed.
       t.true(data)
 
@@ -36,29 +41,31 @@ test.serial('Migrate legacy storage into v1 storage', (t) => {
       const noteDirPath = path.join(dummyStoragePath, 'notes')
       const fileList = sander.readdirSync(noteDirPath)
       t.is(dummyData.notes.length, fileList.length)
-      const noteMap = fileList
-        .map((filePath) => {
-          return CSON.readFileSync(path.join(noteDirPath, filePath))
-        })
-      dummyData.notes
-        .forEach(function (targetNote) {
-          t.true(_.find(noteMap, {title: targetNote.title, folder: targetNote.folder}) != null)
-        })
+      const noteMap = fileList.map(filePath => {
+        return CSON.readFileSync(path.join(noteDirPath, filePath))
+      })
+      dummyData.notes.forEach(function(targetNote) {
+        t.true(
+          _.find(noteMap, {
+            title: targetNote.title,
+            folder: targetNote.folder
+          }) != null
+        )
+      })
 
       // Check legacy folder directory is removed
-      dummyData.json.folders
-        .forEach(function (folder) {
-          try {
-            sander.statSync(dummyStoragePath, folder.key)
-            t.fail('Folder still remains. ENOENT error must be occured.')
-          } catch (err) {
-            t.is(err.code, 'ENOENT')
-          }
-        })
+      dummyData.json.folders.forEach(function(folder) {
+        try {
+          sander.statSync(dummyStoragePath, folder.key)
+          t.fail('Folder still remains. ENOENT error must be occured.')
+        } catch (err) {
+          t.is(err.code, 'ENOENT')
+        }
+      })
     })
 })
 
-test.after.always(function () {
+test.after.always(function() {
   localStorage.clear()
   sander.rimrafSync(dummyStoragePath)
 })
diff --git a/tests/dataApi/moveNote-test.js b/tests/dataApi/moveNote-test.js
index 3fe31c58..6718af37 100644
--- a/tests/dataApi/moveNote-test.js
+++ b/tests/dataApi/moveNote-test.js
@@ -6,7 +6,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const TestDummy = require('../fixtures/TestDummy')
 const sander = require('sander')
@@ -16,13 +19,16 @@ const CSON = require('@rokt33r/season')
 const storagePath = path.join(os.tmpdir(), 'test/move-note')
 const storagePath2 = path.join(os.tmpdir(), 'test/move-note2')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage1 = TestDummy.dummyStorage(storagePath)
   t.context.storage2 = TestDummy.dummyStorage(storagePath2)
-  localStorage.setItem('storages', JSON.stringify([t.context.storage1.cache, t.context.storage2.cache]))
+  localStorage.setItem(
+    'storages',
+    JSON.stringify([t.context.storage1.cache, t.context.storage2.cache])
+  )
 })
 
-test.serial('Move a note', (t) => {
+test.serial('Move a note', t => {
   const storageKey1 = t.context.storage1.cache.key
   const folderKey1 = t.context.storage1.json.folders[0].key
   const note1 = t.context.storage1.notes[0]
@@ -31,22 +37,26 @@ test.serial('Move a note', (t) => {
   const folderKey2 = t.context.storage2.json.folders[0].key
 
   return Promise.resolve()
-    .then(function doTest () {
+    .then(function doTest() {
       return Promise.all([
         moveNote(storageKey1, note1.key, storageKey1, folderKey1),
         moveNote(storageKey1, note2.key, storageKey2, folderKey2)
       ])
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       const data1 = data[0]
       const data2 = data[1]
 
-      const jsonData1 = CSON.readFileSync(path.join(storagePath, 'notes', data1.key + '.cson'))
+      const jsonData1 = CSON.readFileSync(
+        path.join(storagePath, 'notes', data1.key + '.cson')
+      )
 
       t.is(jsonData1.folder, folderKey1)
       t.is(jsonData1.title, note1.title)
 
-      const jsonData2 = CSON.readFileSync(path.join(storagePath2, 'notes', data2.key + '.cson'))
+      const jsonData2 = CSON.readFileSync(
+        path.join(storagePath2, 'notes', data2.key + '.cson')
+      )
       t.is(jsonData2.folder, folderKey2)
       t.is(jsonData2.title, note2.title)
       try {
@@ -58,7 +68,7 @@ test.serial('Move a note', (t) => {
     })
 })
 
-test.after(function after () {
+test.after(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
   sander.rimrafSync(storagePath2)
diff --git a/tests/dataApi/removeStorage-test.js b/tests/dataApi/removeStorage-test.js
index 33541df1..e5ac2c8f 100644
--- a/tests/dataApi/removeStorage-test.js
+++ b/tests/dataApi/removeStorage-test.js
@@ -6,7 +6,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const TestDummy = require('../fixtures/TestDummy')
 const sander = require('sander')
@@ -14,23 +17,23 @@ const os = require('os')
 
 const storagePath = path.join(os.tmpdir(), 'test/remove-storage')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage = TestDummy.dummyStorage(storagePath)
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
 
-test('Remove a storage', (t) => {
+test('Remove a storage', t => {
   const storageKey = t.context.storage.cache.key
   return Promise.resolve()
-    .then(function doTest () {
+    .then(function doTest() {
       return removeStorage(storageKey)
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       t.is(JSON.parse(localStorage.getItem('storages')).length, 0)
     })
 })
 
-test.after(function after () {
+test.after(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
 })
diff --git a/tests/dataApi/renameStorage-test.js b/tests/dataApi/renameStorage-test.js
index f5c64cb6..46be9827 100644
--- a/tests/dataApi/renameStorage-test.js
+++ b/tests/dataApi/renameStorage-test.js
@@ -6,7 +6,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const _ = require('lodash')
 const TestDummy = require('../fixtures/TestDummy')
@@ -15,24 +18,24 @@ const os = require('os')
 
 const storagePath = path.join(os.tmpdir(), 'test/rename-storage')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage = TestDummy.dummyStorage(storagePath)
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
 
-test.serial('Rename a storage', (t) => {
+test.serial('Rename a storage', t => {
   const storageKey = t.context.storage.cache.key
   return Promise.resolve()
-    .then(function doTest () {
+    .then(function doTest() {
       return renameStorage(storageKey, 'changed')
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       const cachedStorageList = JSON.parse(localStorage.getItem('storages'))
-      t.true(_.find(cachedStorageList, {key: storageKey}).name === 'changed')
+      t.true(_.find(cachedStorageList, { key: storageKey }).name === 'changed')
     })
 })
 
-test.after(function after () {
+test.after(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
 })
diff --git a/tests/dataApi/reorderFolder-test.js b/tests/dataApi/reorderFolder-test.js
index 55bff0eb..01694b8c 100644
--- a/tests/dataApi/reorderFolder-test.js
+++ b/tests/dataApi/reorderFolder-test.js
@@ -6,7 +6,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const _ = require('lodash')
 const TestDummy = require('../fixtures/TestDummy')
@@ -16,32 +19,34 @@ const CSON = require('@rokt33r/season')
 
 const storagePath = path.join(os.tmpdir(), 'test/reorder-folder')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage = TestDummy.dummyStorage(storagePath)
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
 
-test.serial('Reorder a folder', (t) => {
+test.serial('Reorder a folder', t => {
   const storageKey = t.context.storage.cache.key
   const firstFolderKey = t.context.storage.json.folders[0].key
   const secondFolderKey = t.context.storage.json.folders[1].key
 
   return Promise.resolve()
-    .then(function doTest () {
+    .then(function doTest() {
       return reorderFolder(storageKey, 0, 1)
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       t.true(_.nth(data.storage.folders, 0).key === secondFolderKey)
       t.true(_.nth(data.storage.folders, 1).key === firstFolderKey)
 
-      const jsonData = CSON.readFileSync(path.join(data.storage.path, 'boostnote.json'))
+      const jsonData = CSON.readFileSync(
+        path.join(data.storage.path, 'boostnote.json')
+      )
 
       t.true(_.nth(jsonData.folders, 0).key === secondFolderKey)
       t.true(_.nth(jsonData.folders, 1).key === firstFolderKey)
     })
 })
 
-test.after(function after () {
+test.after(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
 })
diff --git a/tests/dataApi/toggleStorage-test.js b/tests/dataApi/toggleStorage-test.js
index 5169a4f4..87ed0059 100644
--- a/tests/dataApi/toggleStorage-test.js
+++ b/tests/dataApi/toggleStorage-test.js
@@ -6,7 +6,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const _ = require('lodash')
 const TestDummy = require('../fixtures/TestDummy')
@@ -15,24 +18,24 @@ const os = require('os')
 
 const storagePath = path.join(os.tmpdir(), 'test/toggle-storage')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage = TestDummy.dummyStorage(storagePath)
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
 
-test.serial('Toggle a storage location', (t) => {
+test.serial('Toggle a storage location', t => {
   const storageKey = t.context.storage.cache.key
   return Promise.resolve()
-    .then(function doTest () {
+    .then(function doTest() {
       return toggleStorage(storageKey, true)
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       const cachedStorageList = JSON.parse(localStorage.getItem('storages'))
-      t.true(_.find(cachedStorageList, {key: storageKey}).isOpen === true)
+      t.true(_.find(cachedStorageList, { key: storageKey }).isOpen === true)
     })
 })
 
-test.after(function after () {
+test.after(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
 })
diff --git a/tests/dataApi/updateFolder-test.js b/tests/dataApi/updateFolder-test.js
index ca9fcf99..75ad71eb 100644
--- a/tests/dataApi/updateFolder-test.js
+++ b/tests/dataApi/updateFolder-test.js
@@ -6,7 +6,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const _ = require('lodash')
 const TestDummy = require('../fixtures/TestDummy')
@@ -16,12 +19,12 @@ const CSON = require('@rokt33r/season')
 
 const storagePath = path.join(os.tmpdir(), 'test/update-folder')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage = TestDummy.dummyStorage(storagePath)
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
 
-test.serial('Update a folder', (t) => {
+test.serial('Update a folder', t => {
   const storageKey = t.context.storage.cache.key
   const folderKey = t.context.storage.json.folders[0].key
   const input = {
@@ -29,18 +32,20 @@ test.serial('Update a folder', (t) => {
     color: '#FF0000'
   }
   return Promise.resolve()
-    .then(function doTest () {
+    .then(function doTest() {
       return updateFolder(storageKey, folderKey, input)
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       t.true(_.find(data.storage.folders, input) != null)
-      const jsonData = CSON.readFileSync(path.join(data.storage.path, 'boostnote.json'))
+      const jsonData = CSON.readFileSync(
+        path.join(data.storage.path, 'boostnote.json')
+      )
       console.log(path.join(data.storage.path, 'boostnote.json'))
       t.true(_.find(jsonData.folders, input) != null)
     })
 })
 
-test.after(function after () {
+test.after(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
 })
diff --git a/tests/dataApi/updateNote-test.js b/tests/dataApi/updateNote-test.js
index da47c30c..40e60b64 100644
--- a/tests/dataApi/updateNote-test.js
+++ b/tests/dataApi/updateNote-test.js
@@ -7,7 +7,10 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const TestDummy = require('../fixtures/TestDummy')
 const sander = require('sander')
@@ -17,27 +20,33 @@ const faker = require('faker')
 
 const storagePath = path.join(os.tmpdir(), 'test/update-note')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage = TestDummy.dummyStorage(storagePath)
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
 
-test.serial('Update a note', (t) => {
+test.serial('Update a note', t => {
   const storageKey = t.context.storage.cache.key
   const folderKey = t.context.storage.json.folders[0].key
 
-  const randLinesHighlightedArray = new Array(10).fill().map(() => Math.round(Math.random() * 10))
-  const randLinesHighlightedArray2 = new Array(15).fill().map(() => Math.round(Math.random() * 15))
+  const randLinesHighlightedArray = new Array(10)
+    .fill()
+    .map(() => Math.round(Math.random() * 10))
+  const randLinesHighlightedArray2 = new Array(15)
+    .fill()
+    .map(() => Math.round(Math.random() * 15))
 
   const input1 = {
     type: 'SNIPPET_NOTE',
     description: faker.lorem.lines(),
-    snippets: [{
-      name: faker.system.fileName(),
-      mode: 'text',
-      content: faker.lorem.lines(),
-      linesHighlighted: randLinesHighlightedArray
-    }],
+    snippets: [
+      {
+        name: faker.system.fileName(),
+        mode: 'text',
+        content: faker.lorem.lines(),
+        linesHighlighted: randLinesHighlightedArray
+      }
+    ],
     tags: faker.lorem.words().split(' '),
     folder: folderKey
   }
@@ -55,12 +64,14 @@ test.serial('Update a note', (t) => {
   const input3 = {
     type: 'SNIPPET_NOTE',
     description: faker.lorem.lines(),
-    snippets: [{
-      name: faker.system.fileName(),
-      mode: 'text',
-      content: faker.lorem.lines(),
-      linesHighlighted: randLinesHighlightedArray2
-    }],
+    snippets: [
+      {
+        name: faker.system.fileName(),
+        mode: 'text',
+        content: faker.lorem.lines(),
+        linesHighlighted: randLinesHighlightedArray2
+      }
+    ],
     tags: faker.lorem.words().split(' ')
   }
   input3.title = input3.description.split('\n').shift()
@@ -74,26 +85,26 @@ test.serial('Update a note', (t) => {
   input4.title = input4.content.split('\n').shift()
 
   return Promise.resolve()
-    .then(function doTest () {
-      return Promise
-        .all([
-          createNote(storageKey, input1),
-          createNote(storageKey, input2)
+    .then(function doTest() {
+      return Promise.all([
+        createNote(storageKey, input1),
+        createNote(storageKey, input2)
+      ]).then(function updateNotes(data) {
+        const data1 = data[0]
+        const data2 = data[1]
+        return Promise.all([
+          updateNote(data1.storage, data1.key, input3),
+          updateNote(data1.storage, data2.key, input4)
         ])
-        .then(function updateNotes (data) {
-          const data1 = data[0]
-          const data2 = data[1]
-          return Promise.all([
-            updateNote(data1.storage, data1.key, input3),
-            updateNote(data1.storage, data2.key, input4)
-          ])
-        })
+      })
     })
-    .then(function assert (data) {
+    .then(function assert(data) {
       const data1 = data[0]
       const data2 = data[1]
 
-      const jsonData1 = CSON.readFileSync(path.join(storagePath, 'notes', data1.key + '.cson'))
+      const jsonData1 = CSON.readFileSync(
+        path.join(storagePath, 'notes', data1.key + '.cson')
+      )
       t.is(input3.title, data1.title)
       t.is(input3.title, jsonData1.title)
       t.is(input3.description, data1.description)
@@ -106,10 +117,18 @@ test.serial('Update a note', (t) => {
       t.is(input3.snippets[0].content, jsonData1.snippets[0].content)
       t.is(input3.snippets[0].name, data1.snippets[0].name)
       t.is(input3.snippets[0].name, jsonData1.snippets[0].name)
-      t.deepEqual(input3.snippets[0].linesHighlighted, data1.snippets[0].linesHighlighted)
-      t.deepEqual(input3.snippets[0].linesHighlighted, jsonData1.snippets[0].linesHighlighted)
+      t.deepEqual(
+        input3.snippets[0].linesHighlighted,
+        data1.snippets[0].linesHighlighted
+      )
+      t.deepEqual(
+        input3.snippets[0].linesHighlighted,
+        jsonData1.snippets[0].linesHighlighted
+      )
 
-      const jsonData2 = CSON.readFileSync(path.join(storagePath, 'notes', data2.key + '.cson'))
+      const jsonData2 = CSON.readFileSync(
+        path.join(storagePath, 'notes', data2.key + '.cson')
+      )
       t.is(input4.title, data2.title)
       t.is(input4.title, jsonData2.title)
       t.is(input4.content, data2.content)
@@ -121,7 +140,7 @@ test.serial('Update a note', (t) => {
     })
 })
 
-test.after(function after () {
+test.after(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
 })
diff --git a/tests/dataApi/updateSnippet-test.js b/tests/dataApi/updateSnippet-test.js
index 662548bd..5e8fb3a9 100644
--- a/tests/dataApi/updateSnippet-test.js
+++ b/tests/dataApi/updateSnippet-test.js
@@ -21,20 +21,20 @@ const newSnippet = {
   content: 'new content'
 }
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   sander.writeFileSync(snippetFile, JSON.stringify([oldSnippet]))
 })
 
-test.serial('Update a snippet', (t) => {
+test.serial('Update a snippet', t => {
   return Promise.resolve()
-    .then(function doTest () {
-      return Promise.all([
-        updateSnippet(newSnippet, snippetFile)
-      ])
+    .then(function doTest() {
+      return Promise.all([updateSnippet(newSnippet, snippetFile)])
     })
-    .then(function assert () {
+    .then(function assert() {
       const snippets = JSON.parse(sander.readFileSync(snippetFile))
-      const snippet = snippets.find(currentSnippet => currentSnippet.id === newSnippet.id)
+      const snippet = snippets.find(
+        currentSnippet => currentSnippet.id === newSnippet.id
+      )
       t.not(snippet, undefined)
       t.is(snippet.name, newSnippet.name)
       t.deepEqual(snippet.prefix, newSnippet.prefix)
diff --git a/tests/date-formatter-test.js b/tests/date-formatter-test.js
index 265ca4c4..c6de28c6 100644
--- a/tests/date-formatter-test.js
+++ b/tests/date-formatter-test.js
@@ -5,8 +5,5 @@ const test = require('ava')
 const { formatDate } = require('browser/lib/date-formatter')
 
 test(t => {
-  t.throws(
-    () => formatDate('invalid argument'),
-    'Invalid argument.'
-  )
+  t.throws(() => formatDate('invalid argument'), 'Invalid argument.')
 })
diff --git a/tests/fixtures/TestDummy.js b/tests/fixtures/TestDummy.js
index 62cae846..0c0a95d5 100644
--- a/tests/fixtures/TestDummy.js
+++ b/tests/fixtures/TestDummy.js
@@ -5,7 +5,7 @@ const sander = require('sander')
 const CSON = require('@rokt33r/season')
 const path = require('path')
 
-function dummyFolder (override = {}) {
+function dummyFolder(override = {}) {
   var data = {
     name: faker.lorem.word(),
     color: faker.internet.color()
@@ -17,21 +17,23 @@ function dummyFolder (override = {}) {
   return data
 }
 
-function dummyBoostnoteJSONData (override = {}, isLegacy = false) {
+function dummyBoostnoteJSONData(override = {}, isLegacy = false) {
   var data = {}
   if (override.folders == null) {
     data.folders = []
 
-    var folderCount = Math.floor((Math.random() * 5)) + 2
+    var folderCount = Math.floor(Math.random() * 5) + 2
     for (var i = 0; i < folderCount; i++) {
       var key = keygen()
-      while (data.folders.some((folder) => folder.key === key)) {
+      while (data.folders.some(folder => folder.key === key)) {
         key = keygen()
       }
 
-      data.folders.push(dummyFolder({
-        key
-      }))
+      data.folders.push(
+        dummyFolder({
+          key
+        })
+      )
     }
   }
   if (!isLegacy) data.version = '1.0'
@@ -41,24 +43,28 @@ function dummyBoostnoteJSONData (override = {}, isLegacy = false) {
   return data
 }
 
-function dummyNote (override = {}) {
-  var data = Math.random() > 0.5
-    ? {
-      type: 'MARKDOWN_NOTE',
-      content: faker.lorem.lines()
-    }
-    : {
-      type: 'SNIPPET_NOTE',
-      description: faker.lorem.lines(),
-      snippets: [{
-        name: faker.system.fileName(),
-        mode: 'text',
-        content: faker.lorem.lines()
-      }]
-    }
-  data.title = data.type === 'MARKDOWN_NOTE'
-    ? data.content.split('\n').shift()
-    : data.description.split('\n').shift()
+function dummyNote(override = {}) {
+  var data =
+    Math.random() > 0.5
+      ? {
+          type: 'MARKDOWN_NOTE',
+          content: faker.lorem.lines()
+        }
+      : {
+          type: 'SNIPPET_NOTE',
+          description: faker.lorem.lines(),
+          snippets: [
+            {
+              name: faker.system.fileName(),
+              mode: 'text',
+              content: faker.lorem.lines()
+            }
+          ]
+        }
+  data.title =
+    data.type === 'MARKDOWN_NOTE'
+      ? data.content.split('\n').shift()
+      : data.description.split('\n').shift()
   data.createdAt = faker.date.past()
   data.updatedAt = faker.date.recent()
   data.isStarred = false
@@ -91,36 +97,41 @@ function dummyNote (override = {}) {
  * ```
  * @return {[type]}
  */
-function dummyStorage (storagePath, override = {}) {
-  var jsonData = override.json != null
-    ? override.json
-    : dummyBoostnoteJSONData()
-  var cacheData = override.cache != null
-    ? override.cache
-    : {}
+function dummyStorage(storagePath, override = {}) {
+  var jsonData =
+    override.json != null ? override.json : dummyBoostnoteJSONData()
+  var cacheData = override.cache != null ? override.cache : {}
   if (cacheData.key == null) cacheData.key = keygen()
   if (cacheData.name == null) cacheData.name = faker.random.word()
   if (cacheData.type == null) cacheData.type = 'FILESYSTEM'
   cacheData.path = storagePath
 
-  sander.writeFileSync(path.join(storagePath, 'boostnote.json'), JSON.stringify(jsonData))
+  sander.writeFileSync(
+    path.join(storagePath, 'boostnote.json'),
+    JSON.stringify(jsonData)
+  )
   var notesData = []
-  var noteCount = Math.floor((Math.random() * 15)) + 2
+  var noteCount = Math.floor(Math.random() * 15) + 2
   for (var i = 0; i < noteCount; i++) {
     var key = keygen(true)
-    while (notesData.some((note) => note.key === key)) {
+    while (notesData.some(note => note.key === key)) {
       key = keygen(true)
     }
 
     var noteData = dummyNote({
       key,
-      folder: jsonData.folders[Math.floor(Math.random() * jsonData.folders.length)].key
+      folder:
+        jsonData.folders[Math.floor(Math.random() * jsonData.folders.length)]
+          .key
     })
 
     notesData.push(noteData)
   }
-  notesData.forEach(function saveNoteCSON (note) {
-    CSON.writeFileSync(path.join(storagePath, 'notes', note.key + '.cson'), _.omit(note, ['key']))
+  notesData.forEach(function saveNoteCSON(note) {
+    CSON.writeFileSync(
+      path.join(storagePath, 'notes', note.key + '.cson'),
+      _.omit(note, ['key'])
+    )
   })
 
   return {
@@ -130,27 +141,27 @@ function dummyStorage (storagePath, override = {}) {
   }
 }
 
-function dummyLegacyStorage (storagePath, override = {}) {
-  var jsonData = override.json != null
-    ? override.json
-    : dummyBoostnoteJSONData({}, true)
-  var cacheData = override.cache != null
-    ? override.cache
-    : {}
+function dummyLegacyStorage(storagePath, override = {}) {
+  var jsonData =
+    override.json != null ? override.json : dummyBoostnoteJSONData({}, true)
+  var cacheData = override.cache != null ? override.cache : {}
   if (cacheData.key == null) cacheData.key = keygen()
   if (cacheData.name == null) cacheData.name = faker.random.word()
   if (cacheData.type == null) cacheData.type = 'FILESYSTEM'
   cacheData.path = storagePath
 
-  sander.writeFileSync(path.join(storagePath, 'boostnote.json'), JSON.stringify(jsonData))
+  sander.writeFileSync(
+    path.join(storagePath, 'boostnote.json'),
+    JSON.stringify(jsonData)
+  )
 
   var notesData = []
   for (var j = 0; j < jsonData.folders.length; j++) {
     var folderNotes = []
-    var noteCount = Math.floor((Math.random() * 5)) + 1
+    var noteCount = Math.floor(Math.random() * 5) + 1
     for (var i = 0; i < noteCount; i++) {
       var key = keygen(true)
-      while (folderNotes.some((note) => note.key === key)) {
+      while (folderNotes.some(note => note.key === key)) {
         key = keygen(true)
       }
 
@@ -161,7 +172,10 @@ function dummyLegacyStorage (storagePath, override = {}) {
       folderNotes.push(noteData)
     }
     notesData = notesData.concat(folderNotes)
-    CSON.writeFileSync(path.join(storagePath, jsonData.folders[j].key, 'data.json'), {notes: folderNotes.map((note) => _.omit(note, ['folder']))})
+    CSON.writeFileSync(
+      path.join(storagePath, jsonData.folders[j].key, 'data.json'),
+      { notes: folderNotes.map(note => _.omit(note, ['folder'])) }
+    )
   }
 
   return {
diff --git a/tests/helpers/setup-browser-env.js b/tests/helpers/setup-browser-env.js
index 3e3232b7..81237b82 100644
--- a/tests/helpers/setup-browser-env.js
+++ b/tests/helpers/setup-browser-env.js
@@ -2,14 +2,14 @@ import browserEnv from 'browser-env'
 browserEnv(['window', 'document', 'navigator'])
 
 // for CodeMirror mockup
-document.body.createTextRange = function () {
+document.body.createTextRange = function() {
   return {
-    setEnd: function () {},
-    setStart: function () {},
-    getBoundingClientRect: function () {
-      return {right: 0}
+    setEnd: function() {},
+    setStart: function() {},
+    getBoundingClientRect: function() {
+      return { right: 0 }
     },
-    getClientRects: function () {
+    getClientRects: function() {
       return {
         length: 0,
         left: 0,
@@ -21,7 +21,7 @@ document.body.createTextRange = function () {
 
 window.localStorage = {
   // polyfill
-  getItem () {
+  getItem() {
     return '{}'
   }
 }
diff --git a/tests/jest.js b/tests/jest.js
index 6f830c67..9e59fab6 100644
--- a/tests/jest.js
+++ b/tests/jest.js
@@ -2,7 +2,7 @@
 global.Raphael = {
   setWindow: jest.fn(),
   registerFont: jest.fn(),
-  fn: function () {
+  fn: function() {
     return {}
   }
 }
diff --git a/tests/lib/contextMenuBuilder.test.js b/tests/lib/contextMenuBuilder.test.js
index b7009bf1..689fb5f4 100644
--- a/tests/lib/contextMenuBuilder.test.js
+++ b/tests/lib/contextMenuBuilder.test.js
@@ -1,18 +1,32 @@
 let menuBuilderParameter
 jest.mock('electron', () => {
-  return {remote: {require: jest.fn(() => { return {Menu: {buildFromTemplate: jest.fn((param) => { menuBuilderParameter = param })}} })}}
+  return {
+    remote: {
+      require: jest.fn(() => {
+        return {
+          Menu: {
+            buildFromTemplate: jest.fn(param => {
+              menuBuilderParameter = param
+            })
+          }
+        }
+      })
+    }
+  }
 })
 
 const spellcheck = require('browser/lib/spellcheck')
-const buildEditorContextMenu = require('browser/lib/contextMenuBuilder').buildEditorContextMenu
-const buildMarkdownPreviewContextMenu = require('browser/lib/contextMenuBuilder').buildMarkdownPreviewContextMenu
+const buildEditorContextMenu = require('browser/lib/contextMenuBuilder')
+  .buildEditorContextMenu
+const buildMarkdownPreviewContextMenu = require('browser/lib/contextMenuBuilder')
+  .buildMarkdownPreviewContextMenu
 
 beforeEach(() => {
   menuBuilderParameter = null
 })
 
 // Editor Context Menu
-it('should make sure that no context menu is build if the passed editor instance was null', function () {
+it('should make sure that no context menu is build if the passed editor instance was null', function() {
   const event = {
     pageX: 12,
     pageY: 12
@@ -21,89 +35,96 @@ it('should make sure that no context menu is build if the passed editor instance
   expect(menuBuilderParameter).toEqual(null)
 })
 
-it('should make sure that word suggestions are only requested if the word contained a typo', function () {
+it('should make sure that word suggestions are only requested if the word contained a typo', function() {
   spellcheck.getSpellingSuggestion = jest.fn()
   const editor = jest.fn()
   editor.coordsChar = jest.fn()
-  editor.findWordAt = jest.fn(() => { return {anchor: {}, head: {}} })
+  editor.findWordAt = jest.fn(() => {
+    return { anchor: {}, head: {} }
+  })
   editor.getRange = jest.fn()
   editor.findMarks = jest.fn(() => [])
   const event = {
     pageX: 12,
     pageY: 12
   }
-  const expectedMenuParameter = [ { role: 'cut' },
+  const expectedMenuParameter = [
+    { role: 'cut' },
     { role: 'copy' },
     { role: 'paste' },
-    { role: 'selectall' } ]
+    { role: 'selectall' }
+  ]
   buildEditorContextMenu(editor, event)
   expect(menuBuilderParameter).toEqual(expectedMenuParameter)
   expect(spellcheck.getSpellingSuggestion).not.toHaveBeenCalled()
 })
 
-it('should make sure that word suggestions are only requested if the word contained a typo and no other mark', function () {
+it('should make sure that word suggestions are only requested if the word contained a typo and no other mark', function() {
   spellcheck.getSpellingSuggestion = jest.fn()
   spellcheck.getCSSClassName = jest.fn(() => 'dummyErrorClassName')
   const editor = jest.fn()
   editor.coordsChar = jest.fn()
-  editor.findWordAt = jest.fn(() => { return {anchor: {}, head: {}} })
+  editor.findWordAt = jest.fn(() => {
+    return { anchor: {}, head: {} }
+  })
   editor.getRange = jest.fn()
-  const dummyMarks = [
-    {className: 'someStupidClassName'}
-  ]
+  const dummyMarks = [{ className: 'someStupidClassName' }]
   editor.findMarks = jest.fn(() => dummyMarks)
   const event = {
     pageX: 12,
     pageY: 12
   }
-  const expectedMenuParameter = [ { role: 'cut' },
+  const expectedMenuParameter = [
+    { role: 'cut' },
     { role: 'copy' },
     { role: 'paste' },
-    { role: 'selectall' } ]
+    { role: 'selectall' }
+  ]
   buildEditorContextMenu(editor, event)
   expect(menuBuilderParameter).toEqual(expectedMenuParameter)
   expect(spellcheck.getSpellingSuggestion).not.toHaveBeenCalled()
 })
 
-it('should make sure that word suggestions calls the right editor functions', function () {
+it('should make sure that word suggestions calls the right editor functions', function() {
   spellcheck.getSpellingSuggestion = jest.fn()
   spellcheck.getCSSClassName = jest.fn(() => 'dummyErrorClassName')
-  const dummyCursor = {dummy: 'dummy'}
-  const dummyRange = {anchor: {test: 'test'}, head: {test2: 'test2'}}
+  const dummyCursor = { dummy: 'dummy' }
+  const dummyRange = { anchor: { test: 'test' }, head: { test2: 'test2' } }
   const editor = jest.fn()
   editor.coordsChar = jest.fn(() => dummyCursor)
   editor.findWordAt = jest.fn(() => dummyRange)
   editor.getRange = jest.fn()
-  const dummyMarks = [
-    {className: 'someStupidClassName'}
-  ]
+  const dummyMarks = [{ className: 'someStupidClassName' }]
   editor.findMarks = jest.fn(() => dummyMarks)
   const event = {
     pageX: 12,
     pageY: 21
   }
 
-  const expectedCoordsCharCall = {left: event.pageX, top: event.pageY}
+  const expectedCoordsCharCall = { left: event.pageX, top: event.pageY }
 
   buildEditorContextMenu(editor, event)
 
   expect(editor.coordsChar).toHaveBeenCalledWith(expectedCoordsCharCall)
   expect(editor.findWordAt).toHaveBeenCalledWith(dummyCursor)
-  expect(editor.getRange).toHaveBeenCalledWith(dummyRange.anchor, dummyRange.head)
+  expect(editor.getRange).toHaveBeenCalledWith(
+    dummyRange.anchor,
+    dummyRange.head
+  )
 })
 
-it('should make sure that word suggestions creates a correct menu if there was an error', function () {
+it('should make sure that word suggestions creates a correct menu if there was an error', function() {
   const suggestions = ['test1', 'test2', 'Pustekuchen']
   const errorClassName = 'errorCSS'
   const wordToCorrect = 'pustekuchen'
-  const dummyMarks = [
-    {className: errorClassName}
-  ]
+  const dummyMarks = [{ className: errorClassName }]
   spellcheck.getSpellingSuggestion = jest.fn(() => suggestions)
   spellcheck.getCSSClassName = jest.fn(() => errorClassName)
   const editor = jest.fn()
   editor.coordsChar = jest.fn()
-  editor.findWordAt = jest.fn(() => { return {anchor: {}, head: {}} })
+  editor.findWordAt = jest.fn(() => {
+    return { anchor: {}, head: {} }
+  })
   editor.getRange = jest.fn(() => wordToCorrect)
   editor.findMarks = jest.fn(() => [])
 
@@ -128,7 +149,7 @@ it('should make sure that word suggestions creates a correct menu if there was a
 })
 
 // Markdown Preview Context Menu
-it('should make sure that no context menu is built if the Markdown Preview instance was null', function () {
+it('should make sure that no context menu is built if the Markdown Preview instance was null', function() {
   const event = {
     pageX: 12,
     pageY: 12
diff --git a/tests/lib/find-storage-test.js b/tests/lib/find-storage-test.js
index 3d7fdc63..ab3b07a6 100644
--- a/tests/lib/find-storage-test.js
+++ b/tests/lib/find-storage-test.js
@@ -6,14 +6,17 @@ global.window = document.defaultView
 global.navigator = window.navigator
 
 const Storage = require('dom-storage')
-const localStorage = window.localStorage = global.localStorage = new Storage(null, { strict: true })
+const localStorage = (window.localStorage = global.localStorage = new Storage(
+  null,
+  { strict: true }
+))
 const path = require('path')
 const TestDummy = require('../fixtures/TestDummy')
 const sander = require('sander')
 const os = require('os')
 const storagePath = path.join(os.tmpdir(), 'test/find-storage')
 
-test.beforeEach((t) => {
+test.beforeEach(t => {
   t.context.storage = TestDummy.dummyStorage(storagePath)
   localStorage.setItem('storages', JSON.stringify([t.context.storage.cache]))
 })
@@ -26,7 +29,7 @@ test('findStorage() should return a correct storage path(string)', t => {
   t.is(findStorage(storageKey).path, storagePath)
 })
 
-test.after(function after () {
+test.after(function after() {
   localStorage.clear()
   sander.rimrafSync(storagePath)
 })
diff --git a/tests/lib/find-title-test.js b/tests/lib/find-title-test.js
index 103b8774..2498cdc0 100644
--- a/tests/lib/find-title-test.js
+++ b/tests/lib/find-title-test.js
@@ -20,7 +20,11 @@ test('findNoteTitle#find  should return a correct title (string)', t => {
 
   testCases.forEach(testCase => {
     const [input, expected] = testCase
-    t.is(findNoteTitle(input, false), expected, `Test for find() input: ${input} expected: ${expected}`)
+    t.is(
+      findNoteTitle(input, false),
+      expected,
+      `Test for find() input: ${input} expected: ${expected}`
+    )
   })
 })
 
@@ -34,21 +38,32 @@ test('findNoteTitle#find  should ignore front matter when enableFrontMatterTitle
 
   testCases.forEach(testCase => {
     const [input, expected] = testCase
-    t.is(findNoteTitle(input, false), expected, `Test for find() input: ${input} expected: ${expected}`)
+    t.is(
+      findNoteTitle(input, false),
+      expected,
+      `Test for find() input: ${input} expected: ${expected}`
+    )
   })
 })
 
 test('findNoteTitle#find  should respect front matter when enableFrontMatterTitle=true', t => {
   // [input, expected]
   const testCases = [
-    ['---\nlayout: test\ntitle:  hoge hoge hoge  \n---\n# fuga', 'hoge hoge hoge'],
+    [
+      '---\nlayout: test\ntitle:  hoge hoge hoge  \n---\n# fuga',
+      'hoge hoge hoge'
+    ],
     ['---\ntitle:hoge\n---\n# fuga', 'hoge'],
     ['title: fuga\n# hoge', '# hoge']
   ]
 
   testCases.forEach(testCase => {
     const [input, expected] = testCase
-    t.is(findNoteTitle(input, true), expected, `Test for find() input: ${input} expected: ${expected}`)
+    t.is(
+      findNoteTitle(input, true),
+      expected,
+      `Test for find() input: ${input} expected: ${expected}`
+    )
   })
 })
 
@@ -61,6 +76,10 @@ test('findNoteTitle#find  should respect frontMatterTitleField when provided', t
 
   testCases.forEach(testCase => {
     const [input, expected] = testCase
-    t.is(findNoteTitle(input, true, 'custom'), expected, `Test for find() input: ${input} expected: ${expected}`)
+    t.is(
+      findNoteTitle(input, true, 'custom'),
+      expected,
+      `Test for find() input: ${input} expected: ${expected}`
+    )
   })
 })
diff --git a/tests/lib/get-todo-status-test.js b/tests/lib/get-todo-status-test.js
index db74ec56..52c57cfe 100644
--- a/tests/lib/get-todo-status-test.js
+++ b/tests/lib/get-todo-status-test.js
@@ -40,8 +40,15 @@ test('getTodoStatus should return a correct hash object', t => {
 
   testCases.forEach(testCase => {
     const [input, expected] = testCase
-    t.is(getTodoStatus(input).total, expected.total, `Test for getTodoStatus() input: ${input} expected: ${expected.total}`)
-    t.is(getTodoStatus(input).completed, expected.completed, `Test for getTodoStatus() input: ${input} expected: ${expected.completed}`)
+    t.is(
+      getTodoStatus(input).total,
+      expected.total,
+      `Test for getTodoStatus() input: ${input} expected: ${expected.total}`
+    )
+    t.is(
+      getTodoStatus(input).completed,
+      expected.completed,
+      `Test for getTodoStatus() input: ${input} expected: ${expected.completed}`
+    )
   })
 })
-
diff --git a/tests/lib/html-text-helper-test.js b/tests/lib/html-text-helper-test.js
index 538b8757..9e6eb083 100644
--- a/tests/lib/html-text-helper-test.js
+++ b/tests/lib/html-text-helper-test.js
@@ -9,16 +9,23 @@ test('htmlTextHelper#decodeEntities should return encoded text (string)', t => {
   // [input, expected]
   const testCases = [
     ['&lt;a href=', '<a href='],
-    ['var test = &apos;test&apos;', 'var test = \'test\''],
-    ['&lt;a href=&apos;https://boostnote.io&apos;&gt;Boostnote', '<a href=\'https://boostnote.io\'>Boostnote'],
-    ['&lt;\\\\?php\n var = &apos;hoge&apos;;', '<\\\\?php\n var = \'hoge\';'],
+    ['var test = &apos;test&apos;', "var test = 'test'"],
+    [
+      '&lt;a href=&apos;https://boostnote.io&apos;&gt;Boostnote',
+      "<a href='https://boostnote.io'>Boostnote"
+    ],
+    ['&lt;\\\\?php\n var = &apos;hoge&apos;;', "<\\\\?php\n var = 'hoge';"],
     ['&amp;', '&'],
-    ['a&#36;&apos;', 'a\\$\'']
+    ['a&#36;&apos;', "a\\$'"]
   ]
 
   testCases.forEach(testCase => {
     const [input, expected] = testCase
-    t.is(htmlTextHelper.decodeEntities(input), expected, `Test for decodeEntities() input: ${input} expected: ${expected}`)
+    t.is(
+      htmlTextHelper.decodeEntities(input),
+      expected,
+      `Test for decodeEntities() input: ${input} expected: ${expected}`
+    )
   })
 })
 
@@ -26,29 +33,40 @@ test('htmlTextHelper#decodeEntities() should return decoded text (string)', t =>
   // [input, expected]
   const testCases = [
     ['<a href=', '&lt;a href='],
-    ['var test = \'test\'', 'var test = &apos;test&apos;'],
-    ['<a href=\'https://boostnote.io\'>Boostnote', '&lt;a href=&apos;https://boostnote.io&apos;&gt;Boostnote'],
-    ['<?php\n var = \'hoge\';', '&lt;&#63;php\n var = &apos;hoge&apos;;'],
-    ['a$\'', 'a&#36;&apos;']
+    ["var test = 'test'", 'var test = &apos;test&apos;'],
+    [
+      "<a href='https://boostnote.io'>Boostnote",
+      '&lt;a href=&apos;https://boostnote.io&apos;&gt;Boostnote'
+    ],
+    ["<?php\n var = 'hoge';", '&lt;&#63;php\n var = &apos;hoge&apos;;'],
+    ["a$'", 'a&#36;&apos;']
   ]
 
   testCases.forEach(testCase => {
     const [input, expected] = testCase
-    t.is(htmlTextHelper.encodeEntities(input), expected, `Test for encodeEntities() input: ${input} expected: ${expected}`)
+    t.is(
+      htmlTextHelper.encodeEntities(input),
+      expected,
+      `Test for encodeEntities() input: ${input} expected: ${expected}`
+    )
   })
 })
 
 // Integration test
 test(t => {
   const testCases = [
-    'var test = \'test\'',
-    '<a href=\'https://boostnote.io\'>Boostnote',
-    '<Component styleName=\'test\' />'
+    "var test = 'test'",
+    "<a href='https://boostnote.io'>Boostnote",
+    "<Component styleName='test' />"
   ]
 
   testCases.forEach(testCase => {
     const encodedText = htmlTextHelper.encodeEntities(testCase)
     const decodedText = htmlTextHelper.decodeEntities(encodedText)
-    t.is(decodedText, testCase, 'Integration test through encodedText() and decodedText()')
+    t.is(
+      decodedText,
+      testCase,
+      'Integration test through encodedText() and decodedText()'
+    )
   })
 })
diff --git a/tests/lib/markdown-text-helper-test.js b/tests/lib/markdown-text-helper-test.js
index 38ee3136..07d05dde 100644
--- a/tests/lib/markdown-text-helper-test.js
+++ b/tests/lib/markdown-text-helper-test.js
@@ -42,6 +42,10 @@ test(t => {
 
   testCases.forEach(testCase => {
     const [input, expected] = testCase
-    t.is(markdown.strip(input), expected, `Test for strip() input: ${input} expected: ${expected}`)
+    t.is(
+      markdown.strip(input),
+      expected,
+      `Test for strip() input: ${input} expected: ${expected}`
+    )
   })
 })
diff --git a/tests/lib/markdown-toc-generator-test.js b/tests/lib/markdown-toc-generator-test.js
index 60568741..def2bcf8 100644
--- a/tests/lib/markdown-toc-generator-test.js
+++ b/tests/lib/markdown-toc-generator-test.js
@@ -261,7 +261,11 @@ this is a text
     const expectedToc = testCase[2].trim()
     const generatedToc = markdownToc.generate(inputMd)
 
-    t.is(generatedToc, expectedToc, `generate test : ${title} , generated : ${EOL}${generatedToc}, expected : ${EOL}${expectedToc}`)
+    t.is(
+      generatedToc,
+      expectedToc,
+      `generate test : ${title} , generated : ${EOL}${generatedToc}, expected : ${EOL}${expectedToc}`
+    )
   })
 })
 
@@ -279,7 +283,7 @@ test(t => {
   const testCases = [
     [
       `***************************** Empty note, cursor at the top`,
-      {line: 0, ch: 0},
+      { line: 0, ch: 0 },
       ``,
       `
 <!-- toc -->
@@ -291,7 +295,7 @@ test(t => {
     ],
     [
       `***************************** Two level note,TOC at the beginning `,
-      {line: 0, ch: 0},
+      { line: 0, ch: 0 },
       `
 # one
 this is a level one text
@@ -329,7 +333,7 @@ this is a level one text
     ],
     [
       `***************************** Two level note, cursor just after 'header text' `,
-      {line: 1, ch: 12},
+      { line: 1, ch: 12 },
       `
 # header 
  header text
@@ -373,7 +377,7 @@ this is a level one text
     ],
     [
       `***************************** Two level note, cursor at empty line under 'header text' `,
-      {line: 2, ch: 0},
+      { line: 2, ch: 0 },
       `
 # header 
  header text
@@ -416,7 +420,7 @@ this is a level one text
     ],
     [
       `***************************** Two level note, cursor just before 'text' word`,
-      {line: 1, ch: 8},
+      { line: 1, ch: 8 },
       `
 # header 
  header text
@@ -461,7 +465,7 @@ this is a level one text
     ],
     [
       `***************************** Already generated TOC without header file, regenerate TOC in place, no changes`,
-      {line: 13, ch: 0},
+      { line: 13, ch: 0 },
       `
 # header 
  header text
@@ -511,7 +515,7 @@ this is a level one text
     ],
     [
       `***************************** Already generated TOC, needs updating in place`,
-      {line: 0, ch: 0},
+      { line: 0, ch: 0 },
       `
 # header 
  header text
@@ -561,7 +565,7 @@ this is a level one text
     ],
     [
       `***************************** Document with cursor at the last line, expecting empty TOC `,
-      {line: 13, ch: 30},
+      { line: 13, ch: 30 },
       `
 # header 
  header text
@@ -602,7 +606,7 @@ this is a level one text
     ],
     [
       `***************************** Empty, not actual TOC , should be supplemented with two new points beneath`,
-      {line: 0, ch: 0},
+      { line: 0, ch: 0 },
       `
 # header 
  header text
@@ -663,6 +667,10 @@ this is a level one text
     editor.setCursor(cursor)
     markdownToc.generateInEditor(editor)
 
-    t.is(expectedMd, editor.getValue(), `generateInEditor test : ${title} , generated : ${EOL}${editor.getValue()}, expected : ${EOL}${expectedMd}`)
+    t.is(
+      expectedMd,
+      editor.getValue(),
+      `generateInEditor test : ${title} , generated : ${EOL}${editor.getValue()}, expected : ${EOL}${expectedMd}`
+    )
   })
 })
diff --git a/tests/lib/normalize-editor-font-family-test.js b/tests/lib/normalize-editor-font-family-test.js
index aacd03ac..beb2b765 100644
--- a/tests/lib/normalize-editor-font-family-test.js
+++ b/tests/lib/normalize-editor-font-family-test.js
@@ -12,5 +12,8 @@ test('normalizeEditorFontFamily() should return default font family (string[])',
 
 test('normalizeEditorFontFamily(["hoge", "huga"]) should return default font family connected with arg.', t => {
   const arg = 'font1, font2'
-  t.is(normalizeEditorFontFamily(arg), `${arg}, ${defaultEditorFontFamily.join(', ')}`)
+  t.is(
+    normalizeEditorFontFamily(arg),
+    `${arg}, ${defaultEditorFontFamily.join(', ')}`
+  )
 })
diff --git a/tests/lib/rc-parser-test.js b/tests/lib/rc-parser-test.js
index 024a2d36..2c8213ea 100644
--- a/tests/lib/rc-parser-test.js
+++ b/tests/lib/rc-parser-test.js
@@ -4,8 +4,42 @@ const { parse } = require('browser/lib/RcParser')
 
 // Unit test
 test('RcParser should return a json object', t => {
-  const validJson = { 'editor': { 'keyMap': 'vim', 'switchPreview': 'BLUR', 'theme': 'monokai' }, 'hotkey': { 'toggleMain': 'Control + L' }, 'listWidth': 135, 'navWidth': 135 }
-  const allJson = { 'amaEnabled': true, 'editor': { 'fontFamily': 'Monaco, Consolas', 'fontSize': '14', 'indentSize': '2', 'indentType': 'space', 'keyMap': 'vim', 'switchPreview': 'BLUR', 'theme': 'monokai' }, 'hotkey': { 'toggleMain': 'Cmd + Alt + L' }, 'isSideNavFolded': false, 'listStyle': 'DEFAULT', 'listWidth': 174, 'navWidth': 200, 'preview': { 'codeBlockTheme': 'dracula', 'fontFamily': 'Lato', 'fontSize': '14', 'lineNumber': true }, 'sortBy': { 'default': 'UPDATED_AT' }, 'ui': { 'defaultNote': 'ALWAYS_ASK', 'disableDirectWrite': false, 'theme': 'default' }, 'zoom': 1 }
+  const validJson = {
+    editor: { keyMap: 'vim', switchPreview: 'BLUR', theme: 'monokai' },
+    hotkey: { toggleMain: 'Control + L' },
+    listWidth: 135,
+    navWidth: 135
+  }
+  const allJson = {
+    amaEnabled: true,
+    editor: {
+      fontFamily: 'Monaco, Consolas',
+      fontSize: '14',
+      indentSize: '2',
+      indentType: 'space',
+      keyMap: 'vim',
+      switchPreview: 'BLUR',
+      theme: 'monokai'
+    },
+    hotkey: { toggleMain: 'Cmd + Alt + L' },
+    isSideNavFolded: false,
+    listStyle: 'DEFAULT',
+    listWidth: 174,
+    navWidth: 200,
+    preview: {
+      codeBlockTheme: 'dracula',
+      fontFamily: 'Lato',
+      fontSize: '14',
+      lineNumber: true
+    },
+    sortBy: { default: 'UPDATED_AT' },
+    ui: {
+      defaultNote: 'ALWAYS_ASK',
+      disableDirectWrite: false,
+      theme: 'default'
+    },
+    zoom: 1
+  }
 
   // [input, expected]
   const validTestCases = [
@@ -13,21 +47,27 @@ test('RcParser should return a json object', t => {
     ['.boostnoterc.all', allJson]
   ]
 
-  const invalidTestCases = [
-    ['.boostnoterc.invalid', {}]
-  ]
+  const invalidTestCases = [['.boostnoterc.invalid', {}]]
 
   validTestCases.forEach(validTestCase => {
     const [input, expected] = validTestCase
-    t.is(parse(filePath(input)).editor.keyMap, expected.editor.keyMap, `Test for getTodoStatus() input: ${input} expected: ${expected.keyMap}`)
+    t.is(
+      parse(filePath(input)).editor.keyMap,
+      expected.editor.keyMap,
+      `Test for getTodoStatus() input: ${input} expected: ${expected.keyMap}`
+    )
   })
 
   invalidTestCases.forEach(invalidTestCase => {
     const [input, expected] = invalidTestCase
-    t.is(parse(filePath(input)).editor, expected.editor, `Test for getTodoStatus() input: ${input} expected: ${expected.editor}`)
+    t.is(
+      parse(filePath(input)).editor,
+      expected.editor,
+      `Test for getTodoStatus() input: ${input} expected: ${expected.editor}`
+    )
   })
 })
 
-function filePath (filename) {
+function filePath(filename) {
   return path.join(`${__dirname}/boostnoterc`, filename)
 }
diff --git a/tests/lib/search-test.js b/tests/lib/search-test.js
index 2e288d26..75180d9e 100644
--- a/tests/lib/search-test.js
+++ b/tests/lib/search-test.js
@@ -3,14 +3,21 @@ import searchFromNotes from 'browser/lib/search'
 import { dummyNote } from '../fixtures/TestDummy'
 import _ from 'lodash'
 
-const pickContents = (notes) => notes.map((note) => { return note.content })
+const pickContents = notes =>
+  notes.map(note => {
+    return note.content
+  })
 
 let notes = []
 let note1, note2, note3
 
 test.before(t => {
   const data1 = { type: 'MARKDOWN_NOTE', content: 'content1', tags: ['tag1'] }
-  const data2 = { type: 'MARKDOWN_NOTE', content: 'content1\ncontent2', tags: ['tag1', 'tag2'] }
+  const data2 = {
+    type: 'MARKDOWN_NOTE',
+    content: 'content1\ncontent2',
+    tags: ['tag1', 'tag2']
+  }
   const data3 = { type: 'MARKDOWN_NOTE', content: '#content4', tags: ['tag1'] }
 
   note1 = dummyNote(data1)
@@ -34,12 +41,12 @@ test('it can find notes by tags and words', t => {
     ['#tag2 content1', [note2.content]],
     ['content1 #tag2', [note2.content]]
   ]
-  const testWithTagsWithoutHash = testWithTags.map(function (testCase) {
+  const testWithTagsWithoutHash = testWithTags.map(function(testCase) {
     return [testCase[0].replace(/#/g, ''), testCase[1]]
   })
 
   const testCases = testWithTags.concat(testWithTagsWithoutHash)
-  testCases.forEach((testCase) => {
+  testCases.forEach(testCase => {
     const [input, expectedContents] = testCase
     const results = searchFromNotes(notes, input)
     t.true(_.isEqual(pickContents(results).sort(), expectedContents.sort()))
diff --git a/tests/lib/slugify-test.js b/tests/lib/slugify-test.js
index 0277bd10..39991bca 100644
--- a/tests/lib/slugify-test.js
+++ b/tests/lib/slugify-test.js
@@ -13,7 +13,7 @@ test('alphabet and digit', t => {
 
 test('should delete unavailable symbols', t => {
   const availableSymbols = '_-'
-  const testCase = availableSymbols + '][!\'#$%&()*+,./:;<=>?@\\^{|}~`'
+  const testCase = availableSymbols + "][!'#$%&()*+,./:;<=>?@\\^{|}~`"
   const decodeSlug = decodeURI(slugify(testCase))
 
   t.true(decodeSlug === availableSymbols)
diff --git a/tests/lib/spellcheck.test.js b/tests/lib/spellcheck.test.js
index 6ebaaf3b..c3fc0b52 100644
--- a/tests/lib/spellcheck.test.js
+++ b/tests/lib/spellcheck.test.js
@@ -9,12 +9,12 @@ beforeEach(() => {
   Typo.mockClear()
 })
 
-it('should test that checkWord does not marks words that do not contain a typo', function () {
+it('should test that checkWord does not marks words that do not contain a typo', function() {
   const testWord = 'testWord'
   const editor = jest.fn()
   editor.getRange = jest.fn(() => testWord)
   editor.markText = jest.fn()
-  const range = {anchor: {line: 1, ch: 0}, head: {line: 1, ch: 10}}
+  const range = { anchor: { line: 1, ch: 0 }, head: { line: 1, ch: 10 } }
   const mockDictionary = jest.fn()
   mockDictionary.check = jest.fn(() => true)
   systemUnderTest.setDictionaryForTestsOnly(mockDictionary)
@@ -26,12 +26,12 @@ it('should test that checkWord does not marks words that do not contain a typo',
   expect(editor.markText).not.toHaveBeenCalled()
 })
 
-it('should test that checkWord should marks words that contain a typo', function () {
+it('should test that checkWord should marks words that contain a typo', function() {
   const testWord = 'testWord'
   const editor = jest.fn()
   editor.getRange = jest.fn(() => testWord)
   editor.markText = jest.fn()
-  const range = {anchor: {line: 1, ch: 0}, head: {line: 1, ch: 10}}
+  const range = { anchor: { line: 1, ch: 0 }, head: { line: 1, ch: 10 } }
   const mockDictionary = jest.fn()
   mockDictionary.check = jest.fn(() => false)
   systemUnderTest.setDictionaryForTestsOnly(mockDictionary)
@@ -40,14 +40,16 @@ it('should test that checkWord should marks words that contain a typo', function
 
   expect(editor.getRange).toHaveBeenCalledWith(range.anchor, range.head)
   expect(mockDictionary.check).toHaveBeenCalledWith(testWord)
-  expect(editor.markText).toHaveBeenCalledWith(range.anchor, range.head, {'className': systemUnderTest.CSS_ERROR_CLASS})
+  expect(editor.markText).toHaveBeenCalledWith(range.anchor, range.head, {
+    className: systemUnderTest.CSS_ERROR_CLASS
+  })
 })
 
-it('should test that setLanguage clears all marks', function () {
+it('should test that setLanguage clears all marks', function() {
   const dummyMarks = [
-    {clear: jest.fn()},
-    {clear: jest.fn()},
-    {clear: jest.fn()}
+    { clear: jest.fn() },
+    { clear: jest.fn() },
+    { clear: jest.fn() }
   ]
   const editor = jest.fn()
   editor.getAllMarks = jest.fn(() => dummyMarks)
@@ -60,10 +62,12 @@ it('should test that setLanguage clears all marks', function () {
   }
 })
 
-it('should test that setLanguage with DISABLED as a lang argument should not load any dictionary and not check the whole document', function () {
+it('should test that setLanguage with DISABLED as a lang argument should not load any dictionary and not check the whole document', function() {
   const editor = jest.fn()
   editor.getAllMarks = jest.fn(() => [])
-  const checkWholeDocumentSpy = jest.spyOn(systemUnderTest, 'checkWholeDocument').mockImplementation()
+  const checkWholeDocumentSpy = jest
+    .spyOn(systemUnderTest, 'checkWholeDocument')
+    .mockImplementation()
 
   systemUnderTest.setLanguage(editor, systemUnderTest.SPELLCHECK_DISABLED)
 
@@ -72,38 +76,45 @@ it('should test that setLanguage with DISABLED as a lang argument should not loa
   checkWholeDocumentSpy.mockRestore()
 })
 
-it('should test that setLanguage loads the correct dictionary', function () {
+it('should test that setLanguage loads the correct dictionary', function() {
   const editor = jest.fn()
   editor.getAllMarks = jest.fn(() => [])
   const lang = 'de_DE'
-  const checkWholeDocumentSpy = jest.spyOn(systemUnderTest, 'checkWholeDocument').mockImplementation()
+  const checkWholeDocumentSpy = jest
+    .spyOn(systemUnderTest, 'checkWholeDocument')
+    .mockImplementation()
 
   expect(Typo).not.toHaveBeenCalled()
   systemUnderTest.setLanguage(editor, lang)
 
   expect(Typo).toHaveBeenCalledWith(lang, false, false, expect.anything())
-  expect(Typo.mock.calls[0][3].dictionaryPath).toEqual(systemUnderTest.DICTIONARY_PATH)
+  expect(Typo.mock.calls[0][3].dictionaryPath).toEqual(
+    systemUnderTest.DICTIONARY_PATH
+  )
   expect(Typo.mock.calls[0][3].asyncLoad).toBe(true)
   checkWholeDocumentSpy.mockRestore()
 })
 
-it('should test that checkMultiLineRange performs checks for each word in the stated range', function () {
+it('should test that checkMultiLineRange performs checks for each word in the stated range', function() {
   const dic = jest.fn()
   dic.check = jest.fn()
   systemUnderTest.setDictionaryForTestsOnly(dic)
-  document.body.createTextRange = jest.fn(() => document.createElement('textArea'))
+  document.body.createTextRange = jest.fn(() =>
+    document.createElement('textArea')
+  )
   const editor = new CodeMirror(jest.fn())
   editor.setValue(
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula sem id tempor sollicitudin. Sed eu sagittis ligula. Maecenas sit amet velit enim. Etiam massa urna, elementum et sapien sit amet, vestibulum pharetra lectus. Nulla consequat malesuada nunc in aliquam. Vivamus faucibus orci et faucibus maximus. Pellentesque at dolor ac mi mollis molestie in facilisis nisl.\n' +
-    '\n' +
-    'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
-    'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
-    '\n' +
-    'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
-    '\n' +
-    'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. ')
-  const rangeFrom = {line: 2, ch: 4}
-  const rangeTo = {line: 3, ch: 36}
+      '\n' +
+      'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
+      'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
+      '\n' +
+      'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
+      '\n' +
+      'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. '
+  )
+  const rangeFrom = { line: 2, ch: 4 }
+  const rangeTo = { line: 3, ch: 36 }
 
   systemUnderTest.checkMultiLineRange(editor, rangeFrom, rangeTo)
 
@@ -121,23 +132,26 @@ it('should test that checkMultiLineRange performs checks for each word in the st
   expect(dic.check.mock.calls[10][0]).toEqual('tristique')
 })
 
-it('should test that checkMultiLineRange works correct even when the range is inverted (from is the later position and to the lower)', function () {
+it('should test that checkMultiLineRange works correct even when the range is inverted (from is the later position and to the lower)', function() {
   const dic = jest.fn()
   dic.check = jest.fn()
   systemUnderTest.setDictionaryForTestsOnly(dic)
-  document.body.createTextRange = jest.fn(() => document.createElement('textArea'))
+  document.body.createTextRange = jest.fn(() =>
+    document.createElement('textArea')
+  )
   const editor = new CodeMirror(jest.fn())
   editor.setValue(
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula sem id tempor sollicitudin. Sed eu sagittis ligula. Maecenas sit amet velit enim. Etiam massa urna, elementum et sapien sit amet, vestibulum pharetra lectus. Nulla consequat malesuada nunc in aliquam. Vivamus faucibus orci et faucibus maximus. Pellentesque at dolor ac mi mollis molestie in facilisis nisl.\n' +
-    '\n' +
-    'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
-    'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
-    '\n' +
-    'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
-    '\n' +
-    'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. ')
-  const rangeFrom = {line: 3, ch: 36}
-  const rangeTo = {line: 2, ch: 4}
+      '\n' +
+      'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
+      'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
+      '\n' +
+      'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
+      '\n' +
+      'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. '
+  )
+  const rangeFrom = { line: 3, ch: 36 }
+  const rangeTo = { line: 2, ch: 4 }
 
   systemUnderTest.checkMultiLineRange(editor, rangeFrom, rangeTo)
 
@@ -155,23 +169,26 @@ it('should test that checkMultiLineRange works correct even when the range is in
   expect(dic.check.mock.calls[10][0]).toEqual('tristique')
 })
 
-it('should test that checkMultiLineRange works for single line', function () {
+it('should test that checkMultiLineRange works for single line', function() {
   const dic = jest.fn()
   dic.check = jest.fn()
   systemUnderTest.setDictionaryForTestsOnly(dic)
-  document.body.createTextRange = jest.fn(() => document.createElement('textArea'))
+  document.body.createTextRange = jest.fn(() =>
+    document.createElement('textArea')
+  )
   const editor = new CodeMirror(jest.fn())
   editor.setValue(
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula sem id tempor sollicitudin. Sed eu sagittis ligula. Maecenas sit amet velit enim. Etiam massa urna, elementum et sapien sit amet, vestibulum pharetra lectus. Nulla consequat malesuada nunc in aliquam. Vivamus faucibus orci et faucibus maximus. Pellentesque at dolor ac mi mollis molestie in facilisis nisl.\n' +
-    '\n' +
-    'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
-    'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
-    '\n' +
-    'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
-    '\n' +
-    'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. ')
-  const rangeFrom = {line: 5, ch: 14}
-  const rangeTo = {line: 5, ch: 39}
+      '\n' +
+      'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
+      'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
+      '\n' +
+      'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
+      '\n' +
+      'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. '
+  )
+  const rangeFrom = { line: 5, ch: 14 }
+  const rangeTo = { line: 5, ch: 39 }
 
   systemUnderTest.checkMultiLineRange(editor, rangeFrom, rangeTo)
 
@@ -181,23 +198,26 @@ it('should test that checkMultiLineRange works for single line', function () {
   expect(dic.check.mock.calls[2][0]).toEqual('ullamcorper')
 })
 
-it('should test that checkMultiLineRange works for single word', function () {
+it('should test that checkMultiLineRange works for single word', function() {
   const dic = jest.fn()
   dic.check = jest.fn()
   systemUnderTest.setDictionaryForTestsOnly(dic)
-  document.body.createTextRange = jest.fn(() => document.createElement('textArea'))
+  document.body.createTextRange = jest.fn(() =>
+    document.createElement('textArea')
+  )
   const editor = new CodeMirror(jest.fn())
   editor.setValue(
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula sem id tempor sollicitudin. Sed eu sagittis ligula. Maecenas sit amet velit enim. Etiam massa urna, elementum et sapien sit amet, vestibulum pharetra lectus. Nulla consequat malesuada nunc in aliquam. Vivamus faucibus orci et faucibus maximus. Pellentesque at dolor ac mi mollis molestie in facilisis nisl.\n' +
-    '\n' +
-    'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
-    'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
-    '\n' +
-    'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
-    '\n' +
-    'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. ')
-  const rangeFrom = {line: 7, ch: 6}
-  const rangeTo = {line: 7, ch: 6}
+      '\n' +
+      'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
+      'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
+      '\n' +
+      'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
+      '\n' +
+      'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. '
+  )
+  const rangeFrom = { line: 7, ch: 6 }
+  const rangeTo = { line: 7, ch: 6 }
 
   systemUnderTest.checkMultiLineRange(editor, rangeFrom, rangeTo)
 
@@ -205,8 +225,10 @@ it('should test that checkMultiLineRange works for single word', function () {
   expect(dic.check.mock.calls[0][0]).toEqual('molestie')
 })
 
-it('should make sure that liveSpellcheck don\'t work if the spellcheck is not enabled', function () {
-  const checkMultiLineRangeSpy = jest.spyOn(systemUnderTest, 'checkMultiLineRange').mockImplementation()
+it("should make sure that liveSpellcheck don't work if the spellcheck is not enabled", function() {
+  const checkMultiLineRangeSpy = jest
+    .spyOn(systemUnderTest, 'checkMultiLineRange')
+    .mockImplementation()
   const editor = jest.fn()
   editor.findMarks = jest.fn()
 
@@ -219,61 +241,88 @@ it('should make sure that liveSpellcheck don\'t work if the spellcheck is not en
   checkMultiLineRangeSpy.mockRestore()
 })
 
-it('should make sure that liveSpellcheck works for a range of changes', function () {
+it('should make sure that liveSpellcheck works for a range of changes', function() {
   const editor = jest.fn()
-  const marks = [{clear: jest.fn()}, {clear: jest.fn()}]
+  const marks = [{ clear: jest.fn() }, { clear: jest.fn() }]
   editor.findMarks = jest.fn(() => marks)
-  const checkMultiLineRangeSpy = jest.spyOn(systemUnderTest, 'checkMultiLineRange').mockImplementation()
+  const checkMultiLineRangeSpy = jest
+    .spyOn(systemUnderTest, 'checkMultiLineRange')
+    .mockImplementation()
 
-  const inputChangeRange = {from: {line: 0, ch: 2}, to: {line: 1, ch: 1}}
-  const inputChangeRangeTo = {from: {line: 0, ch: 2}, to: {line: 1, ch: 2}}
+  const inputChangeRange = { from: { line: 0, ch: 2 }, to: { line: 1, ch: 1 } }
+  const inputChangeRangeTo = {
+    from: { line: 0, ch: 2 },
+    to: { line: 1, ch: 2 }
+  }
 
   systemUnderTest.setDictionaryForTestsOnly({})
   systemUnderTest.checkChangeRange(editor, inputChangeRange, inputChangeRangeTo)
 
-  expect(checkMultiLineRangeSpy).toHaveBeenCalledWith(editor, {line: 0, ch: 1}, {line: 1, ch: 3})
-  expect(editor.findMarks).toHaveBeenCalledWith({line: 0, ch: 1}, {line: 1, ch: 3})
+  expect(checkMultiLineRangeSpy).toHaveBeenCalledWith(
+    editor,
+    { line: 0, ch: 1 },
+    { line: 1, ch: 3 }
+  )
+  expect(editor.findMarks).toHaveBeenCalledWith(
+    { line: 0, ch: 1 },
+    { line: 1, ch: 3 }
+  )
   expect(marks[0].clear).toHaveBeenCalled()
   expect(marks[1].clear).toHaveBeenCalled()
   checkMultiLineRangeSpy.mockRestore()
 })
 
-it('should make sure that liveSpellcheck works if ranges are inverted', function () {
+it('should make sure that liveSpellcheck works if ranges are inverted', function() {
   const editor = jest.fn()
-  const marks = [{clear: jest.fn()}, {clear: jest.fn()}]
+  const marks = [{ clear: jest.fn() }, { clear: jest.fn() }]
   editor.findMarks = jest.fn(() => marks)
-  const checkMultiLineRangeSpy = jest.spyOn(systemUnderTest, 'checkMultiLineRange').mockImplementation()
+  const checkMultiLineRangeSpy = jest
+    .spyOn(systemUnderTest, 'checkMultiLineRange')
+    .mockImplementation()
 
-  const inputChangeRange = {from: {line: 0, ch: 2}, to: {line: 1, ch: 2}}
-  const inputChangeRangeTo = {from: {line: 0, ch: 2}, to: {line: 1, ch: 1}}
+  const inputChangeRange = { from: { line: 0, ch: 2 }, to: { line: 1, ch: 2 } }
+  const inputChangeRangeTo = {
+    from: { line: 0, ch: 2 },
+    to: { line: 1, ch: 1 }
+  }
 
   systemUnderTest.setDictionaryForTestsOnly({})
   systemUnderTest.checkChangeRange(editor, inputChangeRange, inputChangeRangeTo)
 
-  expect(checkMultiLineRangeSpy).toHaveBeenCalledWith(editor, {line: 0, ch: 1}, {line: 1, ch: 3})
-  expect(editor.findMarks).toHaveBeenCalledWith({line: 0, ch: 1}, {line: 1, ch: 3})
+  expect(checkMultiLineRangeSpy).toHaveBeenCalledWith(
+    editor,
+    { line: 0, ch: 1 },
+    { line: 1, ch: 3 }
+  )
+  expect(editor.findMarks).toHaveBeenCalledWith(
+    { line: 0, ch: 1 },
+    { line: 1, ch: 3 }
+  )
   expect(marks[0].clear).toHaveBeenCalled()
   expect(marks[1].clear).toHaveBeenCalled()
   checkMultiLineRangeSpy.mockRestore()
 })
 
-it('should make sure that liveSpellcheck works for a single word with change at the beginning', function () {
+it('should make sure that liveSpellcheck works for a single word with change at the beginning', function() {
   const dic = jest.fn()
   dic.check = jest.fn()
   systemUnderTest.setDictionaryForTestsOnly(dic)
-  document.body.createTextRange = jest.fn(() => document.createElement('textArea'))
+  document.body.createTextRange = jest.fn(() =>
+    document.createElement('textArea')
+  )
   const editor = new CodeMirror(jest.fn())
   editor.setValue(
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula sem id tempor sollicitudin. Sed eu sagittis ligula. Maecenas sit amet velit enim. Etiam massa urna, elementum et sapien sit amet, vestibulum pharetra lectus. Nulla consequat malesuada nunc in aliquam. Vivamus faucibus orci et faucibus maximus. Pellentesque at dolor ac mi mollis molestie in facilisis nisl.\n' +
-    '\n' +
-    'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
-    'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
-    '\n' +
-    'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
-    '\n' +
-    'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. ')
-  const rangeFrom = {from: {line: 7, ch: 6}, to: {line: 7, ch: 6}}
-  const rangeTo = {from: {line: 7, ch: 6}, to: {line: 7, ch: 6}}
+      '\n' +
+      'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
+      'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
+      '\n' +
+      'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
+      '\n' +
+      'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. '
+  )
+  const rangeFrom = { from: { line: 7, ch: 6 }, to: { line: 7, ch: 6 } }
+  const rangeTo = { from: { line: 7, ch: 6 }, to: { line: 7, ch: 6 } }
 
   systemUnderTest.checkChangeRange(editor, rangeFrom, rangeTo)
 
@@ -281,23 +330,26 @@ it('should make sure that liveSpellcheck works for a single word with change at
   expect(dic.check.mock.calls[0][0]).toEqual('molestie')
 })
 
-it('should make sure that liveSpellcheck works for a single word with change in the middle', function () {
+it('should make sure that liveSpellcheck works for a single word with change in the middle', function() {
   const dic = jest.fn()
   dic.check = jest.fn()
   systemUnderTest.setDictionaryForTestsOnly(dic)
-  document.body.createTextRange = jest.fn(() => document.createElement('textArea'))
+  document.body.createTextRange = jest.fn(() =>
+    document.createElement('textArea')
+  )
   const editor = new CodeMirror(jest.fn())
   editor.setValue(
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula sem id tempor sollicitudin. Sed eu sagittis ligula. Maecenas sit amet velit enim. Etiam massa urna, elementum et sapien sit amet, vestibulum pharetra lectus. Nulla consequat malesuada nunc in aliquam. Vivamus faucibus orci et faucibus maximus. Pellentesque at dolor ac mi mollis molestie in facilisis nisl.\n' +
-    '\n' +
-    'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
-    'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
-    '\n' +
-    'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
-    '\n' +
-    'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. ')
-  const rangeFrom = {from: {line: 7, ch: 9}, to: {line: 7, ch: 9}}
-  const rangeTo = {from: {line: 7, ch: 9}, to: {line: 7, ch: 9}}
+      '\n' +
+      'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
+      'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
+      '\n' +
+      'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
+      '\n' +
+      'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. '
+  )
+  const rangeFrom = { from: { line: 7, ch: 9 }, to: { line: 7, ch: 9 } }
+  const rangeTo = { from: { line: 7, ch: 9 }, to: { line: 7, ch: 9 } }
 
   systemUnderTest.checkChangeRange(editor, rangeFrom, rangeTo)
 
@@ -305,23 +357,26 @@ it('should make sure that liveSpellcheck works for a single word with change in
   expect(dic.check.mock.calls[0][0]).toEqual('molestie')
 })
 
-it('should make sure that liveSpellcheck works for a single word with change at the end', function () {
+it('should make sure that liveSpellcheck works for a single word with change at the end', function() {
   const dic = jest.fn()
   dic.check = jest.fn()
   systemUnderTest.setDictionaryForTestsOnly(dic)
-  document.body.createTextRange = jest.fn(() => document.createElement('textArea'))
+  document.body.createTextRange = jest.fn(() =>
+    document.createElement('textArea')
+  )
   const editor = new CodeMirror(jest.fn())
   editor.setValue(
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula sem id tempor sollicitudin. Sed eu sagittis ligula. Maecenas sit amet velit enim. Etiam massa urna, elementum et sapien sit amet, vestibulum pharetra lectus. Nulla consequat malesuada nunc in aliquam. Vivamus faucibus orci et faucibus maximus. Pellentesque at dolor ac mi mollis molestie in facilisis nisl.\n' +
-    '\n' +
-    'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
-    'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
-    '\n' +
-    'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
-    '\n' +
-    'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. ')
-  const rangeFrom = {from: {line: 7, ch: 14}, to: {line: 7, ch: 14}}
-  const rangeTo = {from: {line: 7, ch: 14}, to: {line: 7, ch: 14}}
+      '\n' +
+      'Nam id lacus et elit sollicitudin vestibulum. Phasellus blandit laoreet odio \n' +
+      'Ut tristique risus et mi tristique, in aliquam odio laoreet. Curabitur nunc felis, mollis ut laoreet quis, finibus in nibh. Proin urna risus, rhoncus at diam interdum, maximus vestibulum nulla. Maecenas ut rutrum nulla, vel finibus est. Etiam placerat mi et libero volutpat, tristique rhoncus felis volutpat. Donec quam erat, congue quis ligula eget, mollis aliquet elit. Vestibulum feugiat odio sit amet ex dignissim, sit amet vulputate lectus iaculis. Sed tempus id enim at eleifend. Nullam bibendum eleifend congue. Pellentesque varius arcu elit, at accumsan dolor ultrices vitae. Etiam condimentum lectus id dolor fringilla tempor. Aliquam nec fringilla sem. Fusce ac quam porta, molestie nunc sed, semper nisl. Curabitur luctus sem in dapibus gravida. Suspendisse scelerisque mollis rutrum. Proin lacinia dolor sit amet ornare condimentum.\n' +
+      '\n' +
+      'In ex neque, volutpat quis ullamcorper in, vestibulum vel ligula. Quisque lobortis eget neque quis ullamcorper. Nunc purus lorem, scelerisque in malesuada id, congue a magna. Donec rutrum maximus egestas. Nulla ornare libero quis odio ultricies iaculis. Suspendisse consectetur bibendum purus ac blandit. Donec et neque quis dolor eleifend tempus. Fusce fringilla risus id venenatis rutrum. Mauris commodo posuere ipsum, sit amet hendrerit risus lacinia quis. Aenean placerat ultricies ante id dapibus. Donec imperdiet eros quis porttitor accumsan. Vestibulum ut nulla luctus velit feugiat elementum. Nam vel pharetra nisl. Nullam risus tellus, tempor quis ipsum et, pretium rutrum ipsum.\n' +
+      '\n' +
+      'Fusce molestie leo at facilisis mollis. Vivamus iaculis facilisis fermentum. Vivamus blandit id nisi sit amet porta. Nunc luctus porta blandit. Sed ac consequat eros, eu fringilla lorem. In blandit pharetra sollicitudin. Vivamus placerat risus ut ex faucibus, nec vehicula sapien imperdiet. Praesent luctus, leo eget ultrices cursus, neque ante porttitor mauris, id tempus tellus urna at ex. Curabitur elementum id quam vitae condimentum. Proin sit amet magna vel metus blandit iaculis. Phasellus viverra libero in lacus gravida, id laoreet ligula dapibus. Cras commodo arcu eget mi dignissim, et lobortis elit faucibus. Suspendisse potenti. '
+  )
+  const rangeFrom = { from: { line: 7, ch: 14 }, to: { line: 7, ch: 14 } }
+  const rangeTo = { from: { line: 7, ch: 14 }, to: { line: 7, ch: 14 } }
 
   systemUnderTest.checkChangeRange(editor, rangeFrom, rangeTo)
 
diff --git a/webpack-production.config.js b/webpack-production.config.js
index bcfb2a42..9c5a0b42 100644
--- a/webpack-production.config.js
+++ b/webpack-production.config.js
@@ -14,7 +14,8 @@ var config = Object.assign({}, skeleton, {
       {
         test: /\.styl$/,
         exclude: /(node_modules|bower_components)/,
-        loader: 'style!css?modules&importLoaders=1&localIdentName=[name]__[local]___[path]!stylus?sourceMap'
+        loader:
+          'style!css?modules&importLoaders=1&localIdentName=[name]__[local]___[path]!stylus?sourceMap'
       },
       {
         test: /\.json$/,
@@ -35,8 +36,8 @@ var config = Object.assign({}, skeleton, {
     new webpack.optimize.OccurenceOrderPlugin(),
     new webpack.DefinePlugin({
       'process.env': {
-        'NODE_ENV': JSON.stringify('production'),
-        'BABEL_ENV': JSON.stringify('production')
+        NODE_ENV: JSON.stringify('production'),
+        BABEL_ENV: JSON.stringify('production')
       }
     })
   ]
diff --git a/webpack.config.js b/webpack.config.js
index ad3c4f8b..ac0b91db 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -12,7 +12,8 @@ var config = Object.assign({}, skeleton, {
       {
         test: /\.styl$/,
         exclude: /(node_modules|bower_components)/,
-        loader: 'style!css?modules&importLoaders=1&localIdentName=[name]__[local]___[path]!stylus?sourceMap'
+        loader:
+          'style!css?modules&importLoaders=1&localIdentName=[name]__[local]___[path]!stylus?sourceMap'
       },
       {
         test: /\.json$/,
@@ -39,4 +40,3 @@ var config = Object.assign({}, skeleton, {
 })
 
 module.exports = config
-
diff --git a/yarn.lock b/yarn.lock
index 2d153615..7a2f8985 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -193,6 +193,11 @@ ajv-keywords@^1.0.0:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-1.5.1.tgz#314dd0a4b3368fad3dfcdc54ede6171b886daf3c"
 
+ajv-keywords@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-2.1.1.tgz#617997fc5f60576894c435f940d819e135b80762"
+  integrity sha1-YXmX/F9gV2iUxDX5QNgZ4TW4B2I=
+
 ajv@^4.7.0:
   version "4.11.8"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-4.11.8.tgz#82ffb02b29e662ae53bdc20af15947706739c536"
@@ -200,7 +205,7 @@ ajv@^4.7.0:
     co "^4.6.0"
     json-stable-stringify "^1.0.1"
 
-ajv@^5.1.0:
+ajv@^5.1.0, ajv@^5.2.3, ajv@^5.3.0:
   version "5.5.2"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-5.5.2.tgz#73b5eeca3fab653e3d3f9422b341ad42205dc965"
   dependencies:
@@ -665,7 +670,7 @@ aws4@^1.6.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.7.0.tgz#d4d0e9b9dbfca77bf08eeb0a8a471550fe39e289"
 
-babel-code-frame@^6.16.0, babel-code-frame@^6.26.0:
+babel-code-frame@^6.16.0, babel-code-frame@^6.22.0, babel-code-frame@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b"
   dependencies:
@@ -1691,6 +1696,20 @@ chalk@^2.0.0, chalk@^2.0.1, chalk@^2.3.0, chalk@^2.3.2, chalk@^2.4.1:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
+chalk@^2.1.0:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chardet@^0.4.0:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.4.2.tgz#b5473b33dc97c424e5d98dc87d55d4d8a29c8bf2"
+  integrity sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I=
+
 chart.js@^2.7.2:
   version "2.7.2"
   resolved "http://registry.npm.taobao.org/chart.js/download/chart.js-2.7.2.tgz#3c9fde4dc5b95608211bdefeda7e5d33dffa5714"
@@ -2051,7 +2070,7 @@ concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
 
-concat-stream@1.6.2, concat-stream@^1.4.6, concat-stream@^1.5.2:
+concat-stream@1.6.2, concat-stream@^1.4.6, concat-stream@^1.5.2, concat-stream@^1.6.0:
   version "1.6.2"
   resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
   dependencies:
@@ -2232,7 +2251,7 @@ cross-env@^5.2.0:
     cross-spawn "^6.0.5"
     is-windows "^1.0.0"
 
-cross-spawn@^5.0.1:
+cross-spawn@^5.0.1, cross-spawn@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
   dependencies:
@@ -2905,7 +2924,7 @@ doctrine@^1.2.2:
     esutils "^2.0.2"
     isarray "^1.0.0"
 
-doctrine@^2.0.0, doctrine@^2.0.2:
+doctrine@^2.0.2, doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
   dependencies:
@@ -3329,6 +3348,13 @@ escope@^3.6.0:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
+eslint-config-prettier@^6.10.0:
+  version "6.10.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.10.0.tgz#7b15e303bf9c956875c948f6b21500e48ded6a7f"
+  integrity sha512-AtndijGte1rPILInUdHjvKEGbIV06NuvPrqlIEaEaWtbtvJh464mDeyGMdZEQMsGvC0ZVkiex1fSNcC4HAbRGg==
+  dependencies:
+    get-stdin "^6.0.0"
+
 eslint-config-standard-jsx@3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/eslint-config-standard-jsx/-/eslint-config-standard-jsx-3.2.0.tgz#c240e26ed919a11a42aa4de8059472b38268d620"
@@ -3341,6 +3367,13 @@ eslint-config-standard@6.2.1, eslint-config-standard@^6.2.1:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/eslint-config-standard/-/eslint-config-standard-6.2.1.tgz#d3a68aafc7191639e7ee441e7348739026354292"
 
+eslint-plugin-prettier@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.2.tgz#432e5a667666ab84ce72f945c72f77d996a5c9ba"
+  integrity sha512-GlolCC9y3XZfv3RQfwGew7NnuFDKsfI4lbvRK+PIIo23SFH+LemGs4cKwzAaRa+Mdb+lQO/STaIayno8T5sJJA==
+  dependencies:
+    prettier-linter-helpers "^1.0.0"
+
 eslint-plugin-promise@~3.4.0:
   version "3.4.2"
   resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-3.4.2.tgz#1be2793eafe2d18b5b123b8136c269f804fe7122"
@@ -3369,45 +3402,62 @@ eslint-plugin-standard@~2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-standard/-/eslint-plugin-standard-2.0.1.tgz#3589699ff9c917f2c25f76a916687f641c369ff3"
 
-eslint@^3.13.1:
-  version "3.19.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-3.19.0.tgz#c8fc6201c7f40dd08941b87c085767386a679acc"
+eslint-scope@^3.7.1:
+  version "3.7.3"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-3.7.3.tgz#bb507200d3d17f60247636160b4826284b108535"
+  integrity sha512-W+B0SvF4gamyCTmUc+uITPY0989iXVfKvhwtmJocTaYoc/3khEHmEmvfY/Gn9HA9VV75jrQECsHizkNw1b68FA==
   dependencies:
-    babel-code-frame "^6.16.0"
-    chalk "^1.1.3"
-    concat-stream "^1.5.2"
-    debug "^2.1.1"
-    doctrine "^2.0.0"
-    escope "^3.6.0"
-    espree "^3.4.0"
+    esrecurse "^4.1.0"
+    estraverse "^4.1.1"
+
+eslint-visitor-keys@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz#e2a82cea84ff246ad6fb57f9bde5b46621459ec2"
+  integrity sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A==
+
+eslint@^4.18.2:
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-4.19.1.tgz#32d1d653e1d90408854bfb296f076ec7e186a300"
+  integrity sha512-bT3/1x1EbZB7phzYu7vCr1v3ONuzDtX8WjuM9c0iYxe+cq+pwcKEoQjl7zd3RpC6YOLgnSy3cTN58M2jcoPDIQ==
+  dependencies:
+    ajv "^5.3.0"
+    babel-code-frame "^6.22.0"
+    chalk "^2.1.0"
+    concat-stream "^1.6.0"
+    cross-spawn "^5.1.0"
+    debug "^3.1.0"
+    doctrine "^2.1.0"
+    eslint-scope "^3.7.1"
+    eslint-visitor-keys "^1.0.0"
+    espree "^3.5.4"
     esquery "^1.0.0"
-    estraverse "^4.2.0"
     esutils "^2.0.2"
     file-entry-cache "^2.0.0"
-    glob "^7.0.3"
-    globals "^9.14.0"
-    ignore "^3.2.0"
+    functional-red-black-tree "^1.0.1"
+    glob "^7.1.2"
+    globals "^11.0.1"
+    ignore "^3.3.3"
     imurmurhash "^0.1.4"
-    inquirer "^0.12.0"
-    is-my-json-valid "^2.10.0"
+    inquirer "^3.0.6"
     is-resolvable "^1.0.0"
-    js-yaml "^3.5.1"
-    json-stable-stringify "^1.0.0"
+    js-yaml "^3.9.1"
+    json-stable-stringify-without-jsonify "^1.0.1"
     levn "^0.3.0"
-    lodash "^4.0.0"
-    mkdirp "^0.5.0"
+    lodash "^4.17.4"
+    minimatch "^3.0.2"
+    mkdirp "^0.5.1"
     natural-compare "^1.4.0"
     optionator "^0.8.2"
-    path-is-inside "^1.0.1"
-    pluralize "^1.2.1"
-    progress "^1.1.8"
-    require-uncached "^1.0.2"
-    shelljs "^0.7.5"
-    strip-bom "^3.0.0"
+    path-is-inside "^1.0.2"
+    pluralize "^7.0.0"
+    progress "^2.0.0"
+    regexpp "^1.0.1"
+    require-uncached "^1.0.3"
+    semver "^5.3.0"
+    strip-ansi "^4.0.0"
     strip-json-comments "~2.0.1"
-    table "^3.7.8"
+    table "4.0.2"
     text-table "~0.2.0"
-    user-home "^2.0.0"
 
 eslint@~3.10.2:
   version "3.10.2"
@@ -3457,7 +3507,7 @@ espower-location-detector@^1.0.0:
     source-map "^0.5.0"
     xtend "^4.0.0"
 
-espree@^3.3.1, espree@^3.4.0:
+espree@^3.3.1, espree@^3.5.4:
   version "3.5.4"
   resolved "https://registry.yarnpkg.com/espree/-/espree-3.5.4.tgz#b0f447187c8a8bed944b815a660bddf5deb5d1a7"
   dependencies:
@@ -3673,6 +3723,15 @@ extend@~3.0.1:
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
   integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
 
+external-editor@^2.0.4:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.2.0.tgz#045511cfd8d133f3846673d1047c154e214ad3d5"
+  integrity sha512-bSn6gvGxKt+b7+6TKEv1ZycHleA7aHhRHyAqJyp5pbUFuYYNIzpZnQDk7AsYckyWdEnTeAnay0aCy2aV6iTk9A==
+  dependencies:
+    chardet "^0.4.0"
+    iconv-lite "^0.4.17"
+    tmp "^0.0.33"
+
 extglob@^0.3.1:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/extglob/-/extglob-0.3.2.tgz#2e18ff3d2f49ab2765cec9023f011daa8d8349a1"
@@ -3721,6 +3780,11 @@ fast-diff@^1.1.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.1.2.tgz#4b62c42b8e03de3f848460b639079920695d0154"
 
+fast-diff@^1.1.2:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
+  integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
+
 fast-json-stable-stringify@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz#d5142c0caee6b1189f87d3a76111064f86c8bbf2"
@@ -4075,6 +4139,11 @@ function-name-support@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/function-name-support/-/function-name-support-0.2.0.tgz#55d3bfaa6eafd505a50f9bc81fdf57564a0bb071"
 
+functional-red-black-tree@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
+  integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
+
 galactus@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/galactus/-/galactus-0.2.1.tgz#cbed2d20a40c1f5679a35908e2b9415733e78db9"
@@ -4247,7 +4316,12 @@ global@^4.3.0:
     min-document "^2.19.0"
     process "~0.5.1"
 
-globals@^9.14.0, globals@^9.18.0, globals@^9.2.0:
+globals@^11.0.1:
+  version "11.12.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
+  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
+
+globals@^9.18.0, globals@^9.2.0:
   version "9.18.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
 
@@ -4739,6 +4813,13 @@ iconv-lite@0.4.19:
   version "0.4.19"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.19.tgz#f7468f60135f5e5dad3399c0a81be9a1603a082b"
 
+iconv-lite@^0.4.17:
+  version "0.4.24"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
+  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3"
+
 iconv-lite@~0.2.11:
   version "0.2.11"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.2.11.tgz#1ce60a3a57864a292d1321ff4609ca4bb965adc8"
@@ -4771,6 +4852,11 @@ ignore@^3.0.9, ignore@^3.2.0:
   version "3.3.8"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.3.8.tgz#3f8e9c35d38708a3a7e0e9abb6c73e7ee7707b2b"
 
+ignore@^3.3.3:
+  version "3.3.10"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.3.10.tgz#0a97fb876986e8081c631160f8f9f389157f0043"
+  integrity sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==
+
 immutable@^3.8.1:
   version "3.8.2"
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.8.2.tgz#c2439951455bb39913daf281376f1530e104adf3"
@@ -4856,6 +4942,26 @@ inquirer@^0.12.0:
     strip-ansi "^3.0.0"
     through "^2.3.6"
 
+inquirer@^3.0.6:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.3.0.tgz#9dd2f2ad765dcab1ff0443b491442a20ba227dc9"
+  integrity sha512-h+xtnyk4EwKvFWHrUYsWErEVR+igKtLdchu+o0Z1RL7VU/jVMFbYir2bp6bAj8efFNxWqHX0dIss6fJQ+/+qeQ==
+  dependencies:
+    ansi-escapes "^3.0.0"
+    chalk "^2.0.0"
+    cli-cursor "^2.1.0"
+    cli-width "^2.0.0"
+    external-editor "^2.0.4"
+    figures "^2.0.0"
+    lodash "^4.3.0"
+    mute-stream "0.0.7"
+    run-async "^2.2.0"
+    rx-lite "^4.0.8"
+    rx-lite-aggregates "^4.0.8"
+    string-width "^2.1.0"
+    strip-ansi "^4.0.0"
+    through "^2.3.6"
+
 interpret@^0.6.4:
   version "0.6.6"
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-0.6.6.tgz#fecd7a18e7ce5ca6abfb953e1f86213a49f1625b"
@@ -5614,7 +5720,7 @@ js-tokens@^3.0.0, js-tokens@^3.0.2:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
 
-js-yaml@^3.10.0, js-yaml@^3.13.1, js-yaml@^3.5.1, js-yaml@^3.7.0, js-yaml@^3.8.1, js-yaml@^3.9.0:
+js-yaml@^3.10.0, js-yaml@^3.13.1, js-yaml@^3.5.1, js-yaml@^3.7.0, js-yaml@^3.8.1, js-yaml@^3.9.0, js-yaml@^3.9.1:
   version "3.13.1"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847"
   integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==
@@ -5781,6 +5887,11 @@ json-schema@0.2.3:
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
 
+json-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
+
 json-stable-stringify@^1.0.0, json-stable-stringify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz#9a759d39c5f2ff503fd5300646ed445f88c4f9af"
@@ -6663,6 +6774,11 @@ mute-stream@0.0.5:
   version "0.0.5"
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.5.tgz#8fbfabb0a98a253d3184331f9e8deb7372fac6c0"
 
+mute-stream@0.0.7:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
+  integrity sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=
+
 nan@^2.9.2:
   version "2.10.0"
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.10.0.tgz#96d0cd610ebd58d4b4de9cc0c6828cda99c7548f"
@@ -7088,7 +7204,7 @@ os-locale@^2.0.0:
     lcid "^1.0.0"
     mem "^1.1.0"
 
-os-tmpdir@^1.0.0, os-tmpdir@^1.0.1, os-tmpdir@~1.0.1:
+os-tmpdir@^1.0.0, os-tmpdir@^1.0.1, os-tmpdir@~1.0.1, os-tmpdir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
 
@@ -7245,7 +7361,7 @@ path-is-absolute@^1.0.0, path-is-absolute@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
 
-path-is-inside@^1.0.1:
+path-is-inside@^1.0.1, path-is-inside@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
 
@@ -7385,6 +7501,11 @@ pluralize@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-1.2.1.tgz#d1a21483fd22bb41e58a12fa3421823140897c45"
 
+pluralize@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-7.0.0.tgz#298b89df8b93b0221dbf421ad2b1b1ea23fc6777"
+  integrity sha512-ARhBOdzS3e41FbkW/XWrTEtukqqLoK5+Z/4UeDaLuSW+39JPeFgs4gCGqsrJHVZX0fUrx//4OF0K1CUGwlIFow==
+
 pn@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/pn/-/pn-1.1.0.tgz#e2f4cef0e219f463c179ab37463e4e1ecdccbafb"
@@ -7643,6 +7764,13 @@ preserve@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
 
+prettier-linter-helpers@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
+  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
+  dependencies:
+    fast-diff "^1.1.2"
+
 prettier@^1.18.2:
   version "1.18.2"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.18.2.tgz#6823e7c5900017b4bd3acf46fe9ac4b4d7bda9ea"
@@ -7701,6 +7829,11 @@ progress@^1.1.8:
   version "1.1.8"
   resolved "https://registry.yarnpkg.com/progress/-/progress-1.1.8.tgz#e260c78f6161cdd9b0e56cc3e0a85de17c7a57be"
 
+progress@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
 promise@^7.1.1:
   version "7.3.1"
   resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
@@ -8333,6 +8466,11 @@ regex-not@^1.0.0, regex-not@^1.0.2:
     extend-shallow "^3.0.2"
     safe-regex "^1.1.0"
 
+regexpp@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-1.1.0.tgz#0e3516dd0b7904f413d2d4193dce4618c3a689ab"
+  integrity sha512-LOPw8FpgdQF9etWMaAfG/WRthIdXJGYp4mJ2Jgn/2lpkbod9jPn0t9UqN7AxBOKNfzRbYyVfgc7Vk4t/MpnXgw==
+
 regexpu-core@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-2.0.0.tgz#49d038837b8dcf8bfa5b9a42139938e6ea2ae240"
@@ -8474,7 +8612,7 @@ require-precompiled@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/require-precompiled/-/require-precompiled-0.1.0.tgz#5a1b52eb70ebed43eb982e974c85ab59571e56fa"
 
-require-uncached@^1.0.2:
+require-uncached@^1.0.2, require-uncached@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/require-uncached/-/require-uncached-1.0.3.tgz#4e0d56d6c9662fd31e43011c4b95aa49955421d3"
   dependencies:
@@ -8566,6 +8704,13 @@ run-async@^0.1.0:
   dependencies:
     once "^1.3.0"
 
+run-async@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.3.0.tgz#0371ab4ae0bdd720d4166d7dfda64ff7a445a6c0"
+  integrity sha1-A3GrSuC91yDUFm19/aZP96RFpsA=
+  dependencies:
+    is-promise "^2.1.0"
+
 run-node@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/run-node/-/run-node-1.0.0.tgz#46b50b946a2aa2d4947ae1d886e9856fd9cabe5e"
@@ -8578,6 +8723,18 @@ rw@1:
   version "1.3.3"
   resolved "http://registry.npm.taobao.org/rw/download/rw-1.3.3.tgz#3f862dfa91ab766b14885ef4d01124bfda074fb4"
 
+rx-lite-aggregates@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz#753b87a89a11c95467c4ac1626c4efc4e05c67be"
+  integrity sha1-dTuHqJoRyVRnxKwWJsTvxOBcZ74=
+  dependencies:
+    rx-lite "*"
+
+rx-lite@*, rx-lite@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-4.0.8.tgz#0b1e11af8bc44836f04a6407e92da42467b79444"
+  integrity sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=
+
 rx-lite@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-3.1.2.tgz#19ce502ca572665f3b647b10939f97fd1615f102"
@@ -8863,7 +9020,7 @@ slice-ansi@0.0.4:
   version "0.0.4"
   resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-0.0.4.tgz#edbf8903f66f7ce2f8eafd6ceed65e264c831b35"
 
-slice-ansi@^1.0.0:
+slice-ansi@1.0.0, slice-ansi@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-1.0.0.tgz#044f1a49d8842ff307aad6b505ed178bd950134d"
   dependencies:
@@ -9184,7 +9341,7 @@ string-width@^1.0.1, string-width@^1.0.2:
     is-fullwidth-code-point "^1.0.0"
     strip-ansi "^3.0.0"
 
-"string-width@^1.0.2 || 2", string-width@^2.0.0, string-width@^2.1.1:
+"string-width@^1.0.2 || 2", string-width@^2.0.0, string-width@^2.1.0, string-width@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
   dependencies:
@@ -9378,6 +9535,18 @@ symbol-tree@^3.2.1, symbol-tree@^3.2.2:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.2.tgz#ae27db38f660a7ae2e1c3b7d1bc290819b8519e6"
 
+table@4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/table/-/table-4.0.2.tgz#a33447375391e766ad34d3486e6e2aedc84d2e36"
+  integrity sha512-UUkEAPdSGxtRpiV9ozJ5cMTtYiqz7Ni1OGqLXRCynrvzdtR1p+cfOWe2RJLwvUG8hNanaSRjecIqwOjqeatDsA==
+  dependencies:
+    ajv "^5.2.3"
+    ajv-keywords "^2.1.0"
+    chalk "^2.1.0"
+    lodash "^4.17.4"
+    slice-ansi "1.0.0"
+    string-width "^2.1.1"
+
 table@^3.7.8:
   version "3.8.3"
   resolved "https://registry.yarnpkg.com/table/-/table-3.8.3.tgz#2bbc542f0fda9861a755d3947fefd8b3f513855f"
@@ -9509,6 +9678,13 @@ tmp@0.0.28:
   dependencies:
     os-tmpdir "~1.0.1"
 
+tmp@^0.0.33:
+  version "0.0.33"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
+  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
+  dependencies:
+    os-tmpdir "~1.0.2"
+
 tmpl@1.0.x:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"