Merge branch 'master' into filter-tags-and-folders

# Conflicts:
#	browser/main/SideNav/index.js
#	locales/da.json
#	locales/de.json
#	locales/en.json
#	locales/es-ES.json
#	locales/fa.json
#	locales/fr.json
#	locales/hu.json
#	locales/it.json
#	locales/ja.json
#	locales/ko.json
#	locales/no.json
#	locales/pl.json
#	locales/pt-BR.json
#	locales/pt-PT.json
#	locales/ru.json
#	locales/sq.json
#	locales/th.json
#	locales/tr.json
#	locales/zh-CN.json
#	locales/zh-TW.json

.babelrc

@@ -7,7 +7,7 @@
     "test": {
       "presets": ["env" ,"react", "es2015"],
       "plugins": [
-        [ "babel-plugin-webpack-alias", { "config": "${PWD}/webpack.config.js" } ]
+        [ "babel-plugin-webpack-alias", { "config": "<rootDir>/webpack.config.js" } ]
       ]
     }
   }

.eslintrc

@@ -18,7 +18,9 @@
   "globals": {
     "FileReader": true,
     "localStorage": true,
-    "fetch": true
+    "fetch": true,
+    "Image": true,
+    "MutationObserver": true
   },
   "env": {
     "jest": true

.github/FUNDING.yml

@@ -0,0 +1 @@
+issuehunt: BoostIo/Boostnote

.gitignore

@@ -9,4 +9,5 @@ node_modules/*
 /secret
 *.log
 .idea
-.vscode
+.vscode
+package-lock.json

.travis.yml

@@ -3,7 +3,6 @@ node_js:
   - 8
 script:
   - npm run lint && npm run test
-  - yarn jest
   - 'if [[ ${TRAVIS_PULL_REQUEST_BRANCH:-$TRAVIS_BRANCH} = "master" ]]; then npm install -g grunt npm@6.4 && grunt pre-build; fi'
 after_success:
   - openssl aes-256-cbc -K $encrypted_440d7f9a3c38_key -iv $encrypted_440d7f9a3c38_iv

browser/components/CodeEditor.js

@@ -20,12 +20,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')
-import TurndownService from 'turndown'
+const buildEditorContextMenu = require('browser/lib/contextMenuBuilder').buildEditorContextMenu
+import { createTurndownService } from '../lib/turndown'
 import {languageMaps} from '../lib/CMLanguageList'
 import snippetManager from '../lib/SnippetManager'
 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'
+import prettier from 'prettier'
 
 CodeMirror.modeURL = '../node_modules/codemirror/mode/%N/%N.js'
 
@@ -38,38 +41,6 @@ function translateHotkey (hotkey) {
   return hotkey.replace(/\s*\+\s*/g, '-').replace(/Command/g, 'Cmd').replace(/Control/g, 'Ctrl')
 }
 
-const validatorOfMarkdown = (text, updateLinting) => {
-  const lintOptions = {
-    'strings': {
-      'content': text
-    }
-  }
-
-  return markdownlint(lintOptions, (err, result) => {
-    if (!err) {
-      const foundIssues = []
-      result.content.map(item => {
-        let ruleNames = ''
-        item.ruleNames.map((ruleName, index) => {
-          ruleNames += ruleName
-          if (index === item.ruleNames.length - 1) {
-            ruleNames += ': '
-          } else {
-            ruleNames += '/'
-          }
-        })
-        foundIssues.push({
-          from: CodeMirror.Pos(item.lineNumber, 0),
-          to: CodeMirror.Pos(item.lineNumber, 1),
-          message: ruleNames + item.ruleDescription,
-          severity: 'warning'
-        })
-      })
-      updateLinting(foundIssues)
-    }
-  })
-}
-
 export default class CodeEditor extends React.Component {
   constructor (props) {
     super(props)
@@ -83,6 +54,7 @@ export default class CodeEditor extends React.Component {
     this.focusHandler = () => {
       ipcRenderer.send('editor:focused', true)
     }
+    const debouncedDeletionOfAttachments = _.debounce(attachmentManagement.deleteAttachmentsNotPresentInNote, 30000)
     this.blurHandler = (editor, e) => {
       ipcRenderer.send('editor:focused', false)
       if (e == null) return null
@@ -94,16 +66,13 @@ export default class CodeEditor extends React.Component {
         el = el.parentNode
       }
       this.props.onBlur != null && this.props.onBlur(e)
-
       const {
         storageKey,
         noteKey
       } = this.props
-      attachmentManagement.deleteAttachmentsNotPresentInNote(
-        this.editor.getValue(),
-        storageKey,
-        noteKey
-      )
+      if (this.props.deleteUnusedAttachments === true) {
+        debouncedDeletionOfAttachments(this.editor.getValue(), storageKey, noteKey)
+      }
     }
     this.pasteHandler = (editor, e) => {
       e.preventDefault()
@@ -116,6 +85,8 @@ export default class CodeEditor extends React.Component {
     this.searchHandler = (e, msg) => this.handleSearch(msg)
     this.searchState = null
     this.scrollToLineHandeler = this.scrollToLine.bind(this)
+    this.getCodeEditorLintConfig = this.getCodeEditorLintConfig.bind(this)
+    this.validatorOfMarkdown = this.validatorOfMarkdown.bind(this)
 
     this.formatTable = () => this.handleFormatTable()
 
@@ -130,7 +101,7 @@ export default class CodeEditor extends React.Component {
 
     this.editorActivityHandler = () => this.handleEditorActivity()
 
-    this.turndownService = new TurndownService()
+    this.turndownService = createTurndownService()
   }
 
   handleSearch (msg) {
@@ -138,7 +109,7 @@ export default class CodeEditor extends React.Component {
     const component = this
 
     if (component.searchState) cm.removeOverlay(component.searchState)
-    if (msg.length < 3) return
+    if (msg.length < 1) return
 
     cm.operation(function () {
       component.searchState = makeOverlay(msg, 'searching')
@@ -233,23 +204,11 @@ export default class CodeEditor extends React.Component {
       'Cmd-T': function (cm) {
         // Do nothing
       },
-      'Ctrl-/': function (cm) {
-        if (global.process.platform === 'darwin') { return }
+      [translateHotkey(hotkey.insertDate)]: function (cm) {
         const dateNow = new Date()
         cm.replaceSelection(dateNow.toLocaleDateString())
       },
-      'Cmd-/': function (cm) {
-        if (global.process.platform !== 'darwin') { return }
-        const dateNow = new Date()
-        cm.replaceSelection(dateNow.toLocaleDateString())
-      },
-      'Shift-Ctrl-/': function (cm) {
-        if (global.process.platform === 'darwin') { return }
-        const dateNow = new Date()
-        cm.replaceSelection(dateNow.toLocaleString())
-      },
-      'Shift-Cmd-/': function (cm) {
-        if (global.process.platform !== 'darwin') { return }
+      [translateHotkey(hotkey.insertDateTime)]: function (cm) {
         const dateNow = new Date()
         cm.replaceSelection(dateNow.toLocaleString())
       },
@@ -260,6 +219,37 @@ export default class CodeEditor extends React.Component {
         }
         return CodeMirror.Pass
       },
+      [translateHotkey(hotkey.prettifyMarkdown)]: cm => {
+        // Default / User configured prettier options
+        const currentConfig = JSON.parse(self.props.prettierConfig)
+
+        // Parser type will always need to be markdown so we override the option before use
+        currentConfig.parser = 'markdown'
+
+        // Get current cursor position
+        const cursorPos = cm.getCursor()
+        currentConfig.cursorOffset = cm.doc.indexFromPos(cursorPos)
+
+        // Prettify contents of editor
+        const formattedTextDetails = prettier.formatWithCursor(cm.doc.getValue(), currentConfig)
+
+        const formattedText = formattedTextDetails.formatted
+        const formattedCursorPos = formattedTextDetails.cursorOffset
+        cm.doc.setValue(formattedText)
+
+        // Reset Cursor position to be at the same markdown as was before prettifying
+        const newCursorPos = cm.doc.posFromIndex(formattedCursorPos)
+        cm.doc.setCursor(newCursorPos)
+      },
+      [translateHotkey(hotkey.sortLines)]: cm => {
+        const selection = cm.doc.getSelection()
+        const appendLineBreak = /\n$/.test(selection)
+
+        const sorted = _.split(selection.trim(), '\n').sort()
+        const sortedString = _.join(sorted, '\n') + (appendLineBreak ? '\n' : '')
+
+        cm.doc.replaceSelection(sortedString)
+      },
       [translateHotkey(hotkey.pasteSmartly)]: cm => {
         this.handlePaste(cm, true)
       }
@@ -283,20 +273,19 @@ export default class CodeEditor extends React.Component {
   }
 
   componentDidMount () {
-    const { rulers, enableRulers } = this.props
+    const { rulers, enableRulers, enableMarkdownLint } = this.props
     eventEmitter.on('line:jump', this.scrollToLineHandeler)
 
     snippetManager.init()
     this.updateDefaultKeyMap()
 
-    const checkMarkdownNoteIsOpening = this.props.mode === 'Boost Flavored Markdown'
     this.value = this.props.value
     this.editor = CodeMirror(this.refs.root, {
       rulers: buildCMRulers(rulers, enableRulers),
       value: this.props.value,
       linesHighlighted: this.props.linesHighlighted,
       lineNumbers: this.props.displayLineNumbers,
-      lineWrapping: true,
+      lineWrapping: this.props.lineWrapping,
       theme: this.props.theme,
       indentUnit: this.props.indentSize,
       tabSize: this.props.indentSize,
@@ -306,10 +295,7 @@ export default class CodeEditor extends React.Component {
       inputStyle: 'textarea',
       dragDrop: false,
       foldGutter: true,
-      lint: checkMarkdownNoteIsOpening ? {
-        'getAnnotations': validatorOfMarkdown,
-        'async': true
-      } : false,
+      lint: enableMarkdownLint ? this.getCodeEditorLintConfig() : false,
       gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter', 'CodeMirror-lint-markers'],
       autoCloseBrackets: {
         pairs: this.props.matchingPairs,
@@ -317,9 +303,12 @@ export default class CodeEditor extends React.Component {
         explode: this.props.explodingPairs,
         override: true
       },
-      extraKeys: this.defaultKeyMap
+      extraKeys: this.defaultKeyMap,
+      prettierConfig: this.props.prettierConfig
     })
 
+    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)
     } else {
@@ -546,7 +535,9 @@ export default class CodeEditor extends React.Component {
     let needRefresh = false
     const {
       rulers,
-      enableRulers
+      enableRulers,
+      enableMarkdownLint,
+      customMarkdownLintConfig
     } = this.props
     if (prevProps.mode !== this.props.mode) {
       this.setMode(this.props.mode)
@@ -564,6 +555,16 @@ export default class CodeEditor extends React.Component {
     if (prevProps.keyMap !== this.props.keyMap) {
       needRefresh = true
     }
+    if (prevProps.enableMarkdownLint !== enableMarkdownLint || prevProps.customMarkdownLintConfig !== customMarkdownLintConfig) {
+      if (!enableMarkdownLint) {
+        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'
+      }
+      needRefresh = true
+    }
 
     if (
       prevProps.enableRulers !== enableRulers ||
@@ -584,6 +585,10 @@ export default class CodeEditor extends React.Component {
       this.editor.setOption('lineNumbers', this.props.displayLineNumbers)
     }
 
+    if (prevProps.lineWrapping !== this.props.lineWrapping) {
+      this.editor.setOption('lineWrapping', this.props.lineWrapping)
+    }
+
     if (prevProps.scrollPastEnd !== this.props.scrollPastEnd) {
       this.editor.setOption('scrollPastEnd', this.props.scrollPastEnd)
     }
@@ -638,12 +643,65 @@ export default class CodeEditor extends React.Component {
         this.editor.addPanel(this.createSpellCheckPanel(), {position: 'bottom'})
       }
     }
+    if (prevProps.deleteUnusedAttachments !== this.props.deleteUnusedAttachments) {
+      this.editor.setOption('deleteUnusedAttachments', this.props.deleteUnusedAttachments)
+    }
 
     if (needRefresh) {
       this.editor.refresh()
     }
   }
 
+  getCodeEditorLintConfig () {
+    const { mode } = this.props
+    const checkMarkdownNoteIsOpen = mode === 'Boost Flavored Markdown'
+
+    return checkMarkdownNoteIsOpen ? {
+      getAnnotations: this.validatorOfMarkdown,
+      async: true
+    } : false
+  }
+
+  validatorOfMarkdown (text, updateLinting) {
+    const { customMarkdownLintConfig } = this.props
+    let lintConfigJson
+    try {
+      Jsonlint.parse(customMarkdownLintConfig)
+      lintConfigJson = JSON.parse(customMarkdownLintConfig)
+    } catch (err) {
+      eventEmitter.emit('APP_SETTING_ERROR')
+      return
+    }
+    const lintOptions = {
+      strings: {
+        content: text
+      },
+      config: lintConfigJson
+    }
+
+    return markdownlint(lintOptions, (err, result) => {
+      if (!err) {
+        const foundIssues = []
+        const splitText = text.split('\n')
+        result.content.map(item => {
+          let ruleNames = ''
+          item.ruleNames.map((ruleName, index) => {
+            ruleNames += ruleName
+            ruleNames += (index === item.ruleNames.length - 1) ? ': ' : '/'
+          })
+          const lineNumber = item.lineNumber - 1
+          foundIssues.push({
+            from: CodeMirror.Pos(lineNumber, 0),
+            to: CodeMirror.Pos(lineNumber, splitText[lineNumber].length),
+            message: ruleNames + item.ruleDescription,
+            severity: 'warning'
+          })
+        })
+        updateLinting(foundIssues)
+      }
+    })
+  }
+
   setMode (mode) {
     let syntax = CodeMirror.findModeByName(convertModeName(mode || 'text'))
     if (syntax == null) syntax = CodeMirror.findModeByName('Plain Text')
@@ -816,6 +874,17 @@ export default class CodeEditor extends React.Component {
     this.editor.setCursor(cursor)
   }
 
+  /**
+   * Update content of one line
+   * @param {Number} lineNumber
+   * @param {String} 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 })
+  }
+
   handleDropImage (dropEvent) {
     dropEvent.preventDefault()
     const {
@@ -1105,13 +1174,11 @@ export default class CodeEditor extends React.Component {
       }
       ref='root'
       tabIndex='-1'
-      style={
-      {
+      style={{
         fontFamily,
         fontSize: fontSize,
         width: width
-      }
-      }
+      }}
       onDrop={
         e => this.handleDropImage(e)
       }
@@ -1149,7 +1216,10 @@ CodeEditor.propTypes = {
   onChange: PropTypes.func,
   readOnly: PropTypes.bool,
   autoDetect: PropTypes.bool,
-  spellCheck: PropTypes.bool
+  spellCheck: PropTypes.bool,
+  enableMarkdownLint: PropTypes.bool,
+  customMarkdownLintConfig: PropTypes.string,
+  deleteUnusedAttachments: PropTypes.bool
 }
 
 CodeEditor.defaultProps = {
@@ -1161,5 +1231,9 @@ CodeEditor.defaultProps = {
   indentSize: 4,
   indentType: 'space',
   autoDetect: false,
-  spellCheck: false
+  spellCheck: false,
+  enableMarkdownLint: DEFAULT_CONFIG.editor.enableMarkdownLint,
+  customMarkdownLintConfig: DEFAULT_CONFIG.editor.customMarkdownLintConfig,
+  prettierConfig: DEFAULT_CONFIG.editor.prettierConfig,
+  deleteUnusedAttachments: DEFAULT_CONFIG.editor.deleteUnusedAttachments
 }

browser/components/MarkdownEditor.js

@@ -119,7 +119,7 @@ class MarkdownEditor extends React.Component {
         status: 'PREVIEW'
       }, () => {
         this.refs.preview.focus()
-        this.refs.preview.scrollTo(cursorPosition.line)
+        this.refs.preview.scrollToRow(cursorPosition.line)
       })
       eventEmitter.emit('topbar:togglelockbutton', this.state.status)
     }
@@ -159,24 +159,25 @@ class MarkdownEditor extends React.Component {
     e.preventDefault()
     e.stopPropagation()
     const idMatch = /checkbox-([0-9]+)/
-    const checkedMatch = /^\s*[\+\-\*] \[x\]/i
-    const uncheckedMatch = /^\s*[\+\-\*] \[ \]/
-    const checkReplace = /\[x\]/i
-    const uncheckReplace = /\[ \]/
+    const checkedMatch = /^(\s*>?)*\s*[+\-*] \[x]/i
+    const uncheckedMatch = /^(\s*>?)*\s*[+\-*] \[ ]/
+    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 targetLine = lines[lineIndex]
+      let newLine = targetLine
 
       if (targetLine.match(checkedMatch)) {
-        lines[lineIndex] = targetLine.replace(checkReplace, '[ ]')
+        newLine = targetLine.replace(checkReplace, '[ ]')
       }
       if (targetLine.match(uncheckedMatch)) {
-        lines[lineIndex] = targetLine.replace(uncheckReplace, '[x]')
+        newLine = targetLine.replace(uncheckReplace, '[x]')
       }
-      this.refs.code.setValue(lines.join('\n'))
+      this.refs.code.setLineContent(lineIndex, newLine)
     }
   }
 
@@ -304,6 +305,7 @@ class MarkdownEditor extends React.Component {
           enableRulers={config.editor.enableRulers}
           rulers={config.editor.rulers}
           displayLineNumbers={config.editor.displayLineNumbers}
+          lineWrapping
           matchingPairs={config.editor.matchingPairs}
           matchingTriples={config.editor.matchingTriples}
           explodingPairs={config.editor.explodingPairs}
@@ -319,6 +321,10 @@ class MarkdownEditor extends React.Component {
           enableSmartPaste={config.editor.enableSmartPaste}
           hotkey={config.hotkey}
           switchPreview={config.editor.switchPreview}
+          enableMarkdownLint={config.editor.enableMarkdownLint}
+          customMarkdownLintConfig={config.editor.customMarkdownLintConfig}
+          prettierConfig={config.editor.prettierConfig}
+          deleteUnusedAttachments={config.editor.deleteUnusedAttachments}
         />
         <MarkdownPreview styleName={this.state.status === 'PREVIEW'
             ? 'preview'
@@ -338,6 +344,7 @@ class MarkdownEditor extends React.Component {
           smartArrows={config.preview.smartArrows}
           breaks={config.preview.breaks}
           sanitize={config.preview.sanitize}
+          mermaidHTMLLabel={config.preview.mermaidHTMLLabel}
           ref='preview'
           onContextMenu={(e) => this.handleContextMenu(e)}
           onDoubleClick={(e) => this.handleDoubleClick(e)}

browser/components/MarkdownPreview.js

@@ -18,15 +18,13 @@ import mdurl from 'mdurl'
 import exportNote from 'browser/main/lib/dataApi/exportNote'
 import { escapeHtmlCharacters } from 'browser/lib/utils'
 import yaml from 'js-yaml'
-import context from 'browser/lib/context'
-import i18n from 'browser/lib/i18n'
-import fs from 'fs'
 import { render } from 'react-dom'
 import Carousel from 'react-image-carousel'
 import ConfigManager from '../main/lib/ConfigManager'
 
 const { remote, shell } = require('electron')
 const attachmentManagement = require('../main/lib/dataApi/attachmentManagement')
+const buildMarkdownPreviewContextMenu = require('browser/lib/contextMenuBuilder').buildMarkdownPreviewContextMenu
 
 const { app } = remote
 const path = require('path')
@@ -34,8 +32,6 @@ const fileUrl = require('file-url')
 
 const dialog = remote.dialog
 
-const uri2path = require('file-uri-to-path')
-
 const markdownStyle = require('!!css!stylus?sourceMap!./markdown.styl')[0][1]
 const appPath = fileUrl(
   process.env.NODE_ENV === 'production' ? app.getAppPath() : path.resolve()
@@ -46,16 +42,29 @@ const CSS_FILES = [
   `${appPath}/node_modules/react-image-carousel/lib/css/main.min.css`
 ]
 
-function buildStyle (
-  fontFamily,
-  fontSize,
-  codeBlockFontFamily,
-  lineNumber,
-  scrollPastEnd,
-  theme,
-  allowCustomCSS,
-  customCSS
-) {
+/**
+ * @param {Object} opts
+ * @param {String} opts.fontFamily
+ * @param {Numberl} opts.fontSize
+ * @param {String} opts.codeBlockFontFamily
+ * @param {String} opts.theme
+ * @param {Boolean} [opts.lineNumber] Should show line number
+ * @param {Boolean} [opts.scrollPastEnd]
+ * @param {Boolean} [opts.allowCustomCSS] Should add custom css
+ * @param {String} [opts.customCSS] Will be added to bottom, only if `opts.allowCustomCSS` is truthy
+ * @returns {String}
+ */
+function buildStyle (opts) {
+  const {
+    fontFamily,
+    fontSize,
+    codeBlockFontFamily,
+    lineNumber,
+    scrollPastEnd,
+    theme,
+    allowCustomCSS,
+    customCSS
+  } = opts
   return `
 @font-face {
   font-family: 'Lato';
@@ -85,12 +94,17 @@ function buildStyle (
        url('${appPath}/resources/fonts/MaterialIcons-Regular.woff') format('woff'),
        url('${appPath}/resources/fonts/MaterialIcons-Regular.ttf') format('truetype');
 }
+
 ${markdownStyle}
 
 body {
   font-family: '${fontFamily.join("','")}';
   font-size: ${fontSize}px;
-  ${scrollPastEnd && 'padding-bottom: 90vh;'}
+  ${scrollPastEnd ? `
+    padding-bottom: 90vh;
+    box-sizing: border-box;
+    `
+    : ''}
 }
 @media print {
   body {
@@ -166,6 +180,10 @@ const scrollBarStyle = `
 ::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.15);
 }
+
+::-webkit-scrollbar-track-piece {
+  background-color: inherit;
+}
 `
 const scrollBarDarkStyle = `
 ::-webkit-scrollbar {
@@ -175,6 +193,10 @@ const scrollBarDarkStyle = `
 ::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.3);
 }
+
+::-webkit-scrollbar-track-piece {
+  background-color: inherit;
+}
 `
 
 const OSX = global.process.platform === 'darwin'
@@ -249,30 +271,12 @@ export default class MarkdownPreview extends React.Component {
   }
 
   handleContextMenu (event) {
-    // If a contextMenu handler was passed to us, use it instead of the self-defined one -> return
-    if (_.isFunction(this.props.onContextMenu)) {
+    const menu = buildMarkdownPreviewContextMenu(this, event)
+    const switchPreview = ConfigManager.get().editor.switchPreview
+    if (menu != null && switchPreview !== 'RIGHTCLICK') {
+      menu.popup(remote.getCurrentWindow())
+    } else if (_.isFunction(this.props.onContextMenu)) {
       this.props.onContextMenu(event)
-      return
-    }
-    // No contextMenu was passed to us -> execute our own link-opener
-    if (event.target.tagName.toLowerCase() === 'a' && event.target.getAttribute('href')) {
-      const href = event.target.href
-      const isLocalFile = href.startsWith('file:')
-      if (isLocalFile) {
-        const absPath = uri2path(href)
-        try {
-          if (fs.lstatSync(absPath).isFile()) {
-            context.popup([
-              {
-                label: i18n.__('Show in explorer'),
-                click: (e) => shell.showItemInFolder(absPath)
-              }
-            ])
-          }
-        } catch (e) {
-          console.log('Error while evaluating if the file is locally available', e)
-        }
-      }
     }
   }
 
@@ -334,7 +338,7 @@ export default class MarkdownPreview extends React.Component {
       customCSS
     } = this.getStyleParams()
 
-    const inlineStyles = buildStyle(
+    const inlineStyles = buildStyle({
       fontFamily,
       fontSize,
       codeBlockFontFamily,
@@ -343,9 +347,13 @@ export default class MarkdownPreview extends React.Component {
       theme,
       allowCustomCSS,
       customCSS
-    )
+    })
     let body = this.markdown.render(noteContent)
-    const files = [this.GetCodeThemeLink(codeBlockTheme), ...CSS_FILES]
+    body = attachmentManagement.fixLocalURLS(
+      body,
+      this.props.storagePath
+    )
+    const files = [this.getCodeThemeLink(codeBlockTheme), ...CSS_FILES]
     files.forEach(file => {
       if (global.process.platform === 'win32') {
         file = file.replace('file:///', '')
@@ -381,7 +389,7 @@ export default class MarkdownPreview extends React.Component {
 
   handleSaveAsPdf () {
     this.exportAsDocument('pdf', (noteContent, exportTasks, targetDir) => {
-      const printout = new remote.BrowserWindow({show: false, webPreferences: {webSecurity: false}})
+      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', () => {
@@ -576,16 +584,19 @@ export default class MarkdownPreview extends React.Component {
   }
 
   componentDidUpdate (prevProps) {
-    if (prevProps.value !== this.props.value) this.rewriteIframe()
+    // actual rewriteIframe function should be called only once
+    let needsRewriteIframe = false
+    if (prevProps.value !== this.props.value) needsRewriteIframe = true
     if (
       prevProps.smartQuotes !== this.props.smartQuotes ||
       prevProps.sanitize !== this.props.sanitize ||
+      prevProps.mermaidHTMLLabel !== this.props.mermaidHTMLLabel ||
       prevProps.smartArrows !== this.props.smartArrows ||
       prevProps.breaks !== this.props.breaks ||
       prevProps.lineThroughCheckbox !== this.props.lineThroughCheckbox
     ) {
       this.initMarkdown()
-      this.rewriteIframe()
+      needsRewriteIframe = true
     }
     if (
       prevProps.fontFamily !== this.props.fontFamily ||
@@ -600,8 +611,17 @@ export default class MarkdownPreview extends React.Component {
       prevProps.customCSS !== this.props.customCSS
     ) {
       this.applyStyle()
+      needsRewriteIframe = true
+    }
+
+    if (needsRewriteIframe) {
       this.rewriteIframe()
     }
+
+    // Should scroll to top after selecting another note
+    if (prevProps.noteKey !== this.props.noteKey) {
+      this.scrollTo(0, 0)
+    }
   }
 
   getStyleParams () {
@@ -657,8 +677,8 @@ export default class MarkdownPreview extends React.Component {
 
     this.getWindow().document.getElementById(
       'codeTheme'
-    ).href = this.GetCodeThemeLink(codeBlockTheme)
-    this.getWindow().document.getElementById('style').innerHTML = buildStyle(
+    ).href = this.getCodeThemeLink(codeBlockTheme)
+    this.getWindow().document.getElementById('style').innerHTML = buildStyle({
       fontFamily,
       fontSize,
       codeBlockFontFamily,
@@ -667,17 +687,15 @@ export default class MarkdownPreview extends React.Component {
       theme,
       allowCustomCSS,
       customCSS
-    )
+    })
   }
 
-  GetCodeThemeLink (name) {
+  getCodeThemeLink (name) {
     const theme = consts.THEMES.find(theme => theme.name === name)
 
-    if (theme) {
-      return `${appPath}/${theme.path}`
-    } else {
-      return `${appPath}/node_modules/codemirror/theme/elegant.css`
-    }
+    return theme != null
+      ? theme.path
+      : `${appPath}/node_modules/codemirror/theme/elegant.css`
   }
 
   rewriteIframe () {
@@ -703,7 +721,8 @@ export default class MarkdownPreview extends React.Component {
       showCopyNotification,
       storagePath,
       noteKey,
-      sanitize
+      sanitize,
+      mermaidHTMLLabel
     } = this.props
     let { value, codeBlockTheme } = this.props
 
@@ -835,6 +854,7 @@ export default class MarkdownPreview extends React.Component {
             canvas.height = height.value + 'vh'
           }
 
+          // eslint-disable-next-line no-unused-vars
           const chart = new Chart(canvas, chartConfig)
         } catch (e) {
           el.className = 'chart-error'
@@ -845,7 +865,7 @@ export default class MarkdownPreview extends React.Component {
     _.forEach(
       this.refs.root.contentWindow.document.querySelectorAll('.mermaid'),
       el => {
-        mermaidRender(el, htmlTextHelper.decodeEntities(el.innerHTML), theme)
+        mermaidRender(el, htmlTextHelper.decodeEntities(el.innerHTML), theme, mermaidHTMLLabel)
       }
     )
 
@@ -895,6 +915,12 @@ export default class MarkdownPreview extends React.Component {
       this.setImgOnClickEventHelper(img, rect)
       imgObserver.observe(parentEl, config)
     }
+
+    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) {
@@ -967,8 +993,6 @@ export default class MarkdownPreview extends React.Component {
       overlay.appendChild(zoomImg)
       document.body.appendChild(overlay)
     }
-
-    this.getWindow().scrollTo(0, 0)
   }
 
   focus () {
@@ -979,7 +1003,11 @@ export default class MarkdownPreview extends React.Component {
     return this.refs.root.contentWindow
   }
 
-  scrollTo (targetRow) {
+  /**
+   * @public
+   * @param {Number} targetRow
+   */
+  scrollToRow (targetRow) {
     const blocks = this.getWindow().document.querySelectorAll(
       'body>[data-line]'
     )
@@ -989,12 +1017,21 @@ export default class MarkdownPreview extends React.Component {
       const row = parseInt(block.getAttribute('data-line'))
       if (row > targetRow || index === blocks.length - 1) {
         block = blocks[index - 1]
-        block != null && this.getWindow().scrollTo(0, block.offsetTop)
+        block != null && this.scrollTo(0, block.offsetTop)
         break
       }
     }
   }
 
+  /**
+   * `document.body.scrollTo`
+   * @param {Number} x
+   * @param {Number} y
+   */
+  scrollTo (x, y) {
+    this.getWindow().document.body.scrollTo(x, y)
+  }
+
   preventImageDroppedHandler (e) {
     e.preventDefault()
     e.stopPropagation()
@@ -1015,22 +1052,32 @@ export default class MarkdownPreview extends React.Component {
     e.preventDefault()
     e.stopPropagation()
 
-    const href = e.target.getAttribute('href')
-    const linkHash = href.split('/').pop()
+    const rawHref = e.target.getAttribute('href')
+    if (!rawHref) return // not checked href because parser will create file://... string for [empty link]()
 
-    if (!href) return
+    const parser = document.createElement('a')
+    parser.href = rawHref
+    const isStartWithHash = rawHref[0] === '#'
+    const { href, hash } = parser
 
-    const regexNoteInternalLink = /main.html#(.+)/
-    if (regexNoteInternalLink.test(linkHash)) {
-      const targetId = mdurl.encode(linkHash.match(regexNoteInternalLink)[1])
-      const targetElement = this.refs.root.contentWindow.document.getElementById(
-        targetId
-      )
+    const linkHash = hash === '' ? rawHref : hash // needed because we're having special link formats that are removed by parser e.g. :line:10
 
-      if (targetElement != null) {
-        this.getWindow().scrollTo(0, targetElement.offsetTop)
+    const extractIdRegex = /file:\/\/.*main.?\w*.html#/ // file://path/to/main(.development.)html
+    const regexNoteInternalLink = new RegExp(`${extractIdRegex.source}(.+)`)
+    if (isStartWithHash || regexNoteInternalLink.test(rawHref)) {
+      const posOfHash = linkHash.indexOf('#')
+      if (posOfHash > -1) {
+        const extractedId = linkHash.slice(posOfHash + 1)
+        const targetId = mdurl.encode(extractedId)
+        const targetElement = this.getWindow().document.getElementById(
+          targetId
+        )
+
+        if (targetElement != null) {
+          this.scrollTo(0, targetElement.offsetTop)
+        }
+        return
       }
-      return
     }
 
     // this will match the new uuid v4 hash and the old hash

browser/components/MarkdownSplitEditor.js

@@ -78,24 +78,25 @@ class MarkdownSplitEditor extends React.Component {
     e.preventDefault()
     e.stopPropagation()
     const idMatch = /checkbox-([0-9]+)/
-    const checkedMatch = /^\s*[\+\-\*] \[x\]/i
-    const uncheckedMatch = /^\s*[\+\-\*] \[ \]/
-    const checkReplace = /\[x\]/i
-    const uncheckReplace = /\[ \]/
+    const checkedMatch = /^(\s*>?)*\s*[+\-*] \[x]/i
+    const uncheckedMatch = /^(\s*>?)*\s*[+\-*] \[ ]/
+    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 targetLine = lines[lineIndex]
+      let newLine = targetLine
 
       if (targetLine.match(checkedMatch)) {
-        lines[lineIndex] = targetLine.replace(checkReplace, '[ ]')
+        newLine = targetLine.replace(checkReplace, '[ ]')
       }
       if (targetLine.match(uncheckedMatch)) {
-        lines[lineIndex] = targetLine.replace(uncheckReplace, '[x]')
+        newLine = targetLine.replace(uncheckReplace, '[x]')
       }
-      this.refs.code.setValue(lines.join('\n'))
+      this.refs.code.setLineContent(lineIndex, newLine)
     }
   }
 
@@ -150,7 +151,6 @@ class MarkdownSplitEditor extends React.Component {
         onMouseMove={e => this.handleMouseMove(e)}
         onMouseUp={e => this.handleMouseUp(e)}>
         <CodeEditor
-          styleName='codeEditor'
           ref='code'
           width={this.state.codeEditorWidthInPercent + '%'}
           mode='Boost Flavored Markdown'
@@ -160,6 +160,7 @@ class MarkdownSplitEditor extends React.Component {
           fontFamily={config.editor.fontFamily}
           fontSize={editorFontSize}
           displayLineNumbers={config.editor.displayLineNumbers}
+          lineWrapping
           matchingPairs={config.editor.matchingPairs}
           matchingTriples={config.editor.matchingTriples}
           explodingPairs={config.editor.explodingPairs}
@@ -179,13 +180,15 @@ class MarkdownSplitEditor extends React.Component {
           enableSmartPaste={config.editor.enableSmartPaste}
           hotkey={config.hotkey}
           switchPreview={config.editor.switchPreview}
+          enableMarkdownLint={config.editor.enableMarkdownLint}
+          customMarkdownLintConfig={config.editor.customMarkdownLintConfig}
+          deleteUnusedAttachments={config.editor.deleteUnusedAttachments}
        />
         <div styleName='slider' style={{left: this.state.codeEditorWidthInPercent + '%'}} onMouseDown={e => this.handleMouseDown(e)} >
           <div styleName='slider-hitbox' />
         </div>
         <MarkdownPreview
           style={previewStyle}
-          styleName='preview'
           theme={config.ui.theme}
           keyMap={config.editor.keyMap}
           fontSize={config.preview.fontSize}
@@ -198,6 +201,7 @@ class MarkdownSplitEditor extends React.Component {
           smartArrows={config.preview.smartArrows}
           breaks={config.preview.breaks}
           sanitize={config.preview.sanitize}
+          mermaidHTMLLabel={config.preview.mermaidHTMLLabel}
           ref='preview'
           tabInde='0'
           value={value}

browser/components/MarkdownSplitEditor.styl

@@ -8,9 +8,30 @@
     top -2px
     width 0
     z-index 0
+    border-left 1px solid $ui-borderColor
   .slider-hitbox
     absolute top bottom left right
     width 7px
     left -3px
     z-index 10
     cursor col-resize
+
+body[data-theme="dark"]
+  .root
+    .slider
+      border-left 1px solid $ui-dark-borderColor
+
+body[data-theme="solarized-dark"]
+  .root
+    .slider
+      border-left 1px solid $ui-solarized-dark-borderColor
+
+body[data-theme="monokai"]
+  .root
+    .slider
+      border-left 1px solid $ui-monokai-borderColor
+
+body[data-theme="dracula"]
+  .root
+    .slider
+      border-left 1px solid $ui-dracula-borderColor

browser/components/ModalEscButton.js

@@ -8,7 +8,7 @@ const ModalEscButton = ({
 }) => (
   <button styleName='escButton' onClick={handleEscButtonClick}>
     <div styleName='esc-mark'>×</div>
-    <div styleName='esc-text'>esc</div>
+    <div>esc</div>
   </button>
 )
 

browser/components/NoteItem.js

@@ -3,7 +3,7 @@
  */
 import PropTypes from 'prop-types'
 import React from 'react'
-import { isArray } from 'lodash'
+import { isArray, sortBy } from 'lodash'
 import invertColor from 'invert-color'
 import CSSModules from 'browser/lib/CSSModules'
 import { getTodoStatus } from 'browser/lib/getTodoStatus'
@@ -43,7 +43,7 @@ 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] }))
   }
@@ -148,15 +148,14 @@ NoteItem.propTypes = {
     tags: PropTypes.array,
     isStarred: PropTypes.bool.isRequired,
     isTrashed: PropTypes.bool.isRequired,
-    blog: {
+    blog: PropTypes.shape({
       blogLink: PropTypes.string,
       blogId: PropTypes.number
-    }
+    })
   }),
   handleNoteClick: PropTypes.func.isRequired,
   handleNoteContextMenu: PropTypes.func.isRequired,
-  handleDragStart: PropTypes.func.isRequired,
-  handleDragEnd: PropTypes.func.isRequired
+  handleDragStart: PropTypes.func.isRequired
 }
 
 export default CSSModules(NoteItem, styles)

browser/components/SideNavFilter.js

@@ -74,7 +74,7 @@ SideNavFilter.propTypes = {
   isStarredActive: PropTypes.bool.isRequired,
   isTrashedActive: PropTypes.bool.isRequired,
   handleStarredButtonClick: PropTypes.func.isRequired,
-  handleTrashdButtonClick: PropTypes.func.isRequired
+  handleTrashedButtonClick: PropTypes.func.isRequired
 }
 
 export default CSSModules(SideNavFilter, styles)

browser/components/SnippetTab.js

@@ -114,7 +114,7 @@ class SnippetTab extends React.Component {
           >
             {snippet.name.trim().length > 0
               ? snippet.name
-              : <span styleName='button-unnamed'>
+              : <span>
                 {i18n.__('Unnamed')}
               </span>
             }

browser/components/TodoProcess.js

@@ -25,10 +25,10 @@ const TodoProcess = ({
 )
 
 TodoProcess.propTypes = {
-  todoStatus: {
+  todoStatus: PropTypes.exact({
     total: PropTypes.number.isRequired,
     completed: PropTypes.number.isRequired
-  }
+  })
 }
 
 export default CSSModules(TodoProcess, styles)

browser/components/markdown.styl

@@ -363,7 +363,10 @@ admonition_types = {
     danger: {color: #c2185b, icon: "block"},
     caution: {color: #ffa726, icon: "warning"},
     error: {color: #d32f2f, icon: "error_outline"},
-    attention: {color: #455a64, icon: "priority_high"}
+    question: {color: #64dd17, icon: "help_outline"},
+    quote: {color: #9e9e9e, icon: "format_quote"},
+    abstract: {color: #00b0ff, icon: "subject"},
+    attention: {color: #455a64, icon: "priority_high"},
 }
 
 for name, val in admonition_types

browser/components/render/MermaidRender.js

@@ -19,7 +19,7 @@ function getId () {
   return id
 }
 
-function render (element, content, theme) {
+function render (element, content, theme, enableHTMLLabel) {
   try {
     const height = element.attributes.getNamedItem('data-height')
     if (height && height.value !== 'undefined') {
@@ -29,7 +29,8 @@ function render (element, content, theme) {
     mermaidAPI.initialize({
       theme: isDarkTheme ? 'dark' : 'default',
       themeCSS: isDarkTheme ? darkThemeStyling : '',
-      useMaxWidth: false
+      useMaxWidth: false,
+      flowchart: { htmlLabels: enableHTMLLabel }
     })
     mermaidAPI.render(getId(), content, (svgGraph) => {
       element.innerHTML = svgGraph

browser/lib/CSSModules.js

@@ -1,5 +1,5 @@
 import CSSModules from 'react-css-modules'
 
 export default function (component, styles) {
-  return CSSModules(component, styles, {errorWhenNotFound: false})
+  return CSSModules(component, styles, {handleNotFoundStyleName: 'log'})
 }

browser/lib/Languages.js

@@ -11,6 +11,10 @@ const languages = [
     name: 'Chinese (zh-TW)',
     locale: 'zh-TW'
   },
+  {
+    name: 'Czech',
+    locale: 'cs'
+  },
   {
     name: 'Danish',
     locale: 'da'
@@ -62,10 +66,12 @@ const languages = [
   {
     name: 'Spanish',
     locale: 'es-ES'
-  }, {
+  },
+  {
     name: 'Turkish',
     locale: 'tr'
-  }, {
+  },
+  {
     name: 'Thai',
     locale: 'th'
   }
@@ -82,4 +88,3 @@ module.exports = {
     return languages
   }
 }
-

browser/lib/confirmDeleteNote.js

@@ -6,7 +6,7 @@ const { dialog } = remote
 export function confirmDeleteNote (confirmDeletion, permanent) {
   if (confirmDeletion || permanent) {
     const alertConfig = {
-      ype: 'warning',
+      type: 'warning',
       message: i18n.__('Confirm note deletion'),
       detail: i18n.__('This will permanently remove this note.'),
       buttons: [i18n.__('Confirm'), i18n.__('Cancel')]

browser/lib/consts.js

@@ -7,6 +7,7 @@ const CODEMIRROR_THEME_PATH = 'node_modules/codemirror/theme'
 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)
@@ -18,7 +19,7 @@ const themes = paths
 
     return {
       name,
-      path: path.join(directory.split(/\//g).slice(-3).join('/'), file),
+      path: path.join(directory, file),
       className: `cm-s-${name}`
     }
   }))
@@ -27,17 +28,16 @@ const themes = paths
 
 themes.splice(themes.findIndex(({ name }) => name === 'solarized'), 1, {
   name: 'solarized dark',
-  path: `${CODEMIRROR_THEME_PATH}/solarized.css`,
+  path: path.join(paths[0], 'solarized.css'),
   className: `cm-s-solarized cm-s-dark`
 }, {
   name: 'solarized light',
-  path: `${CODEMIRROR_THEME_PATH}/solarized.css`,
+  path: path.join(paths[0], 'solarized.css'),
   className: `cm-s-solarized cm-s-light`
 })
-
 themes.splice(0, 0, {
   name: 'default',
-  path: `${CODEMIRROR_THEME_PATH}/elegant.css`,
+  path: path.join(paths[0], 'elegant.css'),
   className: `cm-s-default`
 })
 

browser/lib/contextMenuBuilder.js

@@ -1,6 +1,12 @@
+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 spellcheck = require('./spellcheck')
+const uri2path = require('file-uri-to-path')
 
 /**
  * Creates the context menu that is shown when there is a right click in the editor of a (not-snippet) note.
@@ -62,4 +68,57 @@ const buildEditorContextMenu = function (editor, event) {
   return Menu.buildFromTemplate(template)
 }
 
-module.exports = buildEditorContextMenu
+/**
+ * Creates the context menu that is shown when there is a right click Markdown preview of a (not-snippet) note.
+ * @param {MarkdownPreview} markdownPreview
+ * @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) {
+    return null
+  }
+
+  // Default context menu inclusions
+  const template = [{
+    role: 'copy'
+  }, {
+    role: 'selectall'
+  }]
+
+  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:')
+    if (isLocalFile) {
+      const absPath = uri2path(href)
+      try {
+        if (fs.lstatSync(absPath).isFile()) {
+          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)
+      }
+    }
+
+    // Add option to context menu to copy url
+    template.push(
+      {
+        label: i18n.__('Copy Url'),
+        click: (e) => clipboard.writeText(href)
+      }
+    )
+  }
+  return Menu.buildFromTemplate(template)
+}
+
+module.exports =
+{
+  buildEditorContextMenu: buildEditorContextMenu,
+  buildMarkdownPreviewContextMenu: buildMarkdownPreviewContextMenu
+}

browser/lib/customMeta.js

@@ -1,5 +1,10 @@
 import CodeMirror from 'codemirror'
 import 'codemirror-mode-elixir'
 
-CodeMirror.modeInfo.push({name: 'Stylus', mime: 'text/x-styl', mode: 'stylus', ext: ['styl'], alias: ['styl']})
+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']})
+} else {
+  stylusCodeInfo.alias = ['styl']
+}
 CodeMirror.modeInfo.push({name: 'Elixir', mime: 'text/x-elixir', mode: 'elixir', ext: ['ex']})

browser/lib/getTodoStatus.js

@@ -4,11 +4,11 @@ export function getTodoStatus (content) {
   let numberOfCompletedTodo = 0
 
   splitted.forEach((line) => {
-    const trimmedLine = line.trim()
-    if (trimmedLine.match(/^[\+\-\*] \[(\s|x)\] ./i)) {
+    const trimmedLine = line.trim().replace(/^(>\s*)*/, '')
+    if (trimmedLine.match(/^[+\-*] \[(\s|x)] ./i)) {
       numberOfTodo++
     }
-    if (trimmedLine.match(/^[\+\-\*] \[x\] ./i)) {
+    if (trimmedLine.match(/^[+\-*] \[x] ./i)) {
       numberOfCompletedTodo++
     }
   })

browser/lib/keygen.js

@@ -1,5 +1,4 @@
 const crypto = require('crypto')
-const _ = require('lodash')
 const uuidv4 = require('uuid/v4')
 
 module.exports = function (uuid) {

browser/lib/markdown-it-sanitize-html.js

@@ -15,7 +15,7 @@ module.exports = function sanitizePlugin (md, options) {
           options
         )
       }
-      if (state.tokens[tokenIdx].type === '_fence') {
+      if (state.tokens[tokenIdx].type.match(/.*_fence$/)) {
         // escapeHtmlCharacters has better performance
         state.tokens[tokenIdx].content = escapeHtmlCharacters(
           state.tokens[tokenIdx].content,
@@ -96,6 +96,10 @@ function sanitizeInline (html, options) {
 
 function naughtyHRef (href, options) {
   // href = href.replace(/[\x00-\x20]+/g, '')
+  if (!href) {
+    // No href
+    return false
+  }
   href = href.replace(/<\!\-\-.*?\-\-\>/g, '')
 
   const matches = href.match(/^([a-zA-Z]+)\:/)

browser/lib/markdown-toc-generator.js

@@ -21,7 +21,7 @@ function uniqueSlug (slug, slugs, opts) {
 }
 
 function linkify (token) {
-  token.content = mdlink(token.content, '#' + token.slug)
+  token.content = mdlink(token.content, `#${decodeURI(token.slug)}`)
   return token
 }
 

browser/lib/markdown.js

@@ -2,7 +2,9 @@ import markdownit from 'markdown-it'
 import sanitize from './markdown-it-sanitize-html'
 import emoji from 'markdown-it-emoji'
 import math from '@rokt33r/markdown-it-math'
+import mdurl from 'mdurl'
 import smartArrows from 'markdown-it-smartarrows'
+import markdownItTocAndAnchor from '@hikerpig/markdown-it-toc-and-anchor'
 import _ from 'lodash'
 import ConfigManager from 'browser/main/lib/ConfigManager'
 import katex from 'katex'
@@ -32,6 +34,7 @@ class Markdown {
 
     const updatedOptions = Object.assign(defaultOptions, options)
     this.md = markdownit(updatedOptions)
+    this.md.linkify.set({ fuzzyLink: false })
 
     if (updatedOptions.sanitize !== 'NONE') {
       const allowedTags = ['iframe', 'input', 'b',
@@ -121,10 +124,16 @@ 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']})
+    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'))
+    this.md.use(markdownItTocAndAnchor, {
+      toc: true,
+      tocPattern: /\[TOC\]/i,
+      anchorLink: false,
+      appendIdToHeading: false
+    })
     this.md.use(require('./markdown-it-deflist'))
     this.md.use(require('./markdown-it-frontmatter'))
 
@@ -149,9 +158,9 @@ class Markdown {
         const content = token.content.split('\n').slice(0, -1).map(line => {
           const match = /!\[[^\]]*]\(([^\)]*)\)/.exec(line)
           if (match) {
-            return match[1]
+            return mdurl.encode(match[1])
           } else {
-            return line
+            return mdurl.encode(line)
           }
         }).join('\n')
 
@@ -181,32 +190,47 @@ class Markdown {
     })
 
     const deflate = require('markdown-it-plantuml/lib/deflate')
-    this.md.use(require('markdown-it-plantuml'), {
-      generateSource: function (umlCode) {
-        const stripTrailingSlash = (url) => url.endsWith('/') ? url.slice(0, -1) : url
-        const serverAddress = stripTrailingSlash(config.preview.plantUMLServerAddress) + '/svg'
-        const s = unescape(encodeURIComponent(umlCode))
-        const zippedCode = deflate.encode64(
-          deflate.zip_deflate(`@startuml\n${s}\n@enduml`, 9)
-        )
-        return `${serverAddress}/${zippedCode}`
-      }
+    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 s = unescape(encodeURIComponent(umlCode))
+      const zippedCode = deflate.encode64(
+        deflate.zip_deflate(`${openMarker}\n${s}\n${closeMarker}`, 9)
+      )
+      return `${plantUmlServerAddress}/${type}/${zippedCode}`
+    }
+
+    this.md.use(plantuml, {
+      generateSource: (umlCode) => parsePlantUml(umlCode, '@startuml', '@enduml', 'svg')
     })
 
-    // Ditaa support
-    this.md.use(require('markdown-it-plantuml'), {
+    // 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: function (umlCode) {
-        const stripTrailingSlash = (url) => url.endsWith('/') ? url.slice(0, -1) : url
-        // Currently PlantUML server doesn't support Ditaa in SVG, so we set the format as PNG at the moment.
-        const serverAddress = stripTrailingSlash(config.preview.plantUMLServerAddress) + '/png'
-        const s = unescape(encodeURIComponent(umlCode))
-        const zippedCode = deflate.encode64(
-          deflate.zip_deflate(`@startditaa\n${s}\n@endditaa`, 9)
-        )
-        return `${serverAddress}/${zippedCode}`
-      }
+      generateSource: (umlCode) => parsePlantUml(umlCode, '@startditaa', '@endditaa', 'png')
+    })
+
+    // Mindmap support
+    this.md.use(plantuml, {
+      openMarker: '@startmindmap',
+      closeMarker: '@endmindmap',
+      generateSource: (umlCode) => parsePlantUml(umlCode, '@startmindmap', '@endmindmap', 'svg')
+    })
+
+    // WBS support
+    this.md.use(plantuml, {
+      openMarker: '@startwbs',
+      closeMarker: '@endwbs',
+      generateSource: (umlCode) => parsePlantUml(umlCode, '@startwbs', '@endwbs', 'svg')
+    })
+
+    // Gantt support
+    this.md.use(plantuml, {
+      openMarker: '@startgantt',
+      closeMarker: '@endgantt',
+      generateSource: (umlCode) => parsePlantUml(umlCode, '@startgantt', '@endgantt', 'svg')
     })
 
     // Override task item
@@ -287,7 +311,9 @@ class Markdown {
           case 'list_item_open':
           case 'paragraph_open':
           case 'table_open':
-            token.attrPush(['data-line', token.map[0]])
+            if (token.map) {
+              token.attrPush(['data-line', token.map[0]])
+            }
         }
       })
       const result = originalRender.call(this.md.renderer, tokens, options, env)

browser/lib/newNote.js

@@ -1,7 +1,8 @@
-import { hashHistory } from 'react-router'
 import dataApi from 'browser/main/lib/dataApi'
 import ee from 'browser/main/lib/eventEmitter'
 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) {
   AwsMobileAnalyticsConfig.recordDynamicCustomEvent('ADD_MARKDOWN')
@@ -28,10 +29,10 @@ export function createMarkdownNote (storage, folder, dispatch, location, params,
         note: note
       })
 
-      hashHistory.push({
+      dispatch(push({
         pathname: location.pathname,
-        query: { key: noteHash }
-      })
+        search: queryString.stringify({ key: noteHash })
+      }))
       ee.emit('list:jump', noteHash)
       ee.emit('detail:focus')
     })
@@ -70,10 +71,10 @@ export function createSnippetNote (storage, folder, dispatch, location, params,
         type: 'UPDATE_NOTE',
         note: note
       })
-      hashHistory.push({
+      dispatch(push({
         pathname: location.pathname,
-        query: { key: noteHash }
-      })
+        search: queryString.stringify({ key: noteHash })
+      }))
       ee.emit('list:jump', noteHash)
       ee.emit('detail:focus')
     })

browser/lib/slugify.js

@@ -1,17 +1,11 @@
-import diacritics from 'diacritics-map'
-
-function replaceDiacritics (str) {
-  return str.replace(/[À-ž]/g, function (ch) {
-    return diacritics[ch] || ch
-  })
-}
-
 module.exports = function slugify (title) {
-  let slug = title.trim()
+  const slug = encodeURI(
+    title.trim()
+      .replace(/^\s+/, '')
+      .replace(/\s+$/, '')
+      .replace(/\s+/g, '-')
+      .replace(/[\]\[\!\'\#\$\%\&\(\)\*\+\,\.\/\:\;\<\=\>\?\@\\\^\{\|\}\~\`]/g, '')
+  )
 
-  slug = replaceDiacritics(slug)
-
-  slug = slug.replace(/[^\w\s-]/g, '').replace(/\s+/g, '-')
-
-  return encodeURI(slug).replace(/\-+$/, '')
+  return slug
 }

browser/lib/turndown.js

@@ -0,0 +1,9 @@
+const TurndownService = require('turndown')
+const { gfm } = require('turndown-plugin-gfm')
+
+export const createTurndownService = function () {
+  const turndown = new TurndownService()
+  turndown.use(gfm)
+  turndown.remove('script')
+  return turndown
+}

browser/lib/utils.js

@@ -136,9 +136,24 @@ export function isMarkdownTitleURL (str) {
   return /(^#{1,6}\s)(?:\w+:|^)\/\/(?:[^\s\.]+\.\S{2}|localhost[\:?\d]*)/.test(str)
 }
 
+export function humanFileSize (bytes) {
+  const threshold = 1000
+  if (Math.abs(bytes) < threshold) {
+    return bytes + ' B'
+  }
+  var units = ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+  var u = -1
+  do {
+    bytes /= threshold
+    ++u
+  } while (Math.abs(bytes) >= threshold && u < units.length - 1)
+  return bytes.toFixed(1) + ' ' + units[u]
+}
+
 export default {
   lastFindInArray,
   escapeHtmlCharacters,
   isObjectEqual,
-  isMarkdownTitleURL
+  isMarkdownTitleURL,
+  humanFileSize
 }

browser/main/Detail/FromUrlButton.js

@@ -0,0 +1,69 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+import CSSModules from 'browser/lib/CSSModules'
+import styles from './FromUrlButton.styl'
+import _ from 'lodash'
+import i18n from 'browser/lib/i18n'
+
+class FromUrlButton extends React.Component {
+  constructor (props) {
+    super(props)
+
+    this.state = {
+      isActive: false
+    }
+  }
+
+  handleMouseDown (e) {
+    this.setState({
+      isActive: true
+    })
+  }
+
+  handleMouseUp (e) {
+    this.setState({
+      isActive: false
+    })
+  }
+
+  handleMouseLeave (e) {
+    this.setState({
+      isActive: false
+    })
+  }
+
+  render () {
+    const { className } = this.props
+
+    return (
+      <button className={_.isString(className)
+          ? 'FromUrlButton ' + className
+          : 'FromUrlButton'
+        }
+        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'
+          }
+        />
+        <span styleName='tooltip'>{i18n.__('Convert URL to Markdown')}</span>
+      </button>
+    )
+  }
+}
+
+FromUrlButton.propTypes = {
+  isActive: PropTypes.bool,
+  onClick: PropTypes.func,
+  className: PropTypes.string
+}
+
+export default CSSModules(FromUrlButton, styles)

browser/main/Detail/FromUrlButton.styl

@@ -0,0 +1,41 @@
+.root
+  top 45px
+  topBarButtonRight()
+  &:hover
+    transition 0.2s
+    color alpha($ui-favorite-star-button-color, 0.6)
+  &:hover .tooltip
+    opacity 1
+
+.tooltip
+  tooltip()
+  position absolute
+  pointer-events none
+  top 50px
+  right 125px
+  width 90px
+  z-index 200
+  padding 5px
+  line-height normal
+  border-radius 2px
+  opacity 0
+  transition 0.1s
+
+.root--active
+  @extend .root
+  transition 0.15s
+  color $ui-favorite-star-button-color
+  &:hover
+    transition 0.2s
+    color alpha($ui-favorite-star-button-color, 0.6)
+
+.icon
+  transition transform 0.15s
+  height 13px
+
+body[data-theme="dark"]
+  .root
+    topBarButtonDark()
+    &:hover
+      transition 0.2s
+      color alpha($ui-favorite-star-button-color, 0.6)

browser/main/Detail/FullscreenButton.js

@@ -11,7 +11,7 @@ const FullscreenButton = ({
   const hotkey = (OSX ? i18n.__('Command(⌘)') : i18n.__('Ctrl(^)')) + '+B'
   return (
     <button styleName='control-fullScreenButton' title={i18n.__('Fullscreen')} onMouseDown={(e) => onClick(e)}>
-      <img styleName='iconInfo' src='../resources/icon/icon-full.svg' />
+      <img src='../resources/icon/icon-full.svg' />
       <span lang={i18n.locale} styleName='tooltip'>{i18n.__('Fullscreen')}({hotkey})</span>
     </button>
   )

browser/main/Detail/InfoPanel.js

@@ -60,7 +60,7 @@ class InfoPanel extends React.Component {
         </div>
 
         <div>
-          <input styleName='infoPanel-noteLink' ref='noteLink' value={noteLink} onClick={(e) => { e.target.select() }} />
+          <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>

browser/main/Detail/MarkdownNoteDetail.js

@@ -9,7 +9,6 @@ import StarButton from './StarButton'
 import TagSelect from './TagSelect'
 import FolderSelect from './FolderSelect'
 import dataApi from 'browser/main/lib/dataApi'
-import { hashHistory } from 'react-router'
 import ee from 'browser/main/lib/eventEmitter'
 import markdown from 'browser/lib/markdownTextHelper'
 import StatusBar from '../StatusBar'
@@ -30,6 +29,8 @@ import { getTodoPercentageOfCompleted } from 'browser/lib/getTodoStatus'
 import striptags from 'striptags'
 import { confirmDeleteNote } from 'browser/lib/confirmDeleteNote'
 import markdownToc from 'browser/lib/markdown-toc-generator'
+import queryString from 'query-string'
+import { replace } from 'connected-react-router'
 
 class MarkdownNoteDetail extends React.Component {
   constructor (props) {
@@ -66,9 +67,6 @@ class MarkdownNoteDetail extends React.Component {
     })
     ee.on('hotkey:deletenote', this.handleDeleteNote.bind(this))
     ee.on('code:generate-toc', this.generateToc)
-
-    // Focus content if using blur or double click
-    if (this.state.switchPreview === 'BLUR' || this.state.switchPreview === 'DBL_CLICK') this.focus()
   }
 
   componentWillReceiveProps (nextProps) {
@@ -83,6 +81,20 @@ class MarkdownNoteDetail extends React.Component {
         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
+
+    if (this.state.switchPreview !== switchPreview) {
+      this.setState({
+        switchPreview
+      })
+      if (switchPreview === 'BLUR' || switchPreview === 'DBL_CLICK') {
+        console.log('setting focus', switchPreview)
+        this.focus()
+      }
+    }
   }
 
   componentWillUnmount () {
@@ -159,12 +171,12 @@ class MarkdownNoteDetail extends React.Component {
             originNote: note,
             note: newNote
           })
-          hashHistory.replace({
+          dispatch(replace({
             pathname: location.pathname,
-            query: {
+            search: queryString.stringify({
               key: newNote.key
-            }
-          })
+            })
+          }))
           this.setState({
             isMovingNote: false
           })
@@ -298,7 +310,7 @@ class MarkdownNoteDetail extends React.Component {
   }
 
   getToggleLockButton () {
-    return this.state.isLocked ? '../resources/icon/icon-previewoff-on.svg' : '../resources/icon/icon-previewoff-off.svg'
+    return this.state.isLocked ? '../resources/icon/icon-lock.svg' : '../resources/icon/icon-unlock.svg'
   }
 
   handleDeleteKeyDown (e) {
@@ -397,7 +409,7 @@ class MarkdownNoteDetail extends React.Component {
   }
 
   render () {
-    const { data, location, config } = this.props
+    const { data, dispatch, location, config } = this.props
     const { note, editorType } = this.state
     const storageKey = note.storage
     const folderKey = note.folder
@@ -437,7 +449,7 @@ class MarkdownNoteDetail extends React.Component {
 
     const detailTopBar = <div styleName='info'>
       <div styleName='info-left'>
-        <div styleName='info-left-top'>
+        <div>
           <FolderSelect styleName='info-left-top-folderSelect'
             value={this.state.note.storage + '-' + this.state.note.folder}
             ref='folder'
@@ -452,6 +464,7 @@ class MarkdownNoteDetail extends React.Component {
           saveTagsAlphabetically={config.ui.saveTagsAlphabetically}
           showTagsAlphabetically={config.ui.showTagsAlphabetically}
           data={data}
+          dispatch={dispatch}
           onChange={this.handleUpdateTag.bind(this)}
           coloredTags={config.coloredTags}
         />
@@ -459,6 +472,7 @@ class MarkdownNoteDetail extends React.Component {
       </div>
       <div styleName='info-right'>
         <ToggleModeButton onClick={(e) => this.handleSwitchMode(e)} editorType={editorType} />
+
         <StarButton
           onClick={(e) => this.handleStarButtonClick(e)}
           isActive={note.isStarred}
@@ -471,7 +485,7 @@ class MarkdownNoteDetail extends React.Component {
               onFocus={(e) => this.handleFocus(e)}
               onMouseDown={(e) => this.handleLockButtonMouseDown(e)}
             >
-              <img styleName='iconInfo' src={imgSrc} />
+              <img src={imgSrc} />
               {this.state.isLocked ? <span styleName='tooltip'>Unlock</span> : <span styleName='tooltip'>Lock</span>}
             </button>
 
@@ -491,14 +505,14 @@ class MarkdownNoteDetail extends React.Component {
         <InfoPanel
           storageName={currentOption.storage.name}
           folderName={currentOption.folder.name}
-          noteLink={`[${note.title}](:note:${location.query.key})`}
+          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.split(' ').length}
+          wordCount={note.content.trim().split(/\s+/g).length}
           letterCount={note.content.replace(/\r?\n/g, '').length}
           type={note.type}
           print={this.print}

browser/main/Detail/MarkdownNoteDetail.styl

@@ -80,4 +80,5 @@ body[data-theme="monokai"]
 body[data-theme="dracula"]
   .root
     border-left 1px solid $ui-dracula-borderColor
-    background-color $ui-dracula-noteDetail-backgroundColor
+    background-color $ui-dracula-noteDetail-backgroundColor
+

browser/main/Detail/NoteDetailInfo.styl

@@ -107,4 +107,12 @@ body[data-theme="monokai"]
 body[data-theme="dracula"]
   .info
     border-color $ui-dracula-borderColor
-    background-color $ui-dracula-noteDetail-backgroundColor
+    background-color $ui-dracula-noteDetail-backgroundColor
+
+.info > div
+  > button
+    -webkit-user-drag none
+    user-select none
+    > img, span
+      -webkit-user-drag none
+      user-select none

browser/main/Detail/PermanentDeleteButton.js

@@ -10,7 +10,7 @@ const PermanentDeleteButton = ({
   <button styleName='control-trashButton--in-trash'
     onClick={(e) => onClick(e)}
   >
-    <img styleName='iconInfo' src='../resources/icon/icon-trash.svg' />
+    <img src='../resources/icon/icon-trash.svg' />
     <span styleName='tooltip'>{i18n.__('Permanent Delete')}</span>
   </button>
 )

browser/main/Detail/SnippetNoteDetail.js

@@ -8,7 +8,6 @@ import StarButton from './StarButton'
 import TagSelect from './TagSelect'
 import FolderSelect from './FolderSelect'
 import dataApi from 'browser/main/lib/dataApi'
-import {hashHistory} from 'react-router'
 import ee from 'browser/main/lib/eventEmitter'
 import CodeMirror from 'codemirror'
 import 'codemirror-mode-elixir'
@@ -18,7 +17,6 @@ import context from 'browser/lib/context'
 import ConfigManager from 'browser/main/lib/ConfigManager'
 import _ from 'lodash'
 import {findNoteTitle} from 'browser/lib/findNoteTitle'
-import convertModeName from 'browser/lib/convertModeName'
 import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
 import FullscreenButton from './FullscreenButton'
 import TrashButton from './TrashButton'
@@ -31,6 +29,8 @@ import { formatDate } from 'browser/lib/date-formatter'
 import i18n from 'browser/lib/i18n'
 import { confirmDeleteNote } from 'browser/lib/confirmDeleteNote'
 import markdownToc from 'browser/lib/markdown-toc-generator'
+import queryString from 'query-string'
+import { replace } from 'connected-react-router'
 
 const electron = require('electron')
 const { remote } = electron
@@ -166,12 +166,12 @@ class SnippetNoteDetail extends React.Component {
             originNote: note,
             note: newNote
           })
-          hashHistory.replace({
+          dispatch(replace({
             pathname: location.pathname,
-            query: {
+            search: queryString.stringify({
               key: newNote.key
-            }
-          })
+            })
+          }))
           this.setState({
             isMovingNote: false
           })
@@ -518,6 +518,19 @@ class SnippetNoteDetail extends React.Component {
     ])
   }
 
+  handleWrapLineButtonClick (e) {
+    context.popup([
+      {
+        label: 'on',
+        click: (e) => this.handleWrapLineItemClick(e, true)
+      },
+      {
+        label: 'off',
+        click: (e) => this.handleWrapLineItemClick(e, false)
+      }
+    ])
+  }
+
   handleIndentSizeItemClick (e, indentSize) {
     const { config, dispatch } = this.props
     const editor = Object.assign({}, config.editor, {
@@ -550,6 +563,22 @@ class SnippetNoteDetail extends React.Component {
     })
   }
 
+  handleWrapLineItemClick (e, lineWrapping) {
+    const { config, dispatch } = this.props
+    const editor = Object.assign({}, config.editor, {
+      lineWrapping
+    })
+    ConfigManager.set({
+      editor
+    })
+    dispatch({
+      type: 'SET_CONFIG',
+      config: {
+        editor
+      }
+    })
+  }
+
   focus () {
     this.refs.description.focus()
   }
@@ -670,7 +699,7 @@ class SnippetNoteDetail extends React.Component {
   }
 
   render () {
-    const { data, config, location } = this.props
+    const { data, dispatch, config, location } = this.props
     const { note } = this.state
 
     const storageKey = note.storage
@@ -720,6 +749,7 @@ class SnippetNoteDetail extends React.Component {
             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}
@@ -778,7 +808,7 @@ class SnippetNoteDetail extends React.Component {
 
     const detailTopBar = <div styleName='info'>
       <div styleName='info-left'>
-        <div styleName='info-left-top'>
+        <div>
           <FolderSelect styleName='info-left-top-folderSelect'
             value={this.state.note.storage + '-' + this.state.note.folder}
             ref='folder'
@@ -793,6 +823,7 @@ class SnippetNoteDetail extends React.Component {
           saveTagsAlphabetically={config.ui.saveTagsAlphabetically}
           showTagsAlphabetically={config.ui.showTagsAlphabetically}
           data={data}
+          dispatch={dispatch}
           onChange={(e) => this.handleChange(e)}
           coloredTags={config.coloredTags}
         />
@@ -814,7 +845,7 @@ class SnippetNoteDetail extends React.Component {
         <InfoPanel
           storageName={currentOption.storage.name}
           folderName={currentOption.folder.name}
-          noteLink={`[${note.title}](:note:${location.query.key})`}
+          noteLink={`[${note.title}](:note:${queryString.parse(location.search).key})`}
           updatedAt={formatDate(note.updatedAt)}
           createdAt={formatDate(note.createdAt)}
           exportAsMd={this.showWarning}
@@ -899,6 +930,12 @@ class SnippetNoteDetail extends React.Component {
             size: {config.editor.indentSize}&nbsp;
             <i className='fa fa-caret-down' />
           </button>
+          <button
+            onClick={(e) => this.handleWrapLineButtonClick(e)}
+          >
+            Wrap Line: {config.editor.lineWrapping ? 'on' : 'off'}&nbsp;
+            <i className='fa fa-caret-down' />
+          </button>
         </div>
 
         <StatusBar

browser/main/Detail/StarButton.styl

@@ -42,4 +42,4 @@ body[data-theme="dark"]
     topBarButtonDark()
     &:hover
       transition 0.2s
-      color alpha($ui-favorite-star-button-color, 0.6)
+      color alpha($ui-favorite-star-button-color, 0.6)

browser/main/Detail/TagSelect.js

@@ -8,6 +8,7 @@ import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
 import i18n from 'browser/lib/i18n'
 import ee from 'browser/main/lib/eventEmitter'
 import Autosuggest from 'react-autosuggest'
+import { push } from 'connected-react-router'
 
 class TagSelect extends React.Component {
   constructor (props) {
@@ -96,8 +97,11 @@ class TagSelect extends React.Component {
   }
 
   handleTagLabelClick (tag) {
-    const { router } = this.context
-    router.push(`/tags/${tag}`)
+    const { dispatch } = this.props
+
+    // Note: `tag` requires encoding later.
+    //       E.g. % in tag is a problem (see issue #3170) - encodeURIComponent(tag) is not working.
+    dispatch(push(`/tags/${tag}`))
   }
 
   handleTagRemoveButtonClick (tag) {
@@ -255,11 +259,8 @@ class TagSelect extends React.Component {
   }
 }
 
-TagSelect.contextTypes = {
-  router: PropTypes.shape({})
-}
-
 TagSelect.propTypes = {
+  dispatch: PropTypes.func,
   className: PropTypes.string,
   value: PropTypes.arrayOf(PropTypes.string),
   onChange: PropTypes.func,

browser/main/Detail/ToggleModeButton.js

@@ -8,11 +8,11 @@ const ToggleModeButton = ({
   onClick, editorType
 }) => (
   <div styleName='control-toggleModeButton'>
-    <div styleName={editorType === 'SPLIT' ? 'active' : 'non-active'} onClick={() => onClick('SPLIT')}>
-      <img styleName='item-star' 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' : 'non-active'} onClick={() => onClick('EDITOR_PREVIEW')}>
-      <img styleName='item-star' 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>
   </div>
@@ -20,7 +20,7 @@ const ToggleModeButton = ({
 
 ToggleModeButton.propTypes = {
   onClick: PropTypes.func.isRequired,
-  editorType: PropTypes.string.Required
+  editorType: PropTypes.string.isRequired
 }
 
 export default CSSModules(ToggleModeButton, styles)

browser/main/Detail/ToggleModeButton.styl

@@ -75,3 +75,10 @@ body[data-theme="dracula"]
     .active
       background-color #bd93f9
       box-shadow 2px 0px 7px #222222
+
+.control-toggleModeButton
+  -webkit-user-drag none
+  user-select none
+  > div img
+    -webkit-user-drag none
+    user-select none

browser/main/Detail/TrashButton.js

@@ -10,7 +10,7 @@ const TrashButton = ({
   <button styleName='control-trashButton'
     onClick={(e) => onClick(e)}
   >
-    <img styleName='iconInfo' src='../resources/icon/icon-trash.svg' />
+    <img src='../resources/icon/icon-trash.svg' />
     <span lang={i18n.locale} styleName='tooltip'>{i18n.__('Trash')}</span>
   </button>
 )

browser/main/Detail/index.js

@@ -10,6 +10,7 @@ import StatusBar from '../StatusBar'
 import i18n from 'browser/lib/i18n'
 import debounceRender from 'react-debounce-render'
 import searchFromNotes from 'browser/lib/search'
+import queryString from 'query-string'
 
 const OSX = global.process.platform === 'darwin'
 
@@ -36,11 +37,11 @@ class Detail extends React.Component {
   }
 
   render () {
-    const { location, data, params, config } = this.props
+    const { location, data, match: { params }, config } = this.props
+    const noteKey = location.search !== '' && queryString.parse(location.search).key
     let note = null
 
-    if (location.query.key != null) {
-      const noteKey = location.query.key
+    if (location.search !== '') {
       const allNotes = data.noteMap.map(note => note)
       const trashedNotes = data.trashedSet.toJS().map(uniqueKey => data.noteMap.get(uniqueKey))
       let displayedNotes = allNotes
@@ -49,16 +50,14 @@ class Detail extends React.Component {
         const searchStr = params.searchword
         displayedNotes = searchStr === undefined || searchStr === '' ? allNotes
           : searchFromNotes(allNotes, searchStr)
-      }
-
-      if (location.pathname.match(/\/tags/)) {
+      } 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))
         )
       }
 
-      if (location.pathname.match(/\/trashed/)) {
+      if (location.pathname.match(/^\/trashed/)) {
         displayedNotes = trashedNotes
       } else {
         displayedNotes = _.differenceWith(displayedNotes, trashedNotes, (note, trashed) => note.key === trashed.key)

browser/main/DevTools/index.dev.js

@@ -0,0 +1,16 @@
+import React from 'react'
+import { createDevTools } from 'redux-devtools'
+import LogMonitor from 'redux-devtools-log-monitor'
+import DockMonitor from 'redux-devtools-dock-monitor'
+
+const DevTools = createDevTools(
+  <DockMonitor
+    toggleVisibilityKey='ctrl-h'
+    changePositionKey='ctrl-q'
+    defaultIsVisible={false}
+  >
+    <LogMonitor theme='tomorrow' />
+  </DockMonitor>
+)
+
+export default DevTools

browser/main/DevTools/index.js

@@ -0,0 +1,8 @@
+/* eslint-disable no-undef */
+if (process.env.NODE_ENV === 'development') {
+  // eslint-disable-next-line global-require
+  module.exports = require('./index.dev').default
+} else {
+  // eslint-disable-next-line global-require
+  module.exports = require('./index.prod').default
+}

browser/main/DevTools/index.prod.js

@@ -0,0 +1,6 @@
+import React from 'react'
+
+const DevTools = () => <div />
+DevTools.instrument = () => {}
+
+export default DevTools

browser/main/Main.js

@@ -12,11 +12,11 @@ import _ from 'lodash'
 import ConfigManager from 'browser/main/lib/ConfigManager'
 import mobileAnalytics from 'browser/main/lib/AwsMobileAnalyticsConfig'
 import eventEmitter from 'browser/main/lib/eventEmitter'
-import { hashHistory } from 'react-router'
-import store from 'browser/main/store'
+import { store } from 'browser/main/store'
 import i18n from 'browser/lib/i18n'
 import { getLocales } from 'browser/lib/Languages'
 import applyShortcuts from 'browser/main/lib/shortcutManager'
+import { push } from 'connected-react-router'
 const path = require('path')
 const electron = require('electron')
 const { remote } = electron
@@ -102,7 +102,7 @@ class Main extends React.Component {
               {
                 name: 'example.js',
                 mode: 'javascript',
-                content: "var boostnote = document.getElementById('enjoy').innerHTML\n\nconsole.log(boostnote)",
+                content: "var boostnote = document.getElementById('hello').innerHTML\n\nconsole.log(boostnote)",
                 linesHighlighted: []
               }
             ]
@@ -132,7 +132,7 @@ class Main extends React.Component {
           .then(() => data.storage)
       })
       .then(storage => {
-        hashHistory.push('/storages/' + storage.key)
+        store.dispatch(push('/storages/' + storage.key))
       })
       .catch(err => {
         throw err
@@ -169,6 +169,7 @@ class Main extends React.Component {
       }
     })
 
+    // eslint-disable-next-line no-undef
     delete CodeMirror.keyMap.emacs['Ctrl-V']
 
     eventEmitter.on('editor:fullscreen', this.toggleFullScreen)
@@ -311,7 +312,7 @@ class Main extends React.Component {
         onMouseUp={e => this.handleMouseUp(e)}
       >
         <SideNav
-          {..._.pick(this.props, ['dispatch', 'data', 'config', 'params', 'location'])}
+          {..._.pick(this.props, ['dispatch', 'data', 'config', 'match', 'location'])}
           width={this.state.navWidth}
         />
         {!config.isSideNavFolded &&
@@ -341,7 +342,7 @@ class Main extends React.Component {
               'dispatch',
               'config',
               'data',
-              'params',
+              'match',
               'location'
             ])}
           />
@@ -351,7 +352,7 @@ class Main extends React.Component {
               'dispatch',
               'data',
               'config',
-              'params',
+              'match',
               'location'
             ])}
           />
@@ -373,7 +374,7 @@ class Main extends React.Component {
               'dispatch',
               'data',
               'config',
-              'params',
+              'match',
               'location'
             ])}
             ignorePreviewPointerEvents={this.state.isRightSliderFocused}

browser/main/NewNoteButton/index.js

@@ -21,23 +21,20 @@ class NewNoteButton extends React.Component {
     this.state = {
     }
 
-    this.newNoteHandler = () => {
-      this.handleNewNoteButtonClick()
-    }
+    this.handleNewNoteButtonClick = this.handleNewNoteButtonClick.bind(this)
   }
 
   componentDidMount () {
-    eventEmitter.on('top:new-note', this.newNoteHandler)
+    eventEmitter.on('top:new-note', this.handleNewNoteButtonClick)
   }
 
   componentWillUnmount () {
-    eventEmitter.off('top:new-note', this.newNoteHandler)
+    eventEmitter.off('top:new-note', this.handleNewNoteButtonClick)
   }
 
   handleNewNoteButtonClick (e) {
-    const { location, params, dispatch, config } = this.props
+    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)
     } else if (config.ui.defaultNote === 'SNIPPET_NOTE') {
@@ -55,9 +52,8 @@ class NewNoteButton extends React.Component {
   }
 
   resolveTargetFolder () {
-    const { data, params } = this.props
+    const { data, match: { params } } = this.props
     let storage = data.storageMap.get(params.storageKey)
-
     // Find first storage
     if (storage == null) {
       for (const kv of data.storageMap) {
@@ -93,8 +89,8 @@ class NewNoteButton extends React.Component {
       >
         <div styleName='control'>
           <button styleName='control-newNoteButton'
-            onClick={(e) => this.handleNewNoteButtonClick(e)}>
-            <img styleName='iconTag' src='../resources/icon/icon-newnote.svg' />
+            onClick={this.handleNewNoteButtonClick}>
+            <img src='../resources/icon/icon-newnote.svg' />
             <span styleName='control-newNoteButton-tooltip'>
               {i18n.__('Make a note')} {OSX ? '⌘' : i18n.__('Ctrl')} + N
             </span>

browser/main/NoteList/index.js

@@ -14,13 +14,14 @@ import NoteItemSimple from 'browser/components/NoteItemSimple'
 import searchFromNotes from 'browser/lib/search'
 import fs from 'fs'
 import path from 'path'
-import { hashHistory } from 'react-router'
+import { push, replace } from 'connected-react-router'
 import copy from 'copy-to-clipboard'
 import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
 import Markdown from '../../lib/markdown'
 import i18n from 'browser/lib/i18n'
 import { confirmDeleteNote } from 'browser/lib/confirmDeleteNote'
 import context from 'browser/lib/context'
+import queryString from 'query-string'
 
 const { remote } = require('electron')
 const { dialog } = remote
@@ -87,6 +88,7 @@ class NoteList extends React.Component {
     this.importFromFileHandler = this.importFromFile.bind(this)
     this.jumpNoteByHash = this.jumpNoteByHashHandler.bind(this)
     this.handleNoteListKeyUp = this.handleNoteListKeyUp.bind(this)
+    this.handleNoteListBlur = this.handleNoteListBlur.bind(this)
     this.getNoteKeyFromTargetIndex = this.getNoteKeyFromTargetIndex.bind(this)
     this.cloneNote = this.cloneNote.bind(this)
     this.deleteNote = this.deleteNote.bind(this)
@@ -145,15 +147,15 @@ class NoteList extends React.Component {
   }
 
   componentDidUpdate (prevProps) {
-    const { location } = this.props
+    const { dispatch, location } = this.props
     const { selectedNoteKeys } = this.state
-    const visibleNoteKeys = this.notes.map(note => note.key)
-    const note = this.notes[0]
-    const prevKey = prevProps.location.query.key
+    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
 
-    if (note && location.query.key == null) {
-      const { router } = this.context
+    if (note && location.search === '') {
       if (!location.pathname.match(/\/searched/)) this.contextNotes = this.getContextNotes()
 
       // A visible note is an active note
@@ -163,17 +165,17 @@ class NoteList extends React.Component {
         ee.emit('list:moved')
       }
 
-      router.replace({
+      dispatch(replace({ // was passed with context - we can use connected router here
         pathname: location.pathname,
-        query: {
+        search: queryString.stringify({
           key: noteKey
-        }
-      })
+        })
+      }))
       return
     }
 
     // Auto scroll
-    if (_.isString(location.query.key) && prevProps.location.query.key === location.query.key) {
+    if (_.isString(key) && prevKey === key) {
       const targetIndex = this.getTargetIndex()
       if (targetIndex > -1) {
         const list = this.refs.list
@@ -194,18 +196,18 @@ class NoteList extends React.Component {
   }
 
   focusNote (selectedNoteKeys, noteKey, pathname) {
-    const { router } = this.context
+    const { dispatch } = this.props
 
     this.setState({
       selectedNoteKeys
     })
 
-    router.push({
+    dispatch(push({
       pathname,
-      query: {
+      search: queryString.stringify({
         key: noteKey
-      }
-    })
+      })
+    }))
   }
 
   getNoteKeyFromTargetIndex (targetIndex) {
@@ -347,9 +349,15 @@ class NoteList extends React.Component {
     }
   }
 
-  getNotes () {
-    const { data, params, location } = this.props
+  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)
       this.contextNotes = allNotes
@@ -390,7 +398,7 @@ class NoteList extends React.Component {
 
   // get notes in the current folder
   getContextNotes () {
-    const { data, params } = this.props
+    const { data, match: { params } } = this.props
     const storageKey = params.storageKey
     const folderKey = params.folderKey
     const storage = data.storageMap.get(storageKey)
@@ -430,8 +438,7 @@ class NoteList extends React.Component {
   }
 
   handleNoteClick (e, uniqueKey) {
-    const { router } = this.context
-    const { location } = this.props
+    const { dispatch, location } = this.props
     let { selectedNoteKeys, prevShiftNoteIndex } = this.state
     const { ctrlKeyDown, shiftKeyDown } = this.state
     const hasSelectedNoteKey = selectedNoteKeys.length > 0
@@ -482,16 +489,16 @@ class NoteList extends React.Component {
       prevShiftNoteIndex
     })
 
-    router.push({
+    dispatch(push({
       pathname: location.pathname,
-      query: {
+      search: queryString.stringify({
         key: uniqueKey
-      }
-    })
+      })
+    }))
   }
 
   handleSortByChange (e) {
-    const { dispatch, params: { folderKey } } = this.props
+    const { dispatch, match: { params: { folderKey } } } = this.props
 
     const config = {
       [folderKey]: { sortBy: e.target.value }
@@ -764,10 +771,10 @@ class NoteList extends React.Component {
           selectedNoteKeys: [note.key]
         })
 
-        hashHistory.push({
+        dispatch(push({
           pathname: location.pathname,
-          query: {key: note.key}
-        })
+          search: queryString.stringify({key: note.key})
+        }))
       })
   }
 
@@ -777,13 +784,13 @@ class NoteList extends React.Component {
   }
 
   navigate (sender, pathname) {
-    const { router } = this.context
-    router.push({
+    const { dispatch } = this.props
+    dispatch(push({
       pathname,
-      query: {
+      search: queryString.stringify({
         // key: noteKey
-      }
-    })
+      })
+    }))
   }
 
   save (note) {
@@ -947,10 +954,10 @@ class NoteList extends React.Component {
                 type: 'UPDATE_NOTE',
                 note: note
               })
-              hashHistory.push({
+              dispatch(push({
                 pathname: location.pathname,
-                query: {key: getNoteKey(note)}
-              })
+                search: queryString.stringify({key: getNoteKey(note)})
+              }))
             })
           })
         })
@@ -960,14 +967,15 @@ class NoteList extends React.Component {
 
   getTargetIndex () {
     const { location } = this.props
+    const key = queryString.parse(location.search).key
     const targetIndex = _.findIndex(this.notes, (note) => {
-      return getNoteKey(note) === location.query.key
+      return getNoteKey(note) === key
     })
     return targetIndex
   }
 
   resolveTargetFolder () {
-    const { data, params } = this.props
+    const { data, match: { params } } = this.props
     let storage = data.storageMap.get(params.storageKey)
 
     // Find first storage
@@ -1015,7 +1023,7 @@ class NoteList extends React.Component {
   }
 
   render () {
-    const { location, config, params: { folderKey } } = this.props
+    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)
@@ -1138,7 +1146,7 @@ class NoteList extends React.Component {
               }
               onClick={(e) => this.handleListStyleButtonClick(e, 'DEFAULT')}
             >
-              <img styleName='iconTag' src='../resources/icon/icon-column.svg' />
+              <img src='../resources/icon/icon-column.svg' />
             </button>
             <button title={i18n.__('Compressed View')} styleName={config.listStyle === 'SMALL'
                 ? 'control-button--active'
@@ -1146,7 +1154,7 @@ class NoteList extends React.Component {
               }
               onClick={(e) => this.handleListStyleButtonClick(e, 'SMALL')}
             >
-              <img styleName='iconTag' src='../resources/icon/icon-column-list.svg' />
+              <img src='../resources/icon/icon-column-list.svg' />
             </button>
           </div>
         </div>
@@ -1155,6 +1163,7 @@ class NoteList extends React.Component {
           tabIndex='-1'
           onKeyDown={(e) => this.handleNoteListKeyDown(e)}
           onKeyUp={this.handleNoteListKeyUp}
+          onBlur={this.handleNoteListBlur}
         >
           {noteList}
         </div>

browser/main/SideNav/PreferenceButton.js

@@ -8,7 +8,7 @@ const PreferenceButton = ({
   onClick
 }) => (
   <button styleName='top-menu-preference' onClick={(e) => onClick(e)}>
-    <img styleName='iconTag' src='../resources/icon/icon-setting.svg' />
+    <img src='../resources/icon/icon-setting.svg' />
     <span styleName='tooltip'>{i18n.__('Preferences')}</span>
   </button>
 )

browser/main/SideNav/StorageItem.js

@@ -2,7 +2,6 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './StorageItem.styl'
-import { hashHistory } from 'react-router'
 import modal from 'browser/main/lib/modal'
 import CreateFolderModal from 'browser/main/modals/CreateFolderModal'
 import RenameFolderModal from 'browser/main/modals/RenameFolderModal'
@@ -12,6 +11,7 @@ import _ from 'lodash'
 import { SortableElement } from 'react-sortable-hoc'
 import i18n from 'browser/lib/i18n'
 import context from 'browser/lib/context'
+import { push } from 'connected-react-router'
 
 const { remote } = require('electron')
 const { dialog } = remote
@@ -134,14 +134,14 @@ class StorageItem extends React.Component {
   }
 
   handleHeaderInfoClick (e) {
-    const { storage } = this.props
-    hashHistory.push('/storages/' + storage.key)
+    const { storage, dispatch } = this.props
+    dispatch(push('/storages/' + storage.key))
   }
 
   handleFolderButtonClick (folderKey) {
     return (e) => {
-      const { storage } = this.props
-      hashHistory.push('/storages/' + storage.key + '/folders/' + folderKey)
+      const { storage, dispatch } = this.props
+      dispatch(push('/storages/' + storage.key + '/folders/' + folderKey))
     }
   }
 
@@ -362,14 +362,14 @@ class StorageItem extends React.Component {
             <button styleName='header-addFolderButton'
               onClick={(e) => this.handleAddFolderButtonClick(e)}
             >
-              <img styleName='iconTag' src='../resources/icon/icon-plus.svg' />
+              <img src='../resources/icon/icon-plus.svg' />
             </button>
           }
 
           <button styleName='header-info'
             onClick={(e) => this.handleHeaderInfoClick(e)}
           >
-            <span styleName='header-info-name'>
+            <span>
               {isFolded ? _.truncate(storage.name, {length: 1, omission: ''}) : storage.name}
             </span>
             {isFolded &&
@@ -380,7 +380,7 @@ class StorageItem extends React.Component {
           </button>
         </div>
         {this.state.isOpen &&
-          <div styleName='folderList' >
+          <div>
             {folderList}
           </div>
         }

browser/main/SideNav/index.js

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { push } from 'connected-react-router'
 import CSSModules from 'browser/lib/CSSModules'
 import dataApi from 'browser/main/lib/dataApi'
 import styles from './SideNav.styl'
@@ -22,9 +23,10 @@ import context from 'browser/lib/context'
 import { remote } from 'electron'
 import { confirmDeleteNote } from 'browser/lib/confirmDeleteNote'
 import ColorPicker from 'browser/components/ColorPicker'
+import { every, sortBy } from 'lodash'
 
 function matchActiveTags (tags, activeTags) {
-  return _.every(activeTags, v => tags.indexOf(v) >= 0)
+  return every(activeTags, v => tags.indexOf(v) >= 0)
 }
 
 class SideNav extends React.Component {
@@ -61,14 +63,14 @@ class SideNav extends React.Component {
 
   deleteTag (tag) {
     const selectedButton = remote.dialog.showMessageBox(remote.getCurrentWindow(), {
-      ype: 'warning',
+      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, params } = this.props
+      const { data, dispatch, location, match: { params } } = this.props
 
       const notes = data.noteMap
         .map(note => note)
@@ -98,7 +100,7 @@ class SideNav extends React.Component {
             if (index !== -1) {
               tags.splice(index, 1)
 
-              this.context.router.push(`/tags/${tags.map(tag => encodeURIComponent(tag)).join(' ')}`)
+              dispatch(push(`/tags/${tags.map(tag => encodeURIComponent(tag)).join(' ')}`))
             }
           }
         })
@@ -130,13 +132,13 @@ class SideNav extends React.Component {
   }
 
   handleHomeButtonClick (e) {
-    const { router } = this.context
-    router.push('/home')
+    const { dispatch } = this.props
+    dispatch(push('/home'))
   }
 
   handleStarredButtonClick (e) {
-    const { router } = this.context
-    router.push('/starred')
+    const { dispatch } = this.props
+    dispatch(push('/starred'))
   }
 
   handleTagContextMenu (e, tag) {
@@ -223,18 +225,18 @@ class SideNav extends React.Component {
   }
 
   handleTrashedButtonClick (e) {
-    const { router } = this.context
-    router.push('/trashed')
+    const { dispatch } = this.props
+    dispatch(push('/trashed'))
   }
 
   handleSwitchFoldersButtonClick () {
-    const { router } = this.context
-    router.push('/home')
+    const { dispatch } = this.props
+    dispatch(push('/home'))
   }
 
   handleSwitchTagsButtonClick () {
-    const { router } = this.context
-    router.push('/alltags')
+    const { dispatch } = this.props
+    dispatch(push('/alltags'))
   }
 
   onSortEnd (storage) {
@@ -326,6 +328,7 @@ class SideNav extends React.Component {
           <div styleName='tagList'>
             {this.tagListComponent(data)}
           </div>
+          <NavToggleButton isFolded={isFolded} handleToggleButtonClick={this.handleToggleButtonClick.bind(this)} />
         </div>
       )
     }
@@ -338,7 +341,7 @@ class SideNav extends React.Component {
     const { colorPicker, showSearch, searchText } = this.state
     const activeTags = this.getActiveTags(location.pathname)
     const relatedTags = this.getRelatedTags(activeTags, data.noteMap)
-    let tagList = _.sortBy(data.tagNoteMap.map(
+    let tagList = sortBy(data.tagNoteMap.map(
       (tag, name) => ({ name, size: tag.size, related: relatedTags.has(name) })
     ).filter(
       tag => tag.size > 0
@@ -354,7 +357,7 @@ class SideNav extends React.Component {
       })
     }
     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(
@@ -407,8 +410,8 @@ class SideNav extends React.Component {
   }
 
   handleClickTagListItem (name) {
-    const { router } = this.context
-    router.push(`/tags/${encodeURIComponent(name)}`)
+    const { dispatch } = this.props
+    dispatch(push(`/tags/${encodeURIComponent(name)}`))
   }
 
   handleSortTagsByChange (e) {
@@ -426,8 +429,7 @@ class SideNav extends React.Component {
   }
 
   handleClickNarrowToTag (tag) {
-    const { router } = this.context
-    const { location } = this.props
+    const { dispatch, location } = this.props
     const listOfTags = this.getActiveTags(location.pathname)
     const indexOfTag = listOfTags.indexOf(tag)
     if (indexOfTag > -1) {
@@ -435,7 +437,7 @@ class SideNav extends React.Component {
     } else {
       listOfTags.push(tag)
     }
-    router.push(`/tags/${encodeURIComponent(listOfTags.join(' '))}`)
+    dispatch(push(`/tags/${encodeURIComponent(listOfTags.join(' '))}`))
   }
 
   emptyTrash (entries) {
@@ -484,7 +486,7 @@ class SideNav extends React.Component {
     const isFolded = config.isSideNavFolded
     const style = {}
     if (!isFolded) style.width = this.props.width
-    const isTagActive = location.pathname.match(/tag/)
+    const isTagActive = /tag/.test(location.pathname)
 
     const navSearch = (
       <div styleName='search' style={{maxHeight: showSearch ? '3em' : '0'}}>

browser/main/TopBar/index.js

@@ -7,6 +7,8 @@ import ee from 'browser/main/lib/eventEmitter'
 import NewNoteButton from 'browser/main/NewNoteButton'
 import i18n from 'browser/lib/i18n'
 import debounce from 'lodash/debounce'
+import CInput from 'react-composition-input'
+import { push } from 'connected-react-router'
 
 class TopBar extends React.Component {
   constructor (props) {
@@ -15,26 +17,36 @@ class TopBar extends React.Component {
     this.state = {
       search: '',
       searchOptions: [],
-      isSearching: false,
-      isAlphabet: false,
-      isIME: false,
-      isConfirmTranslation: false
+      isSearching: false
     }
 
+    const { dispatch } = this.props
+
     this.focusSearchHandler = () => {
       this.handleOnSearchFocus()
     }
 
     this.codeInitHandler = this.handleCodeInit.bind(this)
+    this.handleKeyDown = this.handleKeyDown.bind(this)
+    this.handleSearchFocus = this.handleSearchFocus.bind(this)
+    this.handleSearchBlur = this.handleSearchBlur.bind(this)
+    this.handleSearchChange = this.handleSearchChange.bind(this)
+    this.handleSearchClearButton = this.handleSearchClearButton.bind(this)
 
-    this.updateKeyword = debounce(this.updateKeyword, 1000 / 60, {
+    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 { params } = this.props
-    const searchWord = params.searchword
+    const { match: { params } } = this.props
+    const searchWord = params && params.searchword
     if (searchWord !== undefined) {
       this.setState({
         search: searchWord,
@@ -51,22 +63,22 @@ class TopBar extends React.Component {
   }
 
   handleSearchClearButton (e) {
-    const { router } = this.context
+    const { dispatch } = this.props
     this.setState({
       search: '',
       isSearching: false
     })
     this.refs.search.childNodes[0].blur
-    router.push('/searched')
+    dispatch(push('/searched'))
     e.preventDefault()
+    this.debouncedUpdateKeyword('')
   }
 
   handleKeyDown (e) {
-    // reset states
-    this.setState({
-      isAlphabet: false,
-      isIME: false
-    })
+    // Re-apply search field on ENTER key
+    if (e.keyCode === 13) {
+      this.debouncedUpdateKeyword(e.target.value)
+    }
 
     // Clear search on ESC
     if (e.keyCode === 27) {
@@ -84,51 +96,11 @@ class TopBar extends React.Component {
       ee.emit('list:prior')
       e.preventDefault()
     }
-
-    // When the key is an alphabet, del, enter or ctr
-    if (e.keyCode <= 90 || e.keyCode >= 186 && e.keyCode <= 222) {
-      this.setState({
-        isAlphabet: true
-      })
-    // When the key is an IME input (Japanese, Chinese)
-    } else if (e.keyCode === 229) {
-      this.setState({
-        isIME: true
-      })
-    }
-  }
-
-  handleKeyUp (e) {
-    // reset states
-    this.setState({
-      isConfirmTranslation: false
-    })
-
-    // When the key is translation confirmation (Enter, Space)
-    if (this.state.isIME && (e.keyCode === 32 || e.keyCode === 13)) {
-      this.setState({
-        isConfirmTranslation: true
-      })
-      const keyword = this.refs.searchInput.value
-      this.updateKeyword(keyword)
-    }
   }
 
   handleSearchChange (e) {
-    if (this.state.isAlphabet || this.state.isConfirmTranslation) {
-      const keyword = this.refs.searchInput.value
-      this.updateKeyword(keyword)
-    } else {
-      e.preventDefault()
-    }
-  }
-
-  updateKeyword (keyword) {
-    this.context.router.push(`/searched/${encodeURIComponent(keyword)}`)
-    this.setState({
-      search: keyword
-    })
-    ee.emit('top:search', keyword)
+    const keyword = e.target.value
+    this.debouncedUpdateKeyword(keyword)
   }
 
   handleSearchFocus (e) {
@@ -136,6 +108,7 @@ class TopBar extends React.Component {
       isSearching: true
     })
   }
+
   handleSearchBlur (e) {
     e.stopPropagation()
 
@@ -165,7 +138,7 @@ class TopBar extends React.Component {
   }
 
   handleCodeInit () {
-    ee.emit('top:search', this.refs.searchInput.value)
+    ee.emit('top:search', this.refs.searchInput.value || '')
   }
 
   render () {
@@ -178,24 +151,23 @@ class TopBar extends React.Component {
         <div styleName='control'>
           <div styleName='control-search'>
             <div styleName='control-search-input'
-              onFocus={(e) => this.handleSearchFocus(e)}
-              onBlur={(e) => this.handleSearchBlur(e)}
+              onFocus={this.handleSearchFocus}
+              onBlur={this.handleSearchBlur}
               tabIndex='-1'
               ref='search'
             >
-              <input
+              <CInput
                 ref='searchInput'
                 value={this.state.search}
-                onChange={(e) => this.handleSearchChange(e)}
-                onKeyDown={(e) => this.handleKeyDown(e)}
-                onKeyUp={(e) => this.handleKeyUp(e)}
+                onInputChange={this.handleSearchChange}
+                onKeyDown={this.handleKeyDown}
                 placeholder={i18n.__('Search')}
                 type='text'
                 className='searchInput'
               />
               {this.state.search !== '' &&
                 <button styleName='control-search-input-clear'
-                  onClick={(e) => this.handleSearchClearButton(e)}
+                  onClick={this.handleSearchClearButton}
                 >
                   <i className='fa fa-fw fa-times' />
                   <span styleName='control-search-input-clear-tooltip'>{i18n.__('Clear Search')}</span>
@@ -210,8 +182,8 @@ class TopBar extends React.Component {
             'dispatch',
             'data',
             'config',
-            'params',
-            'location'
+            'location',
+            'match'
           ])}
         />}
       </div>

browser/main/index.js

@@ -1,11 +1,13 @@
 import { Provider } from 'react-redux'
 import Main from './Main'
-import store from './store'
-import React from 'react'
+import { store, history } from './store'
+import React, { Fragment } from 'react'
 import ReactDOM from 'react-dom'
 require('!!style!css!stylus?sourceMap!./global.styl')
-import { Router, Route, IndexRoute, IndexRedirect, hashHistory } from 'react-router'
-import { syncHistoryWithStore } from 'react-router-redux'
+import { Route, Switch, Redirect } from 'react-router-dom'
+import { ConnectedRouter } from 'connected-react-router'
+import DevTools from './DevTools'
+
 require('./lib/ipcClient')
 require('../lib/customMeta')
 import i18n from 'browser/lib/i18n'
@@ -77,7 +79,6 @@ document.addEventListener('click', function (e) {
 })
 
 const el = document.getElementById('content')
-const history = syncHistoryWithStore(hashHistory, store)
 
 function notify (...args) {
   return new window.Notification(...args)
@@ -98,29 +99,24 @@ function updateApp () {
 
 ReactDOM.render((
   <Provider store={store}>
-    <Router history={history}>
-      <Route path='/' component={Main}>
-        <IndexRedirect to='/home' />
-        <Route path='home' />
-        <Route path='starred' />
-        <Route path='searched'>
-          <Route path=':searchword' />
-        </Route>
-        <Route path='trashed' />
-        <Route path='alltags' />
-        <Route path='tags'>
-          <IndexRedirect to='/alltags' />
-          <Route path=':tagname' />
-        </Route>
-        <Route path='storages'>
-          <IndexRedirect to='/home' />
-          <Route path=':storageKey'>
-            <IndexRoute />
-            <Route path='folders/:folderKey' />
-          </Route>
-        </Route>
-      </Route>
-    </Router>
+    <ConnectedRouter history={history}>
+      <Fragment>
+        <Switch>
+          <Redirect path='/' to='/home' exact />
+          <Route path='/(home|alltags|starred|trashed)' component={Main} />
+          <Route path='/searched' component={Main} exact />
+          <Route path='/searched/:searchword' component={Main} />
+          <Redirect path='/tags' to='/alltags' exact />
+          <Route path='/tags/:tagname' component={Main} />
+
+          {/* storages */}
+          <Redirect path='/storages' to='/home' exact />
+          <Route path='/storages/:storageKey' component={Main} exact />
+          <Route path='/storages/:storageKey/folders/:folderKey' component={Main} />
+        </Switch>
+        <DevTools />
+      </Fragment>
+    </ConnectedRouter>
   </Provider>
 ), el, function () {
   const loadingCover = document.getElementById('loadingCover')

browser/main/lib/ConfigManager.js

@@ -8,9 +8,14 @@ const win = global.process.platform === 'win32'
 const electron = require('electron')
 const { ipcRenderer } = electron
 const consts = require('browser/lib/consts')
+const electronConfig = new (require('electron-config'))()
 
 let isInitialized = false
 
+const DEFAULT_MARKDOWN_LINT_CONFIG = `{
+  "default": true
+}`
+
 export const DEFAULT_CONFIG = {
   zoom: 1,
   isSideNavFolded: false,
@@ -22,11 +27,16 @@ export const DEFAULT_CONFIG = {
   sortTagsBy: 'ALPHABETICAL', // 'ALPHABETICAL', 'COUNTER'
   listStyle: 'DEFAULT', // 'DEFAULT', 'SMALL'
   amaEnabled: true,
+  autoUpdateEnabled: true,
   hotkey: {
     toggleMain: OSX ? 'Command + Alt + L' : 'Super + Alt + E',
     toggleMode: OSX ? 'Command + Alt + M' : 'Ctrl + M',
     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',
+    insertDate: OSX ? 'Command + /' : 'Ctrl + /',
+    insertDateTime: OSX ? 'Command + Alt + /' : 'Ctrl + Shift + /',
     toggleMenuBar: 'Alt'
   },
   ui: {
@@ -44,6 +54,7 @@ export const DEFAULT_CONFIG = {
     fontFamily: win ? 'Consolas' : 'Monaco',
     indentType: 'space',
     indentSize: '2',
+    lineWrapping: true,
     enableRulers: false,
     rulers: [80, 120],
     displayLineNumbers: true,
@@ -59,7 +70,16 @@ export const DEFAULT_CONFIG = {
     enableFrontMatterTitle: true,
     frontMatterTitleField: 'title',
     spellcheck: false,
-    enableSmartPaste: false
+    enableSmartPaste: false,
+    enableMarkdownLint: false,
+    customMarkdownLintConfig: DEFAULT_MARKDOWN_LINT_CONFIG,
+    prettierConfig: ` {
+      "trailingComma": "es5",
+      "tabWidth": 4,
+      "semi": false,
+      "singleQuote": true
+    }`,
+    deleteUnusedAttachments: true
   },
   preview: {
     fontSize: '14',
@@ -77,8 +97,10 @@ export const DEFAULT_CONFIG = {
     breaks: true,
     smartArrows: false,
     allowCustomCSS: false,
-    customCSS: '',
+
+    customCSS: '/* Drop Your Custom CSS Code Here */',
     sanitize: 'STRICT', // 'STRICT', 'ALLOW_STYLES', 'NONE'
+    mermaidHTMLLabel: false,
     lineThroughCheckbox: true
   },
   blog: {
@@ -102,7 +124,6 @@ function validate (config) {
 }
 
 function _save (config) {
-  console.log(config)
   window.localStorage.setItem('config', JSON.stringify(config))
 }
 
@@ -122,6 +143,8 @@ function get () {
     _save(config)
   }
 
+  config.autoUpdateEnabled = electronConfig.get('autoUpdateEnabled', config.autoUpdateEnabled)
+
   if (!isInitialized) {
     isInitialized = true
     let editorTheme = document.getElementById('editorTheme')
@@ -135,7 +158,7 @@ function get () {
     const theme = consts.THEMES.find(theme => theme.name === config.editor.theme)
 
     if (theme) {
-      editorTheme.setAttribute('href', `../${theme.path}`)
+      editorTheme.setAttribute('href', theme.path)
     } else {
       config.editor.theme = 'default'
     }
@@ -146,7 +169,13 @@ function get () {
 
 function set (updates) {
   const currentConfig = get()
-  const newConfig = Object.assign({}, DEFAULT_CONFIG, currentConfig, updates)
+
+  const arrangedUpdates = updates
+  if (updates.preview !== undefined && updates.preview.customCSS === '') {
+    arrangedUpdates.preview.customCSS = DEFAULT_CONFIG.preview.customCSS
+  }
+
+  const newConfig = Object.assign({}, DEFAULT_CONFIG, currentConfig, arrangedUpdates)
   if (!validate(newConfig)) throw new Error('INVALID CONFIG')
   _save(newConfig)
 
@@ -177,9 +206,11 @@ function set (updates) {
   const newTheme = consts.THEMES.find(theme => theme.name === newConfig.editor.theme)
 
   if (newTheme) {
-    editorTheme.setAttribute('href', `../${newTheme.path}`)
+    editorTheme.setAttribute('href', newTheme.path)
   }
 
+  electronConfig.set('autoUpdateEnabled', newConfig.autoUpdateEnabled)
+
   ipcRenderer.send('config-renew', {
     config: get()
   })

browser/main/lib/dataApi/attachmentManagement.js

@@ -8,6 +8,7 @@ const escapeStringRegexp = require('escape-string-regexp')
 const sander = require('sander')
 const url = require('url')
 import i18n from 'browser/lib/i18n'
+import { isString } from 'lodash'
 
 const STORAGE_FOLDER_PLACEHOLDER = ':storage'
 const DESTINATION_FOLDER = 'attachments'
@@ -19,7 +20,7 @@ const PATH_SEPARATORS = escapeStringRegexp(path.posix.sep) + escapeStringRegexp(
  * @returns {Promise<Image>} Image element created
  */
 function getImage (file) {
-  if (_.isString(file)) {
+  if (isString(file)) {
     return new Promise(resolve => {
       const img = new Image()
       img.onload = () => resolve(img)
@@ -241,6 +242,10 @@ function migrateAttachments (markdownContent, storagePath, noteKey) {
  * @returns {String} postprocessed HTML in which all :storage references are mapped to the actual paths.
  */
 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, '/')
+
   /*
     A :storage reference is like `:storage/3b6f8bd6-4edd-4b15-96e0-eadc4475b564/f939b2c3.jpg`.
 
@@ -250,8 +255,7 @@ function fixLocalURLS (renderedHTML, storagePath) {
     - `(?:\\\/|%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) {
-    var encodedPathSeparators = new RegExp(mdurl.encode(path.win32.sep) + '|' + mdurl.encode(path.posix.sep), 'g')
-    return match.replace(encodedPathSeparators, path.sep).replace(new RegExp('/?' + STORAGE_FOLDER_PLACEHOLDER, 'g'), 'file:///' + path.join(storagePath, DESTINATION_FOLDER))
+    return match.replace(encodedWin32SeparatorRegex, '/').replace(storageRegex, storageUrl)
   })
 }
 
@@ -617,11 +621,79 @@ function deleteAttachmentsNotPresentInNote (markdownContent, storageKey, noteKey
         }
       })
     })
-  } else {
-    console.info('Attachment folder ("' + attachmentFolder + '") did not exist..')
   }
 }
 
+/**
+ * @description Get all existing attachments related to a specific note
+ including their status (in use or not) and their path. Return null if there're no attachment related to note or specified parametters are invalid
+ * @param markdownContent markdownContent of the current note
+ * @param storageKey StorageKey of the current note
+ * @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) {
+  if (storageKey == null || noteKey == null || markdownContent == null) {
+    return null
+  }
+  const targetStorage = findStorage.findStorage(storageKey)
+  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'), ''))
+    }
+  }
+  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(err)
+          reject(err)
+          return
+        }
+        const attachments = []
+        for (const file of files) {
+          const absolutePathOfFile = path.join(targetStorage.path, DESTINATION_FOLDER, noteKey, file)
+          if (!attachmentsInNoteOnlyFileNames.includes(file)) {
+            attachments.push({ path: absolutePathOfFile, isInUse: false })
+          } else {
+            attachments.push({ path: absolutePathOfFile, isInUse: true })
+          }
+        }
+        resolve(attachments)
+      })
+    })
+  } else {
+    return null
+  }
+}
+
+/**
+ * @description Remove all specified attachment paths
+ * @param attachments attachment paths
+ * @return {Promise} Promise after all attachments are removed */
+function removeAttachmentsByPaths (attachments) {
+  const promises = []
+  for (const attachment of attachments) {
+    const promise = new Promise((resolve, reject) => {
+      fs.unlink(attachment, (err) => {
+        if (err) {
+          console.error('Could not delete "%s"', attachment)
+          console.error(err)
+          reject(err)
+          return
+        }
+        resolve()
+      })
+    })
+    promises.push(promise)
+  }
+  return Promise.all(promises)
+}
+
 /**
  * Clones the attachments of a given note.
  * Copies the attachments to their new destination and updates the content of the new note so that the attachment-links again point to the correct destination.
@@ -724,8 +796,10 @@ module.exports = {
   getAbsolutePathsOfAttachmentsInContent,
   importAttachments,
   removeStorageAndNoteReferences,
+  removeAttachmentsByPaths,
   deleteAttachmentFolder,
   deleteAttachmentsNotPresentInNote,
+  getAttachmentsPathAndStatus,
   moveAttachments,
   cloneAttachments,
   isAttachmentLink,

browser/main/lib/dataApi/createNoteFromUrl.js

@@ -0,0 +1,86 @@
+const http = require('http')
+const https = require('https')
+const { createTurndownService } = require('../../../lib/turndown')
+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)) {
+    return true
+  } else {
+    return false
+  }
+}
+
+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',
+  UNEXPECTED: 'Unexpected error! Please check console for details!'
+}
+
+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})
+    }
+
+    const request = url.startsWith('https') ? https : http
+
+    const req = request.request(url, (res) => {
+      let data = ''
+
+      res.on('data', (chunk) => {
+        data += chunk
+      })
+
+      res.on('end', () => {
+        const markdownHTML = td.turndown(data)
+
+        if (dispatch !== null) {
+          createNote(storage, {
+            type: 'MARKDOWN_NOTE',
+            folder: folder,
+            title: '',
+            content: markdownHTML
+          })
+          .then((note) => {
+            const noteHash = note.key
+            dispatch({
+              type: 'UPDATE_NOTE',
+              note: note
+            })
+            dispatch(push({
+              pathname: location.pathname,
+              query: {key: noteHash}
+            }))
+            ee.emit('list:jump', noteHash)
+            ee.emit('detail:focus')
+            resolve({result: true, error: null})
+          })
+        } else {
+          createNote(storage, {
+            type: 'MARKDOWN_NOTE',
+            folder: folder,
+            title: '',
+            content: markdownHTML
+          }).then((note) => {
+            resolve({result: true, note, error: null})
+          })
+        }
+      })
+    })
+
+    req.on('error', (e) => {
+      console.error('error in parsing URL', e)
+      reject({result: false, error: ERROR_MESSAGES[e.code] || ERROR_MESSAGES.UNEXPECTED})
+    })
+
+    req.end()
+  })
+}
+
+module.exports = createNoteFromUrl

browser/main/lib/dataApi/deleteFolder.js

@@ -3,7 +3,6 @@ const path = require('path')
 const resolveStorageData = require('./resolveStorageData')
 const resolveStorageNotes = require('./resolveStorageNotes')
 const CSON = require('@rokt33r/season')
-const sander = require('sander')
 const { findStorage } = require('browser/lib/findStorage')
 const deleteSingleNote = require('./deleteNote')
 

browser/main/lib/dataApi/exportNote.js

@@ -43,7 +43,7 @@ function exportNote (nodeKey, storageKey, noteContent, targetPath, outputFormatt
   )
 
   if (outputFormatter) {
-    exportedData = outputFormatter(exportedData, exportTasks, path.dirname(targetPath))
+    exportedData = outputFormatter(exportedData, exportTasks, targetPath)
   } else {
     exportedData = Promise.resolve(exportedData)
   }

browser/main/lib/dataApi/index.js

@@ -11,6 +11,7 @@ const dataApi = {
   exportFolder: require('./exportFolder'),
   exportStorage: require('./exportStorage'),
   createNote: require('./createNote'),
+  createNoteFromUrl: require('./createNoteFromUrl'),
   updateNote: require('./updateNote'),
   deleteNote: require('./deleteNote'),
   moveNote: require('./moveNote'),

browser/main/lib/dataApi/moveNote.js

@@ -1,7 +1,6 @@
 const resolveStorageData = require('./resolveStorageData')
 const _ = require('lodash')
 const path = require('path')
-const fs = require('fs')
 const CSON = require('@rokt33r/season')
 const keygen = require('browser/lib/keygen')
 const sander = require('sander')

browser/main/lib/modal.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Provider } from 'react-redux'
 import ReactDOM from 'react-dom'
-import store from '../store'
+import { store } from '../store'
 
 class ModalBase extends React.Component {
   constructor (props) {

browser/main/modals/CreateFolderModal.js

@@ -3,7 +3,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './CreateFolderModal.styl'
 import dataApi from 'browser/main/lib/dataApi'
-import store from 'browser/main/store'
+import { store } from 'browser/main/store'
 import consts from 'browser/lib/consts'
 import ModalEscButton from 'browser/components/ModalEscButton'
 import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'

browser/main/modals/CreateMarkdownFromURLModal.js

@@ -0,0 +1,118 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+import CSSModules from 'browser/lib/CSSModules'
+import styles from './CreateMarkdownFromURLModal.styl'
+import dataApi from 'browser/main/lib/dataApi'
+import ModalEscButton from 'browser/components/ModalEscButton'
+import i18n from 'browser/lib/i18n'
+
+class CreateMarkdownFromURLModal extends React.Component {
+  constructor (props) {
+    super(props)
+
+    this.state = {
+      name: '',
+      showerror: false,
+      errormessage: ''
+    }
+  }
+
+  componentDidMount () {
+    this.refs.name.focus()
+    this.refs.name.select()
+  }
+
+  handleCloseButtonClick (e) {
+    this.props.close()
+  }
+
+  handleChange (e) {
+    this.setState({
+      name: this.refs.name.value
+    })
+  }
+
+  handleKeyDown (e) {
+    if (e.keyCode === 27) {
+      this.props.close()
+    }
+  }
+
+  handleInputKeyDown (e) {
+    switch (e.keyCode) {
+      case 13:
+        this.confirm()
+    }
+  }
+
+  handleConfirmButtonClick (e) {
+    this.confirm()
+  }
+
+  showError (message) {
+    this.setState({
+      showerror: true,
+      errormessage: message
+    })
+  }
+
+  hideError () {
+    this.setState({
+      showerror: false,
+      errormessage: ''
+    })
+  }
+
+  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)
+    })
+  }
+
+  render () {
+    return (
+      <div styleName='root'
+        tabIndex='-1'
+        onKeyDown={(e) => this.handleKeyDown(e)}
+      >
+        <div styleName='header'>
+          <div styleName='title'>{i18n.__('Import Markdown From URL')}</div>
+        </div>
+        <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'
+              ref='name'
+              value={this.state.name}
+              onChange={(e) => this.handleChange(e)}
+              onKeyDown={(e) => this.handleInputKeyDown(e)}
+            />
+          </div>
+          <button styleName='control-confirmButton'
+            onClick={(e) => this.handleConfirmButtonClick(e)}
+          >
+            {i18n.__('Import')}
+          </button>
+          <div className='error' styleName='error'>{this.state.errormessage}</div>
+        </div>
+      </div>
+    )
+  }
+}
+
+CreateMarkdownFromURLModal.propTypes = {
+  storage: PropTypes.string,
+  folder: PropTypes.string,
+  dispatch: PropTypes.func,
+  location: PropTypes.shape({
+    pathname: PropTypes.string
+  })
+}
+
+export default CSSModules(CreateMarkdownFromURLModal, styles)

browser/main/modals/CreateMarkdownFromURLModal.styl

@@ -0,0 +1,160 @@
+.root
+  modal()
+  width 500px
+  height 270px
+  overflow hidden
+  position relative
+
+.header
+  height 80px
+  margin-bottom 10px
+  margin-top 20px
+  font-size 18px
+  line-height 50px
+  background-color $ui-backgroundColor
+  color $ui-text-color
+
+.title
+  font-size 36px
+  font-weight 600
+
+.control-folder-label
+  text-align left
+  font-size 14px
+  color $ui-text-color
+
+.control-folder-input
+  display block
+  height 40px
+  width 490px
+  padding 0 5px
+  margin 10px 0
+  border 1px solid $ui-input--create-folder-modal
+  border-radius 2px
+  background-color transparent
+  outline none
+  vertical-align middle
+  font-size 16px
+  &:disabled
+    background-color $ui-input--disabled-backgroundColor
+  &:focus, &:active
+    border-color $ui-active-color
+
+.control-confirmButton
+  display block
+  height 35px
+  width 140px
+  border none
+  border-radius 2px
+  padding 0 25px
+  margin 20px auto
+  font-size 14px
+  colorPrimaryButton()
+
+body[data-theme="dark"]
+  .root
+    modalDark()
+    width 500px
+    height 270px
+    overflow hidden
+    position relative
+
+  .header
+    background-color transparent
+    border-color $ui-dark-borderColor
+    color $ui-dark-text-color
+
+  .control-folder-label
+    color $ui-dark-text-color
+
+  .control-folder-input
+    border 1px solid $ui-input--create-folder-modal
+    color white
+
+   .description
+    color $ui-inactive-text-color
+
+  .control-confirmButton
+    colorDarkPrimaryButton()
+
+body[data-theme="solarized-dark"]
+  .root
+    modalSolarizedDark()
+    width 500px
+    height 270px
+    overflow hidden
+    position relative
+
+  .header
+    background-color transparent
+    border-color $ui-dark-borderColor
+    color $ui-solarized-dark-text-color
+
+  .control-folder-label
+    color $ui-solarized-dark-text-color
+
+  .control-folder-input
+    border 1px solid $ui-input--create-folder-modal
+    color white
+
+   .description
+    color $ui-inactive-text-color
+
+  .control-confirmButton
+    colorSolarizedDarkPrimaryButton()
+
+.error
+  text-align center
+  color #F44336
+
+body[data-theme="monokai"]
+  .root
+    modalMonokai()
+    width 500px
+    height 270px
+    overflow hidden
+    position relative
+
+  .header
+    background-color transparent
+    border-color $ui-dark-borderColor
+    color $ui-monokai-text-color
+
+  .control-folder-label
+    color $ui-monokai-text-color
+
+  .control-folder-input
+    border 1px solid $ui-input--create-folder-modal
+    color white
+
+   .description
+    color $ui-inactive-text-color
+
+  .control-confirmButton
+    colorMonokaiPrimaryButton()
+
+body[data-theme="dracula"]
+  .root
+    modalDracula()
+    width 500px
+    height 270px
+    overflow hidden
+    position relative
+
+  .header
+    background-color transparent
+    border-color $ui-dracula-borderColor
+    color $ui-dracula-text-color
+
+  .control-folder-label
+    color $ui-dracula-text-color
+
+  .control-folder-input
+    border 1px solid $ui-input--create-folder-modal
+    color white
+
+   .description
+    color $ui-inactive-text-color
+
+  .control-confirmButton
+    colorDraculaPrimaryButton()

browser/main/modals/NewNoteModal.js

@@ -3,7 +3,10 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './NewNoteModal.styl'
 import ModalEscButton from 'browser/components/ModalEscButton'
 import i18n from 'browser/lib/i18n'
+import { openModal } from 'browser/main/lib/modal'
+import CreateMarkdownFromURLModal from '../modals/CreateMarkdownFromURLModal'
 import { createMarkdownNote, createSnippetNote } from 'browser/lib/newNote'
+import queryString from 'query-string'
 
 class NewNoteModal extends React.Component {
   constructor (props) {
@@ -20,8 +23,21 @@ class NewNoteModal extends React.Component {
     this.props.close()
   }
 
+  handleCreateMarkdownFromUrlClick (e) {
+    this.props.close()
+
+    const { storage, folder, dispatch, location } = this.props
+    openModal(CreateMarkdownFromURLModal, {
+      storage: storage,
+      folder: folder,
+      dispatch,
+      location
+    })
+  }
+
   handleMarkdownNoteButtonClick (e) {
-    const { storage, folder, dispatch, location, params, config } = this.props
+    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(() => {
@@ -38,7 +54,8 @@ class NewNoteModal extends React.Component {
   }
 
   handleSnippetNoteButtonClick (e) {
-    const { storage, folder, dispatch, location, params, config } = this.props
+    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(() => {
@@ -112,10 +129,8 @@ class NewNoteModal extends React.Component {
           </button>
 
         </div>
-        <div styleName='description'>
-          <i className='fa fa-arrows-h' />{i18n.__('Tab to switch format')}
-        </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>
     )
   }

browser/main/modals/NewNoteModal.styl

@@ -19,6 +19,7 @@
 .control
   padding 25px 0px
   text-align center
+  display: flex
 
 .control-button
   width 240px
@@ -47,6 +48,12 @@
   text-align center
   margin-bottom 25px
 
+.from-url
+  color $ui-inactive-text-color
+  text-align center
+  margin-bottom 25px
+  cursor pointer
+
 body[data-theme="dark"]
   .root
     modalDark()
@@ -61,7 +68,7 @@ body[data-theme="dark"]
     &:focus
       colorDarkPrimaryButton()
 
-  .description
+  .description, .from-url
     color $ui-inactive-text-color
 
 body[data-theme="solarized-dark"]
@@ -78,7 +85,7 @@ body[data-theme="solarized-dark"]
     &:focus
       colorDarkPrimaryButton()
 
-  .description
+  .description, .from-url
     color $ui-solarized-dark-text-color
 
 body[data-theme="monokai"]
@@ -95,7 +102,7 @@ body[data-theme="monokai"]
     &:focus
       colorDarkPrimaryButton()
 
-  .description
+  .description, .from-url
     color $ui-monokai-text-color
 
 body[data-theme="dracula"]

browser/main/modals/PreferencesModal/Blog.js

@@ -2,7 +2,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './ConfigTab.styl'
 import ConfigManager from 'browser/main/lib/ConfigManager'
-import store from 'browser/main/store'
+import { store } from 'browser/main/store'
 import PropTypes from 'prop-types'
 import _ from 'lodash'
 import i18n from 'browser/lib/i18n'

browser/main/modals/PreferencesModal/FolderItem.js

@@ -4,7 +4,7 @@ import CSSModules from 'browser/lib/CSSModules'
 import ReactDOM from 'react-dom'
 import styles from './FolderItem.styl'
 import dataApi from 'browser/main/lib/dataApi'
-import store from 'browser/main/store'
+import { store } from 'browser/main/store'
 import { SketchPicker } from 'react-color'
 import { SortableElement, SortableHandle } from 'react-sortable-hoc'
 import i18n from 'browser/lib/i18n'
@@ -225,7 +225,7 @@ class FolderItem extends React.Component {
         <div styleName='folderItem-left'
           style={{borderColor: folder.color}}
         >
-          <span styleName='folderItem-left-name'>{folder.name}</span>
+          <span>{folder.name}</span>
           <span styleName='folderItem-left-key'>({folder.key})</span>
         </div>
         <div styleName='folderItem-right'>
@@ -288,10 +288,10 @@ class Handle extends React.Component {
 
 class SortableFolderItemComponent extends React.Component {
   render () {
-    const StyledHandle = CSSModules(Handle, this.props.styles)
+    const StyledHandle = CSSModules(Handle, styles)
     const DragHandle = SortableHandle(StyledHandle)
 
-    const StyledFolderItem = CSSModules(FolderItem, this.props.styles)
+    const StyledFolderItem = CSSModules(FolderItem, styles)
 
     return (
       <div>

browser/main/modals/PreferencesModal/FolderList.js

@@ -3,7 +3,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import dataApi from 'browser/main/lib/dataApi'
 import styles from './FolderList.styl'
-import store from 'browser/main/store'
+import { store } from 'browser/main/store'
 import FolderItem from './FolderItem'
 import { SortableContainer } from 'react-sortable-hoc'
 import i18n from 'browser/lib/i18n'
@@ -22,7 +22,7 @@ class FolderList extends React.Component {
     })
 
     return (
-      <div styleName='folderList'>
+      <div>
         {folderList.length > 0
           ? folderList
           : <div styleName='folderList-empty'>{i18n.__('No Folders')}</div>

browser/main/modals/PreferencesModal/HotkeyTab.js

@@ -3,7 +3,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './ConfigTab.styl'
 import ConfigManager from 'browser/main/lib/ConfigManager'
-import store from 'browser/main/store'
+import { store } from 'browser/main/store'
 import _ from 'lodash'
 import i18n from 'browser/lib/i18n'
 
@@ -76,13 +76,16 @@ class HotkeyTab extends React.Component {
 
   handleHotkeyChange (e) {
     const { config } = this.state
-    config.hotkey = {
+    config.hotkey = Object.assign({}, config.hotkey, {
       toggleMain: this.refs.toggleMain.value,
       toggleMode: this.refs.toggleMode.value,
       deleteNote: this.refs.deleteNote.value,
       pasteSmartly: this.refs.pasteSmartly.value,
-      toggleMenuBar: this.refs.toggleMenuBar.value
-    }
+      prettifyMarkdown: this.refs.prettifyMarkdown.value,
+      toggleMenuBar: this.refs.toggleMenuBar.value,
+      insertDate: this.refs.insertDate.value,
+      insertDateTime: this.refs.insertDateTime.value
+    })
     this.setState({
       config
     })
@@ -173,6 +176,38 @@ class HotkeyTab extends React.Component {
               />
             </div>
           </div>
+          <div styleName='group-section'>
+            <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)}
+                ref='prettifyMarkdown'
+                value={config.hotkey.prettifyMarkdown}
+                type='text' />
+            </div>
+          </div>
+          <div styleName='group-section'>
+            <div styleName='group-section-label'>{i18n.__('Insert Current Date')}</div>
+            <div styleName='group-section-control'>
+              <input styleName='group-section-control-input'
+                ref='insertDate'
+                value={config.hotkey.insertDate}
+                type='text'
+                disabled='true'
+              />
+            </div>
+          </div>
+          <div styleName='group-section'>
+            <div styleName='group-section-label'>{i18n.__('Insert Current Date and Time')}</div>
+            <div styleName='group-section-control'>
+              <input styleName='group-section-control-input'
+                ref='insertDateTime'
+                value={config.hotkey.insertDateTime}
+                type='text'
+                disabled='true'
+              />
+            </div>
+          </div>
           <div styleName='group-control'>
             <button styleName='group-control-leftButton'
               onClick={(e) => this.handleHintToggleButtonClick(e)}

browser/main/modals/PreferencesModal/InfoTab.js

@@ -2,7 +2,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './InfoTab.styl'
 import ConfigManager from 'browser/main/lib/ConfigManager'
-import store from 'browser/main/store'
+import { store } from 'browser/main/store'
 import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
 import _ from 'lodash'
 import i18n from 'browser/lib/i18n'
@@ -61,6 +61,15 @@ class InfoTab extends React.Component {
     })
   }
 
+  toggleAutoUpdate () {
+    const newConfig = {
+      autoUpdateEnabled: !this.state.config.autoUpdateEnabled
+    }
+
+    this.setState({ config: newConfig })
+    ConfigManager.set(newConfig)
+  }
+
   infoMessage () {
     const { amaMessage } = this.state
     return amaMessage ? <p styleName='policy-confirm'>{amaMessage}</p> : null
@@ -140,6 +149,8 @@ class InfoTab extends React.Component {
           </li>
         </ul>
 
+        <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>

browser/main/modals/PreferencesModal/StorageItem.js

@@ -4,7 +4,7 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './StorageItem.styl'
 import consts from 'browser/lib/consts'
 import dataApi from 'browser/main/lib/dataApi'
-import store from 'browser/main/store'
+import { store } from 'browser/main/store'
 import FolderList from './FolderList'
 import i18n from 'browser/lib/i18n'
 

browser/main/modals/PreferencesModal/StorageItem.styl

@@ -101,4 +101,12 @@ body[data-theme="solarized-dark"]
   .header-control-button
     border-color $ui-solarized-dark-button-backgroundColor
     background-color $ui-solarized-dark-button-backgroundColor
-    color $ui-solarized-dark-text-color
+    color $ui-solarized-dark-text-color
+
+body[data-theme="dracula"]
+  .header
+    border-color $ui-dracula-borderColor
+
+  .header-control-button
+    colorDraculaDefaultButton()
+    border-color $ui-dracula-borderColor

browser/main/modals/PreferencesModal/StoragesTab.js

@@ -3,8 +3,11 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './StoragesTab.styl'
 import dataApi from 'browser/main/lib/dataApi'
+import attachmentManagement from 'browser/main/lib/dataApi/attachmentManagement'
 import StorageItem from './StorageItem'
 import i18n from 'browser/lib/i18n'
+import { humanFileSize } from 'browser/lib/utils'
+import fs from 'fs'
 
 const electron = require('electron')
 const { shell, remote } = electron
@@ -35,8 +38,29 @@ class StoragesTab extends React.Component {
         name: 'Unnamed',
         type: 'FILESYSTEM',
         path: ''
-      }
+      },
+      attachments: []
     }
+    this.loadAttachmentStorage()
+  }
+
+  loadAttachmentStorage () {
+    const promises = []
+    this.props.data.noteMap.map(note => {
+      const promise = attachmentManagement.getAttachmentsPathAndStatus(
+        note.content,
+        note.storage,
+        note.key
+      )
+      if (promise) promises.push(promise)
+    })
+
+    Promise.all(promises)
+      .then(data => {
+        const result = data.reduce((acc, curr) => acc.concat(curr), [])
+        this.setState({attachments: result})
+      })
+      .catch(console.error)
   }
 
   handleAddStorageButton (e) {
@@ -57,8 +81,39 @@ class StoragesTab extends React.Component {
     e.preventDefault()
   }
 
+  handleRemoveUnusedAttachments (attachments) {
+    attachmentManagement.removeAttachmentsByPaths(attachments)
+      .then(() => this.loadAttachmentStorage())
+      .catch(console.error)
+  }
+
   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 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 unusedAttachmentPaths = unusedAttachments
+      .reduce((acc, curr) => acc.concat(curr.path), [])
 
     if (!boundingBox) { return null }
     const storageList = data.storageMap.map((storage) => {
@@ -82,6 +137,20 @@ class StoragesTab extends React.Component {
             <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)
+        </p>
+        <p styleName='list-attachment-label'>
+          In use attachments size: {humanFileSize(totalInuseAttachmentsSize)} ({totalInuseAttachments} items)
+        </p>
+        <p styleName='list-attachment-label'>
+          Total attachments size: {humanFileSize(totalAttachmentsSize)} ({totalAttachments} items)
+        </p>
+        <button styleName='list-attachement-clear-button'
+          onClick={() => this.handleRemoveUnusedAttachments(unusedAttachmentPaths)}>
+          {i18n.__('Clear unused attachments')}
+        </button>
       </div>
     )
   }

browser/main/modals/PreferencesModal/StoragesTab.styl

@@ -33,6 +33,17 @@
   colorDefaultButton()
   font-size $tab--button-font-size
   border-radius 2px
+.list-attachment-label
+  margin-bottom 10px
+  color $ui-text-color
+.list-attachement-clear-button
+  height 30px
+  border none
+  border-top-right-radius 2px
+  border-bottom-right-radius 2px
+  colorPrimaryButton()
+  vertical-align middle
+  padding 0 20px
 
 .addStorage
   margin-bottom 15px
@@ -154,8 +165,8 @@ body[data-theme="dark"]
   .addStorage-body-control-cancelButton
     colorDarkDefaultButton()
     border-color $ui-dark-borderColor
-
-
+  .list-attachement-clear-button
+    colorDarkPrimaryButton()
 
 body[data-theme="solarized-dark"]
   .root
@@ -194,6 +205,8 @@ body[data-theme="solarized-dark"]
   .addStorage-body-control-cancelButton
     colorDarkDefaultButton()
     border-color $ui-solarized-dark-borderColor
+  .list-attachement-clear-button
+    colorSolarizedDarkPrimaryButton()
 
 body[data-theme="monokai"]
   .root
@@ -232,6 +245,8 @@ body[data-theme="monokai"]
   .addStorage-body-control-cancelButton
     colorDarkDefaultButton()
     border-color $ui-monokai-borderColor
+  .list-attachement-clear-button
+    colorMonokaiPrimaryButton()
 
 body[data-theme="dracula"]
   .root
@@ -269,4 +284,6 @@ body[data-theme="dracula"]
     colorDarkPrimaryButton()
   .addStorage-body-control-cancelButton
     colorDarkDefaultButton()
-    border-color $ui-dracula-borderColor
+    border-color $ui-dracula-borderColor
+  .list-attachement-clear-button
+    colorDraculaPrimaryButton()

browser/main/modals/PreferencesModal/UiTab.js

@@ -3,7 +3,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './ConfigTab.styl'
 import ConfigManager from 'browser/main/lib/ConfigManager'
-import store from 'browser/main/store'
+import { store } from 'browser/main/store'
 import consts from 'browser/lib/consts'
 import ReactCodeMirror from 'react-codemirror'
 import CodeMirror from 'codemirror'
@@ -30,7 +30,13 @@ class UiTab extends React.Component {
   componentDidMount () {
     CodeMirror.autoLoadMode(this.codeMirrorInstance.getCodeMirror(), 'javascript')
     CodeMirror.autoLoadMode(this.customCSSCM.getCodeMirror(), 'css')
+    CodeMirror.autoLoadMode(this.customMarkdownLintConfigCM.getCodeMirror(), 'javascript')
+    CodeMirror.autoLoadMode(this.prettierConfigCM.getCodeMirror(), 'javascript')
+    // Set CM editor Sizes
     this.customCSSCM.getCodeMirror().setSize('400px', '400px')
+    this.prettierConfigCM.getCodeMirror().setSize('400px', '400px')
+    this.customMarkdownLintConfigCM.getCodeMirror().setSize('400px', '200px')
+
     this.handleSettingDone = () => {
       this.setState({UiAlert: {
         type: 'success',
@@ -89,6 +95,7 @@ class UiTab extends React.Component {
         enableRulers: this.refs.enableEditorRulers.value === 'true',
         rulers: this.refs.editorRulers.value.replace(/[^0-9,]/g, '').split(','),
         displayLineNumbers: this.refs.editorDisplayLineNumbers.checked,
+        lineWrapping: this.refs.editorLineWrapping.checked,
         switchPreview: this.refs.editorSwitchPreview.value,
         keyMap: this.refs.editorKeyMap.value,
         snippetDefaultLanguage: this.refs.editorSnippetDefaultLanguage.value,
@@ -101,7 +108,11 @@ class UiTab extends React.Component {
         matchingTriples: this.refs.matchingTriples.value,
         explodingPairs: this.refs.explodingPairs.value,
         spellcheck: this.refs.spellcheck.checked,
-        enableSmartPaste: this.refs.enableSmartPaste.checked
+        enableSmartPaste: this.refs.enableSmartPaste.checked,
+        enableMarkdownLint: this.refs.enableMarkdownLint.checked,
+        customMarkdownLintConfig: this.customMarkdownLintConfigCM.getCodeMirror().getValue(),
+        prettierConfig: this.prettierConfigCM.getCodeMirror().getValue(),
+        deleteUnusedAttachments: this.refs.deleteUnusedAttachments.checked
       },
       preview: {
         fontSize: this.refs.previewFontSize.value,
@@ -119,6 +130,7 @@ class UiTab extends React.Component {
         breaks: this.refs.previewBreaks.checked,
         smartArrows: this.refs.previewSmartArrows.checked,
         sanitize: this.refs.previewSanitize.value,
+        mermaidHTMLLabel: this.refs.previewMermaidHTMLLabel.checked,
         allowCustomCSS: this.refs.previewAllowCustomCSS.checked,
         lineThroughCheckbox: this.refs.lineThroughCheckbox.checked,
         customCSS: this.customCSSCM.getCodeMirror().getValue()
@@ -131,7 +143,7 @@ class UiTab extends React.Component {
       const theme = consts.THEMES.find(theme => theme.name === newCodemirrorTheme)
 
       if (theme) {
-        checkHighLight.setAttribute('href', `../${theme.path}`)
+        checkHighLight.setAttribute('href', theme.path)
       }
     }
 
@@ -541,6 +553,17 @@ class UiTab extends React.Component {
             </label>
           </div>
 
+          <div styleName='group-checkBoxSection'>
+            <label>
+              <input onChange={(e) => this.handleUIChange(e)}
+                checked={this.state.config.editor.lineWrapping}
+                ref='editorLineWrapping'
+                type='checkbox'
+              />&nbsp;
+              {i18n.__('Wrap line in Snippet Note')}
+            </label>
+          </div>
+
           <div styleName='group-checkBoxSection'>
             <label>
               <input onChange={(e) => this.handleUIChange(e)}
@@ -595,6 +618,16 @@ class UiTab extends React.Component {
               {i18n.__('Enable spellcheck - Experimental feature!! :)')}
             </label>
           </div>
+          <div styleName='group-checkBoxSection'>
+            <label>
+              <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')}
+            </label>
+          </div>
 
           <div styleName='group-section'>
             <div styleName='group-section-label'>
@@ -637,6 +670,34 @@ class UiTab extends React.Component {
               />
             </div>
           </div>
+          <div styleName='group-section'>
+            <div styleName='group-section-label'>
+              {i18n.__('Custom MarkdownLint Rules')}
+            </div>
+            <div styleName='group-section-control'>
+              <input onChange={(e) => this.handleUIChange(e)}
+                checked={this.state.config.editor.enableMarkdownLint}
+                ref='enableMarkdownLint'
+                type='checkbox'
+              />&nbsp;
+              {i18n.__('Enable MarkdownLint')}
+              <div style={{fontFamily, display: this.state.config.editor.enableMarkdownLint ? 'block' : 'none'}}>
+                <ReactCodeMirror
+                  width='400px'
+                  height='200px'
+                  onChange={e => this.handleUIChange(e)}
+                  ref={e => (this.customMarkdownLintConfigCM = e)}
+                  value={config.editor.customMarkdownLintConfig}
+                  options={{
+                    lineNumbers: true,
+                    mode: 'application/json',
+                    theme: codemirrorTheme,
+                    lint: true,
+                    gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter', 'CodeMirror-lint-markers']
+                  }} />
+              </div>
+            </div>
+          </div>
 
           <div styleName='group-header2'>{i18n.__('Preview')}</div>
           <div styleName='group-section'>
@@ -768,6 +829,16 @@ class UiTab extends React.Component {
               </select>
             </div>
           </div>
+          <div styleName='group-checkBoxSection'>
+            <label>
+              <input onChange={(e) => this.handleUIChange(e)}
+                checked={this.state.config.preview.mermaidHTMLLabel}
+                ref='previewMermaidHTMLLabel'
+                type='checkbox'
+              />&nbsp;
+              {i18n.__('Enable HTML label in mermaid flowcharts')}
+            </label>
+          </div>
           <div styleName='group-section'>
             <div styleName='group-section-label'>
               {i18n.__('LaTeX Inline Open Delimiter')}
@@ -851,7 +922,6 @@ class UiTab extends React.Component {
                   onChange={e => this.handleUIChange(e)}
                   ref={e => (this.customCSSCM = e)}
                   value={config.preview.customCSS}
-                  defaultValue={'/* Drop Your Custom CSS Code Here */\n'}
                   options={{
                     lineNumbers: true,
                     mode: 'css',
@@ -860,7 +930,27 @@ class UiTab extends React.Component {
               </div>
             </div>
           </div>
-
+          <div styleName='group-section'>
+            <div styleName='group-section-label'>
+              {i18n.__('Prettier Config')}
+            </div>
+            <div styleName='group-section-control'>
+              <div style={{fontFamily}}>
+                <ReactCodeMirror
+                  width='400px'
+                  height='400px'
+                  onChange={e => this.handleUIChange(e)}
+                  ref={e => (this.prettierConfigCM = e)}
+                  value={config.editor.prettierConfig}
+                  options={{
+                    lineNumbers: true,
+                    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')}

browser/main/modals/PreferencesModal/index.js

@@ -147,7 +147,7 @@ class Preferences extends React.Component {
           key={tab.target}
           onClick={(e) => this.handleNavButtonClick(tab.target)(e)}
         >
-          <span styleName='nav-button-label'>
+          <span>
             {tab.label}
           </span>
           {isUiHotkeyTab ? this.haveToSaveNotif(tab[tab.label].type, tab[tab.label].message) : null}

browser/main/modals/RenameFolderModal.js

@@ -3,7 +3,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './RenameFolderModal.styl'
 import dataApi from 'browser/main/lib/dataApi'
-import store from 'browser/main/store'
+import { store } from 'browser/main/store'
 import ModalEscButton from 'browser/components/ModalEscButton'
 import i18n from 'browser/lib/i18n'
 

browser/main/store.js

@@ -1,8 +1,10 @@
-import { combineReducers, createStore } from 'redux'
-import { routerReducer } from 'react-router-redux'
+import { combineReducers, createStore, compose, applyMiddleware } from 'redux'
+import { connectRouter, routerMiddleware } from 'connected-react-router'
+import { createHashHistory as createHistory } from 'history'
 import ConfigManager from 'browser/main/lib/ConfigManager'
 import { Map, Set } from 'browser/lib/Mutable'
 import _ from 'lodash'
+import DevTools from './DevTools'
 
 function defaultDataMap () {
   return {
@@ -465,13 +467,17 @@ function getOrInitItem (target, key) {
   return results
 }
 
+const history = createHistory()
+
 const reducer = combineReducers({
   data,
   config,
   status,
-  routing: routerReducer
+  router: connectRouter(history)
 })
 
-const store = createStore(reducer)
+const store = createStore(reducer, undefined, process.env.NODE_ENV === 'development'
+  ? compose(applyMiddleware(routerMiddleware(history)), DevTools.instrument())
+  : applyMiddleware(routerMiddleware(history)))
 
-export default store
+export { store, history }

browser/styles/index.styl

@@ -410,6 +410,15 @@ $ui-dracula-button--active-color = #f8f8f2
 $ui-dracula-button--active-backgroundColor = #bd93f9
 $ui-dracula-button--hover-backgroundColor = lighten($ui-dracula-backgroundColor, 10%)
 $ui-dracula-button--focus-borderColor = lighten(#44475a, 25%)
+colorDraculaDefaultButton()
+  border-color $ui-dracula-borderColor
+  color $ui-dracula-text-color
+  background-color $ui-dracula-button-backgroundColor
+  &:hover
+    background-color $ui-dracula-button--hover-backgroundColor
+  &:active
+  &:active:hover
+    background-color $ui-dracula-button--active-backgroundColor
 
 modalDracula()
   position relative

docs/pt_BR/build.md

@@ -42,7 +42,9 @@ Então nós preparamos um _script_ separado, o qual somente cria um executável.
 grunt pre-build
 ```
 
-Você irá encontrar o executável na pasta `dist`. Nota: o atualizador automático não funciona porque o app não está certificado.
+Você irá encontrar o executável na pasta `dist`. 
+
+**Nota:** o atualizador automático não funciona porque o app não está certificado.
 
 Se você achar isto necessário, você pode usar o _codesign_ ou o _authenticode_ com esse executável.
 
@@ -50,7 +52,7 @@ Se você achar isto necessário, você pode usar o _codesign_ ou o _authenticode
 
 Pacotes de distribuição são gerados através do comando `grunt build` em plataforma Linux (e.g. Ubuntu, Fedora).
 
-> Nota: você pode criar `.deb` e `.rpm` em um mesmo ambiente.
+**Nota:** você pode criar `.deb` e `.rpm` em um mesmo ambiente.
 
 Depois de instalar uma versão suportada do `node` e do `npm`, deve-se instalar as dependências para gerar os pacotes.
 

lib/main-app.js

@@ -4,25 +4,25 @@ const Menu = electron.Menu
 const ipc = electron.ipcMain
 const GhReleases = require('electron-gh-releases')
 const { isPackaged } = app
+const electronConfig = new (require('electron-config'))()
 // electron.crashReporter.start()
+const singleInstance = app.requestSingleInstanceLock()
 
 var ipcServer = null
 
 var mainWindow = null
 
-var shouldQuit = app.makeSingleInstance(function (commandLine, workingDirectory) {
-  if (mainWindow) {
-    if (process.platform === 'win32') {
-      mainWindow.minimize()
-      mainWindow.restore()
-    }
-    mainWindow.focus()
-  }
-  return true
-})
-
-if (shouldQuit) {
+// Single Instance Lock
+if (!singleInstance) {
   app.quit()
+} else {
+  app.on('second-instance', () => {
+    // Someone tried to run a second instance, it should focus the existing instance.
+    if (mainWindow) {
+      if (!mainWindow.isVisible()) mainWindow.show()
+      mainWindow.focus()
+    }
+  })
 }
 
 var isUpdateReady = false
@@ -41,6 +41,7 @@ function checkUpdate () {
     console.log('Updates are disabled in Development mode, see main-app.js')
     return true
   }
+  if (!electronConfig.get('autoUpdateEnabled', true)) return
   if (process.platform === 'linux' || isUpdateReady) {
     return true
   }

lib/main-menu.js

@@ -3,6 +3,7 @@ const BrowserWindow = electron.BrowserWindow
 const shell = electron.shell
 const ipc = electron.ipcMain
 const mainWindow = require('./main-window')
+const os = require('os')
 
 const macOS = process.platform === 'darwin'
 // const WIN = process.platform === 'win32'
@@ -411,6 +412,28 @@ const help = {
           click () { shell.openExternal('https://github.com/TobseF/boostnote-markdown-cheatsheet/blob/master/BOOSTNOTE_MARKDOWN_CHEAT_SHEET.md') }
         }
       ]
+    },
+    {
+      type: 'separator'
+    },
+    {
+      label: 'About',
+      click () {
+        const version = electron.app.getVersion()
+        const electronVersion = process.versions.electron
+        const chromeVersion = process.versions.chrome
+        const nodeVersion = process.versions.node
+        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}`
+          })
+      }
     }
   ]
 }

lib/main-window.js

@@ -6,6 +6,33 @@ const Config = require('electron-config')
 const config = new Config()
 const _ = require('lodash')
 
+// set up some chrome extensions
+if (process.env.NODE_ENV === 'development') {
+  const {
+    default: installExtension,
+    REACT_DEVELOPER_TOOLS,
+    REACT_PERF
+  } = require('electron-devtools-installer')
+
+  require('electron-debug')({ showDevTools: false })
+
+  const ChromeLens = {
+    // ID of the extension (https://chrome.google.com/webstore/detail/chromelens/idikgljglpfilbhaboonnpnnincjhjkd)
+    id: 'idikgljglpfilbhaboonnpnnincjhjkd',
+    electron: '>=1.2.1'
+  }
+
+  const extensions = [REACT_DEVELOPER_TOOLS, REACT_PERF, ChromeLens]
+
+  for (const extension of extensions) {
+    try {
+      installExtension(extension)
+    } catch (e) {
+      console.error(`[ELECTRON] Extension installation failed`, e)
+    }
+  }
+}
+
 const windowSize = config.get('windowsize') || {
   x: null,
   y: null,
@@ -27,8 +54,7 @@ const mainWindow = new BrowserWindow({
   },
   icon: path.resolve(__dirname, '../resources/app.png')
 })
-
-const url = path.resolve(__dirname, './main.html')
+const url = path.resolve(__dirname, process.env.NODE_ENV === 'development' ? './main.development.html' : './main.production.html')
 
 mainWindow.loadURL('file://' + url)
 mainWindow.setMenuBarVisibility(false)

lib/main.development.html

@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
+
+  <link rel="stylesheet" href="../node_modules/font-awesome/css/font-awesome.min.css" media="screen" charset="utf-8">
+  <link rel="shortcut icon" href="../resources/favicon.ico">
+  <link rel="stylesheet" href="../node_modules/codemirror/lib/codemirror.css">
+  <link rel="stylesheet" href="../node_modules/katex/dist/katex.min.css">
+  <link rel="stylesheet" href="../node_modules/codemirror/addon/dialog/dialog.css">
+  <link rel="stylesheet" href="../node_modules/codemirror/addon/lint/lint.css">
+  <link rel="stylesheet" href="../extra_scripts/codemirror/mode/bfm/bfm.css">
+
+  <title>Boostnote</title>
+
+  <style>
+    @font-face {
+      font-family: 'OpenSans';
+      src: url('../resources/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
+      url('../resources/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
+      url('../resources/fonts/Lato-Regular.ttf') format('truetype');
+      font-style: normal;
+      font-weight: normal;
+      text-rendering: optimizeLegibility;
+    }
+
+    @font-face {
+      font-family: 'Lato';
+      src: url('../resources/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
+      url('../resources/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
+      url('../resources/fonts/Lato-Regular.ttf') format('truetype');
+      font-style: normal;
+      font-weight: normal;
+      text-rendering: optimizeLegibility;
+    }
+
+    #loadingCover {
+      background-color: #f4f4f4;
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      box-sizing: border-box;
+      padding: 65px 0;
+      font-family: sans-serif;
+    }
+
+    #loadingCover img {
+      display: block;
+      margin: 75px auto 5px;
+      width: 160px;
+      height: 160px;
+    }
+
+    #loadingCover .message {
+      font-size: 30px;
+      text-align: center;
+      line-height: 1.6;
+      font-weight: 100;
+      color: #888;
+    }
+
+    .CodeEditor {
+      opacity: 1 !important;
+      pointer-events: auto !important;
+    }
+
+    .CodeMirror-ruler {
+      border-left-color: rgba(142, 142, 142, 0.5);
+      mix-blend-mode: difference;
+    }
+    
+    .CodeMirror-scroll {
+      margin-bottom: 0;
+      padding-bottom: 0;
+    }
+
+    .CodeMirror-lint-tooltip {
+      z-index: 1003;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="loadingCover">
+    <img src="../resources/app.png">
+    <div class='message'>
+      <i class="fa fa-spinner fa-spin" spin></i>
+    </div>
+  </div>
+
+  <div id="content"></div>
+
+  <script src="../node_modules/codemirror/lib/codemirror.js"></script>
+  <script src="../node_modules/codemirror/mode/meta.js"></script>
+  <script src="../node_modules/codemirror-mode-elixir/dist/elixir.js"></script>
+  <script src="../node_modules/codemirror/addon/mode/overlay.js"></script>
+  <script src="../node_modules/codemirror/addon/mode/loadmode.js"></script>
+  <script src="../node_modules/codemirror/addon/mode/simple.js"></script>
+  <script src="../node_modules/codemirror/addon/mode/multiplex.js"></script>
+  <script src="../node_modules/codemirror/keymap/sublime.js"></script>
+  <script src="../node_modules/codemirror/keymap/vim.js"></script>
+  <script src="../node_modules/codemirror/keymap/emacs.js"></script>
+  <script src="../node_modules/codemirror/addon/runmode/runmode.js"></script>
+  <script src="../node_modules/codemirror/addon/display/panel.js"></script>
+  <script src="../node_modules/codemirror/mode/xml/xml.js"></script>
+  <script src="../node_modules/codemirror/mode/markdown/markdown.js"></script>
+  <script src="../node_modules/codemirror/mode/gfm/gfm.js"></script>
+  <script src="../node_modules/codemirror/mode/yaml/yaml.js"></script>
+  <script src="../node_modules/codemirror/mode/yaml-frontmatter/yaml-frontmatter.js"></script>
+
+  <script src="../extra_scripts/boost/boostNewLineIndentContinueMarkdownList.js"></script>
+  <script src="../extra_scripts/codemirror/mode/bfm/bfm.js"></script>
+  <script src="../extra_scripts/codemirror/addon/hyperlink/hyperlink.js"></script>
+
+  <script src="../node_modules/codemirror/addon/edit/closebrackets.js"></script>
+  <script src="../node_modules/codemirror/addon/edit/matchbrackets.js"></script>
+
+  <script src="../node_modules/codemirror/addon/search/search.js"></script>
+  <script src="../node_modules/codemirror/addon/search/searchcursor.js"></script>
+  <script src="../node_modules/codemirror/addon/scroll/annotatescrollbar.js"></script>
+  <script src="../node_modules/codemirror/addon/scroll/scrollpastend.js"></script>
+  <script src="../node_modules/codemirror/addon/search/matchesonscrollbar.js"></script>
+  <script src="../node_modules/codemirror/addon/search/jump-to-line.js"></script>
+
+  <script src="../node_modules/codemirror/addon/fold/brace-fold.js"></script>
+  <script src="../node_modules/codemirror/addon/fold/markdown-fold.js"></script>
+  <script src="../node_modules/codemirror/addon/fold/foldgutter.js"></script>
+  <script src="../node_modules/codemirror/addon/fold/foldcode.js"></script>
+
+  <script src="../node_modules/codemirror/addon/dialog/dialog.js"></script>
+  <script src="../node_modules/codemirror/addon/display/rulers.js"></script>
+
+  <script src="../node_modules/jsonlint-mod/lib/jsonlint.js"></script>
+  <script src="../node_modules/codemirror/addon/lint/lint.js"></script>
+  <script src="../node_modules/codemirror/addon/lint/json-lint.js"></script>
+
+  <script src="../node_modules/raphael/raphael.min.js"></script>
+  <script src="../node_modules/flowchart.js/release/flowchart.min.js"></script>
+  <script>
+    window._ = require('lodash')
+  </script>
+
+  <script src="../node_modules/@rokt33r/js-sequence-diagrams/dist/sequence-diagram-min.js"></script>
+  <script src="../node_modules/react/umd/react.development.js"></script>
+  <script src="../node_modules/react-dom/umd/react-dom.development.js"></script>
+  <script src="../node_modules/redux/dist/redux.min.js"></script>
+  <script src="../node_modules/react-redux/dist/react-redux.min.js"></script>
+  <script type='text/javascript'>
+    const electron = require('electron')
+    electron.webFrame.setVisualZoomLevelLimits(1, 1)
+    var scriptUrl = window._.find(electron.remote.process.argv, (a) => a === '--hot')
+      ? 'http://localhost:8080/assets/main.js'
+      : '../compiled/main.js'
+    var scriptEl = document.createElement('script')
+    scriptEl.setAttribute('type', 'text/javascript')
+    scriptEl.setAttribute('src', scriptUrl)
+    document.body.appendChild(scriptEl)
+  </script>
+  <style>
+    .ace_search {
+      background-color: #d9d9d9;
+    }
+  </style>
+</body>
+
+</html>

lib/main.production.html

@@ -72,6 +72,11 @@
       border-left-color: rgba(142, 142, 142, 0.5);
       mix-blend-mode: difference;
     }
+
+    .CodeMirror-scroll {
+      margin-bottom: 0;
+      padding-bottom: 0;
+    }
   </style>
 </head>
 
@@ -106,7 +111,6 @@
   <script src="../extra_scripts/boost/boostNewLineIndentContinueMarkdownList.js"></script>
   <script src="../extra_scripts/codemirror/mode/bfm/bfm.js"></script>
   <script src="../extra_scripts/codemirror/addon/hyperlink/hyperlink.js"></script>
-  <script src="../extra_scripts/codemirror/mode/bfm/bfm.js"></script>
 
   <script src="../node_modules/codemirror/addon/edit/closebrackets.js"></script>
   <script src="../node_modules/codemirror/addon/edit/matchbrackets.js"></script>
@@ -126,7 +130,9 @@
   <script src="../node_modules/codemirror/addon/dialog/dialog.js"></script>
   <script src="../node_modules/codemirror/addon/display/rulers.js"></script>
 
+  <script src="../node_modules/jsonlint-mod/lib/jsonlint.js"></script>
   <script src="../node_modules/codemirror/addon/lint/lint.js"></script>
+  <script src="../node_modules/codemirror/addon/lint/json-lint.js"></script>
 
   <script src="../node_modules/raphael/raphael.min.js"></script>
   <script src="../node_modules/flowchart.js/release/flowchart.min.js"></script>
@@ -135,8 +141,8 @@
   </script>
 
   <script src="../node_modules/@rokt33r/js-sequence-diagrams/dist/sequence-diagram-min.js"></script>
-  <script src="../node_modules/react/dist/react.min.js"></script>
-  <script src="../node_modules/react-dom/dist/react-dom.min.js"></script>
+  <script src="../node_modules/react/umd/react.production.min.js"></script>
+  <script src="../node_modules/react-dom/umd/react-dom.production.min.js"></script>
   <script src="../node_modules/redux/dist/redux.min.js"></script>
   <script src="../node_modules/react-redux/dist/react-redux.min.js"></script>
   <script type='text/javascript'>

locales/cs.json

@@ -0,0 +1,193 @@
+{
+  "Notes": "Poznámky",
+  "Tags": "Štítky",
+  "Preferences": "Předvolby",
+  "Make a note": "Vytvořit poznámku",
+  "Ctrl": "Ctrl",
+  "Ctrl(^)": "Ctrl(^)",
+  "to create a new note": " pro vytvoření nové poznámky",
+  "Toggle Mode": "Přepnout režim",
+  "Add tag...": "Přidat štítek...",
+  "Trash": "Koš",
+  "MODIFICATION DATE": "DATUM ZMĚNY",
+  "Words": "Slova",
+  "Letters": "Písmena",
+  "STORAGE": "ÚLOŽIŠTĚ",
+  "FOLDER": "SLOŽKA",
+  "CREATION DATE": "DATUM VYTVOŘENÍ",
+  "NOTE LINK": "ODKAZ NA POZNÁMKU",
+  ".md": ".md",
+  ".txt": ".txt",
+  ".html": ".html",
+  ".pdf": ".pdf",
+  "Print": "Tisk",
+  "Your preferences for Boostnote": "Vaše předvolby pro Boostnote",
+  "Help": "Nápověda",
+  "Hide Help": "Skrýt nápovědu",
+  "Storage Locations": "Umístění úložiště",
+  "Add Storage Location": "Přidat umístění úložiště",
+  "Add Folder": "Přidat složku",
+  "Select Folder": "Vybrat složku",
+  "Open Storage folder": "Otevřít složku úložiště",
+  "Unlink": "Zrušit odkaz",
+  "Edit": "Editovat",
+  "Delete": "Odstranit",
+  "Interface": "Rozhraní",
+  "Interface Theme": "Téma vzhledu rozhraní",
+  "Default": "Výchozí",
+  "White": "Bílé",
+  "Solarized Dark": "Solarizovaně tmavé",
+  "Dark": "Tmavé",
+  "Show a confirmation dialog when deleting notes": "Zobrazovat při odstraňování poznámek dialog pro potvrzení",
+  "Disable Direct Write (It will be applied after restarting)": "Zakázat přímý zápis (Bude aplikováno po restartu)",
+  "Show only related tags": "Zobrazit pouze související štítky",
+  "Editor Theme": "Téma vzhledu editoru",
+  "Editor Font Size": "Velikost písma editoru",
+  "Editor Font Family": "Rodiny písma editoru",
+  "Editor Indent Style": "Styl odsazení editoru",
+  "Spaces": "Mezery",
+  "Tabs": "Tabulátory",
+  "Switch to Preview": "Přepnout na náhled",
+  "When Editor Blurred": "Když se editor rozostří",
+  "When Editor Blurred, Edit On Double Click": "Při rozostření editoru, editovat po dvojím kliknutí",
+  "On Right Click": "Po kliknutí pravým tlačítkem myši",
+  "Editor Keymap": "Mapa kláves editoru",
+  "default": "výchozí",
+  "vim": "vim",
+  "emacs": "emacs",
+  "⚠️ Please restart boostnote after you change the keymap": "⚠️ Prosím restartujte boostnote po změně mapy kláves",
+  "Show line numbers in the editor": "Zobrazit v editoru čísla řádků",
+  "Allow editor to scroll past the last line": "Povolit v editoru scrolování za poslední řádek",
+  "Enable smart quotes": "Povolit chytré komentáře",
+  "Bring in web page title when pasting URL on editor": "Vložit název webové stránky při zkopírování URL do editoru",
+  "Preview": "Náhled",
+  "Preview Font Size": "Velikost písma v náhledu",
+  "Preview Font Family": "Rodina písma v náhledu",
+  "Code Block Theme": "Téma bloku kódu",
+  "Allow preview to scroll past the last line": "Povolit v náhledu scrolování za poslední řádek",
+  "Show line numbers for preview code blocks": "Zobrazit čísla řádků v náhledu bloků kódu",
+  "LaTeX Inline Open Delimiter": "inline otevírací oddělovač v LaTeX",
+  "LaTeX Inline Close Delimiter": "inline uzavírací oddělovač v LaTeX",
+  "LaTeX Block Open Delimiter": "otevírací oddělovač bloku v LaTeX",
+  "LaTeX Block Close Delimiter": "uzavírací oddělovač bloku v LaTeX",
+  "PlantUML Server": "PlantUML server",
+  "Community": "Komunita",
+  "Subscribe to Newsletter": "Přihlásit se k odběru novinek",
+  "GitHub": "GitHub",
+  "Blog": "Blog",
+  "Facebook Group": "Facebook Skupina",
+  "Twitter": "Twitter",
+  "About": "O aplikaci",
+  "Boostnote": "Boostnote",
+  "An open source note-taking app made for programmers just like you.": "Open source aplikace pro tvorbu poznámek vytvořená programátory jako jste vy.",
+  "Website": "Webová stránka",
+  "Development": "Vývoj",
+  " : Development configurations for Boostnote.": " : Vývojové konfigurace pro Boostnote.",
+  "Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
+  "License: GPL v3": "License: GPL v3",
+  "Analytics": "Analytika",
+  "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.": "Boostnote sbírá anonymní data pouze pro účely zlepšování aplikace, a v žádném případě nesbírá žádné osobní údaje, jako je například obsah vašich poznámek.",
+  "You can see how it works on ": "Můžete se podívat, jak to funguje ",
+  "You can choose to enable or disable this option.": "Tuto možnost můžete povolit nebo zakázat.",
+  "Enable analytics to help improve Boostnote": "Povolit analytiku pro další zlepšování Boostnote",
+  "Crowdfunding": "Crowdfunding",
+  "Dear Boostnote users,": "Vážení uživatelé Boostnote,",
+  "Thank you for using Boostnote!": "Děkujeme, že používáte Boostnote!",
+  "Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote je používán v přibližně 200 různých zemích a regionech úžasnou komunitou vývojářů.",
+  "To support our growing userbase, and satisfy community expectations,": "Abychom podpořili rostoucí uživatelskou základnu a naplnili očekávání komunity,",
+  "we would like to invest more time and resources in this project.": "rádi bychom do tohoto projektu investovali více času a zdrojů.",
+  "If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "Pokud používáte Boostnote a vidíte jeho potenciál, pomozte nám podporou projektu na OpenCollective!",
+  "Thanks,": "Děkujeme,",
+  "The Boostnote Team": "Tým Boostnote",
+  "Support via OpenCollective": "Podpořit přes OpenCollective",
+  "Language": "Jazyk",
+  "Default New Note": "Výchozí nová poznámka",
+  "English": "Angličtina",
+  "German": "Němčina",
+  "French": "Francouzština",
+  "Show \"Saved to Clipboard\" notification when copying": "Zobrazit při kopírování upozornění \"Uloženo do schránky\"",
+  "All Notes": "Všechny poznámky",
+  "Starred": "Oblíbené",
+  "Are you sure to ": "Opravdu ",
+  " delete": " odstranit",
+  "this folder?": "tuto složku?",
+  "Confirm": "Potvrdit",
+  "Cancel": "Storno",
+  "Markdown Note": "Markdown poznámka",
+  "This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "Tento formát je pro tvorbu textových dokumentů. Zaškrtávací seznamy, bloky kódu a Latex bloky jsou dostupné.",
+  "Snippet Note": "Útržek kódu",
+  "This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "Tento formát je pro tvorbu útržků kódu. Do jedné poznámky lze seskupit více útržků.",
+  "Tab to switch format": "Pro přepnutí formátu zmáčkněte Tab",
+  "Updated": "Aktualizováno",
+  "Created": "Vytvořeno",
+  "Alphabetically": "Abecedně",
+  "Counter": "Počítadlo",
+  "Default View": "Výchozí zobrazení",
+  "Compressed View": "Komprimované zobrazení",
+  "Search": "Vyhledat",
+  "Blog Type": "Typ blogu",
+  "Blog Address": "Adresa blogu",
+  "Save": "Uložit",
+  "Auth": "Autentizace",
+  "Authentication Method": "Autentizační metoda",
+  "JWT": "JWT",
+  "USER": "UŽIVATEL",
+  "Token": "Token",
+  "Storage": "Uložiště",
+  "Hotkeys": "Klávesové zkratky",
+  "Show/Hide Boostnote": "Zobrazit/skrýt Boostnote",
+  "Toggle Editor Mode": "Přepnout režim editoru",
+  "Delete Note": "Odstranit poznámku",
+  "Restore": "Obnovit",
+  "Permanent Delete": "Trvale odstranit",
+  "Confirm note deletion": "Potvrdit odstranění poznámky",
+  "This will permanently remove this note.": "Tato akce trvale odstraní poznámku.",
+  "Successfully applied!": "Úspěšně aplikováno!",
+  "Albanian": "Albánština",
+  "Chinese (zh-CN)": "Čínština (zjednodušená)",
+  "Chinese (zh-TW)": "Čínština (tradiční)",
+  "Danish": "Dánština",
+  "Japanese": "Japonština",
+  "Korean": "Korejština",
+  "Norwegian": "Norština",
+  "Polish": "Polština",
+  "Portuguese": "Portugalština",
+  "Spanish": "Španělština",
+  "Unsaved Changes!": "Neuložené změny!",
+  "UserName": "Uživatelské jméno",
+  "Password": "Heslo",
+  "Russian": "Rusky",
+  "Hungarian": "Maďarsky",
+  "Thai": "Thajština (ภาษาไทย)",
+  "Command(⌘)": "Command(⌘)",
+  "Add Storage": "Přidat úložiště",
+  "Name": "Jméno",
+  "Type": "Typ",
+  "File System": "Souborový systém",
+  "Setting up 3rd-party cloud storage integration:": "Nastavení integrace s úložištěm třetí strany:",
+  "Cloud-Syncing-and-Backup": "Synchronizace a záloha do cloudu",
+  "Location": "Umístění",
+  "Add": "Přidat",
+  "Unlink Storage": "Odpojit úložiště",
+  "Unlinking removes this linked storage from Boostnote. No data is removed, please manually delete the folder from your hard drive if needed.": "Odpojení odstraní toto připojené úložiště z Boostnote. Žádná data nebudou odstraněna, prosím odstraňte složku z vašeho pevného disku manuálně.",
+  "Editor Rulers": "Pravítka v editoru",
+  "Enable": "Povolit",
+  "Disable": "Zakázat",
+  "Sanitization": "Sanitace",
+  "Only allow secure html tags (recommended)": "Povolit pouze bezpečné html tagy (doporučeno)",
+  "Render newlines in Markdown paragraphs as <br>": "Vykreslit konce řádků v Markdown jako <br>",
+  "Allow styles": "Povolit styly",
+  "Allow dangerous html tags": "Povolit nebezpečné html tagy",
+  "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Převést textové šipky do překrásných symbolů. ⚠ Toto bude kolidovat s použitím HTML komentářů ve vašem Markdown.",
+  "⚠ 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! ⚠": "⚠ Vložili jste odkaz směrující na přílohu, kterou nebylo možné v umístění úložiště této poznámky najít. Vložením odkazu směrujícího na přílohy je podporováno pouze v případě, že se zdrojové a cílového úložiště shodují. Raději sem prosím přílohu přetáhněte! ⚠",
+  "Spellcheck disabled": "Kontrola pravopisu zakázána",
+  "Save tags of a note in alphabetical order": "Uložit štítky poznámky v abecedním pořadí",
+  "Enable live count of notes": "Povolit zobrazení aktuálního počtu poznámek",
+  "Enable smart table editor": "Povolit chytrý editor tabulek",
+  "Snippet Default Language": "Výchozí jazyk kódu",
+  "New notes are tagged with the filtering tags": "Nové poznámky jsou opatřeny štítky z filtru",
+  "Show menu bar": "Zobrazit lištu menu",
+  "Auto Detect": "Automatická detekce",
+  "Enable HTML label in mermaid flowcharts": "Povolit HTML label v mermaid flowcharts ⚠ Tato možnost je potenciálním zdrojem XSS.",
+  "Wrap line in Snippet Note": "Ukončovat řádky v útržcích kódu"
+}

locales/da.json

@@ -1,161 +1,164 @@
 {
-	"Notes": "Notes",
-	"Tags": "Tags",
-	"Preferences": "Preferences",
-	"Make a note": "Make a note",
-	"Ctrl": "Ctrl",
-	"Ctrl(^)": "Ctrl",
-	"to create a new note": "to create a new note",
-	"Toggle Mode": "Toggle Mode",
-	"Trash": "Trash",
-	"MODIFICATION DATE": "MODIFICATION DATE",
-	"Words": "Words",
-	"Letters": "Letters",
-	"STORAGE": "STORAGE",
-	"FOLDER": "FOLDER",
-	"CREATION DATE": "CREATION DATE",
-	"NOTE LINK": "NOTE LINK",
-	".md": ".md",
-	".txt": ".txt",
-	".html": ".html",
-	".pdf": ".pdf",
-	"Print": "Print",
-	"Your preferences for Boostnote": "Your preferences for Boostnote",
-	"Storage Locations": "Storage Locations",
-	"Add Storage Location": "Add Storage Location",
-	"Add Folder": "Add Folder",
-	"Open Storage folder": "Open Storage folder",
-	"Unlink": "Unlink",
-	"Edit": "Edit",
-	"Delete": "Delete",
-	"Interface": "Interface",
-	"Interface Theme": "Interface Theme",
-	"Default": "Default",
-	"White": "White",
-	"Solarized Dark": "Solarized Dark",
-	"Dark": "Dark",
-	"Show a confirmation dialog when deleting notes": "Show a confirmation dialog when deleting notes",
-	"Editor Theme": "Editor Theme",
-	"Editor Font Size": "Editor Font Size",
-	"Editor Font Family": "Editor Font Family",
-	"Editor Indent Style": "Editor Indent Style",
-	"Spaces": "Spaces",
-	"Tabs": "Tabs",
-	"Switch to Preview": "Switch to Preview",
-	"When Editor Blurred": "When Editor Blurred",
-	"When Editor Blurred, Edit On Double Click": "When Editor Blurred, Edit On Double Click",
-	"On Right Click": "On Right Click",
-	"Editor Keymap": "Editor Keymap",
-	"default": "default",
-	"vim": "vim",
-	"emacs": "emacs",
-	"⚠️ Please restart boostnote after you change the keymap": "⚠️ Please restart boostnote after you change the keymap",
-	"Show line numbers in the editor": "Show line numbers in the editor",
-	"Allow editor to scroll past the last line": "Allow editor to scroll past the last line",
-	"Bring in web page title when pasting URL on editor": "Bring in web page title when pasting URL on editor",
-	"Preview": "Preview",
-	"Preview Font Size": "Preview Font Size",
-	"Preview Font Family": "Preview Font Family",
-	"Code Block Theme": "Code Block Theme",
-	"Allow preview to scroll past the last line": "Allow preview to scroll past the last line",
-	"Show line numbers for preview code blocks": "Show line numbers for preview code blocks",
-	"LaTeX Inline Open Delimiter": "LaTeX Inline Open Delimiter",
-	"LaTeX Inline Close Delimiter": "LaTeX Inline Close Delimiter",
-	"LaTeX Block Open Delimiter": "LaTeX Block Open Delimiter",
-	"LaTeX Block Close Delimiter": "LaTeX Block Close Delimiter",
-	"PlantUML Server": "PlantUML Server",
-	"Community": "Community",
-	"Subscribe to Newsletter": "Subscribe to Newsletter",
-	"GitHub": "GitHub",
-	"Blog": "Blog",
-	"Facebook Group": "Facebook Group",
-	"Twitter": "Twitter",
-	"About": "About",
-	"Boostnote": "Boostnote",
-	"An open source note-taking app made for programmers just like you.": "An open source note-taking app made for programmers just like you.",
-	"Website": "Website",
-	"Development": "Development",
-	" : Development configurations for Boostnote.": " : Development configurations for Boostnote.",
-	"Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
-	"License: GPL v3": "License: GPL v3",
-	"Analytics": "Analytics",
-	"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.": "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.",
-	"You can see how it works on ": "You can see how it works on ",
-	"You can choose to enable or disable this option.": "You can choose to enable or disable this option.",
-	"Enable analytics to help improve Boostnote": "Enable analytics to help improve Boostnote",
-	"Crowdfunding": "Crowdfunding",
-	"Dear Boostnote users,": "Dear Boostnote users,",
-	"Thank you for using Boostnote!": "Thank you for using Boostnote!",
-	"Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote is used in about 200 different countries and regions by an awesome community of developers.",
-	"To support our growing userbase, and satisfy community expectations,": "To support our growing userbase, and satisfy community expectations,",
-	"we would like to invest more time and resources in this project.": "we would like to invest more time and resources in this project.",
-	"If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!",
-	"Thanks,": "Thanks,",
-	"The Boostnote Team": "The Boostnote Team",
-	"Support via OpenCollective": "Support via OpenCollective",
-	"Language": "Language",
-	"English": "English",
-	"German": "German",
-	"French": "French",
-	"Show \"Saved to Clipboard\" notification when copying": "Show \"Saved to Clipboard\" notification when copying",
-	"All Notes": "All Notes",
-	"Starred": "Starred",
-	"Are you sure to ": "Are you sure to ",
-	" delete": " delete",
-	"this folder?": "this folder?",
-	"Confirm": "Confirm",
-	"Cancel": "Cancel",
-	"Markdown Note": "Markdown Note",
-	"This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "This format is for creating text documents. Checklists, code blocks and Latex blocks are available.",
-	"Snippet Note": "Snippet Note",
-	"This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "This format is for creating code snippets. Multiple snippets can be grouped into a single note.",
-	"Tab to switch format": "Tab to switch format",
-	"Updated": "Updated",
-	"Created": "Created",
-	"Alphabetically": "Alphabetically",
-	"Default View": "Default View",
-	"Compressed View": "Compressed View",
-	"Search": "Search",
-	"Blog Type": "Blog Type",
-	"Blog Address": "Blog Address",
-	"Save": "Save",
-	"Auth": "Auth",
-	"Authentication Method": "Authentication Method",
-	"JWT": "JWT",
-	"USER": "USER",
-	"Token": "Token",
-	"Storage": "Storage",
-	"Hotkeys": "Hotkeys",
-	"Show/Hide Boostnote": "Show/Hide Boostnote",
-	"Restore": "Restore",
-	"Permanent Delete": "Permanent Delete",
-	"Confirm note deletion": "Confirm note deletion",
-	"This will permanently remove this note.": "This will permanently remove this note.",
-	"Successfully applied!": "Successfully applied!",
-	"Albanian": "Albanian",
-	"Chinese (zh-CN)": "Chinese (zh-CN)",
-	"Chinese (zh-TW)": "Chinese (zh-TW)",
-	"Danish": "Danish",
-	"Japanese": "Japanese",
-	"Korean": "Korean",
-	"Norwegian": "Norwegian",
-	"Polish": "Polish",
-	"Portuguese": "Portuguese",
-	"Spanish": "Spanish",
-	"Unsaved Changes!": "Unsaved Changes!",
-	"Russian": "Russian",
-	"Command(⌘)": "Command(⌘)",
-	"Editor Rulers": "Editor Rulers",
-	"Enable": "Enable",
-	"Disable": "Disable",
-	"Sanitization": "Sanitization",
-	"Only allow secure html tags (recommended)": "Only allow secure html tags (recommended)",
-	"Allow styles": "Allow styles",
-	"Allow dangerous html tags": "Allow dangerous html tags",
-	"Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.",
-	"⚠ 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! ⚠": "⚠ 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! ⚠",
-	"Spellcheck disabled": "Spellcheck disabled",
-	"Show menu bar": "Show menu bar",
-	"Auto Detect": "Auto Detect",
-	"Filter tags/folders...": "filter tags/folders..."
+  "Notes": "Notes",
+  "Tags": "Tags",
+  "Preferences": "Preferences",
+  "Make a note": "Make a note",
+  "Ctrl": "Ctrl",
+  "Ctrl(^)": "Ctrl",
+  "to create a new note": "to create a new note",
+  "Toggle Mode": "Toggle Mode",
+  "Trash": "Trash",
+  "MODIFICATION DATE": "MODIFICATION DATE",
+  "Words": "Words",
+  "Letters": "Letters",
+  "STORAGE": "STORAGE",
+  "FOLDER": "FOLDER",
+  "CREATION DATE": "CREATION DATE",
+  "NOTE LINK": "NOTE LINK",
+  ".md": ".md",
+  ".txt": ".txt",
+  ".html": ".html",
+  ".pdf": ".pdf",
+  "Print": "Print",
+  "Your preferences for Boostnote": "Your preferences for Boostnote",
+  "Storage Locations": "Storage Locations",
+  "Add Storage Location": "Add Storage Location",
+  "Add Folder": "Add Folder",
+  "Open Storage folder": "Open Storage folder",
+  "Unlink": "Unlink",
+  "Edit": "Edit",
+  "Delete": "Delete",
+  "Interface": "Interface",
+  "Interface Theme": "Interface Theme",
+  "Default": "Default",
+  "White": "White",
+  "Solarized Dark": "Solarized Dark",
+  "Dark": "Dark",
+  "Show a confirmation dialog when deleting notes": "Show a confirmation dialog when deleting notes",
+  "Editor Theme": "Editor Theme",
+  "Editor Font Size": "Editor Font Size",
+  "Editor Font Family": "Editor Font Family",
+  "Editor Indent Style": "Editor Indent Style",
+  "Spaces": "Spaces",
+  "Tabs": "Tabs",
+  "Switch to Preview": "Switch to Preview",
+  "When Editor Blurred": "When Editor Blurred",
+  "When Editor Blurred, Edit On Double Click": "When Editor Blurred, Edit On Double Click",
+  "On Right Click": "On Right Click",
+  "Editor Keymap": "Editor Keymap",
+  "default": "default",
+  "vim": "vim",
+  "emacs": "emacs",
+  "⚠️ Please restart boostnote after you change the keymap": "⚠️ Please restart boostnote after you change the keymap",
+  "Show line numbers in the editor": "Show line numbers in the editor",
+  "Allow editor to scroll past the last line": "Allow editor to scroll past the last line",
+  "Bring in web page title when pasting URL on editor": "Bring in web page title when pasting URL on editor",
+  "Preview": "Preview",
+  "Preview Font Size": "Preview Font Size",
+  "Preview Font Family": "Preview Font Family",
+  "Code Block Theme": "Code Block Theme",
+  "Allow preview to scroll past the last line": "Allow preview to scroll past the last line",
+  "Show line numbers for preview code blocks": "Show line numbers for preview code blocks",
+  "LaTeX Inline Open Delimiter": "LaTeX Inline Open Delimiter",
+  "LaTeX Inline Close Delimiter": "LaTeX Inline Close Delimiter",
+  "LaTeX Block Open Delimiter": "LaTeX Block Open Delimiter",
+  "LaTeX Block Close Delimiter": "LaTeX Block Close Delimiter",
+  "PlantUML Server": "PlantUML Server",
+  "Community": "Community",
+  "Subscribe to Newsletter": "Subscribe to Newsletter",
+  "GitHub": "GitHub",
+  "Blog": "Blog",
+  "Facebook Group": "Facebook Group",
+  "Twitter": "Twitter",
+  "About": "About",
+  "Boostnote": "Boostnote",
+  "An open source note-taking app made for programmers just like you.": "An open source note-taking app made for programmers just like you.",
+  "Website": "Website",
+  "Development": "Development",
+  " : Development configurations for Boostnote.": " : Development configurations for Boostnote.",
+  "Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
+  "License: GPL v3": "License: GPL v3",
+  "Analytics": "Analytics",
+  "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.": "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.",
+  "You can see how it works on ": "You can see how it works on ",
+  "You can choose to enable or disable this option.": "You can choose to enable or disable this option.",
+  "Enable analytics to help improve Boostnote": "Enable analytics to help improve Boostnote",
+  "Crowdfunding": "Crowdfunding",
+  "Dear Boostnote users,": "Dear Boostnote users,",
+  "Thank you for using Boostnote!": "Thank you for using Boostnote!",
+  "Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote is used in about 200 different countries and regions by an awesome community of developers.",
+  "To support our growing userbase, and satisfy community expectations,": "To support our growing userbase, and satisfy community expectations,",
+  "we would like to invest more time and resources in this project.": "we would like to invest more time and resources in this project.",
+  "If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!",
+  "Thanks,": "Thanks,",
+  "The Boostnote Team": "The Boostnote Team",
+  "Support via OpenCollective": "Support via OpenCollective",
+  "Language": "Language",
+  "English": "English",
+  "German": "German",
+  "French": "French",
+  "Show \"Saved to Clipboard\" notification when copying": "Show \"Saved to Clipboard\" notification when copying",
+  "All Notes": "All Notes",
+  "Starred": "Starred",
+  "Are you sure to ": "Are you sure to ",
+  " delete": " delete",
+  "this folder?": "this folder?",
+  "Confirm": "Confirm",
+  "Cancel": "Cancel",
+  "Markdown Note": "Markdown Note",
+  "This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "This format is for creating text documents. Checklists, code blocks and Latex blocks are available.",
+  "Snippet Note": "Snippet Note",
+  "This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "This format is for creating code snippets. Multiple snippets can be grouped into a single note.",
+  "Tab to switch format": "Tab to switch format",
+  "Updated": "Updated",
+  "Created": "Created",
+  "Alphabetically": "Alphabetically",
+  "Default View": "Default View",
+  "Compressed View": "Compressed View",
+  "Search": "Search",
+  "Blog Type": "Blog Type",
+  "Blog Address": "Blog Address",
+  "Save": "Save",
+  "Auth": "Auth",
+  "Authentication Method": "Authentication Method",
+  "JWT": "JWT",
+  "USER": "USER",
+  "Token": "Token",
+  "Storage": "Storage",
+  "Hotkeys": "Hotkeys",
+  "Show/Hide Boostnote": "Show/Hide Boostnote",
+  "Restore": "Restore",
+  "Permanent Delete": "Permanent Delete",
+  "Confirm note deletion": "Confirm note deletion",
+  "This will permanently remove this note.": "This will permanently remove this note.",
+  "Successfully applied!": "Successfully applied!",
+  "Albanian": "Albanian",
+  "Chinese (zh-CN)": "Chinese (zh-CN)",
+  "Chinese (zh-TW)": "Chinese (zh-TW)",
+  "Czech": "Czech",
+  "Danish": "Danish",
+  "Japanese": "Japanese",
+  "Korean": "Korean",
+  "Norwegian": "Norwegian",
+  "Polish": "Polish",
+  "Portuguese": "Portuguese",
+  "Spanish": "Spanish",
+  "Unsaved Changes!": "Unsaved Changes!",
+  "Russian": "Russian",
+  "Command(⌘)": "Command(⌘)",
+  "Editor Rulers": "Editor Rulers",
+  "Enable": "Enable",
+  "Disable": "Disable",
+  "Sanitization": "Sanitization",
+  "Only allow secure html tags (recommended)": "Only allow secure html tags (recommended)",
+  "Allow styles": "Allow styles",
+  "Allow dangerous html tags": "Allow dangerous html tags",
+  "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.",
+  "⚠ 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! ⚠": "⚠ 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! ⚠",
+  "Spellcheck disabled": "Spellcheck disabled",
+  "Show menu bar": "Show menu bar",
+  "Auto Detect": "Auto Detect",
+  "Filter tags/folders...": "filter tags/folders...",
+  "Enable HTML label in mermaid flowcharts": "Enable HTML label in mermaid flowcharts ⚠ This option potentially has a risk of XSS.",
+  "Wrap line in Snippet Note": "Wrap line in Snippet Note"
 }

locales/de.json

@@ -1,217 +1,220 @@
 {
-	"Notes": "Notizen",
-	"Tags": "Tags",
-	"Preferences": "Einstellungen",
-	"Make a note": "Notiz erstellen",
-	"Ctrl": "Strg",
-	"Ctrl(^)": "Strg",
-	"to create a new note": "um eine neue Notiz zu erstellen",
-	"Toggle Mode": "Modus umschalten",
-	"Trash": "Papierkorb",
-	"MODIFICATION DATE": "ÄNDERUNGSDATUM",
-	"Words": "Wörter",
-	"Letters": "Buchstaben",
-	"STORAGE": "SPEICHERORT",
-	"FOLDER": "ORDNER",
-	"CREATION DATE": "ERSTELLUNGSDATUM",
-	"NOTE LINK": "NOTIZ LINK",
-	".md": ".md",
-	".txt": ".txt",
-	".html": ".html",
-	".pdf": ".pdf",
-	"Print": "Drucken",
-	"Your preferences for Boostnote": "Boostnote Einstellungen",
-	"Storage Locations": "Speicherverwaltung",
-	"Add Storage Location": "Speicherort hinzufügen",
-	"Add Folder": "Ordner hinzufügen",
-	"Open Storage folder": "Speicherort öffnen",
-	"Unlink": "Verknüpfung aufheben",
-	"Edit": "Bearbeiten",
-	"Delete": "Löschen",
-	"Interface": "Darstellung",
-	"Interface Theme": "Stil",
-	"Default": "Standard",
-	"White": "Hell",
-	"Solarized Dark": "Solarized Dark",
-	"Dark": "Dunkel",
-	"Show a confirmation dialog when deleting notes": "Bestätigungsdialog beim Löschen von Notizen anzeigen",
-	"Editor Theme": "Editor Theme",
-	"Editor Font Size": "Editor Schriftgröße",
-	"Editor Font Family": "Editor Schriftart",
-	"Editor Indent Style": "Editor Einrückestil",
-	"Spaces": "Leerzeichen",
-	"Tabs": "Tabs",
-	"Switch to Preview": "Zur Vorschau wechseln",
-	"When Editor Blurred": "Wenn Editor nicht fokusiert",
-	"When Editor Blurred, Edit On Double Click": "Mit Doppelklick bearbeiten, wenn Editor in Vorschaumodus",
-	"On Right Click": "Mit Rechtsklick",
-	"Editor Keymap": "Editor Tastenbelegung",
-	"default": "Standard",
-	"vim": "vim",
-	"emacs": "emacs",
-	"⚠️ Please restart boostnote after you change the keymap": "⚠️ Boostnote nach Änderung der Tastenbelegung neu starten",
-	"Show line numbers in the editor": "Zeilennummern im Editor anzeigen",
-	"Allow editor to scroll past the last line": "Editor das Scrollen über das Ende hinaus erlauben",
-	"Bring in web page title when pasting URL on editor": "Titel der Website beim Einfügen in den Editor anzeigen",
-	"Preview": "Vorschau",
-	"Preview Font Size": "Vorschau Schriftgröße",
-	"Preview Font Family": "Vorschau Schriftart",
-	"Code Block Theme": "Code-Block Theme",
-	"Allow preview to scroll past the last line": "Vorschau das Scrollen über das Ende hinaus erlauben",
-	"Show line numbers for preview code blocks": "Zeilennummern in Vorschau-Code-Blöcken anzeigen",
-	"LaTeX Inline Open Delimiter": "LaTeX Inline Beginn Kennzeichen",
-	"LaTeX Inline Close Delimiter": "LaTeX Inline Ende Kennzeichen",
-	"LaTeX Block Open Delimiter": "LaTeX Block Beginn Kennzeichen",
-	"LaTeX Block Close Delimiter": "LaTeX Block Ende Kennzeichen",
-	"PlantUML Server": "PlantUML Server",
-	"Community": "Community",
-	"Subscribe to Newsletter": "Newsletter abonnieren",
-	"GitHub": "GitHub",
-	"Blog": "Blog",
-	"Facebook Group": "Facebook Gruppe",
-	"Twitter": "Twitter",
-	"About": "Über",
-	"Boostnote": "Boostnote",
-	"An open source note-taking app made for programmers just like you.": "Eine OpenSource-Notizapp für Programmierer wie du und ich.",
-	"Website": "Website",
-	"Development": "Entwicklung",
-	" : Development configurations for Boostnote.": " : Entwicklungseinstellungen für Boostnote.",
-	"Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
-	"License: GPL v3": "License: GPL v3",
-	"Analytics": "Analytics",
-	"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.": "Boostnote sammelt anonyme Daten, um die App zu verbessern. Persönliche Informationen, wie z.B. der Inhalt deiner Notizen, werden dabei nicht erfasst.",
-	"You can see how it works on ": "Wie das funktioniert, kannst du dir hier ansehen ",
-	"You can choose to enable or disable this option.": "Du kannst wählen, ob du diese Option aktivieren oder daektivieren möchtest.",
-	"Enable analytics to help improve Boostnote": "Datenerhebung zur Verbesserung von Boostnote aktivieren",
-	"Crowdfunding": "Crowdfunding",
-	"Dear Boostnote users,": "Hallo,",
-	"Thank you for using Boostnote!": "Danke, dass du Boostnote verwendest.",
-	"Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote wird in über 200 verschiedenen Ländern von einer großartigen Community von Entwicklern verwendet.",
-	"To support our growing userbase, and satisfy community expectations,": "Um die Erwartungen der Community weiterhin erfüllen zu können und die Verbreitung von Boostnote weiter voranzutreiben,",
-	"we would like to invest more time and resources in this project.": "würden wir gern mehr Zeit und Resourcen in dieses Projekt investieren.",
-	"If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "Wenn dir dieses Projekt gefällt und du sein Potential erkennst, kannst du uns gern mit OpenCollective unterstützen!",
-	"Thanks,": "Vielen Dank,",
-	"The Boostnote Team": "Dein Boostnote Team",
-	"Support via OpenCollective": "Unterstützen mit OpenCollective",
-	"Language": "Sprache",
-	"English": "Englisch",
-	"German": "Deutsch",
-	"French": "Französisch",
-	"Show \"Saved to Clipboard\" notification when copying": "\"Auf Clipboard gespeichert\" Benachrichtigungen beim Kopieren anzeigen",
-	"All Notes": "Alle Notizen",
-	"Starred": "Markiert",
-	"Are you sure to ": "Sind sie sicher ",
-	" delete": " zu löschen",
-	"this folder?": "diesen Ordner?",
-	"Confirm": "Bestätigen",
-	"Cancel": "Abbrechen",
-	"Markdown Note": "Markdown Notiz",
-	"This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "Mit diesem Format kannst du einzelne Textdokumente erstellen. Dabei stehen dir Checklisten, Code- & Latex-Blöcke zur Verfügung.",
-	"Snippet Note": "Codeschnipsel",
-	"This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "Mit diesem Format kannst du mehrere Codeschnipsel erstellen und sie in einer Notiz zusammenfassen.",
-	"Tab to switch format": "Tab drücken, um das Format zu wechseln",
-	"Updated": "Bearbeitet",
-	"Created": "Erstellt",
-	"Alphabetically": "Alphabetisch",
-	"Default View": "Standardansicht",
-	"Compressed View": "Kompaktansicht",
-	"Search": "Suchen",
-	"Blog Type": "Blog-Typ",
-	"Blog Address": "Blog Adresse",
-	"Save": "Speichern",
-	"Auth": "Authentifizierung",
-	"Authentication Method": "Authentifizierungsmethode",
-	"JWT": "JWT",
-	"USER": "BENUTZER",
-	"Token": "Token",
-	"Storage": "Speicher",
-	"Hotkeys": "Tastenkürzel",
-	"Show/Hide Boostnote": "Boostnote anzeigen/verstecken",
-	"Restore": "Wiederherstellen",
-	"Permanent Delete": "Dauerhaft löschen",
-	"Confirm note deletion": "Löschen bestätigen",
-	"This will permanently remove this note.": "Diese Notiz wird dauerhaft gelöscht.",
-	"Unsaved Changes!": "Speichern notwendig!",
-	"Albanian": "Albanisch",
-	"Danish": "Dänisch",
-	"Japanese": "Japanisch",
-	"Korean": "Koreanisch",
-	"Norwegian": "Norwegisch",
-	"Polish": "Polnisch",
-	"Portuguese": "Portugiesisch",
-	"Spanish": "Spanisch",
-	"Chinese (zh-CN)": "Chinesisch (China)",
-	"Chinese (zh-TW)": "Chinesisch (Taiwan)",
-	"Successfully applied!": "Erfolgreich gespeichert!",
-	"UserName": "Benutzername",
-	"Password": "Passwort",
-	"Russian": "Russisch",
-	"Thai": "Thai (ภาษาไทย)",
-	"Command(⌘)": "Befehlstaste(⌘)",
-	"Editor Rulers": "Editor Trennline",
-	"Enable": "Aktiviert",
-	"Disable": "Deaktiviert",
-	"Sanitization": "Sanitization",
-	"Only allow secure html tags (recommended)": "Erlaube nur sichere HTML Tags (empfohlen)",
-	"Allow styles": "Erlaube Styles",
-	"Allow dangerous html tags": "Erlaube gefähliche HTML Tags",
-	"Select filter mode": "Wähle Filter Modus",
-	"Add tag...": "Tag hinzufügen...",
-	"Star": "Markieren",
-	"Fullscreen": "Vollbild",
-	"Info": "Info",
-	"Remove pin": "Pin entfernen",
-	"Pin to Top": "Notiz anpinnen",
-	"Delete Note": "Notiz löschen",
-	"Clone Note": "Notiz duplizieren",
-	"Restore Note": "Notiz wiederherstellen",
-	"Copy Note Link": "Link zur Notiz kopieren",
-	"Publish Blog": "Auf Blog veröffentlichen",
-	"Update Blog": "Blog aktualisieren",
-	"Open Blog": "Blog öffnen",
-	"Empty Trash": "Papierkorb leeren",
-	"Rename Folder": "Ordner umbenennen",
-	"Export Folder": "Ordner exportieren",
-	"Export as txt": "Exportieren als txt",
-	"Export as md": "Exportieren als md",
-	"Delete Folder": "Ordner löschen",
-	"Select directory": "Ordner auswählen",
-	"Select a folder to export the files to": "Wähle einen Ordner zum Export der Dateien",
-	"Description...": "Beschreibung...",
-	"Publish Failed": "Veröffentlichung fehlgeschlagen",
-	"Check and update your blog setting and try again.": "Prüfe und aktualisiere deine Blog Einstellungen und versuche es noch einmal.",
-	"Delete a snippet": "Codeschnipsel löschen",
-	"This work cannot be undone.": "Diese Aktion kann nicht rückgängig gemacht werden.",
-	"Help": "Hilfe",
-	"Hungarian": "Ungarisch",
-	"Hide Help": "Hilfe verstecken",
-	"wordpress": "Wordpress",
-	"Add Storage": "Speicher hinzufügen",
-	"Name": "Name",
-	"Type": "Typ",
-	"File System": "Dateisystem",
-	"Setting up 3rd-party cloud storage integration:": "Integration von Cloudspeicher externer Anbieter einrichten:",
-	"Cloud-Syncing-and-Backup": "Cloud-Syncing-and-Backup",
-	"Location": "Ort",
-	"Add": "Hinzufügen",
-	"Available Keys": "Verfügbare Tasten",
-	"Select Directory": "Ordner auswählen",
-	"copy": "Kopie",
-	"Create new folder": "Ordner erstellen",
-	"Folder name": "Ordnername",
-	"Create": "Erstellen",
-	"Untitled": "Neuer Ordner",
-	"Unlink Storage": "Speicherverknüpfung aufheben",
-	"Unlinking removes this linked storage from Boostnote. No data is removed, please manually delete the folder from your hard drive if needed.": "Die Verknüpfung des Speichers mit Boostnote wird entfernt. Es werden keine Daten gelöscht. Um die Daten dauerhaft zu löschen musst du den Ordner auf der Festplatte manuell entfernen.",
-	"Empty note": "Leere Notiz",
-	"Unnamed": "Unbenannt",
-	"Rename": "Umbenennen",
-	"Folder Name": "Ordnername",
-	"No tags": "Keine Tags",
-	"Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.",
-	"⚠ 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! ⚠": "⚠ 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! ⚠",
-	"Spellcheck disabled": "Spellcheck disabled",
-	"Show menu bar": "Show menu bar",
-	"Auto Detect": "Auto Detect",
-	"Filter tags/folders...": "filter tags/ordner..."
+  "Notes": "Notizen",
+  "Tags": "Tags",
+  "Preferences": "Einstellungen",
+  "Make a note": "Notiz erstellen",
+  "Ctrl": "Strg",
+  "Ctrl(^)": "Strg",
+  "to create a new note": "um eine neue Notiz zu erstellen",
+  "Toggle Mode": "Modus umschalten",
+  "Trash": "Papierkorb",
+  "MODIFICATION DATE": "ÄNDERUNGSDATUM",
+  "Words": "Wörter",
+  "Letters": "Buchstaben",
+  "STORAGE": "SPEICHERORT",
+  "FOLDER": "ORDNER",
+  "CREATION DATE": "ERSTELLUNGSDATUM",
+  "NOTE LINK": "NOTIZ LINK",
+  ".md": ".md",
+  ".txt": ".txt",
+  ".html": ".html",
+  ".pdf": ".pdf",
+  "Print": "Drucken",
+  "Your preferences for Boostnote": "Boostnote Einstellungen",
+  "Storage Locations": "Speicherverwaltung",
+  "Add Storage Location": "Speicherort hinzufügen",
+  "Add Folder": "Ordner hinzufügen",
+  "Open Storage folder": "Speicherort öffnen",
+  "Unlink": "Verknüpfung aufheben",
+  "Edit": "Bearbeiten",
+  "Delete": "Löschen",
+  "Interface": "Darstellung",
+  "Interface Theme": "Stil",
+  "Default": "Standard",
+  "White": "Hell",
+  "Solarized Dark": "Solarized Dark",
+  "Dark": "Dunkel",
+  "Show a confirmation dialog when deleting notes": "Bestätigungsdialog beim Löschen von Notizen anzeigen",
+  "Editor Theme": "Editor Theme",
+  "Editor Font Size": "Editor Schriftgröße",
+  "Editor Font Family": "Editor Schriftart",
+  "Editor Indent Style": "Editor Einrückestil",
+  "Spaces": "Leerzeichen",
+  "Tabs": "Tabs",
+  "Switch to Preview": "Zur Vorschau wechseln",
+  "When Editor Blurred": "Wenn Editor nicht fokusiert",
+  "When Editor Blurred, Edit On Double Click": "Mit Doppelklick bearbeiten, wenn Editor in Vorschaumodus",
+  "On Right Click": "Mit Rechtsklick",
+  "Editor Keymap": "Editor Tastenbelegung",
+  "default": "Standard",
+  "vim": "vim",
+  "emacs": "emacs",
+  "⚠️ Please restart boostnote after you change the keymap": "⚠️ Boostnote nach Änderung der Tastenbelegung neu starten",
+  "Show line numbers in the editor": "Zeilennummern im Editor anzeigen",
+  "Allow editor to scroll past the last line": "Editor das Scrollen über das Ende hinaus erlauben",
+  "Bring in web page title when pasting URL on editor": "Titel der Website beim Einfügen in den Editor anzeigen",
+  "Preview": "Vorschau",
+  "Preview Font Size": "Vorschau Schriftgröße",
+  "Preview Font Family": "Vorschau Schriftart",
+  "Code Block Theme": "Code-Block Theme",
+  "Allow preview to scroll past the last line": "Vorschau das Scrollen über das Ende hinaus erlauben",
+  "Show line numbers for preview code blocks": "Zeilennummern in Vorschau-Code-Blöcken anzeigen",
+  "LaTeX Inline Open Delimiter": "LaTeX Inline Beginn Kennzeichen",
+  "LaTeX Inline Close Delimiter": "LaTeX Inline Ende Kennzeichen",
+  "LaTeX Block Open Delimiter": "LaTeX Block Beginn Kennzeichen",
+  "LaTeX Block Close Delimiter": "LaTeX Block Ende Kennzeichen",
+  "PlantUML Server": "PlantUML Server",
+  "Community": "Community",
+  "Subscribe to Newsletter": "Newsletter abonnieren",
+  "GitHub": "GitHub",
+  "Blog": "Blog",
+  "Facebook Group": "Facebook Gruppe",
+  "Twitter": "Twitter",
+  "About": "Über",
+  "Boostnote": "Boostnote",
+  "An open source note-taking app made for programmers just like you.": "Eine OpenSource-Notizapp für Programmierer wie du und ich.",
+  "Website": "Website",
+  "Development": "Entwicklung",
+  " : Development configurations for Boostnote.": " : Entwicklungseinstellungen für Boostnote.",
+  "Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
+  "License: GPL v3": "License: GPL v3",
+  "Analytics": "Analytics",
+  "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.": "Boostnote sammelt anonyme Daten, um die App zu verbessern. Persönliche Informationen, wie z.B. der Inhalt deiner Notizen, werden dabei nicht erfasst.",
+  "You can see how it works on ": "Wie das funktioniert, kannst du dir hier ansehen ",
+  "You can choose to enable or disable this option.": "Du kannst wählen, ob du diese Option aktivieren oder daektivieren möchtest.",
+  "Enable analytics to help improve Boostnote": "Datenerhebung zur Verbesserung von Boostnote aktivieren",
+  "Crowdfunding": "Crowdfunding",
+  "Dear Boostnote users,": "Hallo,",
+  "Thank you for using Boostnote!": "Danke, dass du Boostnote verwendest.",
+  "Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote wird in über 200 verschiedenen Ländern von einer großartigen Community von Entwicklern verwendet.",
+  "To support our growing userbase, and satisfy community expectations,": "Um die Erwartungen der Community weiterhin erfüllen zu können und die Verbreitung von Boostnote weiter voranzutreiben,",
+  "we would like to invest more time and resources in this project.": "würden wir gern mehr Zeit und Resourcen in dieses Projekt investieren.",
+  "If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "Wenn dir dieses Projekt gefällt und du sein Potential erkennst, kannst du uns gern mit OpenCollective unterstützen!",
+  "Thanks,": "Vielen Dank,",
+  "The Boostnote Team": "Dein Boostnote Team",
+  "Support via OpenCollective": "Unterstützen mit OpenCollective",
+  "Language": "Sprache",
+  "English": "Englisch",
+  "German": "Deutsch",
+  "French": "Französisch",
+  "Show \"Saved to Clipboard\" notification when copying": "\"Auf Clipboard gespeichert\" Benachrichtigungen beim Kopieren anzeigen",
+  "All Notes": "Alle Notizen",
+  "Starred": "Markiert",
+  "Are you sure to ": "Sind sie sicher ",
+  " delete": " zu löschen",
+  "this folder?": "diesen Ordner?",
+  "Confirm": "Bestätigen",
+  "Cancel": "Abbrechen",
+  "Markdown Note": "Markdown Notiz",
+  "This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "Mit diesem Format kannst du einzelne Textdokumente erstellen. Dabei stehen dir Checklisten, Code- & Latex-Blöcke zur Verfügung.",
+  "Snippet Note": "Codeschnipsel",
+  "This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "Mit diesem Format kannst du mehrere Codeschnipsel erstellen und sie in einer Notiz zusammenfassen.",
+  "Tab to switch format": "Tab drücken, um das Format zu wechseln",
+  "Updated": "Bearbeitet",
+  "Created": "Erstellt",
+  "Alphabetically": "Alphabetisch",
+  "Default View": "Standardansicht",
+  "Compressed View": "Kompaktansicht",
+  "Search": "Suchen",
+  "Blog Type": "Blog-Typ",
+  "Blog Address": "Blog Adresse",
+  "Save": "Speichern",
+  "Auth": "Authentifizierung",
+  "Authentication Method": "Authentifizierungsmethode",
+  "JWT": "JWT",
+  "USER": "BENUTZER",
+  "Token": "Token",
+  "Storage": "Speicher",
+  "Hotkeys": "Tastenkürzel",
+  "Show/Hide Boostnote": "Boostnote anzeigen/verstecken",
+  "Restore": "Wiederherstellen",
+  "Permanent Delete": "Dauerhaft löschen",
+  "Confirm note deletion": "Löschen bestätigen",
+  "This will permanently remove this note.": "Diese Notiz wird dauerhaft gelöscht.",
+  "Unsaved Changes!": "Speichern notwendig!",
+  "Albanian": "Albanisch",
+  "Czech": "Tschechisch",
+  "Danish": "Dänisch",
+  "Japanese": "Japanisch",
+  "Korean": "Koreanisch",
+  "Norwegian": "Norwegisch",
+  "Polish": "Polnisch",
+  "Portuguese": "Portugiesisch",
+  "Spanish": "Spanisch",
+  "Chinese (zh-CN)": "Chinesisch (China)",
+  "Chinese (zh-TW)": "Chinesisch (Taiwan)",
+  "Successfully applied!": "Erfolgreich gespeichert!",
+  "UserName": "Benutzername",
+  "Password": "Passwort",
+  "Russian": "Russisch",
+  "Thai": "Thai (ภาษาไทย)",
+  "Command(⌘)": "Befehlstaste(⌘)",
+  "Editor Rulers": "Editor Trennline",
+  "Enable": "Aktiviert",
+  "Disable": "Deaktiviert",
+  "Sanitization": "Sanitization",
+  "Only allow secure html tags (recommended)": "Erlaube nur sichere HTML Tags (empfohlen)",
+  "Allow styles": "Erlaube Styles",
+  "Allow dangerous html tags": "Erlaube gefähliche HTML Tags",
+  "Select filter mode": "Wähle Filter Modus",
+  "Add tag...": "Tag hinzufügen...",
+  "Star": "Markieren",
+  "Fullscreen": "Vollbild",
+  "Info": "Info",
+  "Remove pin": "Pin entfernen",
+  "Pin to Top": "Notiz anpinnen",
+  "Delete Note": "Notiz löschen",
+  "Clone Note": "Notiz duplizieren",
+  "Restore Note": "Notiz wiederherstellen",
+  "Copy Note Link": "Link zur Notiz kopieren",
+  "Publish Blog": "Auf Blog veröffentlichen",
+  "Update Blog": "Blog aktualisieren",
+  "Open Blog": "Blog öffnen",
+  "Empty Trash": "Papierkorb leeren",
+  "Rename Folder": "Ordner umbenennen",
+  "Export Folder": "Ordner exportieren",
+  "Export as txt": "Exportieren als txt",
+  "Export as md": "Exportieren als md",
+  "Delete Folder": "Ordner löschen",
+  "Select directory": "Ordner auswählen",
+  "Select a folder to export the files to": "Wähle einen Ordner zum Export der Dateien",
+  "Description...": "Beschreibung...",
+  "Publish Failed": "Veröffentlichung fehlgeschlagen",
+  "Check and update your blog setting and try again.": "Prüfe und aktualisiere deine Blog Einstellungen und versuche es noch einmal.",
+  "Delete a snippet": "Codeschnipsel löschen",
+  "This work cannot be undone.": "Diese Aktion kann nicht rückgängig gemacht werden.",
+  "Help": "Hilfe",
+  "Hungarian": "Ungarisch",
+  "Hide Help": "Hilfe verstecken",
+  "wordpress": "Wordpress",
+  "Add Storage": "Speicher hinzufügen",
+  "Name": "Name",
+  "Type": "Typ",
+  "File System": "Dateisystem",
+  "Setting up 3rd-party cloud storage integration:": "Integration von Cloudspeicher externer Anbieter einrichten:",
+  "Cloud-Syncing-and-Backup": "Cloud-Syncing-and-Backup",
+  "Location": "Ort",
+  "Add": "Hinzufügen",
+  "Available Keys": "Verfügbare Tasten",
+  "Select Directory": "Ordner auswählen",
+  "copy": "Kopie",
+  "Create new folder": "Ordner erstellen",
+  "Folder name": "Ordnername",
+  "Create": "Erstellen",
+  "Untitled": "Neuer Ordner",
+  "Unlink Storage": "Speicherverknüpfung aufheben",
+  "Unlinking removes this linked storage from Boostnote. No data is removed, please manually delete the folder from your hard drive if needed.": "Die Verknüpfung des Speichers mit Boostnote wird entfernt. Es werden keine Daten gelöscht. Um die Daten dauerhaft zu löschen musst du den Ordner auf der Festplatte manuell entfernen.",
+  "Empty note": "Leere Notiz",
+  "Unnamed": "Unbenannt",
+  "Rename": "Umbenennen",
+  "Folder Name": "Ordnername",
+  "No tags": "Keine Tags",
+  "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.",
+  "⚠ 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! ⚠": "⚠ 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! ⚠",
+  "Spellcheck disabled": "Spellcheck disabled",
+  "Show menu bar": "Show menu bar",
+  "Auto Detect": "Auto Detect",
+  "Filter tags/folders...": "filter tags/ordner...",
+  "Enable HTML label in mermaid flowcharts": "Enable HTML label in mermaid flowcharts ⚠ This option potentially has a risk of XSS.",
+  "Wrap line in Snippet Note": "Wrap line in Snippet Note"
 }

locales/en.json

@@ -1,192 +1,196 @@
 {
-	"Notes": "Notes",
-	"Tags": "Tags",
-	"Preferences": "Preferences",
-	"Make a note": "Make a note",
-	"Ctrl": "Ctrl",
-	"Ctrl(^)": "Ctrl(^)",
-	"to create a new note": "to create a new note",
-	"Toggle Mode": "Toggle Mode",
-	"Add tag...": "Add tag...",
-	"Trash": "Trash",
-	"MODIFICATION DATE": "MODIFICATION DATE",
-	"Words": "Words",
-	"Letters": "Letters",
-	"STORAGE": "STORAGE",
-	"FOLDER": "FOLDER",
-	"CREATION DATE": "CREATION DATE",
-	"NOTE LINK": "NOTE LINK",
-	".md": ".md",
-	".txt": ".txt",
-	".html": ".html",
-	".pdf": ".pdf",
-	"Print": "Print",
-	"Your preferences for Boostnote": "Your preferences for Boostnote",
-	"Help": "Help",
-	"Hide Help": "Hide Help",
-	"Storage Locations": "Storage Locations",
-	"Add Storage Location": "Add Storage Location",
-	"Add Folder": "Add Folder",
-	"Select Folder": "Select Folder",
-	"Open Storage folder": "Open Storage folder",
-	"Unlink": "Unlink",
-	"Edit": "Edit",
-	"Delete": "Delete",
-	"Interface": "Interface",
-	"Interface Theme": "Interface Theme",
-	"Default": "Default",
-	"White": "White",
-	"Solarized Dark": "Solarized Dark",
-	"Dark": "Dark",
-	"Show a confirmation dialog when deleting notes": "Show a confirmation dialog when deleting notes",
-	"Disable Direct Write (It will be applied after restarting)": "Disable Direct Write (It will be applied after restarting)",
-	"Show only related tags": "Show only related tags",
-	"Editor Theme": "Editor Theme",
-	"Editor Font Size": "Editor Font Size",
-	"Editor Font Family": "Editor Font Family",
-	"Editor Indent Style": "Editor Indent Style",
-	"Spaces": "Spaces",
-	"Tabs": "Tabs",
-	"Switch to Preview": "Switch to Preview",
-	"When Editor Blurred": "When Editor Blurred",
-	"When Editor Blurred, Edit On Double Click": "When Editor Blurred, Edit On Double Click",
-	"On Right Click": "On Right Click",
-	"Editor Keymap": "Editor Keymap",
-	"default": "default",
-	"vim": "vim",
-	"emacs": "emacs",
-	"⚠️ Please restart boostnote after you change the keymap": "⚠️ Please restart boostnote after you change the keymap",
-	"Show line numbers in the editor": "Show line numbers in the editor",
-	"Allow editor to scroll past the last line": "Allow editor to scroll past the last line",
-	"Enable smart quotes": "Enable smart quotes",
-	"Bring in web page title when pasting URL on editor": "Bring in web page title when pasting URL on editor",
-	"Preview": "Preview",
-	"Preview Font Size": "Preview Font Size",
-	"Preview Font Family": "Preview Font Family",
-	"Code Block Theme": "Code Block Theme",
-	"Allow preview to scroll past the last line": "Allow preview to scroll past the last line",
-	"Show line numbers for preview code blocks": "Show line numbers for preview code blocks",
-	"LaTeX Inline Open Delimiter": "LaTeX Inline Open Delimiter",
-	"LaTeX Inline Close Delimiter": "LaTeX Inline Close Delimiter",
-	"LaTeX Block Open Delimiter": "LaTeX Block Open Delimiter",
-	"LaTeX Block Close Delimiter": "LaTeX Block Close Delimiter",
-	"PlantUML Server": "PlantUML Server",
-	"Community": "Community",
-	"Subscribe to Newsletter": "Subscribe to Newsletter",
-	"GitHub": "GitHub",
-	"Blog": "Blog",
-	"Facebook Group": "Facebook Group",
-	"Twitter": "Twitter",
-	"About": "About",
-	"Boostnote": "Boostnote",
-	"An open source note-taking app made for programmers just like you.": "An open source note-taking app made for programmers just like you.",
-	"Website": "Website",
-	"Development": "Development",
-	" : Development configurations for Boostnote.": " : Development configurations for Boostnote.",
-	"Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
-	"License: GPL v3": "License: GPL v3",
-	"Analytics": "Analytics",
-	"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.": "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.",
-	"You can see how it works on ": "You can see how it works on ",
-	"You can choose to enable or disable this option.": "You can choose to enable or disable this option.",
-	"Enable analytics to help improve Boostnote": "Enable analytics to help improve Boostnote",
-	"Crowdfunding": "Crowdfunding",
-	"Dear Boostnote users,": "Dear Boostnote users,",
-	"Thank you for using Boostnote!": "Thank you for using Boostnote!",
-	"Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote is used in about 200 different countries and regions by an awesome community of developers.",
-	"To support our growing userbase, and satisfy community expectations,": "To support our growing userbase, and satisfy community expectations,",
-	"we would like to invest more time and resources in this project.": "we would like to invest more time and resources in this project.",
-	"If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!",
-	"Thanks,": "Thanks,",
-	"The Boostnote Team": "The Boostnote Team",
-	"Support via OpenCollective": "Support via OpenCollective",
-	"Language": "Language",
-	"Default New Note": "Default New Note",
-	"English": "English",
-	"German": "German",
-	"French": "French",
-	"Show \"Saved to Clipboard\" notification when copying": "Show \"Saved to Clipboard\" notification when copying",
-	"All Notes": "All Notes",
-	"Starred": "Starred",
-	"Are you sure to ": "Are you sure to ",
-	" delete": " delete",
-	"this folder?": "this folder?",
-	"Confirm": "Confirm",
-	"Cancel": "Cancel",
-	"Markdown Note": "Markdown Note",
-	"This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "This format is for creating text documents. Checklists, code blocks and Latex blocks are available.",
-	"Snippet Note": "Snippet Note",
-	"This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "This format is for creating code snippets. Multiple snippets can be grouped into a single note.",
-	"Tab to switch format": "Tab to switch format",
-	"Updated": "Updated",
-	"Created": "Created",
-	"Alphabetically": "Alphabetically",
-	"Counter": "Counter",
-	"Default View": "Default View",
-	"Compressed View": "Compressed View",
-	"Search": "Search",
-	"Blog Type": "Blog Type",
-	"Blog Address": "Blog Address",
-	"Save": "Save",
-	"Auth": "Auth",
-	"Authentication Method": "Authentication Method",
-	"JWT": "JWT",
-	"USER": "USER",
-	"Token": "Token",
-	"Storage": "Storage",
-	"Hotkeys": "Hotkeys",
-	"Show/Hide Boostnote": "Show/Hide Boostnote",
-	"Toggle Editor Mode": "Toggle Editor Mode",
-	"Delete Note": "Delete Note",
-	"Restore": "Restore",
-	"Permanent Delete": "Permanent Delete",
-	"Confirm note deletion": "Confirm note deletion",
-	"This will permanently remove this note.": "This will permanently remove this note.",
-	"Successfully applied!": "Successfully applied!",
-	"Albanian": "Albanian",
-	"Chinese (zh-CN)": "Chinese (zh-CN)",
-	"Chinese (zh-TW)": "Chinese (zh-TW)",
-	"Danish": "Danish",
-	"Japanese": "Japanese",
-	"Korean": "Korean",
-	"Norwegian": "Norwegian",
-	"Polish": "Polish",
-	"Portuguese": "Portuguese",
-	"Spanish": "Spanish",
-	"Unsaved Changes!": "Unsaved Changes!",
-	"UserName": "UserName",
-	"Password": "Password",
-	"Russian": "Russian",
-	"Hungarian": "Hungarian",
-	"Thai": "Thai (ภาษาไทย)",
-	"Command(⌘)": "Command(⌘)",
-	"Add Storage": "Add Storage",
-	"Name": "Name",
-	"Type": "Type",
-	"File System": "File System",
-	"Setting up 3rd-party cloud storage integration:": "Setting up 3rd-party cloud storage integration:",
-	"Cloud-Syncing-and-Backup": "Cloud-Syncing-and-Backup",
-	"Location": "Location",
-	"Add": "Add",
-	"Unlink Storage": "Unlink Storage",
-	"Unlinking removes this linked storage from Boostnote. No data is removed, please manually delete the folder from your hard drive if needed.": "Unlinking removes this linked storage from Boostnote. No data is removed, please manually delete the folder from your hard drive if needed.",
-	"Editor Rulers": "Editor Rulers",
-	"Enable": "Enable",
-	"Disable": "Disable",
-	"Sanitization": "Sanitization",
-	"Only allow secure html tags (recommended)": "Only allow secure html tags (recommended)",
-	"Render newlines in Markdown paragraphs as <br>": "Render newlines in Markdown paragraphs as <br>",
-	"Allow styles": "Allow styles",
-	"Allow dangerous html tags": "Allow dangerous html tags",
-	"Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.",
-	"⚠ 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! ⚠": "⚠ 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! ⚠",
-	"Spellcheck disabled": "Spellcheck disabled",
-	"Save tags of a note in alphabetical order": "Save tags of a note in alphabetical order",
-	"Enable live count of notes": "Enable live count of notes",
-	"Enable smart table editor": "Enable smart table editor",
-	"Snippet Default Language": "Snippet Default Language",
-	"New notes are tagged with the filtering tags": "New notes are tagged with the filtering tags",
-	"Show menu bar": "Show menu bar",
-	"Auto Detect": "Auto Detect",
-	"Filter tags/folders...": "filter tags/folders..."
+  "Notes": "Notes",
+  "Tags": "Tags",
+  "Preferences": "Preferences",
+  "Make a note": "Make a note",
+  "Ctrl": "Ctrl",
+  "Ctrl(^)": "Ctrl(^)",
+  "to create a new note": "to create a new note",
+  "Toggle Mode": "Toggle Mode",
+  "Add tag...": "Add tag...",
+  "Trash": "Trash",
+  "MODIFICATION DATE": "MODIFICATION DATE",
+  "Words": "Words",
+  "Letters": "Letters",
+  "STORAGE": "STORAGE",
+  "FOLDER": "FOLDER",
+  "CREATION DATE": "CREATION DATE",
+  "NOTE LINK": "NOTE LINK",
+  ".md": ".md",
+  ".txt": ".txt",
+  ".html": ".html",
+  ".pdf": ".pdf",
+  "Print": "Print",
+  "Your preferences for Boostnote": "Your preferences for Boostnote",
+  "Help": "Help",
+  "Hide Help": "Hide Help",
+  "Storage Locations": "Storage Locations",
+  "Add Storage Location": "Add Storage Location",
+  "Add Folder": "Add Folder",
+  "Select Folder": "Select Folder",
+  "Open Storage folder": "Open Storage folder",
+  "Unlink": "Unlink",
+  "Edit": "Edit",
+  "Delete": "Delete",
+  "Interface": "Interface",
+  "Interface Theme": "Interface Theme",
+  "Default": "Default",
+  "White": "White",
+  "Solarized Dark": "Solarized Dark",
+  "Dark": "Dark",
+  "Show a confirmation dialog when deleting notes": "Show a confirmation dialog when deleting notes",
+  "Disable Direct Write (It will be applied after restarting)": "Disable Direct Write (It will be applied after restarting)",
+  "Show only related tags": "Show only related tags",
+  "Editor Theme": "Editor Theme",
+  "Editor Font Size": "Editor Font Size",
+  "Editor Font Family": "Editor Font Family",
+  "Editor Indent Style": "Editor Indent Style",
+  "Spaces": "Spaces",
+  "Tabs": "Tabs",
+  "Switch to Preview": "Switch to Preview",
+  "When Editor Blurred": "When Editor Blurred",
+  "When Editor Blurred, Edit On Double Click": "When Editor Blurred, Edit On Double Click",
+  "On Right Click": "On Right Click",
+  "Editor Keymap": "Editor Keymap",
+  "default": "default",
+  "vim": "vim",
+  "emacs": "emacs",
+  "⚠️ Please restart boostnote after you change the keymap": "⚠️ Please restart boostnote after you change the keymap",
+  "Show line numbers in the editor": "Show line numbers in the editor",
+  "Allow editor to scroll past the last line": "Allow editor to scroll past the last line",
+  "Enable smart quotes": "Enable smart quotes",
+  "Bring in web page title when pasting URL on editor": "Bring in web page title when pasting URL on editor",
+  "Preview": "Preview",
+  "Preview Font Size": "Preview Font Size",
+  "Preview Font Family": "Preview Font Family",
+  "Code Block Theme": "Code Block Theme",
+  "Allow preview to scroll past the last line": "Allow preview to scroll past the last line",
+  "Show line numbers for preview code blocks": "Show line numbers for preview code blocks",
+  "LaTeX Inline Open Delimiter": "LaTeX Inline Open Delimiter",
+  "LaTeX Inline Close Delimiter": "LaTeX Inline Close Delimiter",
+  "LaTeX Block Open Delimiter": "LaTeX Block Open Delimiter",
+  "LaTeX Block Close Delimiter": "LaTeX Block Close Delimiter",
+  "PlantUML Server": "PlantUML Server",
+  "Community": "Community",
+  "Subscribe to Newsletter": "Subscribe to Newsletter",
+  "GitHub": "GitHub",
+  "Blog": "Blog",
+  "Facebook Group": "Facebook Group",
+  "Twitter": "Twitter",
+  "About": "About",
+  "Boostnote": "Boostnote",
+  "An open source note-taking app made for programmers just like you.": "An open source note-taking app made for programmers just like you.",
+  "Website": "Website",
+  "Development": "Development",
+  " : Development configurations for Boostnote.": " : Development configurations for Boostnote.",
+  "Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
+  "License: GPL v3": "License: GPL v3",
+  "Analytics": "Analytics",
+  "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.": "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.",
+  "You can see how it works on ": "You can see how it works on ",
+  "You can choose to enable or disable this option.": "You can choose to enable or disable this option.",
+  "Enable analytics to help improve Boostnote": "Enable analytics to help improve Boostnote",
+  "Crowdfunding": "Crowdfunding",
+  "Dear Boostnote users,": "Dear Boostnote users,",
+  "Thank you for using Boostnote!": "Thank you for using Boostnote!",
+  "Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote is used in about 200 different countries and regions by an awesome community of developers.",
+  "To support our growing userbase, and satisfy community expectations,": "To support our growing userbase, and satisfy community expectations,",
+  "we would like to invest more time and resources in this project.": "we would like to invest more time and resources in this project.",
+  "If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!",
+  "Thanks,": "Thanks,",
+  "The Boostnote Team": "The Boostnote Team",
+  "Support via OpenCollective": "Support via OpenCollective",
+  "Language": "Language",
+  "Default New Note": "Default New Note",
+  "English": "English",
+  "German": "German",
+  "French": "French",
+  "Show \"Saved to Clipboard\" notification when copying": "Show \"Saved to Clipboard\" notification when copying",
+  "All Notes": "All Notes",
+  "Starred": "Starred",
+  "Are you sure to ": "Are you sure to ",
+  " delete": " delete",
+  "this folder?": "this folder?",
+  "Confirm": "Confirm",
+  "Cancel": "Cancel",
+  "Markdown Note": "Markdown Note",
+  "This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "This format is for creating text documents. Checklists, code blocks and Latex blocks are available.",
+  "Snippet Note": "Snippet Note",
+  "This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "This format is for creating code snippets. Multiple snippets can be grouped into a single note.",
+  "Tab to switch format": "Tab to switch format",
+  "Updated": "Updated",
+  "Created": "Created",
+  "Alphabetically": "Alphabetically",
+  "Counter": "Counter",
+  "Default View": "Default View",
+  "Compressed View": "Compressed View",
+  "Search": "Search",
+  "Blog Type": "Blog Type",
+  "Blog Address": "Blog Address",
+  "Save": "Save",
+  "Auth": "Auth",
+  "Authentication Method": "Authentication Method",
+  "JWT": "JWT",
+  "USER": "USER",
+  "Token": "Token",
+  "Storage": "Storage",
+  "Hotkeys": "Hotkeys",
+  "Show/Hide Boostnote": "Show/Hide Boostnote",
+  "Toggle Editor Mode": "Toggle Editor Mode",
+  "Delete Note": "Delete Note",
+  "Restore": "Restore",
+  "Permanent Delete": "Permanent Delete",
+  "Confirm note deletion": "Confirm note deletion",
+  "This will permanently remove this note.": "This will permanently remove this note.",
+  "Successfully applied!": "Successfully applied!",
+  "Albanian": "Albanian",
+  "Chinese (zh-CN)": "Chinese (zh-CN)",
+  "Chinese (zh-TW)": "Chinese (zh-TW)",
+  "Czech": "Czech",
+  "Danish": "Danish",
+  "Japanese": "Japanese",
+  "Korean": "Korean",
+  "Norwegian": "Norwegian",
+  "Polish": "Polish",
+  "Portuguese": "Portuguese",
+  "Spanish": "Spanish",
+  "Unsaved Changes!": "Unsaved Changes!",
+  "UserName": "UserName",
+  "Password": "Password",
+  "Russian": "Russian",
+  "Hungarian": "Hungarian",
+  "Thai": "Thai (ภาษาไทย)",
+  "Command(⌘)": "Command(⌘)",
+  "Add Storage": "Add Storage",
+  "Name": "Name",
+  "Type": "Type",
+  "File System": "File System",
+  "Setting up 3rd-party cloud storage integration:": "Setting up 3rd-party cloud storage integration:",
+  "Cloud-Syncing-and-Backup": "Cloud-Syncing-and-Backup",
+  "Location": "Location",
+  "Add": "Add",
+  "Unlink Storage": "Unlink Storage",
+  "Unlinking removes this linked storage from Boostnote. No data is removed, please manually delete the folder from your hard drive if needed.": "Unlinking removes this linked storage from Boostnote. No data is removed, please manually delete the folder from your hard drive if needed.",
+  "Editor Rulers": "Editor Rulers",
+  "Enable": "Enable",
+  "Disable": "Disable",
+  "Sanitization": "Sanitization",
+  "Only allow secure html tags (recommended)": "Only allow secure html tags (recommended)",
+  "Render newlines in Markdown paragraphs as <br>": "Render newlines in Markdown paragraphs as <br>",
+  "Allow styles": "Allow styles",
+  "Allow dangerous html tags": "Allow dangerous html tags",
+  "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.",
+  "⚠ 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! ⚠": "⚠ 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! ⚠",
+  "Spellcheck disabled": "Spellcheck disabled",
+  "Save tags of a note in alphabetical order": "Save tags of a note in alphabetical order",
+  "Enable live count of notes": "Enable live count of notes",
+  "Enable smart table editor": "Enable smart table editor",
+  "Snippet Default Language": "Snippet Default Language",
+  "New notes are tagged with the filtering tags": "New notes are tagged with the filtering tags",
+  "Show menu bar": "Show menu bar",
+  "Auto Detect": "Auto Detect",
+  "Filter tags/folders...": "filter tags/folders...",
+  "Enable HTML label in mermaid flowcharts": "Enable HTML label in mermaid flowcharts ⚠ This option potentially has a risk of XSS.",
+  "Wrap line in Snippet Note": "Wrap line in Snippet Note",
+  "Enable Auto Update": "Enable Auto Update"
 }

locales/es-ES.json

@@ -1,163 +1,166 @@
- {
-	"Notes": "Notas",
-	"Tags": "Etiquetas",
-	"Preferences": "Preferencias",
-	"Make a note": "Crear nota",
-	"Ctrl": "Ctrl",
-	"Ctrl(^)": "Ctrl",
-	"to create a new note": "para crear una nueva nota",
-	"Toggle Mode": "Alternar modo",
-	"Trash": "Basura",
-	"MODIFICATION DATE": "FECHA DE MODIFICACIÓN",
-	"Words": "Palabras",
-	"Letters": "Letras",
-	"STORAGE": "ALMACENAMIENTO",
-	"FOLDER": "CARPETA",
-	"CREATION DATE": "FECHA DE CREACIÓN",
-	"NOTE LINK": "ENLACE DE LA NOTA",
-	".md": ".md",
-	".txt": ".txt",
-	".html": ".html",
-	".pdf": ".pdf",
-	"Print": "Imprimir",
-	"Your preferences for Boostnote": "Tus preferencias para Boostnote",
-	"Storage Locations": "Almacenamientos",
-	"Add Storage Location": "Añadir ubicación de almacenamiento",
-	"Add Folder": "Añadir carpeta",
-	"Open Storage folder": "Abrir carpeta de almacenamiento",
-	"Unlink": "Desvincular",
-	"Edit": "Editar",
-	"Delete": "Eliminar",
-	"Interface": "Interfaz",
-	"Interface Theme": "Tema de la interfaz",
-	"Default": "Por defecto",
-	"White": "Blanco",
-	"Solarized Dark": "Solarizado oscuro",
-	"Dark": "Oscuro",
-	"Show a confirmation dialog when deleting notes": "Requerir confirmación al eliminar nota",
-	"Editor Theme": "Tema del editor",
-	"Editor Font Size": "Tamaño de fuente del editor",
-	"Editor Font Family": "Fuente del editor",
-	"Editor Indent Style": "Estilo de indentado del editor",
-	"Spaces": "Espacios",
-	"Tabs": "Tabulaciones",
-	"Switch to Preview": "Cambiar a previsualización",
-	"When Editor Blurred": "Cuando el editor pierde el foco",
-	"When Editor Blurred, Edit On Double Click": "Cuando el editor pierde el foco, editar con doble clic",
-	"On Right Click": "Al hacer clic derecho",
-	"Editor Keymap": "Mapeo de teclas del editor",
-	"default": "por defecto",
-	"vim": "vim",
-	"emacs": "emacs",
-	"⚠️ Please restart boostnote after you change the keymap": "⚠️ Por favor reinicie boostnote después de cambiar el mapeo de teclas",
-	"Show line numbers in the editor": "Mostrar números de línea en el editor",
-	"Allow editor to scroll past the last line": "Permitir al editor desplazarse más allá de la última línea",
-	"Bring in web page title when pasting URL on editor": "Al pegar una URL en el editor, insertar el título de la web",
-	"Preview": "Previsualizar",
-	"Preview Font Size": "Previsualizar tamaño de la fuente",
-	"Preview Font Family": "Previsualizar fuente",
-	"Code Block Theme": "Tema de los bloques de código",
-	"Allow preview to scroll past the last line": "Permitir a la previsualización desplazarse más allá de la última línea",
-	"Show line numbers for preview code blocks": "Mostrar números de línea al previsualizar bloques de código",
-	"LaTeX Inline Open Delimiter": "Delimitador de apertura de LaTeX en línea",
-	"LaTeX Inline Close Delimiter": "Delimitador de cierre de LaTeX en línea",
-	"LaTeX Block Open Delimiter": "Delimitador de apertura de bloque LaTeX",
-	"LaTeX Block Close Delimiter": "Delimitador de cierre de bloque LaTeX",
-	"PlantUML Server": "PlantUML Server",
-	"Community": "Comunidad",
-	"Subscribe to Newsletter": "Suscribirse al boletín",
-	"GitHub": "GitHub",
-	"Blog": "Blog",
-	"Facebook Group": "Grupo de Facebook",
-	"Twitter": "Twitter",
-	"About": "Sobre",
-	"Boostnote": "Boostnote",
-	"An open source note-taking app made for programmers just like you.": "Una aplicación de código abierto para tomar notas hecho para programadores como tú.",
-	"Website": "Página web",
-	"Development": "Desarrollo",
-	" : Development configurations for Boostnote.": " : Configuraciones de desarrollo para Boostnote.",
-	"Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
-	"License: GPL v3": "Licencia: GPL v3",
-	"Analytics": "Analítica",
-	"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.": "Boostnote recopila datos anónimos con el único propósito de mejorar la aplicación, y de ninguna manera recopila información personal como el contenido de sus notas.",
-	"You can see how it works on ": "Puedes ver cómo funciona en ",
-	"You can choose to enable or disable this option.": "Puedes elegir activar o desactivar esta opción.",
-	"Enable analytics to help improve Boostnote": "Activar recopilación de datos para ayudar a mejorar Boostnote",
-	"Crowdfunding": "Crowdfunding",
-	"Dear Boostnote users,": "Hola a todos,",
-	"Thank you for using Boostnote!": "¡Gracias por usar Boostnote!",
-	"Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote es utilizado en alrededor de 200 países y regiones diferentes por una increíble comunidad de desarrolladores.",
-	"To support our growing userbase, and satisfy community expectations,": "Para continuar apoyando este crecimiento y satisfacer las expectativas de la comunidad,",
-	"we would like to invest more time and resources in this project.": "nos gustaría invertir más tiempo y recursos en este proyecto.",
-	"If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "Si te gusta este proyecto y ves su potencial, ¡puedes ayudar apoyándonos en OpenCollective!",
-	"Thanks,": "Gracias,",
-	"The Boostnote Team": "Equipo de Boostnote",
-	"Support via OpenCollective": "Contribuir vía OpenCollective",
-	"Language": "Idioma",
-	"English": "Inglés",
-	"German": "Alemán",
-	"French": "Francés",
-	"Show \"Saved to Clipboard\" notification when copying": "Mostrar la notificaión \"Guardado en Portapapeles\" al copiar",
-	"All Notes": "Todas las notas",
-	"Starred": "Destacado",
-	"Are you sure to ": "¿Estás seguro de ",
-	" delete": " eliminar",
-	"this folder?": "esta carpeta?",
-	"Confirm": "Confirmar",
-	"Cancel": "Cancelar",
-	"Markdown Note": "Nota Markdown",
-	"This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "Formato para crear documentos de texto. Permite utilizar listas, bloques de código y LaTeX.",
-	"Snippet Note": "Nota Snippet",
-	"This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "Formato para fragmentos de código. Múltiples fragmentos se pueden agrupar en una sola nota.",
-	"Tab to switch format": "Tabulador para cambiar formato",
-	"Updated": "Actualizado",
-	"Created": "Creado",
-	"Alphabetically": "Alfabéticamente",
-	"Default View": "Vista por defecto",
-	"Compressed View": "Vista comprimida",
-	"Search": "Buscar",
-	"Blog Type": "Tipo de blog",
-	"Blog Address": "Dirección del blog",
-	"Save": "Guardar",
-	"Auth": "Autentificación",
-	"Authentication Method": "Método de autentificación",
-	"JWT": "JWT",
-	"USER": "USUARIO",
-	"Token": "Token",
-	"Storage": "Almacenamiento",
-	"Hotkeys": "Atajos de teclado",
-	"Show/Hide Boostnote": "Mostrar/Ocultar Boostnote",
-	"Restore": "Restaurar",
-	"Permanent Delete": "Eliminar permanentemente",
-	"Confirm note deletion": "Confirmar eliminación de nota",
-	"This will permanently remove this note.": "Esto eliminará la nota permanentemente.",
-	"Successfully applied!": "¡Aplicado con éxito!",
-	"Albanian": "Albanés",
-	"Chinese (zh-CN)": "Chino - China",
-	"Chinese (zh-TW)": "Chino - Taiwán",
-	"Danish": "Danés",
-	"Japanese": "Japonés",
-	"Korean": "Coreano",
-	"Norwegian": "Noruego",
-	"Polish": "Polaco",
-	"Portuguese": "Portugués",
-	"Spanish": "Español",
-	"Unsaved Changes!": "¡Tienes que guardar!",
-	"Russian": "Ruso",
-	"Thai": "Thai (ภาษาไทย)",
-	"Command(⌘)": "Comando(⌘)",
-	"Editor Rulers": "Reglas del editor",
-	"Enable": "Activar",
-	"Disable": "Desactivar",
-	"Sanitization": "Saneamiento",
-	"Only allow secure html tags (recommended)": "Solo permitir etiquetas html seguras (recomendado)",
-	"Allow styles": "Permitir estilos",
-	"Allow dangerous html tags": "Permitir etiquetas html peligrosas",
-	"⚠ You have pasted a link referring an attachment that could not be found in the 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! ⚠": "⚠ Ha pegado un enlace a un archivo adjunto que no se puede encontrar en el almacenamiento de esta nota. Pegar enlaces a archivos adjuntos solo está soportado si el origen y el destino son el mismo almacenamiento. ¡Por favor, mejor arrastre el archivo! ⚠",
-	"Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convertir flechas textuales a símbolos bonitos. ⚠ Esto interferirá cuando use comentarios HTML en Markdown.",
-	"Spellcheck disabled": "Deshabilitar corrector ortográfico",
-	"Show menu bar": "Mostrar barra del menú",
-	"Auto Detect": "Detección automática",
-	"Snippet Default Language": "Lenguaje por defecto de los fragmentos de código",
-	"Filter tags/folders...": "filter etiquetas/carpeta..."
+{
+  "Notes": "Notas",
+  "Tags": "Etiquetas",
+  "Preferences": "Preferencias",
+  "Make a note": "Crear nota",
+  "Ctrl": "Ctrl",
+  "Ctrl(^)": "Ctrl",
+  "to create a new note": "para crear una nueva nota",
+  "Toggle Mode": "Alternar modo",
+  "Trash": "Basura",
+  "MODIFICATION DATE": "FECHA DE MODIFICACIÓN",
+  "Words": "Palabras",
+  "Letters": "Letras",
+  "STORAGE": "ALMACENAMIENTO",
+  "FOLDER": "CARPETA",
+  "CREATION DATE": "FECHA DE CREACIÓN",
+  "NOTE LINK": "ENLACE DE LA NOTA",
+  ".md": ".md",
+  ".txt": ".txt",
+  ".html": ".html",
+  ".pdf": ".pdf",
+  "Print": "Imprimir",
+  "Your preferences for Boostnote": "Tus preferencias para Boostnote",
+  "Storage Locations": "Almacenamientos",
+  "Add Storage Location": "Añadir ubicación de almacenamiento",
+  "Add Folder": "Añadir carpeta",
+  "Open Storage folder": "Abrir carpeta de almacenamiento",
+  "Unlink": "Desvincular",
+  "Edit": "Editar",
+  "Delete": "Eliminar",
+  "Interface": "Interfaz",
+  "Interface Theme": "Tema de la interfaz",
+  "Default": "Por defecto",
+  "White": "Blanco",
+  "Solarized Dark": "Solarizado oscuro",
+  "Dark": "Oscuro",
+  "Show a confirmation dialog when deleting notes": "Requerir confirmación al eliminar nota",
+  "Editor Theme": "Tema del editor",
+  "Editor Font Size": "Tamaño de fuente del editor",
+  "Editor Font Family": "Fuente del editor",
+  "Editor Indent Style": "Estilo de indentado del editor",
+  "Spaces": "Espacios",
+  "Tabs": "Tabulaciones",
+  "Switch to Preview": "Cambiar a previsualización",
+  "When Editor Blurred": "Cuando el editor pierde el foco",
+  "When Editor Blurred, Edit On Double Click": "Cuando el editor pierde el foco, editar con doble clic",
+  "On Right Click": "Al hacer clic derecho",
+  "Editor Keymap": "Mapeo de teclas del editor",
+  "default": "por defecto",
+  "vim": "vim",
+  "emacs": "emacs",
+  "⚠️ Please restart boostnote after you change the keymap": "⚠️ Por favor reinicie boostnote después de cambiar el mapeo de teclas",
+  "Show line numbers in the editor": "Mostrar números de línea en el editor",
+  "Allow editor to scroll past the last line": "Permitir al editor desplazarse más allá de la última línea",
+  "Bring in web page title when pasting URL on editor": "Al pegar una URL en el editor, insertar el título de la web",
+  "Preview": "Previsualizar",
+  "Preview Font Size": "Previsualizar tamaño de la fuente",
+  "Preview Font Family": "Previsualizar fuente",
+  "Code Block Theme": "Tema de los bloques de código",
+  "Allow preview to scroll past the last line": "Permitir a la previsualización desplazarse más allá de la última línea",
+  "Show line numbers for preview code blocks": "Mostrar números de línea al previsualizar bloques de código",
+  "LaTeX Inline Open Delimiter": "Delimitador de apertura de LaTeX en línea",
+  "LaTeX Inline Close Delimiter": "Delimitador de cierre de LaTeX en línea",
+  "LaTeX Block Open Delimiter": "Delimitador de apertura de bloque LaTeX",
+  "LaTeX Block Close Delimiter": "Delimitador de cierre de bloque LaTeX",
+  "PlantUML Server": "PlantUML Server",
+  "Community": "Comunidad",
+  "Subscribe to Newsletter": "Suscribirse al boletín",
+  "GitHub": "GitHub",
+  "Blog": "Blog",
+  "Facebook Group": "Grupo de Facebook",
+  "Twitter": "Twitter",
+  "About": "Sobre",
+  "Boostnote": "Boostnote",
+  "An open source note-taking app made for programmers just like you.": "Una aplicación de código abierto para tomar notas hecho para programadores como tú.",
+  "Website": "Página web",
+  "Development": "Desarrollo",
+  " : Development configurations for Boostnote.": " : Configuraciones de desarrollo para Boostnote.",
+  "Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
+  "License: GPL v3": "Licencia: GPL v3",
+  "Analytics": "Analítica",
+  "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.": "Boostnote recopila datos anónimos con el único propósito de mejorar la aplicación, y de ninguna manera recopila información personal como el contenido de sus notas.",
+  "You can see how it works on ": "Puedes ver cómo funciona en ",
+  "You can choose to enable or disable this option.": "Puedes elegir activar o desactivar esta opción.",
+  "Enable analytics to help improve Boostnote": "Activar recopilación de datos para ayudar a mejorar Boostnote",
+  "Crowdfunding": "Crowdfunding",
+  "Dear Boostnote users,": "Hola a todos,",
+  "Thank you for using Boostnote!": "¡Gracias por usar Boostnote!",
+  "Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote es utilizado en alrededor de 200 países y regiones diferentes por una increíble comunidad de desarrolladores.",
+  "To support our growing userbase, and satisfy community expectations,": "Para continuar apoyando este crecimiento y satisfacer las expectativas de la comunidad,",
+  "we would like to invest more time and resources in this project.": "nos gustaría invertir más tiempo y recursos en este proyecto.",
+  "If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "Si te gusta este proyecto y ves su potencial, ¡puedes ayudar apoyándonos en OpenCollective!",
+  "Thanks,": "Gracias,",
+  "The Boostnote Team": "Equipo de Boostnote",
+  "Support via OpenCollective": "Contribuir vía OpenCollective",
+  "Language": "Idioma",
+  "English": "Inglés",
+  "German": "Alemán",
+  "French": "Francés",
+  "Show \"Saved to Clipboard\" notification when copying": "Mostrar la notificaión \"Guardado en Portapapeles\" al copiar",
+  "All Notes": "Todas las notas",
+  "Starred": "Destacado",
+  "Are you sure to ": "¿Estás seguro de ",
+  " delete": " eliminar",
+  "this folder?": "esta carpeta?",
+  "Confirm": "Confirmar",
+  "Cancel": "Cancelar",
+  "Markdown Note": "Nota Markdown",
+  "This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "Formato para crear documentos de texto. Permite utilizar listas, bloques de código y LaTeX.",
+  "Snippet Note": "Nota Snippet",
+  "This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "Formato para fragmentos de código. Múltiples fragmentos se pueden agrupar en una sola nota.",
+  "Tab to switch format": "Tabulador para cambiar formato",
+  "Updated": "Actualizado",
+  "Created": "Creado",
+  "Alphabetically": "Alfabéticamente",
+  "Default View": "Vista por defecto",
+  "Compressed View": "Vista comprimida",
+  "Search": "Buscar",
+  "Blog Type": "Tipo de blog",
+  "Blog Address": "Dirección del blog",
+  "Save": "Guardar",
+  "Auth": "Autentificación",
+  "Authentication Method": "Método de autentificación",
+  "JWT": "JWT",
+  "USER": "USUARIO",
+  "Token": "Token",
+  "Storage": "Almacenamiento",
+  "Hotkeys": "Atajos de teclado",
+  "Show/Hide Boostnote": "Mostrar/Ocultar Boostnote",
+  "Restore": "Restaurar",
+  "Permanent Delete": "Eliminar permanentemente",
+  "Confirm note deletion": "Confirmar eliminación de nota",
+  "This will permanently remove this note.": "Esto eliminará la nota permanentemente.",
+  "Successfully applied!": "¡Aplicado con éxito!",
+  "Albanian": "Albanés",
+  "Chinese (zh-CN)": "Chino - China",
+  "Chinese (zh-TW)": "Chino - Taiwán",
+  "Czech": "Checo",
+  "Danish": "Danés",
+  "Japanese": "Japonés",
+  "Korean": "Coreano",
+  "Norwegian": "Noruego",
+  "Polish": "Polaco",
+  "Portuguese": "Portugués",
+  "Spanish": "Español",
+  "Unsaved Changes!": "¡Tienes que guardar!",
+  "Russian": "Ruso",
+  "Thai": "Thai (ภาษาไทย)",
+  "Command(⌘)": "Comando(⌘)",
+  "Editor Rulers": "Reglas del editor",
+  "Enable": "Activar",
+  "Disable": "Desactivar",
+  "Sanitization": "Saneamiento",
+  "Only allow secure html tags (recommended)": "Solo permitir etiquetas html seguras (recomendado)",
+  "Allow styles": "Permitir estilos",
+  "Allow dangerous html tags": "Permitir etiquetas html peligrosas",
+  "⚠ You have pasted a link referring an attachment that could not be found in the 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! ⚠": "⚠ Ha pegado un enlace a un archivo adjunto que no se puede encontrar en el almacenamiento de esta nota. Pegar enlaces a archivos adjuntos solo está soportado si el origen y el destino son el mismo almacenamiento. ¡Por favor, mejor arrastre el archivo! ⚠",
+  "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convertir flechas textuales a símbolos bonitos. ⚠ Esto interferirá cuando use comentarios HTML en Markdown.",
+  "Spellcheck disabled": "Deshabilitar corrector ortográfico",
+  "Show menu bar": "Mostrar barra del menú",
+  "Auto Detect": "Detección automática",
+  "Snippet Default Language": "Lenguaje por defecto de los fragmentos de código",
+  "Filter tags/folders...": "filter etiquetas/carpeta...",
+  "Enable HTML label in mermaid flowcharts": "Enable HTML label in mermaid flowcharts ⚠ This option potentially has a risk of XSS.",
+  "Wrap line in Snippet Note": "Wrap line in Snippet Note"
 }

locales/fa.json

@@ -1,165 +1,168 @@
 {
-	"Notes": "یادداشت ها",
-	"Tags": "تگ ها",
-	"Preferences": "تنظیمات",
-	"Make a note": "یک یادداشت بنویس",
-	"Ctrl": "Ctrl",
-	"Ctrl(^)": "Ctrl",
-	"to create a new note": "برای ساخت یک یادداشت",
-	"Toggle Mode": "تغییر حالت نمایش",
-	"Trash": "سطل آشغال",
-	"MODIFICATION DATE": "تاریخ تغییر",
-	"Words": "کلمات",
-	"Letters": "حروف",
-	"STORAGE": "ذخیره سازی",
-	"FOLDER": "پوشه",
-	"CREATION DATE": "تاریخ ایجاد",
-	"NOTE LINK": "لینک یادداشت",
-	".md": ".md",
-	".txt": ".txt",
-	".html": ".html",
-	".pdf": ".pdf",
-	"Print": "پرینت",
-	"Your preferences for Boostnote": "تنظیمات شما برای boostnote",
-	"Storage Locations": "ذخیره سازی",
-	"Add Storage Location": "افزودن محل ذخیره سازی",
-	"Add Folder": "ساخت پوشه",
-	"Open Storage folder": "بازکردن پوشه ذخیره سازی",
-	"Unlink": "حذف لینک",
-	"Edit": "ویرایش",
-	"Delete": "حذف",
-	"Interface": "رابط کاربری",
-	"Interface Theme": "تم رابط کاربری",
-	"Default": "پیش فرض",
-	"White": "روشن",
-	"Solarized Dark": "سولارایز",
-	"Dark": "تاریک",
-	"Show a confirmation dialog when deleting notes": "هنگام حذف یادداشت ها یک پیام تایید نمایش بده.",
-	"Editor Theme": "تم ویرایشگر",
-	"Editor Font Size": "اندازه فونت ویرایشگر",
-	"Editor Font Family": "فونت ویرایشگر",
-	"Editor Indent Style": "حالت فاصله گذاری ویرایشگر",
-	"Spaces": "Spaces",
-	"Tabs": "Tabs",
-	"Switch to Preview": "دیدن پیش نمایش",
-	"When Editor Blurred": "وقتی ویرایشگر از حالت ویرایش خارج شد ",
-	"When Editor Blurred, Edit On Double Click": "وقتی ویرایشگر از حالت ویرایش خارج شد و با دبل کلیک ویرایش کنید.",
-	"On Right Click": "راست کلیک",
-	"Editor Keymap": "ویرایشگر Keymap",
-	"default": "پیش فرض",
-	"vim": "vim",
-	"emacs": "emacs",
-	"⚠️ Please restart boostnote after you change the keymap": "⚠️ برنامه را دوباره راه اندازی کنید keymap لطفا بعد از تغییر",
-	"Show line numbers in the editor": "شماره خطوط در ویرایشگر را نمایش بده.",
-	"Allow editor to scroll past the last line": "اجازه بده ویرایشگر بعد از آخرین خط اسکرول کند.",
-	"Bring in web page title when pasting URL on editor": "هنگامی که آدرس اینترنتی در ویرایشگر اضافه شد عنوان آنرا نمایش بده",
-	"Preview": "پیش نمایش",
-	"Preview Font Size": "اندازه فونتِ پیش نمایش",
-	"Preview Font Family": " فونتِ پیش نمایش",
-	"Code Block Theme": "تم بخش کد",
-	"Allow preview to scroll past the last line": "اجازه بده پیش نمایش بعد از آخرین خط اسکرول کند.",
-	"Show line numbers for preview code blocks": "شماره خطوط در پیش نمایش را نمایش بده.",
-	"LaTeX Inline Open Delimiter": "جداکننده آغازین لاتکس خطی",
-	"LaTeX Inline Close Delimiter": "جداکننده پایانی لاتکس خطی",
-	"LaTeX Block Open Delimiter": "جداکننده آغازین بلوک لاتکس ",
-	"LaTeX Block Close Delimiter": "جداکننده آغازین بلوک لاتکس ",
-	"PlantUML Server": "PlantUML Server",
-	"Community": "کامینیتی",
-	"Subscribe to Newsletter": "اشتراک در خبرنامه",
-	"GitHub": "گیت هاب",
-	"Blog": "بلاگ",
-	"Facebook Group": "گروه فیسبوک",
-	"Twitter": "توییتر",
-	"About": "درباره",
-	"Boostnote": "Boostnote",
-	"An open source note-taking app made for programmers just like you.": "یک دفترچه یادداشت متن باز ساخته شده برای برنامه نویسانی مثل تو.",
-	"Website": "وبسایت",
-	"Development": "توسعه",
-	" : Development configurations for Boostnote.": " : پیکربندی توسعه برای Boostnote.",
-	"Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
-	"License: GPL v3": "لایسنس: GPL v3",
-	"Analytics": "تجزیه و تحلیل",
-	"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.": "Bosstnote اطلاعات ناشناس را برای بهبود عملکرد برنامه جمع آوری می‌کند.اطلاعات شخصی شما مثل محتوای یادداشت ها هرگز برای هیچ هدفی جمع آوری نمی‌شوند",
-	"You can see how it works on ": "میتوانید ببینید چگونه کار میکند. ",
-	"You can choose to enable or disable this option.": "میتوانید این گزینه را فعال یا غیرفعال کنید.",
-	"Enable analytics to help improve Boostnote":".تجزیه تحلیل داده ها را برای کمک به بهبود برنامه فعال کن",
-	"Crowdfunding": "جمع سپاری (سرمایه گذاری جمعی )",
-	"Dear Boostnote users,": "عزیزان,",
-	"Thank you for using Boostnote!": "از شما بخاطر استفاده از boostnote ممنونیم!",
-	"Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "در ۲۰۰ کشور مختلف دنیا مورد توسط جمعی از برنامه نویسان بی نظیر مورد استفاده قرار میگیرد.  Boostnote",
-	"To support our growing userbase, and satisfy community expectations,": "برای حمایت از این رشد ، و برآورده شدن انتظارات کامینیتی,",
-	"we would like to invest more time and resources in this project.": "ما می خواهیم زمان و منابع بیشتری را در این پروژه سرمایه گذاری کنیم.",
-	"If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "اگر این پروژه را دوست دارید و پتانسیلی در آن می‌بینید، میتوانید مارا در اوپن‌ کالکتیو حمایت کنید.",
-	"Thanks,": "با تشکر,",
-	"The Boostnote Team": "Boostnote نگهدارندگان",
-	"Support via OpenCollective": "حمایت کنید OpenCollective از طریق",
-	"Language": "زبان",
-	"English": "انگلیسی",
-	"German": "آلمانی",
-	"French": "فرانسوی",
-	"Show \"Saved to Clipboard\" notification when copying": "نمایش \"ذخیره در کلیپ‌بورد\" اطلاع رسانی هنگام کپی کردن",
-	"All Notes": "همه یادداشت ها",
-	"Starred": "ستاره دار",
-	"Are you sure to ": " مطمئن هستید که",
-	" delete": "حذف ",
-	"this folder?": "این پوشه ؟",
-	"Confirm": "تایید",
-	"Cancel": "انصراف",
-	"Markdown Note": "Markdown یادداشتِ",
-	"This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "این قالب برای ساخت سند های متنی است. چک لیست ها و تکه کد ها و بلاک های لاتکس قابل استفاده اند.",
-	"Snippet Note": "Snippet یادداشتِ",
-	"This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "این قالب برای ساخت تکه کد هاست. چند تکه کد میتوانند تبدیل به یک یادداشت شوند.",
-	"Tab to switch format": "را بزنید Tab برای تغییر فرمت",
-	"Updated": "بروزرسانی شد",
-	"Created": "ایجاد شد",
-	"Alphabetically": "بر اساس حروف الفبا",
-	"Counter": "شمارشگر",
-	"Default View": "نمایش پیش‌فرض",
-	"Compressed View": "نمایش فشرده",
-	"Search": "جستجو",
-	"Blog Type": "نوع وبلاگ",
-	"Blog Address": "آدرس وبلاگ",
-	"Save": "ذخیره",
-	"Auth": "هویت",
-	"Authentication Method": "متد احراز هویت",
-	"JWT": "JWT",
-	"USER": "کاربر",
-	"Token": "توکن",
-	"Storage": "ذخیره سازی",
-	"Hotkeys": "کلید های میانبر",
-	"Show/Hide Boostnote": "Boostnote نمایش/پنهان کردن",
-	"Restore": "بازگرداندن به حالت اول",
-	"Permanent Delete": "حذف بدون بازگشت",
-	"Confirm note deletion": ".حذف یادداشت را تایید کنید",
-	"This will permanently remove this note.": ".این کار یادداشت را بطور دائمی حذف خواهد کرد",
-	"Successfully applied!": "!با موفقیت اجرا شد",
-	"Albanian": "آلبانی",
-	"Chinese (zh-CN)": "چینی (zh-CN)",
-	"Chinese (zh-TW)": "چینی (zh-TW)",
-	"Danish": "دانمارکی",
-	"Japanese": "ژاپنی",
-	"Korean": "کره ای",
-	"Norwegian": "نروژی",
-	"Polish": "لهستانی",
-	"Portuguese": "پرتغالی",
-	"Spanish": "اسپانیایی",
-	"Unsaved Changes!": "!باید ذخیره کنید",
-	"UserName": "نام کاربری",
-	"Password": "رمز عبور",
-	"Russian": "روسی",
-	"Thai": "Thai (ภาษาไทย)",
-	"Command(⌘)": "Command(⌘)",
-	"Editor Rulers": "Editor Rulers",
-	"Enable": "فعال",
-	"Disable": "غیرفعال",
-	"Sanitization": "پاکسازی کردن",
-	"Only allow secure html tags (recommended)": "(فقط  تگ های امن اچ تی ام ال مجاز اند.(پیشنهاد میشود",
-	"Allow styles": "حالت های مجاز",
-	"Allow dangerous html tags": "تگ های خطرناک اچ‌ تی ام ال مجاز اند",
-	"Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.",
-	"⚠ 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! ⚠": "⚠ 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! ⚠",
-	"Spellcheck disabled": "Spellcheck disabled",
-	"Show menu bar": "Show menu bar",
-	"Auto Detect": "Auto Detect",
-	"Filter tags/folders...": "filter tags/folders..."
+  "Notes": "یادداشت ها",
+  "Tags": "تگ ها",
+  "Preferences": "تنظیمات",
+  "Make a note": "یک یادداشت بنویس",
+  "Ctrl": "Ctrl",
+  "Ctrl(^)": "Ctrl",
+  "to create a new note": "برای ساخت یک یادداشت",
+  "Toggle Mode": "تغییر حالت نمایش",
+  "Trash": "سطل آشغال",
+  "MODIFICATION DATE": "تاریخ تغییر",
+  "Words": "کلمات",
+  "Letters": "حروف",
+  "STORAGE": "ذخیره سازی",
+  "FOLDER": "پوشه",
+  "CREATION DATE": "تاریخ ایجاد",
+  "NOTE LINK": "لینک یادداشت",
+  ".md": ".md",
+  ".txt": ".txt",
+  ".html": ".html",
+  ".pdf": ".pdf",
+  "Print": "پرینت",
+  "Your preferences for Boostnote": "تنظیمات شما برای boostnote",
+  "Storage Locations": "ذخیره سازی",
+  "Add Storage Location": "افزودن محل ذخیره سازی",
+  "Add Folder": "ساخت پوشه",
+  "Open Storage folder": "بازکردن پوشه ذخیره سازی",
+  "Unlink": "حذف لینک",
+  "Edit": "ویرایش",
+  "Delete": "حذف",
+  "Interface": "رابط کاربری",
+  "Interface Theme": "تم رابط کاربری",
+  "Default": "پیش فرض",
+  "White": "روشن",
+  "Solarized Dark": "سولارایز",
+  "Dark": "تاریک",
+  "Show a confirmation dialog when deleting notes": "هنگام حذف یادداشت ها یک پیام تایید نمایش بده.",
+  "Editor Theme": "تم ویرایشگر",
+  "Editor Font Size": "اندازه فونت ویرایشگر",
+  "Editor Font Family": "فونت ویرایشگر",
+  "Editor Indent Style": "حالت فاصله گذاری ویرایشگر",
+  "Spaces": "Spaces",
+  "Tabs": "Tabs",
+  "Switch to Preview": "دیدن پیش نمایش",
+  "When Editor Blurred": "وقتی ویرایشگر از حالت ویرایش خارج شد ",
+  "When Editor Blurred, Edit On Double Click": "وقتی ویرایشگر از حالت ویرایش خارج شد و با دبل کلیک ویرایش کنید.",
+  "On Right Click": "راست کلیک",
+  "Editor Keymap": "ویرایشگر Keymap",
+  "default": "پیش فرض",
+  "vim": "vim",
+  "emacs": "emacs",
+  "⚠️ Please restart boostnote after you change the keymap": "⚠️ برنامه را دوباره راه اندازی کنید keymap لطفا بعد از تغییر",
+  "Show line numbers in the editor": "شماره خطوط در ویرایشگر را نمایش بده.",
+  "Allow editor to scroll past the last line": "اجازه بده ویرایشگر بعد از آخرین خط اسکرول کند.",
+  "Bring in web page title when pasting URL on editor": "هنگامی که آدرس اینترنتی در ویرایشگر اضافه شد عنوان آنرا نمایش بده",
+  "Preview": "پیش نمایش",
+  "Preview Font Size": "اندازه فونتِ پیش نمایش",
+  "Preview Font Family": " فونتِ پیش نمایش",
+  "Code Block Theme": "تم بخش کد",
+  "Allow preview to scroll past the last line": "اجازه بده پیش نمایش بعد از آخرین خط اسکرول کند.",
+  "Show line numbers for preview code blocks": "شماره خطوط در پیش نمایش را نمایش بده.",
+  "LaTeX Inline Open Delimiter": "جداکننده آغازین لاتکس خطی",
+  "LaTeX Inline Close Delimiter": "جداکننده پایانی لاتکس خطی",
+  "LaTeX Block Open Delimiter": "جداکننده آغازین بلوک لاتکس ",
+  "LaTeX Block Close Delimiter": "جداکننده آغازین بلوک لاتکس ",
+  "PlantUML Server": "PlantUML Server",
+  "Community": "کامینیتی",
+  "Subscribe to Newsletter": "اشتراک در خبرنامه",
+  "GitHub": "گیت هاب",
+  "Blog": "بلاگ",
+  "Facebook Group": "گروه فیسبوک",
+  "Twitter": "توییتر",
+  "About": "درباره",
+  "Boostnote": "Boostnote",
+  "An open source note-taking app made for programmers just like you.": "یک دفترچه یادداشت متن باز ساخته شده برای برنامه نویسانی مثل تو.",
+  "Website": "وبسایت",
+  "Development": "توسعه",
+  " : Development configurations for Boostnote.": " : پیکربندی توسعه برای Boostnote.",
+  "Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
+  "License: GPL v3": "لایسنس: GPL v3",
+  "Analytics": "تجزیه و تحلیل",
+  "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.": "Bosstnote اطلاعات ناشناس را برای بهبود عملکرد برنامه جمع آوری می‌کند.اطلاعات شخصی شما مثل محتوای یادداشت ها هرگز برای هیچ هدفی جمع آوری نمی‌شوند",
+  "You can see how it works on ": "میتوانید ببینید چگونه کار میکند. ",
+  "You can choose to enable or disable this option.": "میتوانید این گزینه را فعال یا غیرفعال کنید.",
+  "Enable analytics to help improve Boostnote": ".تجزیه تحلیل داده ها را برای کمک به بهبود برنامه فعال کن",
+  "Crowdfunding": "جمع سپاری (سرمایه گذاری جمعی )",
+  "Dear Boostnote users,": "عزیزان,",
+  "Thank you for using Boostnote!": "از شما بخاطر استفاده از boostnote ممنونیم!",
+  "Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "در ۲۰۰ کشور مختلف دنیا مورد توسط جمعی از برنامه نویسان بی نظیر مورد استفاده قرار میگیرد.  Boostnote",
+  "To support our growing userbase, and satisfy community expectations,": "برای حمایت از این رشد ، و برآورده شدن انتظارات کامینیتی,",
+  "we would like to invest more time and resources in this project.": "ما می خواهیم زمان و منابع بیشتری را در این پروژه سرمایه گذاری کنیم.",
+  "If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "اگر این پروژه را دوست دارید و پتانسیلی در آن می‌بینید، میتوانید مارا در اوپن‌ کالکتیو حمایت کنید.",
+  "Thanks,": "با تشکر,",
+  "The Boostnote Team": "Boostnote نگهدارندگان",
+  "Support via OpenCollective": "حمایت کنید OpenCollective از طریق",
+  "Language": "زبان",
+  "English": "انگلیسی",
+  "German": "آلمانی",
+  "French": "فرانسوی",
+  "Show \"Saved to Clipboard\" notification when copying": "نمایش \"ذخیره در کلیپ‌بورد\" اطلاع رسانی هنگام کپی کردن",
+  "All Notes": "همه یادداشت ها",
+  "Starred": "ستاره دار",
+  "Are you sure to ": " مطمئن هستید که",
+  " delete": "حذف ",
+  "this folder?": "این پوشه ؟",
+  "Confirm": "تایید",
+  "Cancel": "انصراف",
+  "Markdown Note": "Markdown یادداشتِ",
+  "This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "این قالب برای ساخت سند های متنی است. چک لیست ها و تکه کد ها و بلاک های لاتکس قابل استفاده اند.",
+  "Snippet Note": "Snippet یادداشتِ",
+  "This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "این قالب برای ساخت تکه کد هاست. چند تکه کد میتوانند تبدیل به یک یادداشت شوند.",
+  "Tab to switch format": "را بزنید Tab برای تغییر فرمت",
+  "Updated": "بروزرسانی شد",
+  "Created": "ایجاد شد",
+  "Alphabetically": "بر اساس حروف الفبا",
+  "Counter": "شمارشگر",
+  "Default View": "نمایش پیش‌فرض",
+  "Compressed View": "نمایش فشرده",
+  "Search": "جستجو",
+  "Blog Type": "نوع وبلاگ",
+  "Blog Address": "آدرس وبلاگ",
+  "Save": "ذخیره",
+  "Auth": "هویت",
+  "Authentication Method": "متد احراز هویت",
+  "JWT": "JWT",
+  "USER": "کاربر",
+  "Token": "توکن",
+  "Storage": "ذخیره سازی",
+  "Hotkeys": "کلید های میانبر",
+  "Show/Hide Boostnote": "Boostnote نمایش/پنهان کردن",
+  "Restore": "بازگرداندن به حالت اول",
+  "Permanent Delete": "حذف بدون بازگشت",
+  "Confirm note deletion": ".حذف یادداشت را تایید کنید",
+  "This will permanently remove this note.": ".این کار یادداشت را بطور دائمی حذف خواهد کرد",
+  "Successfully applied!": "!با موفقیت اجرا شد",
+  "Albanian": "آلبانی",
+  "Chinese (zh-CN)": "چینی (zh-CN)",
+  "Chinese (zh-TW)": "چینی (zh-TW)",
+  "Czech": "Czech",
+  "Danish": "دانمارکی",
+  "Japanese": "ژاپنی",
+  "Korean": "کره ای",
+  "Norwegian": "نروژی",
+  "Polish": "لهستانی",
+  "Portuguese": "پرتغالی",
+  "Spanish": "اسپانیایی",
+  "Unsaved Changes!": "!باید ذخیره کنید",
+  "UserName": "نام کاربری",
+  "Password": "رمز عبور",
+  "Russian": "روسی",
+  "Thai": "Thai (ภาษาไทย)",
+  "Command(⌘)": "Command(⌘)",
+  "Editor Rulers": "Editor Rulers",
+  "Enable": "فعال",
+  "Disable": "غیرفعال",
+  "Sanitization": "پاکسازی کردن",
+  "Only allow secure html tags (recommended)": "(فقط  تگ های امن اچ تی ام ال مجاز اند.(پیشنهاد میشود",
+  "Allow styles": "حالت های مجاز",
+  "Allow dangerous html tags": "تگ های خطرناک اچ‌ تی ام ال مجاز اند",
+  "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.",
+  "⚠ 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! ⚠": "⚠ 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! ⚠",
+  "Spellcheck disabled": "Spellcheck disabled",
+  "Show menu bar": "Show menu bar",
+  "Auto Detect": "Auto Detect",
+  "Filter tags/folders...": "filter tags/folders...",
+  "Enable HTML label in mermaid flowcharts": "Enable HTML label in mermaid flowcharts ⚠ This option potentially has a risk of XSS.",
+  "Wrap line in Snippet Note": "Wrap line in Snippet Note"
 }

locales/fr.json

@@ -1,177 +1,180 @@
 {
-	"Notes": "Notes",
-	"Tags": "Tags",
-	"Preferences": "Préférences",
-	"Make a note": "Créer une note",
-	"Ctrl": "Ctrl",
-	"Ctrl(^)": "Ctrl",
-	"to create a new note": "pour créer une nouvelle note",
-	"Toggle Mode": "Toggle Mode",
-	"Trash": "Poubelle",
-	"MODIFICATION DATE": "DATE DE MODIFICATION",
-	"Words": "Mots",
-	"Letters": "Lettres",
-	"STORAGE": "STOCKAGE",
-	"FOLDER": "DOSSIER",
-	"CREATION DATE": "DATE DE CREATION",
-	"NOTE LINK": "LIEN DE LA NOTE",
-	".md": ".md",
-	".txt": ".txt",
-	".html": ".html",
-	".pdf": ".pdf",
-	"Print": "Imprimer",
-	"Your preferences for Boostnote": "Vos préférences pour Boostnote",
-	"Storage Locations": "Stockages",
-	"Add Storage Location": "Ajouter un espace de stockage",
-	"Add Folder": "Ajouter un dossier",
-	"Open Storage folder": "Ouvrir un dossier de stockage",
-	"Unlink": "Délier",
-	"Edit": "Editer",
-	"Delete": "Supprimer",
-	"Interface": "Interface",
-	"Interface Theme": "Thème d'interface",
-	"Default": "Effacer",
-	"White": "Blanc",
-	"Solarized Dark": "Foncé solarisé",
-	"Dark": "Foncé",
-	"Show a confirmation dialog when deleting notes": "Montrer une alerte de confirmation lors de la suppression de notes",
-	"Editor Theme": "Theme d'éditeur",
-	"Editor Font Size": "Taille de police de l'éditeur",
-	"Editor Font Family": "Police de l'éditeur",
-	"Editor Indent Style": "Style d'indentation de l'éditeur",
-	"Spaces": "Espaces",
-	"Tabs": "Tabulations",
-	"Show only related tags": "Afficher uniquement les tags associés",
-	"Switch to Preview": "Switcher vers l'aperçu",
-	"When Editor Blurred": "Quand l'éditeur n'est pas sélectionné",
-	"When Editor Blurred, Edit On Double Click": "Quand l'éditeur n'est pas sélectionné, éditer avec un double clic",
-	"On Right Click": "Avec un clic droit",
-	"Editor Keymap": "Keymap de l'éditeur",
-	"default": "Par défaut",
-	"vim": "vim",
-	"emacs": "emacs",
-	"⚠️ Please restart boostnote after you change the keymap": "⚠️ Redémarrez Boostnote après avoir changé la keymap",
-	"Show line numbers in the editor": "Montrer les numéros de lignes dans l'éditeur",
-	"Allow editor to scroll past the last line": "Contrôle si l'éditeur défile au-delà de la dernière ligne",
-	"Bring in web page title when pasting URL on editor": "Mettre le titre de la page lors d'un collé d'une URL dans l'éditeur",
-	"Preview": "Aperçu",
-	"Preview Font Size": "Taille de police de l'aperçu",
-	"Preview Font Family": "Police de l'aperçu",
-	"Code Block Theme": "Thème des blocs de code",
-	"Show line numbers for preview code blocks": "Montrer les numéros de lignes dans les blocs de code dans l'aperçu",
-	"Enable smart quotes": "Activer les citations intelligentes",
-	"LaTeX Inline Open Delimiter": "LaTeX Inline Open Delimiter",
-	"LaTeX Inline Close Delimiter": "LaTeX Inline Close Delimiter",
-	"LaTeX Block Open Delimiter": "LaTeX Block Open Delimiter",
-	"LaTeX Block Close Delimiter": "LaTeX Block Close Delimiter",
-	"PlantUML Server": "PlantUML Server",
-	"Community": "Communauté",
-	"Subscribe to Newsletter": "Souscrire à la newsletter",
-	"GitHub": "GitHub",
-	"Blog": "Blog",
-	"Facebook Group": "Groupe Facebook",
-	"Twitter": "Twitter",
-	"About": "A propos",
-	"Boostnote": "Boostnote",
-	"An open source note-taking app made for programmers just like you.": "Une appli de prise de notes open-source faite pour les développeurs comme vous.",
-	"Website": "Site web",
-	"Development": "Développement",
-	" : Development configurations for Boostnote.": " : Configurations de développement pour Boostnote.",
-	"Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
-	"License: GPL v3": "License: GPL v3",
-	"Analytics": "Analytics",
-	"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.": "Boostnote collecte des données anonymisées dans le seul but d'améliorer l'application, et ne collecte aucune donnée personnelle telle que le contenu de vos notes.",
-	"You can see how it works on ": "Vous pouvez voir comment ça marche sur",
-	"You can choose to enable or disable this option.": "Vous pouvez choisir d'activer/désactiver cette option.",
-	"Enable analytics to help improve Boostnote": "Activer la collecte de données anonymisées pour améliorer Boostnote",
-	"Crowdfunding": "Crowdfunding",
-	"Dear Boostnote users,": "Cher utilisateur,",
-	"Thank you for using Boostnote!": "Merci d'utiliser Boostnote !",
-	"Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote est utilisé dans plus de 200 pays et régions par une impressionnante communauté de développeurs.",
-	"To support our growing userbase, and satisfy community expectations,": "Afin de continuer à grandir, et de satisfaire les attentes de la communauté,",
-	"we would like to invest more time and resources in this project.": "nous aimerions investir d'avantage de temps et de ressources dans ce proje.",
-	"If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "Si vous aimez ce projet et que vous en voyez tout le potentiel, vous pouvez aider par un support sur OpenCollective !",
-	"Thanks,": "Merci,",
-	"The Boostnote Team": "Les mainteneurs de Boostnote",
-	"Support via OpenCollective": "Support via OpenCollective",
-	"Language": "Langues",
-	"Default New Note": "Nouvelle note par défaut",
-	"English": "Anglais",
-	"German": "Allemand",
-	"French": "Français",
-	"Show \"Saved to Clipboard\" notification when copying": "Montrer la notification \"Sauvegardé dans le presse-papiers\" lors de la copie",
-	"All Notes": "Toutes les notes",
-	"Starred": "Favoris",
-	"Are you sure to ": "Etes-vous sûr de ",
-	" delete": " supprimer",
-	"this folder?": "ce dossier ?",
-	"Confirm": "Confimer",
-	"Cancel": "Annuler",
-	"Markdown Note": "Note Markdown",
-	"This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "Ce format est pour créer des documents texte. Checklists, blocks de code et blocks Latex sont disponibles.",
-	"Snippet Note": "Note Snippet",
-	"This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "Ce format est pour créer des snippets de code. Plusieurs snippets peuvent être groupés en une seule note.",
-	"Tab to switch format": "Tab pour changer de format",
-	"Updated": "Mis à jour",
-	"Created": "Créé",
-	"Alphabetically": "De manière alphabétique",
-	"Default View": "Vue par défaut",
-	"Compressed View": "Vue compressée",
-	"Search": "Chercher",
-	"Blog Type": "Type du blog",
-	"Blog Address": "Adresse du blog",
-	"Save": "Sauvegarder",
-	"Auth": "Auth",
-	"Authentication Method": "Méthode d'Authentification",
-	"JWT": "JWT",
-	"USER": "USER",
-	"Token": "Token",
-	"Storage": "Stockage",
-	"Hotkeys": "Raccourcis",
-	"Show/Hide Boostnote": "Montrer/Cacher Boostnote",
-	"Restore": "Restaurer",
-	"Permanent Delete": "Supprimer définivitement",
-	"Confirm note deletion": "Confirmer la suppression de la note",
-	"This will permanently remove this note.": "Cela va supprimer cette note définitivement.",
-	"Successfully applied!": " Succès !",
-	"Albanian": "Albanais",
-	"Chinese (zh-CN)": "Chinois (zh-CN)",
-	"Chinese (zh-TW)": "Chinois (zh-TW)",
-	"Toggle Editor Mode": "Basculer en mode éditeur",
-	"Danish": "Danois",
-	"Japanese": "Japonais",
-	"Korean": "Coréen",
-	"Norwegian": "Norvégien",
-	"Polish": "Polonais",
-	"Portuguese": "Portugais",
-	"Spanish": "Espagnol",
-	"Unsaved Changes!": "Il faut sauvegarder !",
-	"Russian": "Russe",
-	"Thai": "Thai (ภาษาไทย)",
-	"Command(⌘)": "Command(⌘)",
-	"Editor Rulers": "Règles dans l'éditeur",
-	"Enable": "Activer",
-	"Disable": "Désactiver",
-	"Allow preview to scroll past the last line": "Permettre de scroller après la dernière ligne dans l'aperçu",
-	"Sanitization": "Sanitization",
-	"Only allow secure html tags (recommended)": "N'accepter que les tags html sécurisés (recommandé)",
-	"Allow styles": "Accepter les styles",
-	"Allow dangerous html tags": "Accepter les tags html dangereux",
-	"Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convertir des flèches textuelles en jolis signes. ⚠ Cela va interferérer avec les éventuels commentaires HTML dans votre Markdown.",
-	"⚠ 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! ⚠": "⚠ Vous avez collé un lien qui référence une pièce-jointe qui n'a pas pu être récupéré dans le dossier de stockage de la note. Coller des liens qui font référence à des pièces-jointes ne fonctionne que si la source et la destination et la même. Veuillez plutôt utiliser du Drag & Drop ! ⚠",
-	"Save tags of a note in alphabetical order": "Sauvegarder les tags d'une note en ordre alphabétique",
-	"Show tags of a note in alphabetical order": "Afficher les tags d'une note par ordre alphabétique",
-	"Enable live count of notes": "Activer le comptage live des notes",
-	"Enable smart table editor": "Activer l'intelligent éditeur de tableaux",
-	"Snippet Default Language": "Langage par défaut d'un snippet",
-	"Spellcheck disabled": "Spellcheck disabled",
-	"Show menu bar": "Show menu bar",
-	"Auto Detect": "Auto Detect",
-	"New Snippet": "Nouveau snippet",
-	"Custom CSS": "CSS personnalisé",
-	"Snippet name": "Nom du snippet",
-	"Snippet prefix": "Préfixe du snippet",
-	"Delete Note": "Supprimer la note",
-	"New notes are tagged with the filtering tags": "Les nouvelles notes sont taggées avec les tags de filtrage",
-	"Filter tags/folders...": "filtrage tags/dossier..."
+  "Notes": "Notes",
+  "Tags": "Tags",
+  "Preferences": "Préférences",
+  "Make a note": "Créer une note",
+  "Ctrl": "Ctrl",
+  "Ctrl(^)": "Ctrl",
+  "to create a new note": "pour créer une nouvelle note",
+  "Toggle Mode": "Toggle Mode",
+  "Trash": "Poubelle",
+  "MODIFICATION DATE": "DATE DE MODIFICATION",
+  "Words": "Mots",
+  "Letters": "Lettres",
+  "STORAGE": "STOCKAGE",
+  "FOLDER": "DOSSIER",
+  "CREATION DATE": "DATE DE CREATION",
+  "NOTE LINK": "LIEN DE LA NOTE",
+  ".md": ".md",
+  ".txt": ".txt",
+  ".html": ".html",
+  ".pdf": ".pdf",
+  "Print": "Imprimer",
+  "Your preferences for Boostnote": "Vos préférences pour Boostnote",
+  "Storage Locations": "Stockages",
+  "Add Storage Location": "Ajouter un espace de stockage",
+  "Add Folder": "Ajouter un dossier",
+  "Open Storage folder": "Ouvrir un dossier de stockage",
+  "Unlink": "Délier",
+  "Edit": "Editer",
+  "Delete": "Supprimer",
+  "Interface": "Interface",
+  "Interface Theme": "Thème d'interface",
+  "Default": "Effacer",
+  "White": "Blanc",
+  "Solarized Dark": "Foncé solarisé",
+  "Dark": "Foncé",
+  "Show a confirmation dialog when deleting notes": "Montrer une alerte de confirmation lors de la suppression de notes",
+  "Editor Theme": "Theme d'éditeur",
+  "Editor Font Size": "Taille de police de l'éditeur",
+  "Editor Font Family": "Police de l'éditeur",
+  "Editor Indent Style": "Style d'indentation de l'éditeur",
+  "Spaces": "Espaces",
+  "Tabs": "Tabulations",
+  "Show only related tags": "Afficher uniquement les tags associés",
+  "Switch to Preview": "Switcher vers l'aperçu",
+  "When Editor Blurred": "Quand l'éditeur n'est pas sélectionné",
+  "When Editor Blurred, Edit On Double Click": "Quand l'éditeur n'est pas sélectionné, éditer avec un double clic",
+  "On Right Click": "Avec un clic droit",
+  "Editor Keymap": "Keymap de l'éditeur",
+  "default": "Par défaut",
+  "vim": "vim",
+  "emacs": "emacs",
+  "⚠️ Please restart boostnote after you change the keymap": "⚠️ Redémarrez Boostnote après avoir changé la keymap",
+  "Show line numbers in the editor": "Montrer les numéros de lignes dans l'éditeur",
+  "Allow editor to scroll past the last line": "Contrôle si l'éditeur défile au-delà de la dernière ligne",
+  "Bring in web page title when pasting URL on editor": "Mettre le titre de la page lors d'un collé d'une URL dans l'éditeur",
+  "Preview": "Aperçu",
+  "Preview Font Size": "Taille de police de l'aperçu",
+  "Preview Font Family": "Police de l'aperçu",
+  "Code Block Theme": "Thème des blocs de code",
+  "Show line numbers for preview code blocks": "Montrer les numéros de lignes dans les blocs de code dans l'aperçu",
+  "Enable smart quotes": "Activer les citations intelligentes",
+  "LaTeX Inline Open Delimiter": "LaTeX Inline Open Delimiter",
+  "LaTeX Inline Close Delimiter": "LaTeX Inline Close Delimiter",
+  "LaTeX Block Open Delimiter": "LaTeX Block Open Delimiter",
+  "LaTeX Block Close Delimiter": "LaTeX Block Close Delimiter",
+  "PlantUML Server": "PlantUML Server",
+  "Community": "Communauté",
+  "Subscribe to Newsletter": "Souscrire à la newsletter",
+  "GitHub": "GitHub",
+  "Blog": "Blog",
+  "Facebook Group": "Groupe Facebook",
+  "Twitter": "Twitter",
+  "About": "A propos",
+  "Boostnote": "Boostnote",
+  "An open source note-taking app made for programmers just like you.": "Une appli de prise de notes open-source faite pour les développeurs comme vous.",
+  "Website": "Site web",
+  "Development": "Développement",
+  " : Development configurations for Boostnote.": " : Configurations de développement pour Boostnote.",
+  "Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
+  "License: GPL v3": "License: GPL v3",
+  "Analytics": "Analytics",
+  "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.": "Boostnote collecte des données anonymisées dans le seul but d'améliorer l'application, et ne collecte aucune donnée personnelle telle que le contenu de vos notes.",
+  "You can see how it works on ": "Vous pouvez voir comment ça marche sur",
+  "You can choose to enable or disable this option.": "Vous pouvez choisir d'activer/désactiver cette option.",
+  "Enable analytics to help improve Boostnote": "Activer la collecte de données anonymisées pour améliorer Boostnote",
+  "Crowdfunding": "Crowdfunding",
+  "Dear Boostnote users,": "Cher utilisateur,",
+  "Thank you for using Boostnote!": "Merci d'utiliser Boostnote !",
+  "Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote est utilisé dans plus de 200 pays et régions par une impressionnante communauté de développeurs.",
+  "To support our growing userbase, and satisfy community expectations,": "Afin de continuer à grandir, et de satisfaire les attentes de la communauté,",
+  "we would like to invest more time and resources in this project.": "nous aimerions investir d'avantage de temps et de ressources dans ce proje.",
+  "If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "Si vous aimez ce projet et que vous en voyez tout le potentiel, vous pouvez aider par un support sur OpenCollective !",
+  "Thanks,": "Merci,",
+  "The Boostnote Team": "Les mainteneurs de Boostnote",
+  "Support via OpenCollective": "Support via OpenCollective",
+  "Language": "Langues",
+  "Default New Note": "Nouvelle note par défaut",
+  "English": "Anglais",
+  "German": "Allemand",
+  "French": "Français",
+  "Show \"Saved to Clipboard\" notification when copying": "Montrer la notification \"Sauvegardé dans le presse-papiers\" lors de la copie",
+  "All Notes": "Toutes les notes",
+  "Starred": "Favoris",
+  "Are you sure to ": "Etes-vous sûr de ",
+  " delete": " supprimer",
+  "this folder?": "ce dossier ?",
+  "Confirm": "Confimer",
+  "Cancel": "Annuler",
+  "Markdown Note": "Note Markdown",
+  "This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "Ce format est pour créer des documents texte. Checklists, blocks de code et blocks Latex sont disponibles.",
+  "Snippet Note": "Note Snippet",
+  "This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "Ce format est pour créer des snippets de code. Plusieurs snippets peuvent être groupés en une seule note.",
+  "Tab to switch format": "Tab pour changer de format",
+  "Updated": "Mis à jour",
+  "Created": "Créé",
+  "Alphabetically": "De manière alphabétique",
+  "Default View": "Vue par défaut",
+  "Compressed View": "Vue compressée",
+  "Search": "Chercher",
+  "Blog Type": "Type du blog",
+  "Blog Address": "Adresse du blog",
+  "Save": "Sauvegarder",
+  "Auth": "Auth",
+  "Authentication Method": "Méthode d'Authentification",
+  "JWT": "JWT",
+  "USER": "USER",
+  "Token": "Token",
+  "Storage": "Stockage",
+  "Hotkeys": "Raccourcis",
+  "Show/Hide Boostnote": "Montrer/Cacher Boostnote",
+  "Restore": "Restaurer",
+  "Permanent Delete": "Supprimer définivitement",
+  "Confirm note deletion": "Confirmer la suppression de la note",
+  "This will permanently remove this note.": "Cela va supprimer cette note définitivement.",
+  "Successfully applied!": " Succès !",
+  "Albanian": "Albanais",
+  "Chinese (zh-CN)": "Chinois (zh-CN)",
+  "Chinese (zh-TW)": "Chinois (zh-TW)",
+  "Czech": "Tchèque",
+  "Toggle Editor Mode": "Basculer en mode éditeur",
+  "Danish": "Danois",
+  "Japanese": "Japonais",
+  "Korean": "Coréen",
+  "Norwegian": "Norvégien",
+  "Polish": "Polonais",
+  "Portuguese": "Portugais",
+  "Spanish": "Espagnol",
+  "Unsaved Changes!": "Il faut sauvegarder !",
+  "Russian": "Russe",
+  "Thai": "Thai (ภาษาไทย)",
+  "Command(⌘)": "Command(⌘)",
+  "Editor Rulers": "Règles dans l'éditeur",
+  "Enable": "Activer",
+  "Disable": "Désactiver",
+  "Allow preview to scroll past the last line": "Permettre de scroller après la dernière ligne dans l'aperçu",
+  "Sanitization": "Sanitization",
+  "Only allow secure html tags (recommended)": "N'accepter que les tags html sécurisés (recommandé)",
+  "Allow styles": "Accepter les styles",
+  "Allow dangerous html tags": "Accepter les tags html dangereux",
+  "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convertir des flèches textuelles en jolis signes. ⚠ Cela va interferérer avec les éventuels commentaires HTML dans votre Markdown.",
+  "⚠ 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! ⚠": "⚠ Vous avez collé un lien qui référence une pièce-jointe qui n'a pas pu être récupéré dans le dossier de stockage de la note. Coller des liens qui font référence à des pièces-jointes ne fonctionne que si la source et la destination et la même. Veuillez plutôt utiliser du Drag & Drop ! ⚠",
+  "Save tags of a note in alphabetical order": "Sauvegarder les tags d'une note en ordre alphabétique",
+  "Show tags of a note in alphabetical order": "Afficher les tags d'une note par ordre alphabétique",
+  "Enable live count of notes": "Activer le comptage live des notes",
+  "Enable smart table editor": "Activer l'intelligent éditeur de tableaux",
+  "Snippet Default Language": "Langage par défaut d'un snippet",
+  "Spellcheck disabled": "Spellcheck disabled",
+  "Show menu bar": "Show menu bar",
+  "Auto Detect": "Auto Detect",
+  "New Snippet": "Nouveau snippet",
+  "Custom CSS": "CSS personnalisé",
+  "Snippet name": "Nom du snippet",
+  "Snippet prefix": "Préfixe du snippet",
+  "Delete Note": "Supprimer la note",
+  "New notes are tagged with the filtering tags": "Les nouvelles notes sont taggées avec les tags de filtrage",
+  "Filter tags/folders...": "filtrage tags/dossier...",
+  "Enable HTML label in mermaid flowcharts": "Enable HTML label in mermaid flowcharts ⚠ This option potentially has a risk of XSS.",
+  "Wrap line in Snippet Note": "Wrap line in Snippet Note"
 }

locales/hu.json

@@ -1,185 +1,188 @@
 {
-	"Notes": "Jegyzetek",
-	"Tags": "Címkék",
-	"Preferences": "Beállítások",
-	"Make a note": "Új jegyzet",
-	"Ctrl": "Ctrl",
-	"Ctrl(^)": "Ctrl",
-	"to create a new note": "hogy létrehozz egy jegyzetet",
-	"Toggle Mode": "Mód Váltás",
-	"Add tag...": "Tag hozzáadása...",
-	"Trash": "Lomtár",
-	"MODIFICATION DATE": "MÓDOSÍTÁS DÁTUMA",
-	"Words": "Szó",
-	"Letters": "Betű",
-	"STORAGE": "TÁROLÓ",
-	"FOLDER": "KÖNYVTÁR",
-	"CREATION DATE": "LÉTREHOZÁS DÁTUMA",
-	"NOTE LINK": "JEGYZET LINKJE",
-	".md": ".md",
-	".txt": ".txt",
-	".html": ".html",
-	".pdf": ".pdf",
-	"Print": "Nyomtatás",
-	"Your preferences for Boostnote": "Boostnote beállításaid",
-	"Help": "Súgó",
-	"Hide Help": "Súgó Elrejtése",
-	"Storage Locations": "Tárolók",
-	"Add Storage Location": "Tároló Hozzáadása",
-	"Add Folder": "Könyvtár Hozzáadása",
-	"Open Storage folder": "Tároló Megnyitása",
-	"Unlink": "Tároló Leválasztása",
-	"Edit": "Szerkesztés",
-	"Delete": "Törlés",
-	"Interface": "Felület",
-	"Interface Theme": "Felület Témája",
-	"Default": "Alapértelmezett",
-	"White": "Világos",
-	"Solarized Dark": "Solarized Dark",
-	"Dark": "Sötét",
-	"Show a confirmation dialog when deleting notes": "Kérjen megerősítést a jegyzetek törlése előtt",
-	"Disable Direct Write (It will be applied after restarting)": "Jegyzet Azonnali Mentésének Tiltása (Újraindítás igényel)",
-	"Show only related tags": "Csak a kapcsolódó tag-ek megjelenítése",
-	"Editor Theme": "Szerkesztő Témája",
-	"Editor Font Size": "Szerkesztő Betűmérete",
-	"Editor Font Family": "Szerkesztő Betűtípusa",
-	"Editor Indent Style": "Szerkesztő Behúzása",
-	"Spaces": "Szóközök",
-	"Tabs": "Tabulátor karakterek",
-	"Switch to Preview": "Váltás Megtekintésre",
-	"When Editor Blurred": "Szerkesztő Elhagyásakor",
-	"When Editor Blurred, Edit On Double Click": "Szerkesztő Elhagyásakor, Szerkesztő Megnyitása Dupla Kattintással",
-	"On Right Click": "Jobb Egérgombbal",
-	"Editor Keymap": "Szerkesztő Billentyűzetkiosztása",
-	"default": "alapértelmezett",
-	"vim": "vim",
-	"emacs": "emacs",
-	"⚠️ Please restart boostnote after you change the keymap": "⚠️ Kérlek, indítsd újra a programot a kiosztás megváltoztatása után",
-	"Show line numbers in the editor": "Mutatassa a sorszámokat a szerkesztőben",
-	"Allow editor to scroll past the last line": "A szerkesztőben az utolsó sor alá is lehessen görgetni",
-	"Enable smart quotes": "Idézőjelek párjának automatikus beírása",
-	"Bring in web page title when pasting URL on editor": "Weboldal főcímének lekérdezése URL cím beillesztésekor",
-	"Preview": "Megtekintés",
-	"Preview Font Size": "Megtekintés Betűmérete",
-	"Preview Font Family": "Megtekintés Betűtípusa",
-	"Code Block Theme": "Kódblokk Témája",
-	"Allow preview to scroll past the last line": "Megtekintésben az utolsó sor alá is lehessen görgetni",
-	"Show line numbers for preview code blocks": "Mutatassa a sorszámokat a megtekintett kódblokkokban",
-	"LaTeX Inline Open Delimiter": "LaTeX Inline Nyitó Határolója",
-	"LaTeX Inline Close Delimiter": "LaTeX Inline Záró Határolója",
-	"LaTeX Block Open Delimiter": "LaTeX Blokk Nyitó Határolója",
-	"LaTeX Block Close Delimiter": "LaTeX Blokk Záró Határolója",
-	"PlantUML Server": "PlantUML Server",
-	"Community": "Közösség",
-	"Subscribe to Newsletter": "Feliratkozás a Hírlevélre",
-	"GitHub": "GitHub",
-	"Blog": "Blog",
-	"Facebook Group": "Facebook Csoport",
-	"Twitter": "Twitter",
-	"About": "Névjegy",
-	"Boostnote": "Boostnote",
-	"An open source note-taking app made for programmers just like you.": "Nyílt forráskódú jegyzetkészítő program a hozzád hasonló programozóknak.",
-	"Website": "Weboldal",
-	"Development": "Fejlesztés",
-	" : Development configurations for Boostnote.": " : Információk a Boostnote fejlesztéséről.",
-	"Copyright (C) 2017 - 2019 BoostIO": "Szerzői jog (C) 2017 - 2019 BoostIO",
-	"License: GPL v3": "Licensz: GPL v3",
-	"Analytics": "Adatok elemzése",
-	"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.": "A Boostnote névtelen adatokat gyűjt össze az alkalmazás tökéletesítése céljából, és szigorúan nem gyűjt semmilyen személyes adatot, például a jegyzetek tartalmát.",
-	"You can see how it works on ": "A működéséről további információkat itt találsz: ",
-	"You can choose to enable or disable this option.": "Kiválaszthatod, hogy engedélyezed, vagy tiltod ezt az opciót.",
-	"Enable analytics to help improve Boostnote": "Adatok elemzésének engedélyezése a Boostnote tökéletesítésének céljából",
-	"Crowdfunding": "Közösségi finanszírozás",
-	"Dear Boostnote users,": "Kedves felhasználók!",
-	"Thank you for using Boostnote!": "Köszönjük, hogy a Boostnote-ot használjátok!",
-	"Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "A Boostnote-ot több, mint 200 ország és régió fantasztikus fejlesztői használják.",
-	"To support our growing userbase, and satisfy community expectations,": "Hogy folytathassuk ezt a fejlődést és kielégíthessük a felhasználói elvárásokat,",
-	"we would like to invest more time and resources in this project.": "több időt és erőforrást szeretnénk a projektbe fektetni.",
-	"If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "Ha tetszik a projekt és hasznosnak találod, te is segíthetsz ebben az OpenCollective-en keresztül küldött támogatásoddal.",
-	"Thanks,": "Köszönjük!",
-	"The Boostnote Team": "A Boostnote csapata",
-	"Support via OpenCollective": "Támogatás Küldése",
-	"Language": "Nyelv",
-	"English": "English",
-	"German": "German",
-	"French": "French",
-	"Show \"Saved to Clipboard\" notification when copying": "Mutassa a  \"Vágólapra Másolva\" üzenetet másoláskor",
-	"All Notes": "Minden Jegyzet",
-	"Starred": "Kiemelt",
-	"Are you sure to ": "Biztos, hogy ",
-	" delete": " törölni",
-	"this folder?": "szeretnéd a könyvtárat?",
-	"Confirm": "Igen",
-	"Cancel": "Mégse",
-	"Markdown Note": "Markdown Jegyzet",
-	"This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "Ez a formátum szöveges dokumentumok készítésére használható. Jelölőnégyzeteket, kódblokkokat és Latex blokkokat is tartalmazhat.",
-	"Snippet Note": "Kód Jegyzet",
-	"This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "Ez a formátum kódrészletek készítésére használható. Több kódrészlet tárolására is alkalmas (pl. HTML + CSS).",
-	"Tab to switch format": "Formátum váltásához nyomd le a Tabulátor billentyűt!",
-	"Updated": "Módosítás",
-	"Created": "Létrehozás",
-	"Alphabetically": "Ábécé sorrendben",
-	"Counter": "Számláló",
-	"Default View": "Alapértelmezett Nézet",
-	"Compressed View": "Tömörített Nézet",
-	"Search": "Keresés",
-	"Blog Type": "Blog Típusa",
-	"Blog Address": "Blog Címe",
-	"Save": "Mentés",
-	"Auth": "Hitelesítés",
-	"Authentication Method": "Hitelesítési Módszer",
-	"JWT": "JWT",
-	"USER": "USER",
-	"Token": "Token",
-	"Storage": "Tároló",
-	"Hotkeys": "Gyorsbillentyűk",
-	"Show/Hide Boostnote": "Boostnote Megjelenítése/Elrejtése",
-	"Toggle Editor Mode": "Szerkesztő mód váltása",
-	"Restore": "Visszaállítás",
-	"Permanent Delete": "Végleges Törlés",
-	"Confirm note deletion": "Törlés megerősítése",
-	"This will permanently remove this note.": "A jegyzet véglegesen törölve lesz.",
-	"Successfully applied!": "Sikeresen alkalmazva.",
-	"Albanian": "Albanian",
-	"Chinese (zh-CN)": "Chinese (zh-CN)",
-	"Chinese (zh-TW)": "Chinese (zh-TW)",
-	"Danish": "Danish",
-	"Japanese": "Japanese",
-	"Korean": "Korean",
-	"Norwegian": "Norwegian",
-	"Polish": "Polish",
-	"Portuguese": "Portuguese",
-	"Spanish": "Spanish",
-	"Unsaved Changes!": "Mentened kell!",
-	"UserName": "FelhasznaloNev",
-	"Password": "Jelszo",
-	"Russian": "Russian",
-	"Hungarian": "Hungarian",
-	"Thai": "Thai (ภาษาไทย)",
-	"Command(⌘)": "Command(⌘)",
-	"Add Storage": "Tároló hozzáadása",
-	"Name": "Név",
-	"Type": "Típus",
-	"File System": "Fájlrendszer",
-	"Setting up 3rd-party cloud storage integration:": "Harmadik féltől származó felhőtárolási integráció beállítása:",
-	"Cloud-Syncing-and-Backup": "Cloud-Syncing-and-Backup",
-	"Location": "Hely",
-	"Add": "Hozzáadás",
-	"Select Folder": "Könyvtár Kiválasztása",
-	"Unlink Storage": "Tároló Leválasztása",
-	"Unlinking removes this linked storage from Boostnote. No data is removed, please manually delete the folder from your hard drive if needed.": "A leválasztás eltávolítja ezt a tárolót a Boostnote-ból. Az adatok nem lesznek törölve, kérlek manuálisan töröld a könyvtárat a merevlemezről, ha szükséges.",
-	"Editor Rulers": "Szerkesztő Margók",
-	"Enable": "Engedélyezés",
-	"Disable": "Tiltás",
-	"Sanitization": "Tisztítás",
-	"Only allow secure html tags (recommended)": "Csak a biztonságos html tag-ek engedélyezése (ajánlott)",
-	"Render newlines in Markdown paragraphs as <br>": "Az újsor karaktert <br> soremelésként jelenítse meg a Markdown jegyzetekben",
-	"Allow styles": "Stílusok engedélyezése",
-	"Allow dangerous html tags": "Veszélyes html tag-ek engedélyezése",
-	"Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.",
-	"⚠ 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! ⚠": "⚠ 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! ⚠",
-	"Spellcheck disabled": "Spellcheck disabled",
-	"Show menu bar": "Show menu bar",
-	"Auto Detect": "Auto Detect",
-	"Filter tags/folders...": "filter tags/folders..."
+  "Notes": "Jegyzetek",
+  "Tags": "Címkék",
+  "Preferences": "Beállítások",
+  "Make a note": "Új jegyzet",
+  "Ctrl": "Ctrl",
+  "Ctrl(^)": "Ctrl",
+  "to create a new note": "hogy létrehozz egy jegyzetet",
+  "Toggle Mode": "Mód Váltás",
+  "Add tag...": "Tag hozzáadása...",
+  "Trash": "Lomtár",
+  "MODIFICATION DATE": "MÓDOSÍTÁS DÁTUMA",
+  "Words": "Szó",
+  "Letters": "Betű",
+  "STORAGE": "TÁROLÓ",
+  "FOLDER": "KÖNYVTÁR",
+  "CREATION DATE": "LÉTREHOZÁS DÁTUMA",
+  "NOTE LINK": "JEGYZET LINKJE",
+  ".md": ".md",
+  ".txt": ".txt",
+  ".html": ".html",
+  ".pdf": ".pdf",
+  "Print": "Nyomtatás",
+  "Your preferences for Boostnote": "Boostnote beállításaid",
+  "Help": "Súgó",
+  "Hide Help": "Súgó Elrejtése",
+  "Storage Locations": "Tárolók",
+  "Add Storage Location": "Tároló Hozzáadása",
+  "Add Folder": "Könyvtár Hozzáadása",
+  "Open Storage folder": "Tároló Megnyitása",
+  "Unlink": "Tároló Leválasztása",
+  "Edit": "Szerkesztés",
+  "Delete": "Törlés",
+  "Interface": "Felület",
+  "Interface Theme": "Felület Témája",
+  "Default": "Alapértelmezett",
+  "White": "Világos",
+  "Solarized Dark": "Solarized Dark",
+  "Dark": "Sötét",
+  "Show a confirmation dialog when deleting notes": "Kérjen megerősítést a jegyzetek törlése előtt",
+  "Disable Direct Write (It will be applied after restarting)": "Jegyzet Azonnali Mentésének Tiltása (Újraindítás igényel)",
+  "Show only related tags": "Csak a kapcsolódó tag-ek megjelenítése",
+  "Editor Theme": "Szerkesztő Témája",
+  "Editor Font Size": "Szerkesztő Betűmérete",
+  "Editor Font Family": "Szerkesztő Betűtípusa",
+  "Editor Indent Style": "Szerkesztő Behúzása",
+  "Spaces": "Szóközök",
+  "Tabs": "Tabulátor karakterek",
+  "Switch to Preview": "Váltás Megtekintésre",
+  "When Editor Blurred": "Szerkesztő Elhagyásakor",
+  "When Editor Blurred, Edit On Double Click": "Szerkesztő Elhagyásakor, Szerkesztő Megnyitása Dupla Kattintással",
+  "On Right Click": "Jobb Egérgombbal",
+  "Editor Keymap": "Szerkesztő Billentyűzetkiosztása",
+  "default": "alapértelmezett",
+  "vim": "vim",
+  "emacs": "emacs",
+  "⚠️ Please restart boostnote after you change the keymap": "⚠️ Kérlek, indítsd újra a programot a kiosztás megváltoztatása után",
+  "Show line numbers in the editor": "Mutatassa a sorszámokat a szerkesztőben",
+  "Allow editor to scroll past the last line": "A szerkesztőben az utolsó sor alá is lehessen görgetni",
+  "Enable smart quotes": "Idézőjelek párjának automatikus beírása",
+  "Bring in web page title when pasting URL on editor": "Weboldal főcímének lekérdezése URL cím beillesztésekor",
+  "Preview": "Megtekintés",
+  "Preview Font Size": "Megtekintés Betűmérete",
+  "Preview Font Family": "Megtekintés Betűtípusa",
+  "Code Block Theme": "Kódblokk Témája",
+  "Allow preview to scroll past the last line": "Megtekintésben az utolsó sor alá is lehessen görgetni",
+  "Show line numbers for preview code blocks": "Mutatassa a sorszámokat a megtekintett kódblokkokban",
+  "LaTeX Inline Open Delimiter": "LaTeX Inline Nyitó Határolója",
+  "LaTeX Inline Close Delimiter": "LaTeX Inline Záró Határolója",
+  "LaTeX Block Open Delimiter": "LaTeX Blokk Nyitó Határolója",
+  "LaTeX Block Close Delimiter": "LaTeX Blokk Záró Határolója",
+  "PlantUML Server": "PlantUML Server",
+  "Community": "Közösség",
+  "Subscribe to Newsletter": "Feliratkozás a Hírlevélre",
+  "GitHub": "GitHub",
+  "Blog": "Blog",
+  "Facebook Group": "Facebook Csoport",
+  "Twitter": "Twitter",
+  "About": "Névjegy",
+  "Boostnote": "Boostnote",
+  "An open source note-taking app made for programmers just like you.": "Nyílt forráskódú jegyzetkészítő program a hozzád hasonló programozóknak.",
+  "Website": "Weboldal",
+  "Development": "Fejlesztés",
+  " : Development configurations for Boostnote.": " : Információk a Boostnote fejlesztéséről.",
+  "Copyright (C) 2017 - 2019 BoostIO": "Szerzői jog (C) 2017 - 2019 BoostIO",
+  "License: GPL v3": "Licensz: GPL v3",
+  "Analytics": "Adatok elemzése",
+  "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.": "A Boostnote névtelen adatokat gyűjt össze az alkalmazás tökéletesítése céljából, és szigorúan nem gyűjt semmilyen személyes adatot, például a jegyzetek tartalmát.",
+  "You can see how it works on ": "A működéséről további információkat itt találsz: ",
+  "You can choose to enable or disable this option.": "Kiválaszthatod, hogy engedélyezed, vagy tiltod ezt az opciót.",
+  "Enable analytics to help improve Boostnote": "Adatok elemzésének engedélyezése a Boostnote tökéletesítésének céljából",
+  "Crowdfunding": "Közösségi finanszírozás",
+  "Dear Boostnote users,": "Kedves felhasználók!",
+  "Thank you for using Boostnote!": "Köszönjük, hogy a Boostnote-ot használjátok!",
+  "Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "A Boostnote-ot több, mint 200 ország és régió fantasztikus fejlesztői használják.",
+  "To support our growing userbase, and satisfy community expectations,": "Hogy folytathassuk ezt a fejlődést és kielégíthessük a felhasználói elvárásokat,",
+  "we would like to invest more time and resources in this project.": "több időt és erőforrást szeretnénk a projektbe fektetni.",
+  "If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "Ha tetszik a projekt és hasznosnak találod, te is segíthetsz ebben az OpenCollective-en keresztül küldött támogatásoddal.",
+  "Thanks,": "Köszönjük!",
+  "The Boostnote Team": "A Boostnote csapata",
+  "Support via OpenCollective": "Támogatás Küldése",
+  "Language": "Nyelv",
+  "English": "English",
+  "German": "German",
+  "French": "French",
+  "Show \"Saved to Clipboard\" notification when copying": "Mutassa a  \"Vágólapra Másolva\" üzenetet másoláskor",
+  "All Notes": "Minden Jegyzet",
+  "Starred": "Kiemelt",
+  "Are you sure to ": "Biztos, hogy ",
+  " delete": " törölni",
+  "this folder?": "szeretnéd a könyvtárat?",
+  "Confirm": "Igen",
+  "Cancel": "Mégse",
+  "Markdown Note": "Markdown Jegyzet",
+  "This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "Ez a formátum szöveges dokumentumok készítésére használható. Jelölőnégyzeteket, kódblokkokat és Latex blokkokat is tartalmazhat.",
+  "Snippet Note": "Kód Jegyzet",
+  "This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "Ez a formátum kódrészletek készítésére használható. Több kódrészlet tárolására is alkalmas (pl. HTML + CSS).",
+  "Tab to switch format": "Formátum váltásához nyomd le a Tabulátor billentyűt!",
+  "Updated": "Módosítás",
+  "Created": "Létrehozás",
+  "Alphabetically": "Ábécé sorrendben",
+  "Counter": "Számláló",
+  "Default View": "Alapértelmezett Nézet",
+  "Compressed View": "Tömörített Nézet",
+  "Search": "Keresés",
+  "Blog Type": "Blog Típusa",
+  "Blog Address": "Blog Címe",
+  "Save": "Mentés",
+  "Auth": "Hitelesítés",
+  "Authentication Method": "Hitelesítési Módszer",
+  "JWT": "JWT",
+  "USER": "USER",
+  "Token": "Token",
+  "Storage": "Tároló",
+  "Hotkeys": "Gyorsbillentyűk",
+  "Show/Hide Boostnote": "Boostnote Megjelenítése/Elrejtése",
+  "Toggle Editor Mode": "Szerkesztő mód váltása",
+  "Restore": "Visszaállítás",
+  "Permanent Delete": "Végleges Törlés",
+  "Confirm note deletion": "Törlés megerősítése",
+  "This will permanently remove this note.": "A jegyzet véglegesen törölve lesz.",
+  "Successfully applied!": "Sikeresen alkalmazva.",
+  "Albanian": "Albanian",
+  "Chinese (zh-CN)": "Chinese (zh-CN)",
+  "Chinese (zh-TW)": "Chinese (zh-TW)",
+  "Czech": "Czech",
+  "Danish": "Danish",
+  "Japanese": "Japanese",
+  "Korean": "Korean",
+  "Norwegian": "Norwegian",
+  "Polish": "Polish",
+  "Portuguese": "Portuguese",
+  "Spanish": "Spanish",
+  "Unsaved Changes!": "Mentened kell!",
+  "UserName": "FelhasznaloNev",
+  "Password": "Jelszo",
+  "Russian": "Russian",
+  "Hungarian": "Hungarian",
+  "Thai": "Thai (ภาษาไทย)",
+  "Command(⌘)": "Command(⌘)",
+  "Add Storage": "Tároló hozzáadása",
+  "Name": "Név",
+  "Type": "Típus",
+  "File System": "Fájlrendszer",
+  "Setting up 3rd-party cloud storage integration:": "Harmadik féltől származó felhőtárolási integráció beállítása:",
+  "Cloud-Syncing-and-Backup": "Cloud-Syncing-and-Backup",
+  "Location": "Hely",
+  "Add": "Hozzáadás",
+  "Select Folder": "Könyvtár Kiválasztása",
+  "Unlink Storage": "Tároló Leválasztása",
+  "Unlinking removes this linked storage from Boostnote. No data is removed, please manually delete the folder from your hard drive if needed.": "A leválasztás eltávolítja ezt a tárolót a Boostnote-ból. Az adatok nem lesznek törölve, kérlek manuálisan töröld a könyvtárat a merevlemezről, ha szükséges.",
+  "Editor Rulers": "Szerkesztő Margók",
+  "Enable": "Engedélyezés",
+  "Disable": "Tiltás",
+  "Sanitization": "Tisztítás",
+  "Only allow secure html tags (recommended)": "Csak a biztonságos html tag-ek engedélyezése (ajánlott)",
+  "Render newlines in Markdown paragraphs as <br>": "Az újsor karaktert <br> soremelésként jelenítse meg a Markdown jegyzetekben",
+  "Allow styles": "Stílusok engedélyezése",
+  "Allow dangerous html tags": "Veszélyes html tag-ek engedélyezése",
+  "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.",
+  "⚠ 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! ⚠": "⚠ 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! ⚠",
+  "Spellcheck disabled": "Spellcheck disabled",
+  "Show menu bar": "Show menu bar",
+  "Auto Detect": "Auto Detect",
+  "Filter tags/folders...": "filter tags/folders...",
+  "Enable HTML label in mermaid flowcharts": "Enable HTML label in mermaid flowcharts ⚠ This option potentially has a risk of XSS.",
+  "Wrap line in Snippet Note": "Wrap line in Snippet Note"
 }

locales/it.json

@@ -1,165 +1,168 @@
 {
-	"Notes": "Note",
-	"Tags": "Tags",
-	"Preferences": "Preferenze",
-	"Make a note": "Crea una nota",
-	"Ctrl": "Ctrl",
-	"Ctrl(^)": "Ctrl",
-	"to create a new note": "per creare una nuova nota",
-	"Toggle Mode": "Cambia Modalità",
-	"Trash": "Cestino",
-	"MODIFICATION DATE": "DATA DI MODIFICA",
-	"Words": "Parole",
-	"Letters": "Lettere",
-	"STORAGE": "POSIZIONE",
-	"FOLDER": "CARTELLA",
-	"CREATION DATE": "DATA DI CREAZIONE",
-	"NOTE LINK": "LINK NOTA",
-	".md": ".md",
-	".txt": ".txt",
-	".html": ".html",
-	".pdf": ".pdf",
-	"Print": "Stampa",
-	"Your preferences for Boostnote": "Le tue preferenze per Boostnote",
-	"Storage Locations": "Posizioni",
-	"Add Storage Location": "Aggiungi posizione",
-	"Add Folder": "Aggiungi cartella",
-	"Open Storage folder": "Apri cartella di memoria",
-	"Unlink": "Scollega",
-	"Edit": "Modifica",
-	"Delete": "Elimina",
-	"Interface": "Interfaccia",
-	"Interface Theme": "Tema interfaccia",
-	"Default": "Default",
-	"White": "White",
-	"Solarized Dark": "Solarized Dark",
-	"Dark": "Dark",
-	"Show a confirmation dialog when deleting notes": "Mostra finestra di conferma quando elimini delle note",
-	"Editor Theme": "Tema dell'Editor",
-	"Editor Font Size": "Dimensione font dell'editor",
-	"Editor Font Family": "Famiglia del font dell'editor",
-	"Editor Indent Style": "Stile di indentazione dell'editor",
-	"Spaces": "Spazi",
-	"Tabs": "Tabs",
-	"Switch to Preview": "Passa all'anteprima",
-	"When Editor Blurred": "Quando l'editor è sfocato",
-	"When Editor Blurred, Edit On Double Click": "Quando l'Editor è sfocato, Modifica facendo doppio click",
-	"On Right Click": "Cliccando con il tasto destro",
-	"Editor Keymap": "keymapping dell'editor",
-	"default": "default",
-	"vim": "vim",
-	"emacs": "emacs",
-	"⚠️ Please restart boostnote after you change the keymap": "⚠️ Riavvia Boostnote dopo aver cambiato il keymapping",
-	"Show line numbers in the editor": "Mostra numero di linea nell'editor",
-	"Allow editor to scroll past the last line": "Consenti scrolling oltre l'ultima linea nell'editor",
-	"Bring in web page title when pasting URL on editor": "Mostra il titolo della pagina web quando incolli un URL nell'editor",
-	"Preview": "Anteprima",
-	"Preview Font Size": "Dimensione font nell'anteprima",
-	"Preview Font Family": "Famiglia del font dell'anteprima",
-	"Code Block Theme": "Tema blocco di codice",
-	"Allow preview to scroll past the last line": "Consenti scrolling oltre l'ultima linea",
-	"Show line numbers for preview code blocks": "Mostra numero di linea per i blocchi di codice nell'Anteprima",
-	"LaTeX Inline Open Delimiter": "Delimitatore inline per apertura LaTex",
-	"LaTeX Inline Close Delimiter": "Delimitatore inline per chiusura LaTex",
-	"LaTeX Block Open Delimiter": "Delimitatore apertura LaTex",
-	"LaTeX Block Close Delimiter": "Delimitatore chiusura LaTex",
-	"PlantUML Server": "PlantUML Server",
-	"Community": "Community",
-	"Subscribe to Newsletter": "Iscriviti alla Newsletter",
-	"GitHub": "GitHub",
-	"Blog": "Blog",
-	"Facebook Group": "Gruppo Facebook",
-	"Twitter": "Twitter",
-	"About": "About",
-	"Boostnote": "Boostnote",
-	"An open source note-taking app made for programmers just like you.": "Un'app open-source per prendere appunti, fatta per sviluppatori come te.",
-	"Website": "Sito Web",
-	"Development": "Sviluppo",
-	" : Development configurations for Boostnote.": " : Configurazioni di sviluppo per Boostnote.",
-	"Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
-	"License: GPL v3": "Licenza: GPL v3",
-	"Analytics": "Statistiche",
-	"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.": "Boostnote raccoglie dati anonimi al solo scopo di migliorare l'applicazione, e non raccoglie nessuna informazione personale rigurado il contenuto delle note.",
-	"You can see how it works on ": "Ypuoi vedere come su ",
-	"You can choose to enable or disable this option.": "Puoi scegliere se attivare o disattivare questa opzione.",
-	"Enable analytics to help improve Boostnote": "Attiva raccolta dati per aiutare a migliorare Boostnote",
-	"Crowdfunding": "Crowdfunding",
-	"Dear Boostnote users,": "Cari utenti,",
-	"Thank you for using Boostnote!": "Grazie per stare utilizzando Boostnote!",
-	"Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote è usato in circa 200 Paesi da una fantastica community di sviluppatori.",
-	"To support our growing userbase, and satisfy community expectations,": "Per continuare a supportarne la crescita, e per soddisfare le aspettative della comunità,",
-	"we would like to invest more time and resources in this project.": "ci piacerebbe investire più tempo e risorse in questo progetto.",
-	"If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "Se ti piace questo progetto e ci vedi del potenziale, puoi aiutarci dandodci supporto su OpenCollective!",
-	"Thanks,": "Grazie,",
-	"The Boostnote Team": "I mantainers di Boostnote",
-	"Support via OpenCollective": "Supporta su OpenCollective",
-	"Language": "Lingua",
-	"English": "Inglese",
-	"German": "Tedesco",
-	"French": "Francese",
-	"Show \"Saved to Clipboard\" notification when copying": "Mostra la notifica \"Salvato negli Appunti\" quando copi:",
-	"All Notes": "Tutte le note",
-	"Starred": "Contribuite",
-	"Are you sure to ": "Sei sicuro di ",
-	" delete": " eliminare",
-	"this folder?": "questa cartella?",
-	"Confirm": "Conferma",
-	"Cancel": "Cancella",
-	"Markdown Note": "Nota in Markdown",
-	"This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "Questo formato è per creare documenti di testo. Sono disponibili checklist, blocchi di codice and blocchi in Latex",
-	"Snippet Note": "Nota Snippet",
-	"This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "Questo formato è per creare snippets. Più snippet possono essere raccolti in un'unica nota.",
-	"Tab to switch format": "Premi Tab per cambiare formato",
-	"Updated": "Aggiornato",
-	"Created": "Creato",
-	"Alphabetically": "Ordine alfabetico",
-	"Counter": "Contatore",
-	"Default View": "Visione di default",
-	"Compressed View": "Visione compressa",
-	"Search": "Cerca",
-	"Blog Type": "Tipo di blog",
-	"Blog Address": "Indirizzo del blog",
-	"Save": "Salva",
-	"Auth": "Autorizzazione",
-	"Authentication Method": "Metodo di autenticazione",
-	"JWT": "JWT",
-	"USER": "USER",
-	"Token": "Token",
-	"Storage": "Storage",
-	"Hotkeys": "Hotkeys",
-	"Show/Hide Boostnote": "Mostra/Nascondi Boostnote",
-	"Restore": "Ripristina",
-	"Permanent Delete": "Elimina permanentemente",
-	"Confirm note deletion": "Conferma eliiminazione della nota",
-	"This will permanently remove this note.": "Questo eliminerà permanentemente questa nota.",
-	"Successfully applied!": "Applicato con successo!",
-	"Albanian": "Albanese",
-	"Chinese (zh-CN)": "Cinese (zh-CN)",
-	"Chinese (zh-TW)": "Cinese (zh-TW)",
-	"Danish": "Danese",
-	"Japanese": "Giapponese",
-	"Korean": "Koreano",
-	"Norwegian": "Novergese",
-	"Polish": "Polacco",
-	"Portuguese": "Portoghese",
-	"Spanish": "Spagnolo",
-	"Unsaved Changes!": "Devi salvare!",
-	"UserName": "UserName",
-	"Password": "Password",
-	"Russian": "Russo",
-	"Thai": "Thai (ภาษาไทย)",
-	"Command(⌘)": "Comando(⌘)",
-	"Editor Rulers": "Regole dell'editor",
-	"Enable": "Abilita",
-	"Disable": "Disabilia",
-	"Sanitization": "Bonifica",
-	"Only allow secure html tags (recommended)": "Consenti solo tag HTML sicuri (raccomandato)",
-	"Allow styles": "Consenti stili",
-	"Allow dangerous html tags": "Consenti tag HTML pericolosi",
-	"Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.",
-	"⚠ 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! ⚠": "⚠ 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! ⚠",
-	"Spellcheck disabled": "Spellcheck disabled",
-	"Show menu bar": "Show menu bar",
-	"Auto Detect": "Auto Detect",
-	"Filter tags/folders...": "filter tags/folders..."
+  "Notes": "Note",
+  "Tags": "Tags",
+  "Preferences": "Preferenze",
+  "Make a note": "Crea una nota",
+  "Ctrl": "Ctrl",
+  "Ctrl(^)": "Ctrl",
+  "to create a new note": "per creare una nuova nota",
+  "Toggle Mode": "Cambia Modalità",
+  "Trash": "Cestino",
+  "MODIFICATION DATE": "DATA DI MODIFICA",
+  "Words": "Parole",
+  "Letters": "Lettere",
+  "STORAGE": "POSIZIONE",
+  "FOLDER": "CARTELLA",
+  "CREATION DATE": "DATA DI CREAZIONE",
+  "NOTE LINK": "LINK NOTA",
+  ".md": ".md",
+  ".txt": ".txt",
+  ".html": ".html",
+  ".pdf": ".pdf",
+  "Print": "Stampa",
+  "Your preferences for Boostnote": "Le tue preferenze per Boostnote",
+  "Storage Locations": "Posizioni",
+  "Add Storage Location": "Aggiungi posizione",
+  "Add Folder": "Aggiungi cartella",
+  "Open Storage folder": "Apri cartella di memoria",
+  "Unlink": "Scollega",
+  "Edit": "Modifica",
+  "Delete": "Elimina",
+  "Interface": "Interfaccia",
+  "Interface Theme": "Tema interfaccia",
+  "Default": "Default",
+  "White": "White",
+  "Solarized Dark": "Solarized Dark",
+  "Dark": "Dark",
+  "Show a confirmation dialog when deleting notes": "Mostra finestra di conferma quando elimini delle note",
+  "Editor Theme": "Tema dell'Editor",
+  "Editor Font Size": "Dimensione font dell'editor",
+  "Editor Font Family": "Famiglia del font dell'editor",
+  "Editor Indent Style": "Stile di indentazione dell'editor",
+  "Spaces": "Spazi",
+  "Tabs": "Tabs",
+  "Switch to Preview": "Passa all'anteprima",
+  "When Editor Blurred": "Quando l'editor è sfocato",
+  "When Editor Blurred, Edit On Double Click": "Quando l'Editor è sfocato, Modifica facendo doppio click",
+  "On Right Click": "Cliccando con il tasto destro",
+  "Editor Keymap": "keymapping dell'editor",
+  "default": "default",
+  "vim": "vim",
+  "emacs": "emacs",
+  "⚠️ Please restart boostnote after you change the keymap": "⚠️ Riavvia Boostnote dopo aver cambiato il keymapping",
+  "Show line numbers in the editor": "Mostra numero di linea nell'editor",
+  "Allow editor to scroll past the last line": "Consenti scrolling oltre l'ultima linea nell'editor",
+  "Bring in web page title when pasting URL on editor": "Mostra il titolo della pagina web quando incolli un URL nell'editor",
+  "Preview": "Anteprima",
+  "Preview Font Size": "Dimensione font nell'anteprima",
+  "Preview Font Family": "Famiglia del font dell'anteprima",
+  "Code Block Theme": "Tema blocco di codice",
+  "Allow preview to scroll past the last line": "Consenti scrolling oltre l'ultima linea",
+  "Show line numbers for preview code blocks": "Mostra numero di linea per i blocchi di codice nell'Anteprima",
+  "LaTeX Inline Open Delimiter": "Delimitatore inline per apertura LaTex",
+  "LaTeX Inline Close Delimiter": "Delimitatore inline per chiusura LaTex",
+  "LaTeX Block Open Delimiter": "Delimitatore apertura LaTex",
+  "LaTeX Block Close Delimiter": "Delimitatore chiusura LaTex",
+  "PlantUML Server": "PlantUML Server",
+  "Community": "Community",
+  "Subscribe to Newsletter": "Iscriviti alla Newsletter",
+  "GitHub": "GitHub",
+  "Blog": "Blog",
+  "Facebook Group": "Gruppo Facebook",
+  "Twitter": "Twitter",
+  "About": "About",
+  "Boostnote": "Boostnote",
+  "An open source note-taking app made for programmers just like you.": "Un'app open-source per prendere appunti, fatta per sviluppatori come te.",
+  "Website": "Sito Web",
+  "Development": "Sviluppo",
+  " : Development configurations for Boostnote.": " : Configurazioni di sviluppo per Boostnote.",
+  "Copyright (C) 2017 - 2019 BoostIO": "Copyright (C) 2017 - 2019 BoostIO",
+  "License: GPL v3": "Licenza: GPL v3",
+  "Analytics": "Statistiche",
+  "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.": "Boostnote raccoglie dati anonimi al solo scopo di migliorare l'applicazione, e non raccoglie nessuna informazione personale rigurado il contenuto delle note.",
+  "You can see how it works on ": "Ypuoi vedere come su ",
+  "You can choose to enable or disable this option.": "Puoi scegliere se attivare o disattivare questa opzione.",
+  "Enable analytics to help improve Boostnote": "Attiva raccolta dati per aiutare a migliorare Boostnote",
+  "Crowdfunding": "Crowdfunding",
+  "Dear Boostnote users,": "Cari utenti,",
+  "Thank you for using Boostnote!": "Grazie per stare utilizzando Boostnote!",
+  "Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote è usato in circa 200 Paesi da una fantastica community di sviluppatori.",
+  "To support our growing userbase, and satisfy community expectations,": "Per continuare a supportarne la crescita, e per soddisfare le aspettative della comunità,",
+  "we would like to invest more time and resources in this project.": "ci piacerebbe investire più tempo e risorse in questo progetto.",
+  "If you use Boostnote and see its potential, help us out by supporting the project on OpenCollective!": "Se ti piace questo progetto e ci vedi del potenziale, puoi aiutarci dandodci supporto su OpenCollective!",
+  "Thanks,": "Grazie,",
+  "The Boostnote Team": "I mantainers di Boostnote",
+  "Support via OpenCollective": "Supporta su OpenCollective",
+  "Language": "Lingua",
+  "English": "Inglese",
+  "German": "Tedesco",
+  "French": "Francese",
+  "Show \"Saved to Clipboard\" notification when copying": "Mostra la notifica \"Salvato negli Appunti\" quando copi:",
+  "All Notes": "Tutte le note",
+  "Starred": "Contribuite",
+  "Are you sure to ": "Sei sicuro di ",
+  " delete": " eliminare",
+  "this folder?": "questa cartella?",
+  "Confirm": "Conferma",
+  "Cancel": "Cancella",
+  "Markdown Note": "Nota in Markdown",
+  "This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "Questo formato è per creare documenti di testo. Sono disponibili checklist, blocchi di codice and blocchi in Latex",
+  "Snippet Note": "Nota Snippet",
+  "This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "Questo formato è per creare snippets. Più snippet possono essere raccolti in un'unica nota.",
+  "Tab to switch format": "Premi Tab per cambiare formato",
+  "Updated": "Aggiornato",
+  "Created": "Creato",
+  "Alphabetically": "Ordine alfabetico",
+  "Counter": "Contatore",
+  "Default View": "Visione di default",
+  "Compressed View": "Visione compressa",
+  "Search": "Cerca",
+  "Blog Type": "Tipo di blog",
+  "Blog Address": "Indirizzo del blog",
+  "Save": "Salva",
+  "Auth": "Autorizzazione",
+  "Authentication Method": "Metodo di autenticazione",
+  "JWT": "JWT",
+  "USER": "USER",
+  "Token": "Token",
+  "Storage": "Storage",
+  "Hotkeys": "Hotkeys",
+  "Show/Hide Boostnote": "Mostra/Nascondi Boostnote",
+  "Restore": "Ripristina",
+  "Permanent Delete": "Elimina permanentemente",
+  "Confirm note deletion": "Conferma eliiminazione della nota",
+  "This will permanently remove this note.": "Questo eliminerà permanentemente questa nota.",
+  "Successfully applied!": "Applicato con successo!",
+  "Albanian": "Albanese",
+  "Chinese (zh-CN)": "Cinese (zh-CN)",
+  "Chinese (zh-TW)": "Cinese (zh-TW)",
+  "Czech": "Ceco",
+  "Danish": "Danese",
+  "Japanese": "Giapponese",
+  "Korean": "Koreano",
+  "Norwegian": "Novergese",
+  "Polish": "Polacco",
+  "Portuguese": "Portoghese",
+  "Spanish": "Spagnolo",
+  "Unsaved Changes!": "Devi salvare!",
+  "UserName": "UserName",
+  "Password": "Password",
+  "Russian": "Russo",
+  "Thai": "Thai (ภาษาไทย)",
+  "Command(⌘)": "Comando(⌘)",
+  "Editor Rulers": "Regole dell'editor",
+  "Enable": "Abilita",
+  "Disable": "Disabilia",
+  "Sanitization": "Bonifica",
+  "Only allow secure html tags (recommended)": "Consenti solo tag HTML sicuri (raccomandato)",
+  "Allow styles": "Consenti stili",
+  "Allow dangerous html tags": "Consenti tag HTML pericolosi",
+  "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.": "Convert textual arrows to beautiful signs. ⚠ This will interfere with using HTML comments in your Markdown.",
+  "⚠ 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! ⚠": "⚠ 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! ⚠",
+  "Spellcheck disabled": "Spellcheck disabled",
+  "Show menu bar": "Show menu bar",
+  "Auto Detect": "Auto Detect",
+  "Filter tags/folders...": "filter tags/folders...",
+  "Enable HTML label in mermaid flowcharts": "Enable HTML label in mermaid flowcharts ⚠ This option potentially has a risk of XSS.",
+  "Wrap line in Snippet Note": "Wrap line in Snippet Note"
 }