v0.11.4

Fix tag filtering in search entry

.babelrc

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

.boostnoterc.sample

@@ -23,6 +23,7 @@
         "lineNumber": true
     },
     "sortBy": "UPDATED_AT",
+    "sortTagsBy": "ALPHABETICAL",
     "ui": {
         "defaultNote": "ALWAYS_ASK",
         "disableDirectWrite": false,

.eslintignore

@@ -1,3 +1,4 @@
 node_modules/
 compiled/
 dist/
+extra_scripts/

.eslintrc

@@ -3,7 +3,9 @@
   "plugins": ["react"],
   "rules": {
     "no-useless-escape": 0,
-    "prefer-const": "warn",
+    "prefer-const": ["warn", {
+      "destructuring": "all"
+    }],
     "no-unused-vars": "warn",
     "no-undef": "warn",
     "no-lone-blocks": "warn",

__mocks__/electron.js

@@ -0,0 +1,7 @@
+module.exports = {
+  require: jest.genMockFunction(),
+  match: jest.genMockFunction(),
+  app: jest.genMockFunction(),
+  remote: jest.genMockFunction(),
+  dialog: jest.genMockFunction()
+}

browser/components/CodeEditor.js

@@ -14,6 +14,8 @@ const { ipcRenderer } = require('electron')
 CodeMirror.modeURL = '../node_modules/codemirror/mode/%N/%N.js'
 
 const defaultEditorFontFamily = ['Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', 'monospace']
+const buildCMRulers = (rulers, enableRulers) =>
+  enableRulers ? rulers.map(ruler => ({ column: ruler })) : []
 
 function pass (name) {
   switch (name) {
@@ -91,9 +93,11 @@ export default class CodeEditor extends React.Component {
   }
 
   componentDidMount () {
+    const { rulers, enableRulers } = this.props
     this.value = this.props.value
 
     this.editor = CodeMirror(this.refs.root, {
+      rulers: buildCMRulers(rulers, enableRulers),
       value: this.props.value,
       lineNumbers: this.props.displayLineNumbers,
       lineWrapping: true,
@@ -105,6 +109,8 @@ export default class CodeEditor extends React.Component {
       scrollPastEnd: this.props.scrollPastEnd,
       inputStyle: 'textarea',
       dragDrop: false,
+      foldGutter: true,
+      gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter'],
       autoCloseBrackets: true,
       extraKeys: {
         Tab: function (cm) {
@@ -181,6 +187,7 @@ export default class CodeEditor extends React.Component {
 
   componentDidUpdate (prevProps, prevState) {
     let needRefresh = false
+    const { rulers, enableRulers } = this.props
     if (prevProps.mode !== this.props.mode) {
       this.setMode(this.props.mode)
     }
@@ -198,6 +205,10 @@ export default class CodeEditor extends React.Component {
       needRefresh = true
     }
 
+    if (prevProps.enableRulers !== enableRulers || prevProps.rulers !== rulers) {
+      this.editor.setOption('rulers', buildCMRulers(rulers, enableRulers))
+    }
+
     if (prevProps.indentSize !== this.props.indentSize) {
       this.editor.setOption('indentUnit', this.props.indentSize)
       this.editor.setOption('tabSize', this.props.indentSize)
@@ -266,11 +277,16 @@ export default class CodeEditor extends React.Component {
 
   handleDropImage (e) {
     e.preventDefault()
-    const imagePath = e.dataTransfer.files[0].path
-    const filename = path.basename(imagePath)
+    const ValidImageTypes = ['image/gif', 'image/jpeg', 'image/png']
 
-    copyImage(imagePath, this.props.storageKey).then((imagePath) => {
-      const imageMd = `![${filename}](${path.join('/:storage', imagePath)})`
+    const file = e.dataTransfer.files[0]
+    const filePath = file.path
+    const filename = path.basename(filePath)
+    const fileType = file['type']
+
+    copyImage(filePath, this.props.storageKey).then((imagePath) => {
+      var showPreview = ValidImageTypes.indexOf(fileType) > 0
+      const imageMd = `${showPreview ? '!' : ''}[${filename}](${path.join('/:storage', imagePath)})`
       this.insertImageMd(imageMd)
     })
   }
@@ -287,6 +303,19 @@ export default class CodeEditor extends React.Component {
       const matcher = /^(?:\w+:)?\/\/([^\s\.]+\.\S{2}|localhost[\:?\d]*)\S*$/
       return matcher.test(str)
     }
+    const isInLinkTag = (editor) => {
+      const startCursor = editor.getCursor('start')
+      const prevChar = editor.getRange(
+        { line: startCursor.line, ch: startCursor.ch - 2 },
+        { line: startCursor.line, ch: startCursor.ch }
+      )
+      const endCursor = editor.getCursor('end')
+      const nextChar = editor.getRange(
+        { line: endCursor.line, ch: endCursor.ch },
+        { line: endCursor.line, ch: endCursor.ch + 1 }
+      )
+      return prevChar === '](' && nextChar === ')'
+    }
     if (dataTransferItem.type.match('image')) {
       const blob = dataTransferItem.getAsFile()
       const reader = new FileReader()
@@ -306,7 +335,7 @@ export default class CodeEditor extends React.Component {
         const imageMd = `![${imageName}](${path.join('/:storage', `${imageName}.png`)})`
         this.insertImageMd(imageMd)
       }
-    } else if (this.props.fetchUrlTitle && isURL(pastedTxt)) {
+    } else if (this.props.fetchUrlTitle && isURL(pastedTxt) && !isInLinkTag(editor)) {
       this.handlePasteUrl(e, editor, pastedTxt)
     }
   }
@@ -394,6 +423,8 @@ export default class CodeEditor extends React.Component {
 
 CodeEditor.propTypes = {
   value: PropTypes.string,
+  enableRulers: PropTypes.bool,
+  rulers: PropTypes.arrayOf(Number),
   mode: PropTypes.string,
   className: PropTypes.string,
   onBlur: PropTypes.func,

browser/components/MarkdownEditor.js

@@ -258,6 +258,8 @@ class MarkdownEditor extends React.Component {
           fontSize={editorFontSize}
           indentType={config.editor.indentType}
           indentSize={editorIndentSize}
+          enableRulers={config.editor.enableRulers}
+          rulers={config.editor.rulers}
           displayLineNumbers={config.editor.displayLineNumbers}
           scrollPastEnd={config.editor.scrollPastEnd}
           storageKey={storageKey}
@@ -280,6 +282,7 @@ class MarkdownEditor extends React.Component {
           indentSize={editorIndentSize}
           scrollPastEnd={config.preview.scrollPastEnd}
           smartQuotes={config.preview.smartQuotes}
+          sanitize={config.preview.sanitize}
           ref='preview'
           onContextMenu={(e) => this.handleContextMenu(e)}
           onDoubleClick={(e) => this.handleDoubleClick(e)}

browser/components/MarkdownPreview.js

@@ -13,6 +13,7 @@ import htmlTextHelper from 'browser/lib/htmlTextHelper'
 import copy from 'copy-to-clipboard'
 import mdurl from 'mdurl'
 import exportNote from 'browser/main/lib/dataApi/exportNote'
+import {escapeHtmlCharacters} from 'browser/lib/utils'
 
 const { remote } = require('electron')
 const { app } = remote
@@ -135,8 +136,11 @@ export default class MarkdownPreview extends React.Component {
   }
 
   initMarkdown () {
-    const { smartQuotes } = this.props
-    this.markdown = new Markdown({ typographer: smartQuotes })
+    const { smartQuotes, sanitize } = this.props
+    this.markdown = new Markdown({
+      typographer: smartQuotes,
+      sanitize
+    })
   }
 
   handlePreviewAnchorClick (e) {
@@ -205,7 +209,7 @@ export default class MarkdownPreview extends React.Component {
       const {fontFamily, fontSize, codeBlockFontFamily, lineNumber, codeBlockTheme} = this.getStyleParams()
 
       const inlineStyles = buildStyle(fontFamily, fontSize, codeBlockFontFamily, lineNumber, codeBlockTheme, lineNumber)
-      const body = this.markdown.render(noteContent)
+      const body = this.markdown.render(escapeHtmlCharacters(noteContent))
       const files = [this.GetCodeThemeLink(codeBlockTheme), ...CSS_FILES]
 
       files.forEach((file) => {
@@ -318,7 +322,7 @@ export default class MarkdownPreview extends React.Component {
 
   componentDidUpdate (prevProps) {
     if (prevProps.value !== this.props.value) this.rewriteIframe()
-    if (prevProps.smartQuotes !== this.props.smartQuotes) {
+    if (prevProps.smartQuotes !== this.props.smartQuotes || prevProps.sanitize !== this.props.sanitize) {
       this.initMarkdown()
       this.rewriteIframe()
     }
@@ -391,6 +395,9 @@ export default class MarkdownPreview extends React.Component {
 
     _.forEach(this.refs.root.contentWindow.document.querySelectorAll('a'), (el) => {
       this.fixDecodedURI(el)
+      el.href = this.markdown.normalizeLinkText(el.href)
+      if (!/\/:storage/.test(el.href)) return
+      el.href = `file:///${this.markdown.normalizeLinkText(path.join(storagePath, 'images', path.basename(el.href)))}`
       el.addEventListener('click', this.anchorClickHandler)
     })
 

browser/components/MarkdownSplitEditor.js

@@ -110,6 +110,8 @@ class MarkdownSplitEditor extends React.Component {
           displayLineNumbers={config.editor.displayLineNumbers}
           indentType={config.editor.indentType}
           indentSize={editorIndentSize}
+          enableRulers={config.editor.enableRulers}
+          rulers={config.editor.rulers}
           scrollPastEnd={config.editor.scrollPastEnd}
           fetchUrlTitle={config.editor.fetchUrlTitle}
           storageKey={storageKey}
@@ -128,6 +130,7 @@ class MarkdownSplitEditor extends React.Component {
           lineNumber={config.preview.lineNumber}
           scrollPastEnd={config.preview.scrollPastEnd}
           smartQuotes={config.preview.smartQuotes}
+          sanitize={config.preview.sanitize}
           ref='preview'
           tabInde='0'
           value={value}

browser/components/NoteItem.js

@@ -8,6 +8,7 @@ import CSSModules from 'browser/lib/CSSModules'
 import { getTodoStatus } from 'browser/lib/getTodoStatus'
 import styles from './NoteItem.styl'
 import TodoProcess from './TodoProcess'
+import i18n from 'browser/lib/i18n'
 
 /**
  * @description Tag element component.
@@ -76,7 +77,7 @@ const NoteItem = ({
       <div styleName='item-title'>
         {note.title.trim().length > 0
           ? note.title
-          : <span styleName='item-title-empty'>Empty</span>
+          : <span styleName='item-title-empty'>{i18n.__('Empty note')}</span>
         }
       </div>
       {['ALL', 'STORAGE'].includes(viewType) && <div styleName='item-middle'>
@@ -93,14 +94,14 @@ const NoteItem = ({
         <div styleName='item-bottom-tagList'>
           {note.tags.length > 0
             ? TagElementList(note.tags)
-            : <span style={{ fontStyle: 'italic', opacity: 0.5 }} styleName='item-bottom-tagList-empty'>No tags</span>
+            : <span style={{ fontStyle: 'italic', opacity: 0.5 }} styleName='item-bottom-tagList-empty'>{i18n.__('No tags')}</span>
           }
         </div>
         <div>
           {note.isStarred
             ? <img styleName='item-star' src='../resources/icon/icon-starred.svg' /> : ''
           }
-          {note.isPinned && !pathname.match(/\/home|\/starred|\/trash/)
+          {note.isPinned && !pathname.match(/\/starred|\/trash/)
             ? <i styleName='item-pin' className='fa fa-thumb-tack' /> : ''
           }
           {note.type === 'MARKDOWN_NOTE'

browser/components/NoteItem.styl

@@ -144,18 +144,18 @@ $control-height = 30px
   padding-bottom 2px
 
 .item-star
-  position relative
-  width 16px
-  height 16px
+  position absolute
+  right 2px
+  top 5px
   color alpha($ui-favorite-star-button-color, 60%)
   font-size 12px
   padding 0
   border-radius 17px
 
 .item-pin
-  position relative
-  width 34px
-  height 34px
+  position absolute
+  right 25px
+  top 7px
   color #E54D42
   font-size 14px
   padding 0

browser/components/NoteItemSimple.js

@@ -5,6 +5,7 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './NoteItemSimple.styl'
+import i18n from 'browser/lib/i18n'
 
 /**
  * @description Note item component when using simple display mode.
@@ -45,7 +46,7 @@ const NoteItemSimple = ({
       }
       {note.title.trim().length > 0
         ? note.title
-        : <span styleName='item-simple-title-empty'>Empty</span>
+        : <span styleName='item-simple-title-empty'>{i18n.__('Empty note')}</span>
       }
       {isAllNotesView && <div styleName='item-simple-right'>
         <span styleName='item-simple-right-storageName'>

browser/components/SideNavFilter.js

@@ -5,6 +5,7 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './SideNavFilter.styl'
+import i18n from 'browser/lib/i18n'
 
 /**
  * @param {boolean} isFolded
@@ -31,7 +32,7 @@ const SideNavFilter = ({
         }
         />
       </div>
-      <span styleName='menu-button-label'>All Notes</span>
+      <span styleName='menu-button-label'>{i18n.__('All Notes')}</span>
       <span styleName='counters'>{counterTotalNote}</span>
     </button>
 
@@ -45,7 +46,7 @@ const SideNavFilter = ({
         }
         />
       </div>
-      <span styleName='menu-button-label'>Starred</span>
+      <span styleName='menu-button-label'>{i18n.__('Starred')}</span>
       <span styleName='counters'>{counterStarredNote}</span>
     </button>
 
@@ -59,7 +60,7 @@ const SideNavFilter = ({
         }
         />
       </div>
-      <span onContextMenu={handleFilterButtonContextMenu} styleName='menu-button-label'>Trash</span>
+      <span onContextMenu={handleFilterButtonContextMenu} styleName='menu-button-label'>{i18n.__('Trash')}</span>
       <span styleName='counters'>{counterDelNote}</span>
     </button>
 

browser/components/SnippetTab.js

@@ -2,6 +2,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './SnippetTab.styl'
 import context from 'browser/lib/context'
+import i18n from 'browser/lib/i18n'
 
 class SnippetTab extends React.Component {
   constructor (props) {
@@ -28,7 +29,7 @@ class SnippetTab extends React.Component {
   handleContextMenu (e) {
     context.popup([
       {
-        label: 'Rename',
+        label: i18n.__('Rename'),
         click: (e) => this.handleRenameClick(e)
       }
     ])
@@ -114,7 +115,7 @@ class SnippetTab extends React.Component {
             {snippet.name.trim().length > 0
               ? snippet.name
               : <span styleName='button-unnamed'>
-                Unnamed
+                {i18n.__('Unnamed')}
               </span>
             }
           </button>

browser/components/SnippetTab.styl

@@ -1,6 +1,7 @@
 .root
   position relative
   flex 1
+  min-width 70px
   overflow hidden
   &:hover
     .deleteButton
@@ -21,7 +22,7 @@
   height 29px
   overflow ellipsis
   text-align left
-  padding-right 30px
+  padding-right 23px
   border none
   background-color transparent
   transition 0.15s

browser/components/StorageItem.js

@@ -8,6 +8,17 @@ import CSSModules from 'browser/lib/CSSModules'
 import _ from 'lodash'
 import { SortableHandle } from 'react-sortable-hoc'
 
+const DraggableIcon = SortableHandle(({ className }) => (
+  <i className={`fa ${className}`} />
+))
+
+const FolderIcon = ({ className, color, isActive }) => {
+  const iconStyle = isActive ? 'fa-folder-open-o' : 'fa-folder-o'
+  return (
+    <i className={`fa ${iconStyle} ${className}`} style={{ color: color }} />
+  )
+}
+
 /**
  * @param {boolean} isActive
  * @param {Function} handleButtonClick
@@ -22,34 +33,51 @@ import { SortableHandle } from 'react-sortable-hoc'
  * @return {React.Component}
  */
 const StorageItem = ({
-  isActive, handleButtonClick, handleContextMenu, folderName,
-  folderColor, isFolded, noteCount, handleDrop, handleDragEnter, handleDragLeave
+  styles,
+  isActive,
+  handleButtonClick,
+  handleContextMenu,
+  folderName,
+  folderColor,
+  isFolded,
+  noteCount,
+  handleDrop,
+  handleDragEnter,
+  handleDragLeave
 }) => {
-  const FolderDragger = SortableHandle(({ className }) => <i className={className} />)
   return (
-    <button styleName={isActive
-      ? 'folderList-item--active'
-      : 'folderList-item'
-    }
+    <button
+      styleName={isActive ? 'folderList-item--active' : 'folderList-item'}
       onClick={handleButtonClick}
       onContextMenu={handleContextMenu}
       onDrop={handleDrop}
       onDragEnter={handleDragEnter}
       onDragLeave={handleDragLeave}
     >
-      <span styleName={isFolded
-        ? 'folderList-item-name--folded' : 'folderList-item-name'
-      }>
-        <text style={{color: folderColor, paddingRight: '10px'}}>{isActive ? <FolderDragger className='fa fa-folder-open-o' /> : <FolderDragger className='fa fa-folder-o' />}</text>{isFolded ? _.truncate(folderName, {length: 1, omission: ''}) : folderName}
+      {!isFolded && (
+        <DraggableIcon className={styles['folderList-item-reorder']} />
+      )}
+      <span
+        styleName={
+          isFolded ? 'folderList-item-name--folded' : 'folderList-item-name'
+        }
+      >
+        <FolderIcon
+          styleName='folderList-item-icon'
+          color={folderColor}
+          isActive={isActive}
+        />
+        {isFolded
+          ? _.truncate(folderName, { length: 1, omission: '' })
+          : folderName}
       </span>
-      {(!isFolded && _.isNumber(noteCount)) &&
-        <span styleName='folderList-item-noteCount'>{noteCount}</span>
-      }
-      {isFolded &&
-        <span styleName='folderList-item-tooltip'>
-          {folderName}
-        </span>
-      }
+      {!isFolded &&
+        _.isNumber(noteCount) && (
+          <span styleName='folderList-item-noteCount'>{noteCount}</span>
+        )}
+      {isFolded && (
+        <span styleName='folderList-item-tooltip'>{folderName}</span>
+      )}
     </button>
   )
 }

browser/components/StorageItem.styl

@@ -13,6 +13,7 @@
   border none
   overflow ellipsis
   font-size 14px
+  align-items: center
   &:first-child
     margin-top 0
   &:hover
@@ -34,9 +35,7 @@
 .folderList-item-name
   display block
   flex 1
-  padding 0 12px
-  height 26px
-  line-height 26px
+  padding-right: 10px
   border-width 0 0 0 2px
   border-style solid
   border-color transparent
@@ -69,9 +68,20 @@
 .folderList-item-name--folded
   @extend .folderList-item-name
   padding-left 7px
-  text
+  .folderList-item-icon
     font-size 9px
 
+.folderList-item-icon
+  padding-right: 10px
+
+.folderList-item-reorder
+  font-size: 9px
+  padding: 10px 8px 10px 9px;
+  color: rgba(147, 147, 149, 0.3)
+  cursor: ns-resize
+  &:before
+    content: "\f142 \f142"
+
 body[data-theme="white"]
   .folderList-item
     color $ui-inactive-text-color

browser/components/StorageList.js

@@ -10,8 +10,8 @@ import CSSModules from 'browser/lib/CSSModules'
 * @param {Array} storgaeList
 */
 
-const StorageList = ({storageList}) => (
-  <div styleName='storageList'>
+const StorageList = ({storageList, isFolded}) => (
+  <div styleName={isFolded ? 'storageList-folded' : 'storageList'}>
     {storageList.length > 0 ? storageList : (
       <div styleName='storgaeList-empty'>No storage mount.</div>
     )}

browser/components/StorageList.styl

@@ -4,6 +4,10 @@
   top 180px
   overflow-y auto
 
+.storageList-folded
+  @extend .storageList
+  width 44px
+
 .storageList-empty
   padding 0 10px
   margin-top 15px

browser/components/markdown.styl

@@ -58,7 +58,7 @@ body
   .katex
     font 400 1.2em 'KaTeX_Main'
     line-height 1.2em
-    white-space nowrap
+    white-space initial
     text-indent 0
   .katex .mfrac>.vlist>span:nth-child(2)
     top 0 !important

browser/lib/i18n.js

@@ -0,0 +1,16 @@
+const path = require('path')
+const { remote } = require('electron')
+const { app } = remote
+
+// load package for localization
+const i18n = new (require('i18n-2'))({
+  // setup some locales - other locales default to the first locale
+  locales: ['en', 'sq', 'zh-CN', 'zh-TW', 'da', 'fr', 'de', 'hu', 'ja', 'ko', 'no', 'pl', 'pt', 'es-ES'],
+  extension: '.json',
+  directory: process.env.NODE_ENV === 'production'
+    ? path.join(app.getAppPath(), './locales')
+    : path.resolve('./locales'),
+  devMode: false
+})
+
+export default i18n

browser/lib/markdown.js

@@ -4,12 +4,9 @@ import emoji from 'markdown-it-emoji'
 import math from '@rokt33r/markdown-it-math'
 import _ from 'lodash'
 import ConfigManager from 'browser/main/lib/ConfigManager'
+import katex from 'katex'
 import {lastFindInArray} from './utils'
 
-// FIXME We should not depend on global variable.
-const katex = window.katex
-const config = ConfigManager.get()
-
 function createGutter (str, firstLineNumber) {
   if (Number.isNaN(firstLineNumber)) firstLineNumber = 1
   const lastLineNumber = (str.match(/\n/g) || []).length + firstLineNumber - 1
@@ -22,8 +19,9 @@ function createGutter (str, firstLineNumber) {
 
 class Markdown {
   constructor (options = {}) {
+    const config = ConfigManager.get()
     const defaultOptions = {
-      typographer: true,
+      typographer: config.preview.smartQuotes,
       linkify: true,
       html: true,
       xhtmlOut: true,
@@ -47,22 +45,62 @@ class Markdown {
           '<code class="' + langType + '">' +
           str +
           '</code></pre>'
-      }
+      },
+      sanitize: 'STRICT'
     }
 
     const updatedOptions = Object.assign(defaultOptions, options)
     this.md = markdownit(updatedOptions)
 
-    // Sanitize use rinput before other plugins
-    this.md.use(sanitize, {
-      allowedTags: ['img', 'iframe'],
-      allowedAttributes: {
-        '*': ['alt', 'style'],
-        'img': ['src', 'width', 'height'],
-        'iframe': ['src', 'width', 'height', 'frameborder', 'allowfullscreen']
-      },
-      allowedIframeHostnames: ['www.youtube.com']
-    })
+    if (updatedOptions.sanitize !== 'NONE') {
+      const allowedTags = ['iframe', 'input', 'b',
+        'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'h7', 'h8', 'br', 'b', 'i', 'strong', 'em', 'a', 'pre', 'code', 'img', 'tt',
+        'div', 'ins', 'del', 'sup', 'sub', 'p', 'ol', 'ul', 'table', 'thead', 'tbody', 'tfoot', 'blockquote',
+        'dl', 'dt', 'dd', 'kbd', 'q', 'samp', 'var', 'hr', 'ruby', 'rt', 'rp', 'li', 'tr', 'td', 'th', 's', 'strike', 'summary', 'details'
+      ]
+      const allowedAttributes = [
+        'abbr', 'accept', 'accept-charset',
+        'accesskey', 'action', 'align', 'alt', 'axis',
+        'border', 'cellpadding', 'cellspacing', 'char',
+        'charoff', 'charset', 'checked',
+        'clear', 'cols', 'colspan', 'color',
+        'compact', 'coords', 'datetime', 'dir',
+        'disabled', 'enctype', 'for', 'frame',
+        'headers', 'height', 'hreflang',
+        'hspace', 'ismap', 'label', 'lang',
+        'maxlength', 'media', 'method',
+        'multiple', 'name', 'nohref', 'noshade',
+        'nowrap', 'open', 'prompt', 'readonly', 'rel', 'rev',
+        'rows', 'rowspan', 'rules', 'scope',
+        'selected', 'shape', 'size', 'span',
+        'start', 'summary', 'tabindex', 'target',
+        'title', 'type', 'usemap', 'valign', 'value',
+        'vspace', 'width', 'itemprop'
+      ]
+
+      if (updatedOptions.sanitize === 'ALLOW_STYLES') {
+        allowedTags.push('style')
+        allowedAttributes.push('style')
+      }
+
+      // Sanitize use rinput before other plugins
+      this.md.use(sanitize, {
+        allowedTags,
+        allowedAttributes: {
+          '*': allowedAttributes,
+          'a': ['href'],
+          'div': ['itemscope', 'itemtype'],
+          'blockquote': ['cite'],
+          'del': ['cite'],
+          'ins': ['cite'],
+          'q': ['cite'],
+          'img': ['src', 'width', 'height'],
+          'iframe': ['src', 'width', 'height', 'frameborder', 'allowfullscreen'],
+          'input': ['type', 'id', 'checked']
+        },
+        allowedIframeHostnames: ['www.youtube.com']
+      })
+    }
 
     this.md.use(emoji, {
       shortcuts: {}

browser/lib/search.js

@@ -4,39 +4,28 @@ export default function searchFromNotes (notes, search) {
   if (search.trim().length === 0) return []
   const searchBlocks = search.split(' ').filter(block => { return block !== '' })
 
-  let foundNotes = findByWord(notes, searchBlocks[0])
+  let foundNotes = notes
   searchBlocks.forEach((block) => {
-    foundNotes = findByWord(foundNotes, block)
-    if (block.match(/^#.+/)) {
-      foundNotes = foundNotes.concat(findByTag(notes, block))
-    }
+    foundNotes = findByWordOrTag(foundNotes, block)
   })
   return foundNotes
 }
 
-function findByTag (notes, block) {
-  const tag = block.match(/#(.+)/)[1]
-  const regExp = new RegExp(_.escapeRegExp(tag), 'i')
+function findByWordOrTag (notes, block) {
+  let tag = block
+  if (tag.match(/^#.+/)) {
+    tag = tag.match(/#(.+)/)[1]
+  }
+  const tagRegExp = new RegExp(_.escapeRegExp(tag), 'i')
+  const wordRegExp = new RegExp(_.escapeRegExp(block), 'i')
   return notes.filter((note) => {
-    if (!_.isArray(note.tags)) return false
-    return note.tags.some((_tag) => {
-      return _tag.match(regExp)
-    })
-  })
-}
-
-function findByWord (notes, block) {
-  const regExp = new RegExp(_.escapeRegExp(block), 'i')
-  return notes.filter((note) => {
-    if (_.isArray(note.tags) && note.tags.some((_tag) => {
-      return _tag.match(regExp)
-    })) {
+    if (_.isArray(note.tags) && note.tags.some((_tag) => _tag.match(tagRegExp))) {
       return true
     }
     if (note.type === 'SNIPPET_NOTE') {
-      return note.description.match(regExp)
+      return note.description.match(wordRegExp)
     } else if (note.type === 'MARKDOWN_NOTE') {
-      return note.content.match(regExp)
+      return note.content.match(wordRegExp)
     }
     return false
   })

browser/lib/utils.js

@@ -6,6 +6,55 @@ export function lastFindInArray (array, callback) {
   }
 }
 
-export default {
-  lastFindInArray
+export function escapeHtmlCharacters (text) {
+  const matchHtmlRegExp = /["'&<>]/
+  const str = '' + text
+  const match = matchHtmlRegExp.exec(str)
+
+  if (!match) {
+    return str
+  }
+
+  let escape
+  let html = ''
+  let index = 0
+  let lastIndex = 0
+
+  for (index = match.index; index < str.length; index++) {
+    switch (str.charCodeAt(index)) {
+      case 34: // "
+        escape = '&quot;'
+        break
+      case 38: // &
+        escape = '&amp;'
+        break
+      case 39: // '
+        escape = '&#39;'
+        break
+      case 60: // <
+        escape = '&lt;'
+        break
+      case 62: // >
+        escape = '&gt;'
+        break
+      default:
+        continue
+    }
+
+    if (lastIndex !== index) {
+      html += str.substring(lastIndex, index)
+    }
+
+    lastIndex = index + 1
+    html += escape
+  }
+
+  return lastIndex !== index
+      ? html + str.substring(lastIndex, index)
+      : html
+}
+
+export default {
+  lastFindInArray,
+  escapeHtmlCharacters
 }

browser/main/Detail/FolderSelect.js

@@ -3,6 +3,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './FolderSelect.styl'
 import _ from 'lodash'
+import i18n from 'browser/lib/i18n'
 
 class FolderSelect extends React.Component {
   constructor (props) {
@@ -249,7 +250,7 @@ class FolderSelect extends React.Component {
             <input styleName='search-input'
               ref='search'
               value={this.state.search}
-              placeholder='Folder...'
+              placeholder={i18n.__('Folder...')}
               onChange={(e) => this.handleSearchInputChange(e)}
               onBlur={(e) => this.handleSearchInputBlur(e)}
               onKeyDown={(e) => this.handleSearchInputKeyDown(e)}

browser/main/Detail/FullscreenButton.js

@@ -2,13 +2,14 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './FullscreenButton.styl'
+import i18n from 'browser/lib/i18n'
 
 const FullscreenButton = ({
  onClick
 }) => (
-  <button styleName='control-fullScreenButton' title='Fullscreen' onMouseDown={(e) => onClick(e)}>
+  <button styleName='control-fullScreenButton' title={i18n.__('Fullscreen')} onMouseDown={(e) => onClick(e)}>
     <img styleName='iconInfo' src='../resources/icon/icon-full.svg' />
-    <span styleName='tooltip'>Fullscreen</span>
+    <span styleName='tooltip'>{i18n.__('Fullscreen')}</span>
   </button>
 )
 

browser/main/Detail/InfoButton.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './InfoButton.styl'
+import i18n from 'browser/lib/i18n'
 
 const InfoButton = ({
   onClick
@@ -10,7 +11,7 @@ const InfoButton = ({
     onClick={(e) => onClick(e)}
   >
     <img className='infoButton' src='../resources/icon/icon-info.svg' />
-    <span styleName='tooltip'>Info</span>
+    <span styleName='tooltip'>{i18n.__('Info')}</span>
   </button>
 )
 

browser/main/Detail/InfoPanel.js

@@ -3,6 +3,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './InfoPanel.styl'
 import copy from 'copy-to-clipboard'
+import i18n from 'browser/lib/i18n'
 
 class InfoPanel extends React.Component {
   copyNoteLink () {
@@ -19,7 +20,7 @@ class InfoPanel extends React.Component {
       <div className='infoPanel' styleName='control-infoButton-panel' style={{display: 'none'}}>
         <div>
           <p styleName='modification-date'>{updatedAt}</p>
-          <p styleName='modification-date-desc'>MODIFICATION DATE</p>
+          <p styleName='modification-date-desc'>{i18n.__('MODIFICATION DATE')}</p>
         </div>
 
         <hr />
@@ -29,11 +30,11 @@ class InfoPanel extends React.Component {
           : <div styleName='count-wrap'>
             <div styleName='count-number'>
               <p styleName='infoPanel-defaul-count'>{wordCount}</p>
-              <p styleName='infoPanel-sub-count'>Words</p>
+              <p styleName='infoPanel-sub-count'>{i18n.__('Words')}</p>
             </div>
             <div styleName='count-number'>
               <p styleName='infoPanel-defaul-count'>{letterCount}</p>
-              <p styleName='infoPanel-sub-count'>Letters</p>
+              <p styleName='infoPanel-sub-count'>{i18n.__('Letters')}</p>
             </div>
           </div>
         }
@@ -45,17 +46,17 @@ class InfoPanel extends React.Component {
 
         <div>
           <p styleName='infoPanel-default'>{storageName}</p>
-          <p styleName='infoPanel-sub'>STORAGE</p>
+          <p styleName='infoPanel-sub'>{i18n.__('STORAGE')}</p>
         </div>
 
         <div>
           <p styleName='infoPanel-default'>{folderName}</p>
-          <p styleName='infoPanel-sub'>FOLDER</p>
+          <p styleName='infoPanel-sub'>{i18n.__('FOLDER')}</p>
         </div>
 
         <div>
           <p styleName='infoPanel-default'>{createdAt}</p>
-          <p styleName='infoPanel-sub'>CREATION DATE</p>
+          <p styleName='infoPanel-sub'>{i18n.__('CREATION DATE')}</p>
         </div>
 
         <div>
@@ -63,7 +64,7 @@ class InfoPanel extends React.Component {
           <button onClick={() => this.copyNoteLink()} styleName='infoPanel-copyButton'>
             <i className='fa fa-clipboard' />
           </button>
-          <p styleName='infoPanel-sub'>NOTE LINK</p>
+          <p styleName='infoPanel-sub'>{i18n.__('NOTE LINK')}</p>
         </div>
 
         <hr />
@@ -71,22 +72,22 @@ class InfoPanel extends React.Component {
         <div id='export-wrap'>
           <button styleName='export--enable' onClick={(e) => exportAsMd(e)}>
             <i className='fa fa-file-code-o' />
-            <p>.md</p>
+            <p>{i18n.__('.md')}</p>
           </button>
 
           <button styleName='export--enable' onClick={(e) => exportAsTxt(e)}>
             <i className='fa fa-file-text-o' />
-            <p>.txt</p>
+            <p>{i18n.__('.txt')}</p>
           </button>
 
           <button styleName='export--enable' onClick={(e) => exportAsHtml(e)}>
             <i className='fa fa-html5' />
-            <p>.html</p>
+            <p>{i18n.__('.html')}</p>
           </button>
 
           <button styleName='export--enable' onClick={(e) => print(e)}>
             <i className='fa fa-print' />
-            <p>Print</p>
+            <p>{i18n.__('Print')}</p>
           </button>
         </div>
       </div>

browser/main/Detail/InfoPanelTrashed.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './InfoPanel.styl'
+import i18n from 'browser/lib/i18n'
 
 const InfoPanelTrashed = ({
   storageName, folderName, updatedAt, createdAt, exportAsMd, exportAsTxt, exportAsHtml
@@ -9,24 +10,24 @@ const InfoPanelTrashed = ({
   <div className='infoPanel' styleName='control-infoButton-panel-trash' style={{display: 'none'}}>
     <div>
       <p styleName='modification-date'>{updatedAt}</p>
-      <p styleName='modification-date-desc'>MODIFICATION DATE</p>
+      <p styleName='modification-date-desc'>{i18n.__('MODIFICATION DATE')}</p>
     </div>
 
     <hr />
 
     <div>
       <p styleName='infoPanel-default'>{storageName}</p>
-      <p styleName='infoPanel-sub'>STORAGE</p>
+      <p styleName='infoPanel-sub'>{i18n.__('STORAGE')}</p>
     </div>
 
     <div>
       <p styleName='infoPanel-default'><text styleName='infoPanel-trash'>Trash</text>{folderName}</p>
-      <p styleName='infoPanel-sub'>FOLDER</p>
+      <p styleName='infoPanel-sub'>{i18n.__('FOLDER')}</p>
     </div>
 
     <div>
       <p styleName='infoPanel-default'>{createdAt}</p>
-      <p styleName='infoPanel-sub'>CREATION DATE</p>
+      <p styleName='infoPanel-sub'>{i18n.__('CREATION DATE')}</p>
     </div>
 
     <div id='export-wrap'>

browser/main/Detail/PermanentDeleteButton.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './TrashButton.styl'
+import i18n from 'browser/lib/i18n'
 
 const PermanentDeleteButton = ({
   onClick
@@ -10,7 +11,7 @@ const PermanentDeleteButton = ({
     onClick={(e) => onClick(e)}
   >
     <img styleName='iconInfo' src='../resources/icon/icon-trash.svg' />
-    <span styleName='tooltip'>Permanent Delete</span>
+    <span styleName='tooltip'>{i18n.__('Permanent Delete')}</span>
   </button>
 )
 

browser/main/Detail/RestoreButton.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './RestoreButton.styl'
+import i18n from 'browser/lib/i18n'
 
 const RestoreButton = ({
   onClick
@@ -10,7 +11,7 @@ const RestoreButton = ({
     onClick={onClick}
   >
     <i className='fa fa-undo fa-fw' styleName='iconRestore' />
-    <span styleName='tooltip'>Restore</span>
+    <span styleName='tooltip'>{i18n.__('Restore')}</span>
   </button>
 )
 

browser/main/Detail/SnippetNoteDetail.js

@@ -8,7 +8,7 @@ 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 {hashHistory} from 'react-router'
 import ee from 'browser/main/lib/eventEmitter'
 import CodeMirror from 'codemirror'
 import 'codemirror-mode-elixir'
@@ -17,7 +17,7 @@ import StatusBar from '../StatusBar'
 import context from 'browser/lib/context'
 import ConfigManager from 'browser/main/lib/ConfigManager'
 import _ from 'lodash'
-import { findNoteTitle } from 'browser/lib/findNoteTitle'
+import {findNoteTitle} from 'browser/lib/findNoteTitle'
 import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
 import TrashButton from './TrashButton'
 import RestoreButton from './RestoreButton'
@@ -26,6 +26,7 @@ import InfoButton from './InfoButton'
 import InfoPanel from './InfoPanel'
 import InfoPanelTrashed from './InfoPanelTrashed'
 import { formatDate } from 'browser/lib/date-formatter'
+import i18n from 'browser/lib/i18n'
 
 function pass (name) {
   switch (name) {
@@ -53,12 +54,30 @@ class SnippetNoteDetail extends React.Component {
     this.state = {
       isMovingNote: false,
       snippetIndex: 0,
+      showArrows: false,
+      enableLeftArrow: false,
+      enableRightArrow: false,
       note: Object.assign({
         description: ''
       }, props.note, {
         snippets: props.note.snippets.map((snippet) => Object.assign({}, snippet))
       })
     }
+
+    this.scrollToNextTabThreshold = 0.7
+  }
+
+  componentDidMount () {
+    const visibleTabs = this.visibleTabs
+    const allTabs = this.allTabs
+
+    if (visibleTabs.offsetWidth < allTabs.scrollWidth) {
+      this.setState({
+        showArrows: visibleTabs.offsetWidth < allTabs.scrollWidth,
+        enableRightArrow: allTabs.offsetLeft !== visibleTabs.offsetWidth - allTabs.scrollWidth,
+        enableLeftArrow: allTabs.offsetLeft !== 0
+      })
+    }
   }
 
   componentWillReceiveProps (nextProps) {
@@ -78,6 +97,7 @@ class SnippetNoteDetail extends React.Component {
           this.refs['code-' + index].reload()
         })
         if (this.refs.tags) this.refs.tags.reset()
+        this.setState(this.getArrowsState())
       })
     }
   }
@@ -228,6 +248,51 @@ class SnippetNoteDetail extends React.Component {
     ee.emit('editor:fullscreen')
   }
 
+  handleTabMoveLeftButtonClick (e) {
+    {
+      const left = this.visibleTabs.scrollLeft
+
+      const tabs = this.allTabs.querySelectorAll('div')
+      const lastVisibleTab = Array.from(tabs).find((tab) => {
+        return tab.offsetLeft + tab.offsetWidth >= left
+      })
+
+      if (lastVisibleTab) {
+        const visiblePart = lastVisibleTab.offsetWidth + lastVisibleTab.offsetLeft - left
+        const isFullyVisible = visiblePart > lastVisibleTab.offsetWidth * this.scrollToNextTabThreshold
+        const scrollToTab = (isFullyVisible && lastVisibleTab.previousSibling)
+            ? lastVisibleTab.previousSibling
+            : lastVisibleTab
+
+        // FIXME use `scrollIntoView()` instead of custom method after update to Electron2.0 (with Chrome 61 its possible animate the scroll)
+        this.moveToTab(scrollToTab)
+        // scrollToTab.scrollIntoView({behavior: 'smooth', inline: 'start', block: 'start'})
+      }
+    }
+  }
+
+  handleTabMoveRightButtonClick (e) {
+    const left = this.visibleTabs.scrollLeft
+    const width = this.visibleTabs.offsetWidth
+
+    const tabs = this.allTabs.querySelectorAll('div')
+    const lastVisibleTab = Array.from(tabs).find((tab) => {
+      return tab.offsetLeft + tab.offsetWidth >= width + left
+    })
+
+    if (lastVisibleTab) {
+      const visiblePart = width + left - lastVisibleTab.offsetLeft
+      const isFullyVisible = visiblePart > lastVisibleTab.offsetWidth * this.scrollToNextTabThreshold
+      const scrollToTab = (isFullyVisible && lastVisibleTab.nextSibling)
+          ? lastVisibleTab.nextSibling
+          : lastVisibleTab
+
+      // FIXME use `scrollIntoView()` instead of custom method after update to Electron2.0 (with Chrome 61 its possible animate the scroll)
+      this.moveToTab(scrollToTab)
+      // scrollToTab.scrollIntoView({behavior: 'smooth', inline: 'end', block: 'end'})
+    }
+  }
+
   handleTabPlusButtonClick (e) {
     this.addSnippet()
   }
@@ -264,9 +329,9 @@ class SnippetNoteDetail extends React.Component {
       if (this.state.note.snippets[index].content.trim().length > 0) {
         const dialogIndex = dialog.showMessageBox(remote.getCurrentWindow(), {
           type: 'warning',
-          message: 'Delete a snippet',
-          detail: 'This work cannot be undone.',
-          buttons: ['Confirm', 'Cancel']
+          message: i18n.__('Delete a snippet'),
+          detail: i18n.__('This work cannot be undone.'),
+          buttons: [i18n.__('Confirm'), i18n.__('Cancel')]
         })
         if (dialogIndex === 0) {
           this.deleteSnippetByIndex(index)
@@ -287,6 +352,21 @@ class SnippetNoteDetail extends React.Component {
     this.setState({ note, snippetIndex }, () => {
       this.save()
       this.refs['code-' + this.state.snippetIndex].reload()
+
+      if (this.visibleTabs.offsetWidth > this.allTabs.scrollWidth) {
+        console.log('no need for arrows')
+        this.moveTabBarBy(0)
+      } else {
+        const lastTab = this.allTabs.lastChild
+        if (lastTab.offsetLeft + lastTab.offsetWidth < this.visibleTabs.offsetWidth) {
+          console.log('need to scroll')
+          const width = this.visibleTabs.offsetWidth
+          const newLeft = lastTab.offsetLeft + lastTab.offsetWidth - width
+          this.moveTabBarBy(newLeft > 0 ? -newLeft : 0)
+        } else {
+          this.setState(this.getArrowsState())
+        }
+      }
     })
   }
 
@@ -460,6 +540,51 @@ class SnippetNoteDetail extends React.Component {
     this.refs.description.focus()
   }
 
+  moveToTab (tab) {
+    const easeOutCubic = t => (--t) * t * t + 1
+    const startScrollPosition = this.visibleTabs.scrollLeft
+    const animationTiming = 300
+    const scrollMoreCoeff = 1.4 // introduce coefficient, because we want to scroll a bit further to see next tab
+
+    let scrollBy = (tab.offsetLeft - startScrollPosition)
+
+    if (tab.offsetLeft > startScrollPosition) {
+      // if tab is on the right side and we want to show the whole tab in visible area,
+      // we need to include width of the tab and visible area in the formula
+      //  ___________________________________________
+      // |____|_______|________|________|_show_this_|
+      //        ↑_____________________↑
+      //            visible area
+      scrollBy += (tab.offsetWidth - this.visibleTabs.offsetWidth)
+    }
+
+    let startTime = null
+    const scrollAnimation = time => {
+      startTime = startTime || time
+      const elapsed = (time - startTime) / animationTiming
+
+      this.visibleTabs.scrollLeft = startScrollPosition + easeOutCubic(elapsed) * scrollBy * scrollMoreCoeff
+      if (elapsed < 1) {
+        window.requestAnimationFrame(scrollAnimation)
+      } else {
+        this.setState(this.getArrowsState())
+      }
+    }
+
+    window.requestAnimationFrame(scrollAnimation)
+  }
+
+  getArrowsState () {
+    const allTabs = this.allTabs
+    const visibleTabs = this.visibleTabs
+
+    const showArrows = visibleTabs.offsetWidth < allTabs.scrollWidth
+    const enableRightArrow = visibleTabs.scrollLeft !== allTabs.scrollWidth - visibleTabs.offsetWidth
+    const enableLeftArrow = visibleTabs.scrollLeft !== 0
+
+    return {showArrows, enableRightArrow, enableLeftArrow}
+  }
+
   addSnippet () {
     const { note } = this.state
 
@@ -470,10 +595,16 @@ class SnippetNoteDetail extends React.Component {
     }])
     const snippetIndex = note.snippets.length - 1
 
-    this.setState({
+    this.setState(Object.assign({
       note,
       snippetIndex
-    }, () => {
+    }, this.getArrowsState()), () => {
+      if (this.state.showArrows) {
+        const tabs = this.allTabs.querySelectorAll('div')
+        if (tabs) {
+          this.moveToTab(tabs[snippetIndex])
+        }
+      }
       this.refs['tab-' + snippetIndex].startRenaming()
     })
   }
@@ -507,9 +638,9 @@ class SnippetNoteDetail extends React.Component {
   showWarning () {
     dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
-      message: 'Sorry!',
-      detail: 'md/text import is available only a markdown note.',
-      buttons: ['OK']
+      message: i18n.__('Sorry!'),
+      detail: i18n.__('md/text import is available only a markdown note.'),
+      buttons: [i18n.__('OK')]
     })
   }
 
@@ -635,10 +766,10 @@ class SnippetNoteDetail extends React.Component {
           isActive={note.isStarred}
         />
 
-        <button styleName='control-fullScreenButton' title='Fullscreen'
+        <button styleName='control-fullScreenButton' title={i18n.__('Fullscreen')}
           onMouseDown={(e) => this.handleFullScreenButton(e)}>
           <img styleName='iconInfo' src='../resources/icon/icon-full.svg' />
-          <span styleName='tooltip'>Fullscreen</span>
+          <span styleName='tooltip'>{i18n.__('Fullscreen')}</span>
         </button>
 
         <TrashButton onClick={(e) => this.handleTrashButtonClick(e)} />
@@ -676,16 +807,32 @@ class SnippetNoteDetail extends React.Component {
                 fontSize: parseInt(config.preview.fontSize, 10)
               }}
               ref='description'
-              placeholder='Description...'
+              placeholder={i18n.__('Description...')}
               value={this.state.note.description}
               onChange={(e) => this.handleChange(e)}
             />
           </div>
           <div styleName='tabList'>
-            <div styleName='list'>
-              {tabList}
+            <button styleName='tabButton'
+              hidden={!this.state.showArrows}
+              disabled={!this.state.enableLeftArrow}
+              onClick={(e) => this.handleTabMoveLeftButtonClick(e)}
+            >
+              <i className='fa fa-chevron-left' />
+            </button>
+            <div styleName='list' onScroll={(e) => { this.setState(this.getArrowsState()) }} ref={(tabs) => { this.visibleTabs = tabs }}>
+              <div styleName='allTabs' ref={(tabs) => { this.allTabs = tabs }}>
+                {tabList}
+              </div>
             </div>
-            <button styleName='plusButton'
+            <button styleName='tabButton'
+              hidden={!this.state.showArrows}
+              disabled={!this.state.enableRightArrow}
+              onClick={(e) => this.handleTabMoveRightButtonClick(e)}
+            >
+              <i className='fa fa-chevron-right' />
+            </button>
+            <button styleName='tabButton'
               onClick={(e) => this.handleTabPlusButtonClick(e)}
             >
               <i className='fa fa-plus' />
@@ -699,7 +846,7 @@ class SnippetNoteDetail extends React.Component {
             onClick={(e) => this.handleModeButtonClick(e, this.state.snippetIndex)}
           >
             {this.state.note.snippets[this.state.snippetIndex].mode == null
-              ? 'Select Syntax...'
+              ? i18n.__('Select Syntax...')
               : this.state.note.snippets[this.state.snippetIndex].mode
             }&nbsp;
             <i className='fa fa-caret-down' />

browser/main/Detail/SnippetNoteDetail.styl

@@ -35,13 +35,26 @@
   height 30px
   display flex
   background-color $ui-noteDetail-backgroundColor
+  overflow hidden
 
 .tabList .list
   flex 1
-  display flex
   overflow hidden
+  overflow-x scroll
+  position relative
 
-.tabList .plusButton
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  .allTabs
+    display flex
+    position relative
+    overflow visible
+    left 0
+    transition left 0.1s
+
+.tabList .tabButton
   navWhiteButtonColor()
   width 30px
 

browser/main/Detail/StarButton.js

@@ -3,6 +3,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './StarButton.styl'
 import _ from 'lodash'
+import i18n from 'browser/lib/i18n'
 
 class StarButton extends React.Component {
   constructor (props) {
@@ -53,7 +54,7 @@ class StarButton extends React.Component {
             : '../resources/icon/icon-star.svg'
           }
         />
-        <span styleName='tooltip'>Star</span>
+        <span styleName='tooltip'>{i18n.__('Star')}</span>
       </button>
     )
   }

browser/main/Detail/TagSelect.js

@@ -4,6 +4,7 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './TagSelect.styl'
 import _ from 'lodash'
 import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
+import i18n from 'browser/lib/i18n'
 
 class TagSelect extends React.Component {
   constructor (props) {
@@ -137,7 +138,7 @@ class TagSelect extends React.Component {
         <input styleName='newTag'
           ref='newTag'
           value={this.state.newTag}
-          placeholder='Add tag...'
+          placeholder={i18n.__('Add tag...')}
           onChange={(e) => this.handleNewTagInputChange(e)}
           onKeyDown={(e) => this.handleNewTagInputKeyDown(e)}
           onBlur={(e) => this.handleNewTagBlur(e)}

browser/main/Detail/ToggleModeButton.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './ToggleModeButton.styl'
+import i18n from 'browser/lib/i18n'
 
 const ToggleModeButton = ({
   onClick, editorType
@@ -13,7 +14,7 @@ const ToggleModeButton = ({
     <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>
-    <span styleName='tooltip'>Toggle Mode</span>
+    <span styleName='tooltip'>{i18n.__('Toggle Mode')}</span>
   </div>
 )
 

browser/main/Detail/TrashButton.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './TrashButton.styl'
+import i18n from 'browser/lib/i18n'
 
 const TrashButton = ({
   onClick
@@ -10,7 +11,7 @@ const TrashButton = ({
     onClick={(e) => onClick(e)}
   >
     <img styleName='iconInfo' src='../resources/icon/icon-trash.svg' />
-    <span styleName='tooltip'>Trash</span>
+    <span styleName='tooltip'>{i18n.__('Trash')}</span>
   </button>
 )
 

browser/main/Detail/index.js

@@ -7,6 +7,7 @@ import MarkdownNoteDetail from './MarkdownNoteDetail'
 import SnippetNoteDetail from './SnippetNoteDetail'
 import ee from 'browser/main/lib/eventEmitter'
 import StatusBar from '../StatusBar'
+import i18n from 'browser/lib/i18n'
 
 const OSX = global.process.platform === 'darwin'
 
@@ -40,9 +41,9 @@ class Detail extends React.Component {
 
       const alertConfig = {
         type: 'warning',
-        message: 'Confirm note deletion',
-        detail: 'This will permanently remove this note.',
-        buttons: ['Confirm', 'Cancel']
+        message: i18n.__('Confirm note deletion'),
+        detail: i18n.__('This will permanently remove this note.'),
+        buttons: [i18n.__('Confirm'), i18n.__('Cancel')]
       }
 
       const dialogueButtonIndex = dialog.showMessageBox(remote.getCurrentWindow(), alertConfig)
@@ -67,7 +68,7 @@ class Detail extends React.Component {
           tabIndex='0'
         >
           <div styleName='empty'>
-            <div styleName='empty-message'>{OSX ? 'Command(⌘)' : 'Ctrl(^)'} + N<br />to create a new note</div>
+            <div styleName='empty-message'>{OSX ? i18n.__('Command(⌘)') : i18n.__('Ctrl(^)')} + N<br />{i18n.__('to create a new note')}</div>
           </div>
           <StatusBar
             {..._.pick(this.props, ['config', 'location', 'dispatch'])}

browser/main/Main.js

@@ -14,6 +14,7 @@ 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 i18n from 'browser/lib/i18n'
 const path = require('path')
 const electron = require('electron')
 const { remote } = electron
@@ -148,6 +149,37 @@ class Main extends React.Component {
     } else {
       document.body.setAttribute('data-theme', 'default')
     }
+    if (config.ui.language === 'sq') {
+      i18n.setLocale('sq')
+    } else if (config.ui.language === 'zh-CN') {
+      i18n.setLocale('zh-CN')
+    } else if (config.ui.language === 'zh-TW') {
+      i18n.setLocale('zh-TW')
+    } else if (config.ui.language === 'da') {
+      i18n.setLocale('da')
+    } else if (config.ui.language === 'fr') {
+      i18n.setLocale('fr')
+    } else if (config.ui.language === 'de') {
+      i18n.setLocale('de')
+    } else if (config.ui.language === 'hu') {
+      i18n.setLocale('hu')
+    } else if (config.ui.language === 'ja') {
+      i18n.setLocale('ja')
+    } else if (config.ui.language === 'ko') {
+      i18n.setLocale('ko')
+    } else if (config.ui.language === 'no') {
+      i18n.setLocale('no')
+    } else if (config.ui.language === 'pl') {
+      i18n.setLocale('pl')
+    } else if (config.ui.language === 'pt') {
+      i18n.setLocale('pt')
+    } else if (config.ui.language === 'ru') {
+      i18n.setLocale('ru')
+    } else if (config.ui.language === 'es-ES') {
+      i18n.setLocale('es-ES')
+    } else {
+      i18n.setLocale('en')
+    }
 
     // Reload all data
     dataApi.init()

browser/main/NewNoteButton/index.js

@@ -6,6 +6,7 @@ import _ from 'lodash'
 import modal from 'browser/main/lib/modal'
 import NewNoteModal from 'browser/main/modals/NewNoteModal'
 import eventEmitter from 'browser/main/lib/eventEmitter'
+import i18n from 'browser/lib/i18n'
 
 const { remote } = require('electron')
 const { dialog } = remote
@@ -56,9 +57,9 @@ class NewNoteButton extends React.Component {
       }
     }
 
-    if (storage == null) this.showMessageBox('No storage to create a note')
+    if (storage == null) this.showMessageBox(i18n.__('No storage to create a note'))
     const folder = _.find(storage.folders, {key: params.folderKey}) || storage.folders[0]
-    if (folder == null) this.showMessageBox('No folder to create a note')
+    if (folder == null) this.showMessageBox(i18n.__('No folder to create a note'))
 
     return {
       storage,
@@ -86,7 +87,7 @@ class NewNoteButton extends React.Component {
             onClick={(e) => this.handleNewNoteButtonClick(e)}>
             <img styleName='iconTag' src='../resources/icon/icon-newnote.svg' />
             <span styleName='control-newNoteButton-tooltip'>
-              Make a note {OSX ? '⌘' : 'Ctrl'} + N
+              {i18n.__('Make a note')} {OSX ? '⌘' : i18n.__('Ctrl')} + N
             </span>
           </button>
         </div>

browser/main/NoteList/index.js

@@ -1,3 +1,4 @@
+/* global electron */
 import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
@@ -15,7 +16,8 @@ import path from 'path'
 import { hashHistory } from 'react-router'
 import copy from 'copy-to-clipboard'
 import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
-import markdown from '../../lib/markdown'
+import Markdown from '../../lib/markdown'
+import i18n from 'browser/lib/i18n'
 
 const { remote } = require('electron')
 const { Menu, MenuItem, dialog } = remote
@@ -324,8 +326,10 @@ class NoteList extends React.Component {
     }
 
     if (location.pathname.match(/\/searched/)) {
-      const searchInputText = document.getElementsByClassName('searchInput')[0].value
-      if (searchInputText === '') {
+      const searchInputText = params.searchword
+      const allNotes = data.noteMap.map((note) => note)
+      this.contextNotes = allNotes
+      if (searchInputText === undefined || searchInputText === '') {
         return this.sortByPin(this.contextNotes)
       }
       return searchFromNotes(this.contextNotes, searchInputText)
@@ -443,9 +447,9 @@ class NoteList extends React.Component {
     if (this.notes[targetIndex].type === 'SNIPPET_NOTE') {
       dialog.showMessageBox(remote.getCurrentWindow(), {
         type: 'warning',
-        message: 'Sorry!',
-        detail: 'md/text import is available only a markdown note.',
-        buttons: ['OK', 'Cancel']
+        message: i18n.__('Sorry!'),
+        detail: i18n.__('md/text import is available only a markdown note.'),
+        buttons: [i18n.__('OK'), i18n.__('Cancel')]
       })
     }
   }
@@ -469,60 +473,63 @@ class NoteList extends React.Component {
       this.handleNoteClick(e, uniqueKey)
     }
 
-    const pinLabel = note.isPinned ? 'Remove pin' : 'Pin to Top'
-    const deleteLabel = 'Delete Note'
-    const cloneNote = 'Clone Note'
-    const restoreNote = 'Restore Note'
-    const copyNoteLink = 'Copy Note Link'
-    const publishLabel = 'Publish Blog'
-    const updateLabel = 'Update Blog'
-    const openBlogLabel = 'Open Blog'
+    const pinLabel = note.isPinned ? i18n.__('Remove pin') : i18n.__('Pin to Top')
+    const deleteLabel = i18n.__('Delete Note')
+    const cloneNote = i18n.__('Clone Note')
+    const restoreNote = i18n.__('Restore Note')
+    const copyNoteLink = i18n.__('Copy Note Link')
+    const publishLabel = i18n.__('Publish Blog')
+    const updateLabel = i18n.__('Update Blog')
+    const openBlogLabel = i18n.__('Open Blog')
 
     const menu = new Menu()
-    if (!location.pathname.match(/\/starred|\/trash/)) {
-      menu.append(new MenuItem({
-        label: pinLabel,
-        click: this.pinToTop
-      }))
-    }
 
     if (location.pathname.match(/\/trash/)) {
       menu.append(new MenuItem({
         label: restoreNote,
         click: this.restoreNote
       }))
-    }
-
-    menu.append(new MenuItem({
-      label: deleteLabel,
-      click: this.deleteNote
-    }))
-    menu.append(new MenuItem({
-      label: cloneNote,
-      click: this.cloneNote.bind(this)
-    }))
-    menu.append(new MenuItem({
-      label: copyNoteLink,
-      click: this.copyNoteLink(note)
-    }))
-    if (note.type === 'MARKDOWN_NOTE') {
-      if (note.blog && note.blog.blogLink && note.blog.blogId) {
+      menu.append(new MenuItem({
+        label: deleteLabel,
+        click: this.deleteNote
+      }))
+    } else {
+      if (!location.pathname.match(/\/starred/)) {
         menu.append(new MenuItem({
-          label: updateLabel,
-          click: this.publishMarkdown.bind(this)
-        }))
-        menu.append(new MenuItem({
-          label: openBlogLabel,
-          click: () => this.openBlog.bind(this)(note)
-        }))
-      } else {
-        menu.append(new MenuItem({
-          label: publishLabel,
-          click: this.publishMarkdown.bind(this)
+          label: pinLabel,
+          click: this.pinToTop
         }))
       }
+      menu.append(new MenuItem({
+        label: deleteLabel,
+        click: this.deleteNote
+      }))
+      menu.append(new MenuItem({
+        label: cloneNote,
+        click: this.cloneNote.bind(this)
+      }))
+      menu.append(new MenuItem({
+        label: copyNoteLink,
+        click: this.copyNoteLink(note)
+      }))
+      if (note.type === 'MARKDOWN_NOTE') {
+        if (note.blog && note.blog.blogLink && note.blog.blogId) {
+          menu.append(new MenuItem({
+            label: updateLabel,
+            click: this.publishMarkdown.bind(this)
+          }))
+          menu.append(new MenuItem({
+            label: openBlogLabel,
+            click: () => this.openBlog.bind(this)(note)
+          }))
+        } else {
+          menu.append(new MenuItem({
+            label: publishLabel,
+            click: this.publishMarkdown.bind(this)
+          }))
+        }
+      }
     }
-
     menu.popup()
   }
 
@@ -583,9 +590,9 @@ class NoteList extends React.Component {
       const noteExp = selectedNotes.length > 1 ? 'notes' : 'note'
       const dialogueButtonIndex = dialog.showMessageBox(remote.getCurrentWindow(), {
         type: 'warning',
-        message: 'Confirm note deletion',
+        message: i18n.__('Confirm note deletion'),
         detail: `This will permanently remove ${selectedNotes.length} ${noteExp}.`,
-        buttons: ['Confirm', 'Cancel']
+        buttons: [i18n.__('Confirm'), i18n.__('Cancel')]
       })
       if (dialogueButtonIndex === 1) return
       Promise.all(
@@ -648,7 +655,7 @@ class NoteList extends React.Component {
       .createNote(storage.key, {
         type: firstNote.type,
         folder: folder.key,
-        title: firstNote.title + ' copy',
+        title: firstNote.title + ' ' + i18n.__('copy'),
         content: firstNote.content
       })
       .then((note) => {
@@ -669,7 +676,7 @@ class NoteList extends React.Component {
   }
 
   copyNoteLink (note) {
-    const noteLink = `[${note.title}](${note.storage}-${note.key})`
+    const noteLink = `[${note.title}](:note:${note.key})`
     return copy(noteLink)
   }
 
@@ -708,7 +715,8 @@ class NoteList extends React.Component {
       authToken = `Bearer ${token}`
     }
     const contentToRender = firstNote.content.replace(`# ${firstNote.title}`, '')
-    var data = {
+    const markdown = new Markdown()
+    const data = {
       title: firstNote.title,
       content: markdown.render(contentToRender),
       status: 'publish'
@@ -754,9 +762,9 @@ class NoteList extends React.Component {
     const { dialog } = remote
     const alertError = {
       type: 'warning',
-      message: 'Publish Failed',
-      detail: 'Check and update your blog setting and try again.',
-      buttons: ['Confirm']
+      message: i18n.__('Publish Failed'),
+      detail: i18n.__('Check and update your blog setting and try again.'),
+      buttons: [i18n.__('Confirm')]
     }
     dialog.showMessageBox(remote.getCurrentWindow(), alertError)
   }
@@ -764,9 +772,9 @@ class NoteList extends React.Component {
   confirmPublish (note) {
     const buttonIndex = dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
-      message: 'Publish Succeeded',
+      message: i18n.__('Publish Succeeded'),
       detail: `${note.title} is published at ${note.blog.blogLink}`,
-      buttons: ['Confirm', 'Open Blog']
+      buttons: [i18n.__('Confirm'), i18n.__('Open Blog')]
     })
 
     if (buttonIndex === 1) {
@@ -871,7 +879,7 @@ class NoteList extends React.Component {
     dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
       message: message,
-      buttons: ['OK']
+      buttons: [i18n.__('OK')]
     })
   }
 
@@ -989,17 +997,17 @@ class NoteList extends React.Component {
           <div styleName='control-sortBy'>
             <i className='fa fa-angle-down' />
             <select styleName='control-sortBy-select'
-              title='Select filter mode'
+              title={i18n.__('Select filter mode')}
               value={config.sortBy}
               onChange={(e) => this.handleSortByChange(e)}
             >
-              <option title='Sort by update time' value='UPDATED_AT'>Updated</option>
-              <option title='Sort by create time' value='CREATED_AT'>Created</option>
-              <option title='Sort alphabetically' value='ALPHABETICAL'>Alphabetically</option>
+              <option title='Sort by update time' value='UPDATED_AT'>{i18n.__('Updated')}</option>
+              <option title='Sort by create time' value='CREATED_AT'>{i18n.__('Created')}</option>
+              <option title='Sort alphabetically' value='ALPHABETICAL'>{i18n.__('Alphabetically')}</option>
             </select>
           </div>
           <div styleName='control-button-area'>
-            <button title='Default View' styleName={config.listStyle === 'DEFAULT'
+            <button title={i18n.__('Default View')} styleName={config.listStyle === 'DEFAULT'
                 ? 'control-button--active'
                 : 'control-button'
               }
@@ -1007,7 +1015,7 @@ class NoteList extends React.Component {
             >
               <img styleName='iconTag' src='../resources/icon/icon-column.svg' />
             </button>
-            <button title='Compressed View' styleName={config.listStyle === 'SMALL'
+            <button title={i18n.__('Compressed View')} styleName={config.listStyle === 'SMALL'
                 ? 'control-button--active'
                 : 'control-button'
               }

browser/main/SideNav/ListButton.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './SwitchButton.styl'
+import i18n from 'browser/lib/i18n'
 
 const ListButton = ({
   onClick, isTagActive
@@ -12,7 +13,7 @@ const ListButton = ({
         : '../resources/icon/icon-list-active.svg'
     }
     />
-    <span styleName='tooltip'>Notes</span>
+    <span styleName='tooltip'>{i18n.__('Notes')}</span>
   </button>
 )
 

browser/main/SideNav/PreferenceButton.js

@@ -2,13 +2,14 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './PreferenceButton.styl'
+import i18n from 'browser/lib/i18n'
 
 const PreferenceButton = ({
   onClick
 }) => (
   <button styleName='top-menu-preference' onClick={(e) => onClick(e)}>
     <img styleName='iconTag' src='../resources/icon/icon-setting.svg' />
-    <span styleName='tooltip'>Preferences</span>
+    <span styleName='tooltip'>{i18n.__('Preferences')}</span>
   </button>
 )
 

browser/main/SideNav/SideNav.styl

@@ -30,11 +30,33 @@
   display flex
   flex-direction column
 
-.tag-title
-  padding-left 15px
-  padding-bottom 13px
-  p
-    color $ui-button-default-color
+.tag-control
+  display flex
+  height 30px
+  line-height 25px
+  overflow hidden
+  .tag-control-title
+    padding-left 15px
+    padding-bottom 13px
+    flex 1
+    p
+      color $ui-button-default-color
+  .tag-control-sortTagsBy
+    user-select none
+    font-size 12px
+    color $ui-inactive-text-color
+    margin-left 12px
+    margin-right 12px
+    .tag-control-sortTagsBy-select
+      appearance: none;
+      margin-left 5px
+      color $ui-inactive-text-color
+      padding 0
+      border none
+      background-color transparent
+      outline none
+      cursor pointer
+      font-size 12px
 
 .tagList
   overflow-y auto

browser/main/SideNav/StorageItem.js

@@ -10,6 +10,7 @@ import dataApi from 'browser/main/lib/dataApi'
 import StorageItemChild from 'browser/components/StorageItem'
 import _ from 'lodash'
 import { SortableElement } from 'react-sortable-hoc'
+import i18n from 'browser/lib/i18n'
 
 const { remote } = require('electron')
 const { Menu, dialog } = remote
@@ -26,14 +27,14 @@ class StorageItem extends React.Component {
   handleHeaderContextMenu (e) {
     const menu = Menu.buildFromTemplate([
       {
-        label: 'Add Folder',
+        label: i18n.__('Add Folder'),
         click: (e) => this.handleAddFolderButtonClick(e)
       },
       {
         type: 'separator'
       },
       {
-        label: 'Unlink Storage',
+        label: i18n.__('Unlink Storage'),
         click: (e) => this.handleUnlinkStorageClick(e)
       }
     ])
@@ -44,9 +45,9 @@ class StorageItem extends React.Component {
   handleUnlinkStorageClick (e) {
     const index = dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
-      message: 'Unlink Storage',
-      detail: 'This work will just detatches a storage from Boostnote. (Any data won\'t be deleted.)',
-      buttons: ['Confirm', 'Cancel']
+      message: i18n.__('Unlink Storage'),
+      detail: i18n.__('This work will just detatches a storage from Boostnote. (Any data won\'t be deleted.)'),
+      buttons: [i18n.__('Confirm'), i18n.__('Cancel')]
     })
 
     if (index === 0) {
@@ -93,21 +94,21 @@ class StorageItem extends React.Component {
   handleFolderButtonContextMenu (e, folder) {
     const menu = Menu.buildFromTemplate([
       {
-        label: 'Rename Folder',
+        label: i18n.__('Rename Folder'),
         click: (e) => this.handleRenameFolderClick(e, folder)
       },
       {
         type: 'separator'
       },
       {
-        label: 'Export Folder',
+        label: i18n.__('Export Folder'),
         submenu: [
           {
-            label: 'Export as txt',
+            label: i18n.__('Export as txt'),
             click: (e) => this.handleExportFolderClick(e, folder, 'txt')
           },
           {
-            label: 'Export as md',
+            label: i18n.__('Export as md'),
             click: (e) => this.handleExportFolderClick(e, folder, 'md')
           }
         ]
@@ -116,7 +117,7 @@ class StorageItem extends React.Component {
         type: 'separator'
       },
       {
-        label: 'Delete Folder',
+        label: i18n.__('Delete Folder'),
         click: (e) => this.handleFolderDeleteClick(e, folder)
       }
     ])
@@ -135,8 +136,8 @@ class StorageItem extends React.Component {
   handleExportFolderClick (e, folder, fileType) {
     const options = {
       properties: ['openDirectory', 'createDirectory'],
-      buttonLabel: 'Select directory',
-      title: 'Select a folder to export the files to',
+      buttonLabel: i18n.__('Select directory'),
+      title: i18n.__('Select a folder to export the files to'),
       multiSelections: false
     }
     dialog.showOpenDialog(remote.getCurrentWindow(), options,
@@ -160,9 +161,9 @@ class StorageItem extends React.Component {
   handleFolderDeleteClick (e, folder) {
     const index = dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
-      message: 'Delete Folder',
-      detail: 'This will delete all notes in the folder and can not be undone.',
-      buttons: ['Confirm', 'Cancel']
+      message: i18n.__('Delete Folder'),
+      detail: i18n.__('This will delete all notes in the folder and can not be undone.'),
+      buttons: [i18n.__('Confirm'), i18n.__('Cancel')]
     })
 
     if (index === 0) {

browser/main/SideNav/TagButton.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types'
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './SwitchButton.styl'
+import i18n from 'browser/lib/i18n'
 
 const TagButton = ({
   onClick, isTagActive
@@ -12,7 +13,7 @@ const TagButton = ({
         : '../resources/icon/icon-tag.svg'
     }
     />
-    <span styleName='tooltip'>Tags</span>
+    <span styleName='tooltip'>{i18n.__('Tags')}</span>
   </button>
 )
 

browser/main/SideNav/index.js

@@ -18,6 +18,7 @@ import PreferenceButton from './PreferenceButton'
 import ListButton from './ListButton'
 import TagButton from './TagButton'
 import {SortableContainer} from 'react-sortable-hoc'
+import i18n from 'browser/lib/i18n'
 
 class SideNav extends React.Component {
   // TODO: should not use electron stuff v0.7
@@ -81,7 +82,7 @@ class SideNav extends React.Component {
   }
 
   SideNavComponent (isFolded, storageList) {
-    const { location, data } = this.props
+    const { location, data, config } = this.props
 
     const isHomeActive = !!location.pathname.match(/^\/home$/)
     const isStarredActive = !!location.pathname.match(/^\/starred$/)
@@ -107,15 +108,30 @@ class SideNav extends React.Component {
             handleFilterButtonContextMenu={this.handleFilterButtonContextMenu.bind(this)}
           />
 
-          <StorageList storageList={storageList} />
+          <StorageList storageList={storageList} isFolded={isFolded} />
           <NavToggleButton isFolded={isFolded} handleToggleButtonClick={this.handleToggleButtonClick.bind(this)} />
         </div>
       )
     } else {
       component = (
         <div styleName='tabBody'>
-          <div styleName='tag-title'>
-            <p>Tags</p>
+          <div styleName='tag-control'>
+            <div styleName='tag-control-title'>
+              <p>{i18n.__('Tags')}</p>
+            </div>
+            <div styleName='tag-control-sortTagsBy'>
+              <i className='fa fa-angle-down' />
+              <select styleName='tag-control-sortTagsBy-select'
+                title={i18n.__('Select filter mode')}
+                value={config.sortTagsBy}
+                onChange={(e) => this.handleSortTagsByChange(e)}
+              >
+                <option title='Sort alphabetically'
+                  value='ALPHABETICAL'>{i18n.__('Alphabetically')}</option>
+                <option title='Sort by update time'
+                  value='COUNTER'>{i18n.__('Counter')}</option>
+              </select>
+            </div>
           </div>
           <div styleName='tagList'>
             {this.tagListComponent(data)}
@@ -128,17 +144,21 @@ class SideNav extends React.Component {
   }
 
   tagListComponent () {
-    const { data, location } = this.props
-    const tagList = _.sortBy(data.tagNoteMap.map((tag, name) => {
-      return { name, size: tag.size }
-    }), ['name'])
+    const { data, location, config } = this.props
+    let tagList = _.sortBy(data.tagNoteMap.map(
+      (tag, name) => ({name, size: tag.size})),
+      ['name']
+    )
+    if (config.sortTagsBy === 'COUNTER') {
+      tagList = _.sortBy(tagList, item => (0 - item.size))
+    }
     return (
       tagList.map(tag => {
         return (
           <TagListItem
             name={tag.name}
             handleClickTagListItem={this.handleClickTagListItem.bind(this)}
-            isActive={this.getTagActive(location.pathname, tag)}
+            isActive={this.getTagActive(location.pathname, tag.name)}
             key={tag.name}
             count={tag.size}
           />
@@ -158,6 +178,20 @@ class SideNav extends React.Component {
     router.push(`/tags/${name}`)
   }
 
+  handleSortTagsByChange (e) {
+    const { dispatch } = this.props
+
+    const config = {
+      sortTagsBy: e.target.value
+    }
+
+    ConfigManager.set(config)
+    dispatch({
+      type: 'SET_CONFIG',
+      config
+    })
+  }
+
   emptyTrash (entries) {
     const { dispatch } = this.props
     const deletionPromises = entries.map((note) => {
@@ -179,7 +213,7 @@ class SideNav extends React.Component {
     const { data } = this.props
     const trashedNotes = data.trashedSet.toJS().map((uniqueKey) => data.noteMap.get(uniqueKey))
     const menu = Menu.buildFromTemplate([
-      { label: 'Empty Trash', click: () => this.emptyTrash(trashedNotes) }
+      { label: i18n.__('Empty Trash'), click: () => this.emptyTrash(trashedNotes) }
     ])
     menu.popup()
   }

browser/main/StatusBar/index.js

@@ -3,6 +3,7 @@ import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './StatusBar.styl'
 import ZoomManager from 'browser/main/lib/ZoomManager'
+import i18n from 'browser/lib/i18n'
 
 const electron = require('electron')
 const { remote, ipcRenderer } = electron
@@ -14,9 +15,9 @@ class StatusBar extends React.Component {
   updateApp () {
     const index = dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
-      message: 'Update Boostnote',
-      detail: 'New Boostnote is ready to be installed.',
-      buttons: ['Restart & Install', 'Not Now']
+      message: i18n.__('Update Boostnote'),
+      detail: i18n.__('New Boostnote is ready to be installed.'),
+      buttons: [i18n.__('Restart & Install'), i18n.__('Not Now')]
     })
 
     if (index === 0) {
@@ -62,7 +63,7 @@ class StatusBar extends React.Component {
 
         {status.updateReady
           ? <button onClick={this.updateApp} styleName='update'>
-            <i styleName='update-icon' className='fa fa-cloud-download' /> Ready to Update!
+            <i styleName='update-icon' className='fa fa-cloud-download' /> {i18n.__('Ready to Update!')}
           </button>
           : null
         }

browser/main/TopBar/index.js

@@ -5,6 +5,7 @@ import styles from './TopBar.styl'
 import _ from 'lodash'
 import ee from 'browser/main/lib/eventEmitter'
 import NewNoteButton from 'browser/main/NewNoteButton'
+import i18n from 'browser/lib/i18n'
 
 class TopBar extends React.Component {
   constructor (props) {
@@ -27,6 +28,14 @@ class TopBar extends React.Component {
   }
 
   componentDidMount () {
+    const { params } = this.props
+    const searchWord = params.searchword
+    if (searchWord !== undefined) {
+      this.setState({
+        search: searchWord,
+        isSearching: true
+      })
+    }
     ee.on('top:focus-search', this.focusSearchHandler)
     ee.on('code:init', this.codeInitHandler)
   }
@@ -96,9 +105,10 @@ class TopBar extends React.Component {
       this.setState({
         isConfirmTranslation: true
       })
-      router.push('/searched')
+      const keyword = this.refs.searchInput.value
+      router.push(`/searched/${encodeURIComponent(keyword)}`)
       this.setState({
-        search: this.refs.searchInput.value
+        search: keyword
       })
     }
   }
@@ -107,7 +117,7 @@ class TopBar extends React.Component {
     const { router } = this.context
     const keyword = this.refs.searchInput.value
     if (this.state.isAlphabet || this.state.isConfirmTranslation) {
-      router.push('/searched')
+      router.push(`/searched/${encodeURIComponent(keyword)}`)
     } else {
       e.preventDefault()
     }
@@ -176,7 +186,7 @@ class TopBar extends React.Component {
                 onChange={(e) => this.handleSearchChange(e)}
                 onKeyDown={(e) => this.handleKeyDown(e)}
                 onKeyUp={(e) => this.handleKeyUp(e)}
-                placeholder='Search'
+                placeholder={i18n.__('Search')}
                 type='text'
                 className='searchInput'
               />
@@ -185,7 +195,7 @@ class TopBar extends React.Component {
                   onClick={(e) => this.handleSearchClearButton(e)}
                 >
                   <i className='fa fa-fw fa-times' />
-                  <span styleName='control-search-input-clear-tooltip'>Clear Search</span>
+                  <span styleName='control-search-input-clear-tooltip'>{i18n.__('Clear Search')}</span>
                 </button>
               }
             </div>

browser/main/global.styl

@@ -108,6 +108,21 @@ body[data-theme="dark"]
   background #B1D7FE
 ::selection
   background #B1D7FE
+.CodeMirror-foldmarker
+  font-family: arial
+
+.CodeMirror-foldgutter
+  width: .7em
+
+.CodeMirror-foldgutter-open,
+.CodeMirror-foldgutter-folded
+  cursor: pointer
+
+.CodeMirror-foldgutter-open:after
+  content: "\25BE"
+
+.CodeMirror-foldgutter-folded:after
+  content: "\25B8"
 
 .sortableItemHelper
   z-index modalZIndex + 5

browser/main/index.js

@@ -8,6 +8,7 @@ import { Router, Route, IndexRoute, IndexRedirect, hashHistory } from 'react-rou
 import { syncHistoryWithStore } from 'react-router-redux'
 require('./lib/ipcClient')
 require('../lib/customMeta')
+import i18n from 'browser/lib/i18n'
 
 const electron = require('electron')
 
@@ -46,9 +47,9 @@ function notify (...args) {
 function updateApp () {
   const index = dialog.showMessageBox(remote.getCurrentWindow(), {
     type: 'warning',
-    message: 'Update Boostnote',
-    detail: 'New Boostnote is ready to be installed.',
-    buttons: ['Restart & Install', 'Not Now']
+    message: i18n.__('Update Boostnote'),
+    detail: i18n.__('New Boostnote is ready to be installed.'),
+    buttons: [i18n.__('Restart & Install'), i18n.__('Not Now')]
   })
 
   if (index === 0) {
@@ -63,7 +64,9 @@ ReactDOM.render((
         <IndexRedirect to='/home' />
         <Route path='home' />
         <Route path='starred' />
-        <Route path='searched' />
+        <Route path='searched'>
+          <Route path=':searchword' />
+        </Route>
         <Route path='trashed' />
         <Route path='alltags' />
         <Route path='tags'>

browser/main/lib/ConfigManager.js

@@ -1,5 +1,6 @@
 import _ from 'lodash'
 import RcParser from 'browser/lib/RcParser'
+import i18n from 'browser/lib/i18n'
 
 const OSX = global.process.platform === 'darwin'
 const win = global.process.platform === 'win32'
@@ -15,12 +16,14 @@ export const DEFAULT_CONFIG = {
   listWidth: 280,
   navWidth: 200,
   sortBy: 'UPDATED_AT', // 'CREATED_AT', 'UPDATED_AT', 'APLHABETICAL'
+  sortTagsBy: 'ALPHABETICAL', // 'ALPHABETICAL', 'COUNTER'
   listStyle: 'DEFAULT', // 'DEFAULT', 'SMALL'
   amaEnabled: true,
   hotkey: {
     toggleMain: OSX ? 'Cmd + Alt + L' : 'Super + Alt + E'
   },
   ui: {
+    language: 'en',
     theme: 'default',
     showCopyNotification: true,
     disableDirectWrite: false,
@@ -33,6 +36,8 @@ export const DEFAULT_CONFIG = {
     fontFamily: win ? 'Segoe UI' : 'Monaco, Consolas',
     indentType: 'space',
     indentSize: '2',
+    enableRulers: false,
+    rulers: [80, 120],
     displayLineNumbers: true,
     switchPreview: 'BLUR', // Available value: RIGHTCLICK, BLUR
     scrollPastEnd: false,
@@ -49,7 +54,8 @@ export const DEFAULT_CONFIG = {
     latexBlockOpen: '$$',
     latexBlockClose: '$$',
     scrollPastEnd: false,
-    smartQuotes: true
+    smartQuotes: true,
+    sanitize: 'STRICT' // 'STRICT', 'ALLOW_STYLES', 'NONE'
   },
   blog: {
     type: 'wordpress', // Available value: wordpress, add more types in the future plz
@@ -133,6 +139,8 @@ function set (updates) {
     document.body.setAttribute('data-theme', 'default')
   }
 
+  i18n.setLocale(newConfig.ui.language)
+
   let editorTheme = document.getElementById('editorTheme')
   if (editorTheme == null) {
     editorTheme = document.createElement('link')

browser/main/lib/dataApi/exportFolder.js

@@ -1,6 +1,7 @@
 import { findStorage } from 'browser/lib/findStorage'
 import resolveStorageData from './resolveStorageData'
 import resolveStorageNotes from './resolveStorageNotes'
+import filenamify from 'filenamify'
 import * as path from 'path'
 import * as fs from 'fs'
 
@@ -45,7 +46,7 @@ function exportFolder (storageKey, folderKey, fileType, exportDir) {
       notes
         .filter(note => note.folder === folderKey && note.isTrashed === false && note.type === 'MARKDOWN_NOTE')
         .forEach(snippet => {
-          const notePath = path.join(exportDir, `${snippet.title}.${fileType}`)
+          const notePath = path.join(exportDir, `${filenamify(snippet.title, {replacement: '_'})}.${fileType}`)
           fs.writeFileSync(notePath, snippet.content)
         })
 

browser/main/lib/dataApi/exportNote.js

@@ -1,5 +1,6 @@
 import copyFile from 'browser/main/lib/dataApi/copyFile'
 import {findStorage} from 'browser/lib/findStorage'
+import filenamify from 'filenamify'
 
 const fs = require('fs')
 const path = require('path')
@@ -28,6 +29,7 @@ function exportNote (storageKey, noteContent, targetPath, outputFormatter) {
   }
 
   let exportedData = noteContent.replace(LOCAL_STORED_REGEX, (match, dstFilename, srcFilename) => {
+    dstFilename = filenamify(dstFilename, {replacement: '_'})
     if (!path.extname(dstFilename)) {
       dstFilename += path.extname(srcFilename)
     }

browser/main/lib/dataApi/resolveStorageNotes.js

@@ -27,9 +27,12 @@ function resolveStorageNotes (storage) {
         data.storage = storage.key
         return data
       } catch (err) {
-        console.error(notePath)
+        console.error(`error on note path: ${notePath}, error: ${err}`)
       }
     })
+    .filter(function filterOnlyNoteObject (noteObj) {
+      return typeof noteObj === 'object'
+    })
 
   return Promise.resolve(notes)
 }

browser/main/lib/ipcClient.js

@@ -1,5 +1,4 @@
 import ConfigManager from './ConfigManager'
-import store from 'browser/main/store'
 
 const nodeIpc = require('node-ipc')
 const { remote, ipcRenderer } = require('electron')

browser/main/modals/CreateFolderModal.js

@@ -7,6 +7,7 @@ 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'
+import i18n from 'browser/lib/i18n'
 
 class CreateFolderModal extends React.Component {
   constructor (props) {
@@ -79,12 +80,12 @@ class CreateFolderModal extends React.Component {
         onKeyDown={(e) => this.handleKeyDown(e)}
       >
         <div styleName='header'>
-          <div styleName='title'>Create new folder</div>
+          <div styleName='title'>{i18n.__('Create new folder')}</div>
         </div>
         <ModalEscButton handleEscButtonClick={(e) => this.handleCloseButtonClick(e)} />
         <div styleName='control'>
           <div styleName='control-folder'>
-            <div styleName='control-folder-label'>Folder name</div>
+            <div styleName='control-folder-label'>{i18n.__('Folder name')}</div>
             <input styleName='control-folder-input'
               ref='name'
               value={this.state.name}
@@ -95,7 +96,7 @@ class CreateFolderModal extends React.Component {
           <button styleName='control-confirmButton'
             onClick={(e) => this.handleConfirmButtonClick(e)}
           >
-            Create
+            {i18n.__('Create')}
           </button>
         </div>
       </div>

browser/main/modals/NewNoteModal.js

@@ -6,6 +6,7 @@ import { hashHistory } from 'react-router'
 import ee from 'browser/main/lib/eventEmitter'
 import ModalEscButton from 'browser/components/ModalEscButton'
 import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
+import i18n from 'browser/lib/i18n'
 
 class NewNoteModal extends React.Component {
   constructor (props) {
@@ -110,7 +111,7 @@ class NewNoteModal extends React.Component {
         onKeyDown={(e) => this.handleKeyDown(e)}
       >
         <div styleName='header'>
-          <div styleName='title'>Make a note</div>
+          <div styleName='title'>{i18n.__('Make a note')}</div>
         </div>
         <ModalEscButton handleEscButtonClick={(e) => this.handleCloseButtonClick(e)} />
         <div styleName='control'>
@@ -122,8 +123,8 @@ class NewNoteModal extends React.Component {
             <i styleName='control-button-icon'
               className='fa fa-file-text-o'
             /><br />
-            <span styleName='control-button-label'>Markdown Note</span><br />
-            <span styleName='control-button-description'>This format is for creating text documents. Checklists, code blocks and Latex blocks are available.</span>
+            <span styleName='control-button-label'>{i18n.__('Markdown Note')}</span><br />
+            <span styleName='control-button-description'>{i18n.__('This format is for creating text documents. Checklists, code blocks and Latex blocks are available.')}</span>
           </button>
 
           <button styleName='control-button'
@@ -134,13 +135,13 @@ class NewNoteModal extends React.Component {
             <i styleName='control-button-icon'
               className='fa fa-code'
             /><br />
-            <span styleName='control-button-label'>Snippet Note</span><br />
-            <span styleName='control-button-description'>This format is for creating code snippets. Multiple snippets can be grouped into a single note.
+            <span styleName='control-button-label'>{i18n.__('Snippet Note')}</span><br />
+            <span styleName='control-button-description'>{i18n.__('This format is for creating code snippets. Multiple snippets can be grouped into a single note.')}
             </span>
           </button>
 
         </div>
-        <div styleName='description'><i className='fa fa-arrows-h' /> Tab to switch format</div>
+        <div styleName='description'><i className='fa fa-arrows-h' />{i18n.__('Tab to switch format')}</div>
 
       </div>
     )

browser/main/modals/PreferencesModal/Blog.js

@@ -5,6 +5,7 @@ import ConfigManager from 'browser/main/lib/ConfigManager'
 import store from 'browser/main/store'
 import PropTypes from 'prop-types'
 import _ from 'lodash'
+import i18n from 'browser/lib/i18n'
 
 const electron = require('electron')
 const { shell } = electron
@@ -36,13 +37,13 @@ class Blog extends React.Component {
     this.handleSettingDone = () => {
       this.setState({BlogAlert: {
         type: 'success',
-        message: 'Successfully applied!'
+        message: i18n.__('Successfully applied!')
       }})
     }
     this.handleSettingError = (err) => {
       this.setState({BlogAlert: {
         type: 'error',
-        message: err.message != null ? err.message : 'Error occurs!'
+        message: err.message != null ? err.message : i18n.__('Error occurs!')
       }})
     }
     this.oldBlog = this.state.config.blog
@@ -69,7 +70,7 @@ class Blog extends React.Component {
       this.props.haveToSave({
         tab: 'Blog',
         type: 'warning',
-        message: 'You have to save!'
+        message: i18n.__('You have to save!')
       })
     }
   }
@@ -99,10 +100,10 @@ class Blog extends React.Component {
     return (
       <div styleName='root'>
         <div styleName='group'>
-          <div styleName='group-header'>Blog</div>
+          <div styleName='group-header'>{i18n.__('Blog')}</div>
           <div styleName='group-section'>
             <div styleName='group-section-label'>
-              Blog Type
+              {i18n.__('Blog Type')}
             </div>
             <div styleName='group-section-control'>
               <select
@@ -110,12 +111,12 @@ class Blog extends React.Component {
                 ref='typeDropdown'
                 onChange={(e) => this.handleBlogChange(e)}
               >
-                <option value='wordpress' key='wordpress'>wordpress</option>
+                <option value='wordpress' key='wordpress'>{i18n.__('wordpress')}</option>
               </select>
             </div>
           </div>
           <div styleName='group-section'>
-            <div styleName='group-section-label'>Blog Address</div>
+            <div styleName='group-section-label'>{i18n.__('Blog Address')}</div>
             <div styleName='group-section-control'>
               <input styleName='group-section-control-input'
                 onChange={(e) => this.handleBlogChange(e)}
@@ -127,16 +128,16 @@ class Blog extends React.Component {
           </div>
           <div styleName='group-control'>
             <button styleName='group-control-rightButton'
-              onClick={(e) => this.handleSaveButtonClick(e)}>Save
+              onClick={(e) => this.handleSaveButtonClick(e)}>{i18n.__('Save')}
             </button>
             {blogAlertElement}
           </div>
         </div>
-        <div styleName='group-header2'>Auth</div>
+        <div styleName='group-header2'>{i18n.__('Auth')}</div>
 
         <div styleName='group-section'>
           <div styleName='group-section-label'>
-            Authentication Method
+            {i18n.__('Authentication Method')}
           </div>
           <div styleName='group-section-control'>
             <select
@@ -144,14 +145,14 @@ class Blog extends React.Component {
               ref='authMethodDropdown'
               onChange={(e) => this.handleBlogChange(e)}
             >
-              <option value='JWT' key='JWT'>JWT</option>
-              <option value='USER' key='USER'>USER</option>
+              <option value='JWT' key='JWT'>{i18n.__('JWT')}</option>
+              <option value='USER' key='USER'>{i18n.__('USER')}</option>
             </select>
           </div>
         </div>
         { config.blog.authMethod === 'JWT' &&
           <div styleName='group-section'>
-            <div styleName='group-section-label'>Token</div>
+            <div styleName='group-section-label'>{i18n.__('Token')}</div>
             <div styleName='group-section-control'>
               <input styleName='group-section-control-input'
                 onChange={(e) => this.handleBlogChange(e)}
@@ -164,7 +165,7 @@ class Blog extends React.Component {
         { config.blog.authMethod === 'USER' &&
           <div>
             <div styleName='group-section'>
-              <div styleName='group-section-label'>UserName</div>
+              <div styleName='group-section-label'>{i18n.__('UserName')}</div>
               <div styleName='group-section-control'>
                 <input styleName='group-section-control-input'
                   onChange={(e) => this.handleBlogChange(e)}
@@ -174,7 +175,7 @@ class Blog extends React.Component {
               </div>
             </div>
             <div styleName='group-section'>
-              <div styleName='group-section-label'>Password</div>
+              <div styleName='group-section-label'>{i18n.__('Password')}</div>
               <div styleName='group-section-control'>
                 <input styleName='group-section-control-input'
                   onChange={(e) => this.handleBlogChange(e)}

browser/main/modals/PreferencesModal/Crowdfunding.js

@@ -1,6 +1,7 @@
 import React from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './Crowdfunding.styl'
+import i18n from 'browser/lib/i18n'
 
 const electron = require('electron')
 const { shell } = electron
@@ -21,22 +22,22 @@ class Crowdfunding extends React.Component {
   render () {
     return (
       <div styleName='root'>
-        <div styleName='header'>Crowdfunding</div>
-        <p>Dear everyone,</p>
+        <div styleName='header'>{i18n.__('Crowdfunding')}</div>
+        <p>{i18n.__('Dear everyone,')}</p>
         <br />
-        <p>Thank you for using Boostnote!</p>
-        <p>Boostnote is used in about 200 different countries and regions by an awesome community of developers.</p>
+        <p>{i18n.__('Thank you for using Boostnote!')}</p>
+        <p>{i18n.__('Boostnote is used in about 200 different countries and regions by an awesome community of developers.')}</p>
         <br />
-        <p>To continue supporting this growth, and to satisfy community expectations,</p>
-        <p>we would like to invest more time and resources in this project.</p>
+        <p>{i18n.__('To continue supporting this growth, and to satisfy community expectations,')}</p>
+        <p>{i18n.__('we would like to invest more time and resources in this project.')}</p>
         <br />
-        <p>If you like this project and see its potential, you can help by supporting us on OpenCollective!</p>
+        <p>{i18n.__('If you like this project and see its potential, you can help by supporting us on OpenCollective!')}</p>
         <br />
-        <p>Thanks,</p>
-        <p>Boostnote maintainers</p>
+        <p>{i18n.__('Thanks,')}</p>
+        <p>{i18n.__('Boostnote maintainers')}</p>
         <br />
         <button styleName='cf-link'>
-          <a href='https://opencollective.com/boostnoteio' onClick={(e) => this.handleLinkClick(e)}>Support via OpenCollective</a>
+          <a href='https://opencollective.com/boostnoteio' onClick={(e) => this.handleLinkClick(e)}>{i18n.__('Support via OpenCollective')}</a>
         </button>
       </div>
     )

browser/main/modals/PreferencesModal/FolderItem.js

@@ -7,6 +7,7 @@ import dataApi from 'browser/main/lib/dataApi'
 import store from 'browser/main/store'
 import { SketchPicker } from 'react-color'
 import { SortableElement, SortableHandle } from 'react-sortable-hoc'
+import i18n from 'browser/lib/i18n'
 
 class FolderItem extends React.Component {
   constructor (props) {
@@ -150,12 +151,12 @@ class FolderItem extends React.Component {
           <button styleName='folderItem-right-confirmButton'
             onClick={(e) => this.handleConfirmButtonClick(e)}
           >
-            Confirm
+            {i18n.__('Confirm')}
           </button>
           <button styleName='folderItem-right-button'
             onClick={(e) => this.handleCancelButtonClick(e)}
           >
-            Cancel
+            {i18n.__('Cancel')}
           </button>
         </div>
       </div>
@@ -179,18 +180,18 @@ class FolderItem extends React.Component {
     return (
       <div styleName='folderItem'>
         <div styleName='folderItem-left'>
-          Are you sure to <span styleName='folderItem-left-danger'>delete</span> this folder?
+          {i18n.__('Are you sure to ')} <span styleName='folderItem-left-danger'>{i18n.__(' delete')}</span> {i18n.__('this folder?')}
         </div>
         <div styleName='folderItem-right'>
           <button styleName='folderItem-right-dangerButton'
             onClick={(e) => this.handleDeleteConfirmButtonClick(e)}
           >
-            Confirm
+            {i18n.__('Confirm')}
           </button>
           <button styleName='folderItem-right-button'
             onClick={(e) => this.handleCancelButtonClick(e)}
           >
-            Cancel
+            {i18n.__('Cancel')}
           </button>
         </div>
       </div>
@@ -231,12 +232,12 @@ class FolderItem extends React.Component {
           <button styleName='folderItem-right-button'
             onClick={(e) => this.handleEditButtonClick(e)}
           >
-            Edit
+            {i18n.__('Edit')}
           </button>
           <button styleName='folderItem-right-button'
             onClick={(e) => this.handleDeleteButtonClick(e)}
           >
-            Delete
+            {i18n.__('Delete')}
           </button>
         </div>
       </div>

browser/main/modals/PreferencesModal/FolderList.js

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

browser/main/modals/PreferencesModal/HotkeyTab.js

@@ -5,6 +5,7 @@ import styles from './ConfigTab.styl'
 import ConfigManager from 'browser/main/lib/ConfigManager'
 import store from 'browser/main/store'
 import _ from 'lodash'
+import i18n from 'browser/lib/i18n'
 
 const electron = require('electron')
 const ipc = electron.ipcRenderer
@@ -23,13 +24,13 @@ class HotkeyTab extends React.Component {
     this.handleSettingDone = () => {
       this.setState({keymapAlert: {
         type: 'success',
-        message: 'Successfully applied!'
+        message: i18n.__('Successfully applied!')
       }})
     }
     this.handleSettingError = (err) => {
       this.setState({keymapAlert: {
         type: 'error',
-        message: err.message != null ? err.message : 'Error occurs!'
+        message: err.message != null ? err.message : i18n.__('Error occurs!')
       }})
     }
     this.oldHotkey = this.state.config.hotkey
@@ -77,7 +78,7 @@ class HotkeyTab extends React.Component {
       this.props.haveToSave({
         tab: 'Hotkey',
         type: 'warning',
-        message: 'You have to save!'
+        message: i18n.__('You have to save!')
       })
     }
   }
@@ -102,9 +103,9 @@ class HotkeyTab extends React.Component {
     return (
       <div styleName='root'>
         <div styleName='group'>
-          <div styleName='group-header'>Hotkeys</div>
+          <div styleName='group-header'>{i18n.__('Hotkeys')}</div>
           <div styleName='group-section'>
-            <div styleName='group-section-label'>Show/Hide Boostnote</div>
+            <div styleName='group-section-label'>{i18n.__('Show/Hide Boostnote')}</div>
             <div styleName='group-section-control'>
               <input styleName='group-section-control-input'
                 onChange={(e) => this.handleHotkeyChange(e)}
@@ -119,18 +120,18 @@ class HotkeyTab extends React.Component {
               onClick={(e) => this.handleHintToggleButtonClick(e)}
             >
               {this.state.isHotkeyHintOpen
-                ? 'Hide Help'
-                : 'Help'
+                ? i18n.__('Hide Help')
+                : i18n.__('Help')
               }
             </button>
             <button styleName='group-control-rightButton'
-              onClick={(e) => this.handleSaveButtonClick(e)}>Save
+              onClick={(e) => this.handleSaveButtonClick(e)}>{i18n.__('Save')}
             </button>
             {keymapAlertElement}
           </div>
           {this.state.isHotkeyHintOpen &&
             <div styleName='group-hint'>
-              <p>Available Keys</p>
+              <p>{i18n.__('Available Keys')}</p>
               <ul>
                 <li><code>0</code> to <code>9</code></li>
                 <li><code>A</code> to <code>Z</code></li>

browser/main/modals/PreferencesModal/InfoTab.js

@@ -5,6 +5,7 @@ import ConfigManager from 'browser/main/lib/ConfigManager'
 import store from 'browser/main/store'
 import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
 import _ from 'lodash'
+import i18n from 'browser/lib/i18n'
 
 const electron = require('electron')
 const { shell, remote } = electron
@@ -38,11 +39,11 @@ class InfoTab extends React.Component {
     if (!newConfig.amaEnabled) {
       AwsMobileAnalyticsConfig.recordDynamicCustomEvent('DISABLE_AMA')
       this.setState({
-        amaMessage: 'We hope we will gain your trust'
+        amaMessage: i18n.__('We hope we will gain your trust')
       })
     } else {
       this.setState({
-        amaMessage: 'Thank\'s for trust us'
+        amaMessage: i18n.__('Thank\'s for trusting us')
       })
     }
 
@@ -69,48 +70,48 @@ class InfoTab extends React.Component {
     return (
       <div styleName='root'>
 
-        <div styleName='header--sub'>Community</div>
+        <div styleName='header--sub'>{i18n.__('Community')}</div>
         <div styleName='top'>
           <ul styleName='list'>
             <li>
               <a href='https://boostnote.io/#subscribe'
                 onClick={(e) => this.handleLinkClick(e)}
-              >Subscribe to Newsletter</a>
+              >{i18n.__('Subscribe to Newsletter')}</a>
             </li>
             <li>
               <a href='https://github.com/BoostIO/Boostnote/issues'
                 onClick={(e) => this.handleLinkClick(e)}
-              >GitHub</a>
+              >{i18n.__('GitHub')}</a>
             </li>
             <li>
               <a href='https://boostlog.io/@junp1234'
                 onClick={(e) => this.handleLinkClick(e)}
-              >Blog</a>
+              >{i18n.__('Blog')}</a>
             </li>
             <li>
               <a href='https://www.facebook.com/groups/boostnote'
                 onClick={(e) => this.handleLinkClick(e)}
-              >Facebook Group</a>
+              >{i18n.__('Facebook Group')}</a>
             </li>
             <li>
               <a href='https://twitter.com/boostnoteapp'
                 onClick={(e) => this.handleLinkClick(e)}
-              >Twitter</a>
+              >{i18n.__('Twitter')}</a>
             </li>
           </ul>
         </div>
 
         <hr />
 
-        <div styleName='header--sub'>About</div>
+        <div styleName='header--sub'>{i18n.__('About')}</div>
 
         <div styleName='top'>
           <div styleName='icon-space'>
             <img styleName='icon' src='../resources/app.png' width='92' height='92' />
             <div styleName='icon-right'>
-              <div styleName='appId'>Boostnote {appVersion}</div>
+              <div styleName='appId'>{i18n.__('Boostnote')} {appVersion}</div>
               <div styleName='description'>
-                An open source note-taking app made for programmers just like you.
+                {i18n.__('An open source note-taking app made for programmers just like you.')}
               </div>
             </div>
           </div>
@@ -120,35 +121,35 @@ class InfoTab extends React.Component {
           <li>
             <a href='https://boostnote.io'
               onClick={(e) => this.handleLinkClick(e)}
-            >Website</a>
+            >{i18n.__('Website')}</a>
           </li>
           <li>
             <a href='https://github.com/BoostIO/Boostnote/blob/master/docs/build.md'
               onClick={(e) => this.handleLinkClick(e)}
-            >Development</a> : Development configurations for Boostnote.
+            >{i18n.__('Development')}</a>{i18n.__(' : Development configurations for Boostnote.')}
           </li>
           <li styleName='cc'>
-            Copyright (C) 2017 - 2018 BoostIO
+            {i18n.__('Copyright (C) 2017 - 2018 BoostIO')}
           </li>
           <li styleName='cc'>
-            License: GPL v3
+            {i18n.__('License: GPL v3')}
           </li>
         </ul>
 
         <hr styleName='separate-line' />
 
-        <div styleName='policy'>Analytics</div>
-        <div>Boostnote collects anonymous data for the sole purpose of improving the application, and strictly does not collect any personal information such the contents of your notes.</div>
-        <div>You can see how it works on <a href='https://github.com/BoostIO/Boostnote' onClick={(e) => this.handleLinkClick(e)}>GitHub</a>.</div>
+        <div styleName='policy'>{i18n.__('Analytics')}</div>
+        <div>{i18n.__('Boostnote collects anonymous data for the sole purpose of improving the application, and strictly does not collect any personal information such the contents of your notes.')}</div>
+        <div>{i18n.__('You can see how it works on ')}<a href='https://github.com/BoostIO/Boostnote' onClick={(e) => this.handleLinkClick(e)}>GitHub</a>.</div>
         <br />
-        <div>You can choose to enable or disable this option.</div>
+        <div>{i18n.__('You can choose to enable or disable this option.')}</div>
         <input onChange={(e) => this.handleConfigChange(e)}
           checked={this.state.config.amaEnabled}
           ref='amaEnabled'
           type='checkbox'
         />
-        Enable analytics to help improve Boostnote<br />
-        <button styleName='policy-submit' onClick={(e) => this.handleSaveButtonClick(e)}>Save</button>
+        {i18n.__('Enable analytics to help improve Boostnote')}<br />
+        <button styleName='policy-submit' onClick={(e) => this.handleSaveButtonClick(e)}>{i18n.__('Save')}</button>
         <br />
         {this.infoMessage()}
       </div>

browser/main/modals/PreferencesModal/StorageItem.js

@@ -6,6 +6,7 @@ import consts from 'browser/lib/consts'
 import dataApi from 'browser/main/lib/dataApi'
 import store from 'browser/main/store'
 import FolderList from './FolderList'
+import i18n from 'browser/lib/i18n'
 
 const { shell, remote } = require('electron')
 const { dialog } = remote
@@ -22,7 +23,7 @@ class StorageItem extends React.Component {
   handleNewFolderButtonClick (e) {
     const { storage } = this.props
     const input = {
-      name: 'Untitled',
+      name: i18n.__('New Folder'),
       color: consts.FOLDER_COLORS[Math.floor(Math.random() * 7) % 7]
     }
 
@@ -46,9 +47,9 @@ class StorageItem extends React.Component {
   handleUnlinkButtonClick (e) {
     const index = dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
-      message: 'Unlink Storage',
-      detail: 'Unlinking removes this linked storage from Boostnote. No data is removed, please manually delete the folder from your hard drive if needed.',
-      buttons: ['Unlink', 'Cancel']
+      message: i18n.__('Unlink Storage'),
+      detail: i18n.__('Unlinking removes this linked storage from Boostnote. No data is removed, please manually delete the folder from your hard drive if needed.'),
+      buttons: [i18n.__('Unlink'), i18n.__('Cancel')]
     })
 
     if (index === 0) {
@@ -127,7 +128,7 @@ class StorageItem extends React.Component {
               <i className='fa fa-plus' />
               <span styleName='header-control-button-tooltip'
                 style={{left: -20}}
-              >Add Folder</span>
+              >{i18n.__('Add Folder')}</span>
             </button>
             <button styleName='header-control-button'
               onClick={(e) => this.handleExternalButtonClick(e)}
@@ -135,7 +136,7 @@ class StorageItem extends React.Component {
               <i className='fa fa-external-link' />
               <span styleName='header-control-button-tooltip'
                 style={{left: -50}}
-              >Open Storage folder</span>
+              >{i18n.__('Open Storage folder')}</span>
             </button>
             <button styleName='header-control-button'
               onClick={(e) => this.handleUnlinkButtonClick(e)}
@@ -143,7 +144,7 @@ class StorageItem extends React.Component {
               <i className='fa fa-unlink' />
               <span styleName='header-control-button-tooltip'
                 style={{left: -10}}
-              >Unlink</span>
+              >{i18n.__('Unlink')}</span>
             </button>
           </div>
         </div>

browser/main/modals/PreferencesModal/StoragesTab.js

@@ -4,6 +4,7 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './StoragesTab.styl'
 import dataApi from 'browser/main/lib/dataApi'
 import StorageItem from './StorageItem'
+import i18n from 'browser/lib/i18n'
 
 const electron = require('electron')
 const { shell, remote } = electron
@@ -14,7 +15,7 @@ function browseFolder () {
   const defaultPath = remote.app.getPath('home')
   return new Promise((resolve, reject) => {
     dialog.showOpenDialog({
-      title: 'Select Directory',
+      title: i18n.__('Select Directory'),
       defaultPath,
       properties: ['openDirectory', 'createDirectory']
     }, function (targetPaths) {
@@ -69,16 +70,16 @@ class StoragesTab extends React.Component {
     })
     return (
       <div styleName='list'>
-        <div styleName='header'>Storages</div>
+        <div styleName='header'>{i18n.__('Storages')}</div>
         {storageList.length > 0
           ? storageList
-          : <div styleName='list-empty'>No storage found.</div>
+          : <div styleName='list-empty'>{i18n.__('No storage found.')}</div>
         }
         <div styleName='list-control'>
           <button styleName='list-control-addStorageButton'
             onClick={(e) => this.handleAddStorageButton(e)}
           >
-            <i className='fa fa-plus' /> Add Storage Location
+            <i className='fa fa-plus' /> {i18n.__('Add Storage Location')}
           </button>
         </div>
       </div>
@@ -140,13 +141,13 @@ class StoragesTab extends React.Component {
     return (
       <div styleName='addStorage'>
 
-        <div styleName='addStorage-header'>Add Storage</div>
+        <div styleName='addStorage-header'>{i18n.__('Add Storage')}</div>
 
         <div styleName='addStorage-body'>
 
           <div styleName='addStorage-body-section'>
             <div styleName='addStorage-body-section-label'>
-              Name
+              {i18n.__('Name')}
             </div>
             <div styleName='addStorage-body-section-name'>
               <input styleName='addStorage-body-section-name-input'
@@ -158,25 +159,25 @@ class StoragesTab extends React.Component {
           </div>
 
           <div styleName='addStorage-body-section'>
-            <div styleName='addStorage-body-section-label'>Type</div>
+            <div styleName='addStorage-body-section-label'>{i18n.__('Type')}</div>
             <div styleName='addStorage-body-section-type'>
               <select styleName='addStorage-body-section-type-select'
                 value={this.state.newStorage.type}
                 readOnly
               >
-                <option value='FILESYSTEM'>File System</option>
+                <option value='FILESYSTEM'>{i18n.__('File System')}</option>
               </select>
               <div styleName='addStorage-body-section-type-description'>
-                Setting up 3rd-party cloud storage integration:{' '}
+                {i18n.__('Setting up 3rd-party cloud storage integration:')}{' '}
                 <a href='https://github.com/BoostIO/Boostnote/wiki/Cloud-Syncing-and-Backup'
                   onClick={(e) => this.handleLinkClick(e)}
-                >Cloud-Syncing-and-Backup</a>
+                >{i18n.__('Cloud-Syncing-and-Backup')}</a>
               </div>
             </div>
           </div>
 
           <div styleName='addStorage-body-section'>
-            <div styleName='addStorage-body-section-label'>Location
+            <div styleName='addStorage-body-section-label'>{i18n.__('Location')}
             </div>
             <div styleName='addStorage-body-section-path'>
               <input styleName='addStorage-body-section-path-input'
@@ -196,10 +197,10 @@ class StoragesTab extends React.Component {
           <div styleName='addStorage-body-control'>
             <button styleName='addStorage-body-control-createButton'
               onClick={(e) => this.handleAddStorageCreateButton(e)}
-            >Add</button>
+            >{i18n.__('Add')}</button>
             <button styleName='addStorage-body-control-cancelButton'
               onClick={(e) => this.handleAddStorageCancelButton(e)}
-            >Cancel</button>
+            >{i18n.__('Cancel')}</button>
           </div>
 
         </div>

browser/main/modals/PreferencesModal/UiTab.js

@@ -9,6 +9,7 @@ import ReactCodeMirror from 'react-codemirror'
 import CodeMirror from 'codemirror'
 import 'codemirror-mode-elixir'
 import _ from 'lodash'
+import i18n from 'browser/lib/i18n'
 
 const OSX = global.process.platform === 'darwin'
 
@@ -29,13 +30,13 @@ class UiTab extends React.Component {
     this.handleSettingDone = () => {
       this.setState({UiAlert: {
         type: 'success',
-        message: 'Successfully applied!'
+        message: i18n.__('Successfully applied!')
       }})
     }
     this.handleSettingError = (err) => {
       this.setState({UiAlert: {
         type: 'error',
-        message: err.message != null ? err.message : 'Error occurs!'
+        message: err.message != null ? err.message : i18n.__('Error occurs!')
       }})
     }
     ipc.addListener('APP_SETTING_DONE', this.handleSettingDone)
@@ -61,6 +62,7 @@ class UiTab extends React.Component {
     const newConfig = {
       ui: {
         theme: this.refs.uiTheme.value,
+        language: this.refs.uiLanguage.value,
         showCopyNotification: this.refs.showCopyNotification.checked,
         confirmDeletion: this.refs.confirmDeletion.checked,
         disableDirectWrite: this.refs.uiD2w != null
@@ -73,6 +75,8 @@ class UiTab extends React.Component {
         fontFamily: this.refs.editorFontFamily.value,
         indentType: this.refs.editorIndentType.value,
         indentSize: this.refs.editorIndentSize.value,
+        enableRulers: this.refs.enableEditorRulers.value === 'true',
+        rulers: this.refs.editorRulers.value.replace(/[^0-9,]/g, '').split(','),
         displayLineNumbers: this.refs.editorDisplayLineNumbers.checked,
         switchPreview: this.refs.editorSwitchPreview.value,
         keyMap: this.refs.editorKeyMap.value,
@@ -89,7 +93,8 @@ class UiTab extends React.Component {
         latexBlockOpen: this.refs.previewLatexBlockOpen.value,
         latexBlockClose: this.refs.previewLatexBlockClose.value,
         scrollPastEnd: this.refs.previewScrollPastEnd.checked,
-        smartQuotes: this.refs.previewSmartQuotes.checked
+        smartQuotes: this.refs.previewSmartQuotes.checked,
+        sanitize: this.refs.previewSanitize.value
       }
     }
 
@@ -107,7 +112,7 @@ class UiTab extends React.Component {
         this.props.haveToSave({
           tab: 'UI',
           type: 'warning',
-          message: 'You have to save!'
+          message: i18n.__('You have to save!')
         })
       }
     })
@@ -149,25 +154,53 @@ class UiTab extends React.Component {
     const themes = consts.THEMES
     const { config, codemirrorTheme } = this.state
     const codemirrorSampleCode = 'function iamHappy (happy) {\n\tif (happy) {\n\t  console.log("I am Happy!")\n\t} else {\n\t  console.log("I am not Happy!")\n\t}\n};'
+    const enableEditRulersStyle = config.editor.enableRulers ? 'block' : 'none'
     return (
       <div styleName='root'>
         <div styleName='group'>
-          <div styleName='group-header'>Interface</div>
+          <div styleName='group-header'>{i18n.__('Interface')}</div>
 
           <div styleName='group-section'>
-            Interface Theme
+            {i18n.__('Interface Theme')}
             <div styleName='group-section-control'>
               <select value={config.ui.theme}
                 onChange={(e) => this.handleUIChange(e)}
                 ref='uiTheme'
               >
-                <option value='default'>Default</option>
-                <option value='white'>White</option>
-                <option value='solarized-dark'>Solarized Dark</option>
-                <option value='dark'>Dark</option>
+                <option value='default'>{i18n.__('Default')}</option>
+                <option value='white'>{i18n.__('White')}</option>
+                <option value='solarized-dark'>{i18n.__('Solarized Dark')}</option>
+                <option value='dark'>{i18n.__('Dark')}</option>
               </select>
             </div>
           </div>
+
+          <div styleName='group-section'>
+            {i18n.__('Language')}
+            <div styleName='group-section-control'>
+              <select value={config.ui.language}
+                onChange={(e) => this.handleUIChange(e)}
+                ref='uiLanguage'
+              >
+                <option value='sq'>{i18n.__('Albanian')}</option>
+                <option value='zh-CN'>{i18n.__('Chinese (zh-CN)')}</option>
+                <option value='zh-TW'>{i18n.__('Chinese (zh-TW)')}</option>
+                <option value='da'>{i18n.__('Danish')}</option>
+                <option value='en'>{i18n.__('English')}</option>
+                <option value='fr'>{i18n.__('French')}</option>
+                <option value='de'>{i18n.__('German')}</option>
+                <option value='hu'>{i18n.__('Hungarian')}</option>
+                <option value='ja'>{i18n.__('Japanese')}</option>
+                <option value='ko'>{i18n.__('Korean')}</option>
+                <option value='no'>{i18n.__('Norwegian')}</option>
+                <option value='pl'>{i18n.__('Polish')}</option>
+                <option value='pt'>{i18n.__('Portuguese')}</option>
+                <option value='ru'>{i18n.__('Russian')}</option>
+                <option value='es'>{i18n.__('Spanish')}</option>
+              </select>
+            </div>
+          </div>
+
           <div styleName='group-checkBoxSection'>
             <label>
               <input onChange={(e) => this.handleUIChange(e)}
@@ -175,7 +208,7 @@ class UiTab extends React.Component {
                 ref='showCopyNotification'
                 type='checkbox'
               />&nbsp;
-              Show &quot;Saved to Clipboard&quot; notification when copying
+              {i18n.__('Show "Saved to Clipboard" notification when copying')}
             </label>
           </div>
           <div styleName='group-checkBoxSection'>
@@ -185,7 +218,7 @@ class UiTab extends React.Component {
                 ref='confirmDeletion'
                 type='checkbox'
               />&nbsp;
-              Show a confirmation dialog when deleting notes
+              {i18n.__('Show a confirmation dialog when deleting notes')}
             </label>
           </div>
           {
@@ -207,7 +240,7 @@ class UiTab extends React.Component {
 
           <div styleName='group-section'>
             <div styleName='group-section-label'>
-              Editor Theme
+              {i18n.__('Editor Theme')}
             </div>
             <div styleName='group-section-control'>
               <select value={config.editor.theme}
@@ -227,7 +260,7 @@ class UiTab extends React.Component {
           </div>
           <div styleName='group-section'>
             <div styleName='group-section-label'>
-              Editor Font Size
+              {i18n.__('Editor Font Size')}
             </div>
             <div styleName='group-section-control'>
               <input styleName='group-section-control-input'
@@ -240,7 +273,7 @@ class UiTab extends React.Component {
           </div>
           <div styleName='group-section'>
             <div styleName='group-section-label'>
-              Editor Font Family
+              {i18n.__('Editor Font Family')}
             </div>
             <div styleName='group-section-control'>
               <input styleName='group-section-control-input'
@@ -253,7 +286,7 @@ class UiTab extends React.Component {
           </div>
           <div styleName='group-section'>
             <div styleName='group-section-label'>
-              Editor Indent Style
+              {i18n.__('Editor Indent Style')}
             </div>
             <div styleName='group-section-control'>
               <select value={config.editor.indentSize}
@@ -269,42 +302,70 @@ class UiTab extends React.Component {
                 ref='editorIndentType'
                 onChange={(e) => this.handleUIChange(e)}
               >
-                <option value='space'>Spaces</option>
-                <option value='tab'>Tabs</option>
+                <option value='space'>{i18n.__('Spaces')}</option>
+                <option value='tab'>{i18n.__('Tabs')}</option>
               </select>
             </div>
           </div>
 
           <div styleName='group-section'>
             <div styleName='group-section-label'>
-              Switch to Preview
+              {i18n.__('Editor Rulers')}
+            </div>
+            <div styleName='group-section-control'>
+              <div>
+                <select value={config.editor.enableRulers}
+                  ref='enableEditorRulers'
+                  onChange={(e) => this.handleUIChange(e)}
+                >
+                  <option value='true'>
+                    {i18n.__('Enable')}
+                  </option>
+                  <option value='false'>
+                    {i18n.__('Disable')}
+                  </option>
+                </select>
+              </div>
+              <input styleName='group-section-control-input'
+                style={{ display: enableEditRulersStyle }}
+                ref='editorRulers'
+                value={config.editor.rulers}
+                onChange={(e) => this.handleUIChange(e)}
+                type='text'
+              />
+            </div>
+          </div>
+
+          <div styleName='group-section'>
+            <div styleName='group-section-label'>
+              {i18n.__('Switch to Preview')}
             </div>
             <div styleName='group-section-control'>
               <select value={config.editor.switchPreview}
                 ref='editorSwitchPreview'
                 onChange={(e) => this.handleUIChange(e)}
               >
-                <option value='BLUR'>When Editor Blurred</option>
-                <option value='DBL_CLICK'>When Editor Blurred, Edit On Double Click</option>
-                <option value='RIGHTCLICK'>On Right Click</option>
+                <option value='BLUR'>{i18n.__('When Editor Blurred')}</option>
+                <option value='DBL_CLICK'>{i18n.__('When Editor Blurred, Edit On Double Click')}</option>
+                <option value='RIGHTCLICK'>{i18n.__('On Right Click')}</option>
               </select>
             </div>
           </div>
 
           <div styleName='group-section'>
             <div styleName='group-section-label'>
-              Editor Keymap
+              {i18n.__('Editor Keymap')}
             </div>
             <div styleName='group-section-control'>
               <select value={config.editor.keyMap}
                 ref='editorKeyMap'
                 onChange={(e) => this.handleUIChange(e)}
               >
-                <option value='sublime'>default</option>
-                <option value='vim'>vim</option>
-                <option value='emacs'>emacs</option>
+                <option value='sublime'>{i18n.__('default')}</option>
+                <option value='vim'>{i18n.__('vim')}</option>
+                <option value='emacs'>{i18n.__('emacs')}</option>
               </select>
-              <p styleName='note-for-keymap'>⚠️ Please restart boostnote after you change the keymap</p>
+              <p styleName='note-for-keymap'>{i18n.__('⚠️ Please restart boostnote after you change the keymap')}</p>
             </div>
           </div>
 
@@ -315,7 +376,7 @@ class UiTab extends React.Component {
                 ref='editorDisplayLineNumbers'
                 type='checkbox'
               />&nbsp;
-              Show line numbers in the editor
+              {i18n.__('Show line numbers in the editor')}
             </label>
           </div>
 
@@ -326,7 +387,7 @@ class UiTab extends React.Component {
                 ref='scrollPastEnd'
                 type='checkbox'
               />&nbsp;
-              Allow editor to scroll past the last line
+              {i18n.__('Allow editor to scroll past the last line')}
             </label>
           </div>
 
@@ -337,14 +398,14 @@ class UiTab extends React.Component {
                 ref='editorFetchUrlTitle'
                 type='checkbox'
               />&nbsp;
-              Bring in web page title when pasting URL on editor
+              {i18n.__('Bring in web page title when pasting URL on editor')}
             </label>
           </div>
 
-          <div styleName='group-header2'>Preview</div>
+          <div styleName='group-header2'>{i18n.__('Preview')}</div>
           <div styleName='group-section'>
             <div styleName='group-section-label'>
-              Preview Font Size
+              {i18n.__('Preview Font Size')}
             </div>
             <div styleName='group-section-control'>
               <input styleName='group-section-control-input'
@@ -357,7 +418,7 @@ class UiTab extends React.Component {
           </div>
           <div styleName='group-section'>
             <div styleName='group-section-label'>
-              Preview Font Family
+              {i18n.__('Preview Font Family')}
             </div>
             <div styleName='group-section-control'>
               <input styleName='group-section-control-input'
@@ -369,7 +430,7 @@ class UiTab extends React.Component {
             </div>
           </div>
           <div styleName='group-section'>
-            <div styleName='group-section-label'>Code block Theme</div>
+            <div styleName='group-section-label'>{i18n.__('Code block Theme')}</div>
             <div styleName='group-section-control'>
               <select value={config.preview.codeBlockTheme}
                 ref='previewCodeBlockTheme'
@@ -390,7 +451,7 @@ class UiTab extends React.Component {
                 ref='previewScrollPastEnd'
                 type='checkbox'
               />&nbsp;
-              Allow preview to scroll past the last line
+              {i18n.__('Allow preview to scroll past the last line')}
             </label>
           </div>
           <div styleName='group-checkBoxSection'>
@@ -400,7 +461,7 @@ class UiTab extends React.Component {
                 ref='previewLineNumber'
                 type='checkbox'
               />&nbsp;
-              Show line numbers for preview code blocks
+              {i18n.__('Show line numbers for preview code blocks')}
             </label>
           </div>
           <div styleName='group-checkBoxSection'>
@@ -413,9 +474,26 @@ class UiTab extends React.Component {
               Enable smart quotes
             </label>
           </div>
+
           <div styleName='group-section'>
             <div styleName='group-section-label'>
-              LaTeX Inline Open Delimiter
+              {i18n.__('Sanitization')}
+            </div>
+            <div styleName='group-section-control'>
+              <select value={config.preview.sanitize}
+                ref='previewSanitize'
+                onChange={(e) => this.handleUIChange(e)}
+              >
+                <option value='STRICT'>✅ {i18n.__('Only allow secure html tags (recommended)')}
+                </option>
+                <option value='ALLOW_STYLES'>⚠️ {i18n.__('Allow styles')}</option>
+                <option value='NONE'>❌ {i18n.__('Allow dangerous html tags')}</option>
+              </select>
+            </div>
+          </div>
+          <div styleName='group-section'>
+            <div styleName='group-section-label'>
+              {i18n.__('LaTeX Inline Open Delimiter')}
             </div>
             <div styleName='group-section-control'>
               <input styleName='group-section-control-input'
@@ -428,7 +506,7 @@ class UiTab extends React.Component {
           </div>
           <div styleName='group-section'>
             <div styleName='group-section-label'>
-              LaTeX Inline Close Delimiter
+              {i18n.__('LaTeX Inline Close Delimiter')}
             </div>
             <div styleName='group-section-control'>
               <input styleName='group-section-control-input'
@@ -441,7 +519,7 @@ class UiTab extends React.Component {
           </div>
           <div styleName='group-section'>
             <div styleName='group-section-label'>
-              LaTeX Block Open Delimiter
+              {i18n.__('LaTeX Block Open Delimiter')}
             </div>
             <div styleName='group-section-control'>
               <input styleName='group-section-control-input'
@@ -454,7 +532,7 @@ class UiTab extends React.Component {
           </div>
           <div styleName='group-section'>
             <div styleName='group-section-label'>
-              LaTeX Block Close Delimiter
+              {i18n.__('LaTeX Block Close Delimiter')}
             </div>
             <div styleName='group-section-control'>
               <input styleName='group-section-control-input'
@@ -468,7 +546,7 @@ class UiTab extends React.Component {
 
           <div styleName='group-control'>
             <button styleName='group-control-rightButton'
-              onClick={(e) => this.handleSaveUIClick(e)}>Save
+              onClick={(e) => this.handleSaveUIClick(e)}>{i18n.__('Save')}
             </button>
             {UiAlertElement}
           </div>

browser/main/modals/PreferencesModal/index.js

@@ -12,6 +12,7 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './PreferencesModal.styl'
 import RealtimeNotification from 'browser/components/RealtimeNotification'
 import _ from 'lodash'
+import i18n from 'browser/lib/i18n'
 
 class Preferences extends React.Component {
   constructor (props) {
@@ -117,12 +118,12 @@ class Preferences extends React.Component {
     const content = this.renderContent()
 
     const tabs = [
-      {target: 'STORAGES', label: 'Storage'},
-      {target: 'HOTKEY', label: 'Hotkeys', Hotkey: this.state.HotkeyAlert},
-      {target: 'UI', label: 'Interface', UI: this.state.UIAlert},
-      {target: 'INFO', label: 'About'},
-      {target: 'CROWDFUNDING', label: 'Crowdfunding'},
-      {target: 'BLOG', label: 'Blog', Blog: this.state.BlogAlert}
+      {target: 'STORAGES', label: i18n.__('Storage')},
+      {target: 'HOTKEY', label: i18n.__('Hotkeys'), Hotkey: this.state.HotkeyAlert},
+      {target: 'UI', label: i18n.__('Interface'), UI: this.state.UIAlert},
+      {target: 'INFO', label: i18n.__('About')},
+      {target: 'CROWDFUNDING', label: i18n.__('Crowdfunding')},
+      {target: 'BLOG', label: i18n.__('Blog'), Blog: this.state.BlogAlert}
     ]
 
     const navButtons = tabs.map((tab) => {
@@ -151,7 +152,7 @@ class Preferences extends React.Component {
         onKeyDown={(e) => this.handleKeyDown(e)}
       >
         <div styleName='top-bar'>
-          <p>Your preferences for Boostnote</p>
+          <p>{i18n.__('Your preferences for Boostnote')}</p>
         </div>
         <ModalEscButton handleEscButtonClick={(e) => this.handleEscButtonClick(e)} />
         <div styleName='nav'>

browser/main/modals/RenameFolderModal.js

@@ -5,6 +5,7 @@ import styles from './RenameFolderModal.styl'
 import dataApi from 'browser/main/lib/dataApi'
 import store from 'browser/main/store'
 import ModalEscButton from 'browser/components/ModalEscButton'
+import i18n from 'browser/lib/i18n'
 
 class RenameFolderModal extends React.Component {
   constructor (props) {
@@ -72,13 +73,13 @@ class RenameFolderModal extends React.Component {
         onKeyDown={(e) => this.handleKeyDown(e)}
       >
         <div styleName='header'>
-          <div styleName='title'>Rename Folder</div>
+          <div styleName='title'>{i18n.__('Rename Folder')}</div>
         </div>
         <ModalEscButton handleEscButtonClick={(e) => this.handleCloseButtonClick(e)} />
 
         <div styleName='control'>
           <input styleName='control-input'
-            placeholder='Folder Name'
+            placeholder={i18n.__('Folder Name')}
             ref='name'
             value={this.state.name}
             onChange={(e) => this.handleChange(e)}
@@ -87,7 +88,7 @@ class RenameFolderModal extends React.Component {
           <button styleName='control-confirmButton'
             onClick={(e) => this.handleConfirmButtonClick(e)}
           >
-            Confirm
+            {i18n.__('Confirm')}
           </button>
         </div>
       </div>

docs/fr/build.md

@@ -1,5 +1,5 @@
 # Build
-Cette page est également disponible en [Angalis](https://github.com/BoostIO/Boostnote/blob/master/docs/build.md), [Japonais](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [Coréen](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [Russe](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [Chinois Simplifié](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md) et en [Allemand](https://github.com/BoostIO/Boostnote/blob/master/docs/de/build.md)
+Cette page est également disponible en [Anglais](https://github.com/BoostIO/Boostnote/blob/master/docs/build.md), [Japonais](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [Coréen](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [Russe](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [Chinois Simplifié](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md) et en [Allemand](https://github.com/BoostIO/Boostnote/blob/master/docs/de/build.md)
 
 ## Environnements
 * npm: 4.x

lib/main-app.js

@@ -69,6 +69,10 @@ ipc.on('update-app-confirm', function (event, msg) {
   }
 })
 
+app.on('window-all-closed', function () {
+  app.quit()
+})
+
 app.on('ready', function () {
   mainWindow = require('./main-window')
 

lib/main-window.js

@@ -40,7 +40,7 @@ mainWindow.webContents.sendInputEvent({
   keyCode: '\u0008'
 })
 
-if (process.platform === 'darwin' || process.env.DESKTOP_SESSION === 'cinnamon') {
+if (process.platform === 'darwin') {
   mainWindow.on('close', function (e) {
     e.preventDefault()
     if (mainWindow.isFullScreen()) {
@@ -56,11 +56,8 @@ if (process.platform === 'darwin' || process.env.DESKTOP_SESSION === 'cinnamon')
   app.on('before-quit', function (e) {
     mainWindow.removeAllListeners()
   })
-} else {
-  app.on('window-all-closed', function () {
-    app.quit()
-  })
 }
+
 mainWindow.on('resize', _.throttle(storeWindowSize, 500))
 
 function storeWindowSize () {

lib/main.html

@@ -57,6 +57,10 @@
     opacity: 1 !important;
     pointer-events: auto !important;
   }
+  .CodeMirror-ruler {
+    border-left-color: rgba(142, 142, 142, 0.5);
+    mix-blend-mode: difference;
+  }
   </style>
 </head>
 <body>
@@ -81,6 +85,7 @@
   <script src="../extra_scripts/boost/boostNewLineIndentContinueMarkdownList.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>
@@ -88,7 +93,13 @@
   <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/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/raphael/raphael.min.js"></script>
   <script src="../node_modules/flowchart.js/release/flowchart.min.js"></script>
@@ -97,7 +108,6 @@
   </script>
 
   <script src="../node_modules/js-sequence-diagrams/fucknpm/sequence-diagram-min.js"></script>
-  <script src="../node_modules/katex/dist/katex.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/redux/dist/redux.min.js"></script>

locales/da.json

@@ -0,0 +1,153 @@
+{
+	"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",
+	"Print": "Print",
+	"Your preferences for Boostnote": "Your preferences for Boostnote",
+	"Storages": "Storages",
+	"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",
+	"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 - 2018 BoostIO": "Copyright (C) 2017 - 2018 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 everyone,": "Dear everyone,",
+	"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 continue supporting this growth, and to satisfy community expectations,": "To continue supporting this growth, and to 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 like this project and see its potential, you can help by supporting us on OpenCollective!": "If you like this project and see its potential, you can help by supporting us on OpenCollective!",
+	"Thanks,": "Thanks,",
+	"Boostnote maintainers": "Boostnote maintainers",
+	"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",
+	"You have to save!": "You have to save!",
+	"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"
+}

locales/de.json

@@ -0,0 +1,208 @@
+{
+	"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",
+	"Print": "Drucken",
+	"Your preferences for Boostnote": "Boostnote Einstellungen",
+	"Storages": "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",
+	"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 - 2018 BoostIO": "Copyright (C) 2017 - 2018 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 everyone,": "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 continue supporting this growth, and to 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 like this project and see its potential, you can help by supporting us on OpenCollective!": "Wenn dir dieses Projekt gefällt und du sein Potential erkennst, kannst du uns gern mit OpenCollective unterstützen!",
+	"Thanks,": "Vielen Dank,",
+	"Boostnote maintainers": "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.",
+	"You have to save!": "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",
+	"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"
+}

locales/en.json

@@ -0,0 +1,156 @@
+{
+	"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",
+	"Print": "Print",
+	"Your preferences for Boostnote": "Your preferences for Boostnote",
+	"Storages": "Storages",
+	"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",
+	"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 - 2018 BoostIO": "Copyright (C) 2017 - 2018 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 everyone,": "Dear everyone,",
+	"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 continue supporting this growth, and to satisfy community expectations,": "To continue supporting this growth, and to 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 like this project and see its potential, you can help by supporting us on OpenCollective!": "If you like this project and see its potential, you can help by supporting us on OpenCollective!",
+	"Thanks,": "Thanks,",
+	"Boostnote maintainers": "Boostnote maintainers",
+	"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",
+	"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",
+	"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",
+	"You have to save!": "You have to save!",
+	"UserName": "UserName",
+	"Password": "Password",
+	"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"
+}

locales/es-ES.json

@@ -0,0 +1,153 @@
+{
+	"Notes": "Notas",
+	"Tags": "Etiquetas",
+	"Preferences": "Preferencias",
+	"Make a note": "Tomar una 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 A LA NOTA",
+	".md": ".md",
+	".txt": ".txt",
+	".html": ".html",
+	"Print": "Imprimir",
+	"Your preferences for Boostnote": "Tus preferencias para Boostnote",
+	"Storages": "Almacenamientos",
+	"Add Storage Location": "Añadir ubicación de almacenamiento",
+	"Add Folder": "Añadir carpeta",
+	"Open Storage folder": "Añadir 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": "Tabulación",
+	"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": "⚠️ 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 automáticamente",
+	"Preview": "Previsualización",
+	"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": "Mostar números de línea al previsualizar bloques de código",
+	"LaTeX Inline Open Delimiter": "Delimitador de apertura LaTeX en línea",
+	"LaTeX Inline Close Delimiter": "Delimitador de cierre LaTeX en línea",
+	"LaTeX Block Open Delimiter": "Delimitado de apertura bloque LaTeX",
+	"LaTeX Block Close Delimiter": "Delimitador de cierre bloque LaTeX",
+	"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 para tomar notas de código abieto para programadores como tú.",
+	"Website": "Página web",
+	"Development": "Desarrollo",
+	" : Development configurations for Boostnote.": " : Configuraciones de desarrollo para Boostnote.",
+	"Copyright (C) 2017 - 2018 BoostIO": "Copyright (C) 2017 - 2018 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. No recopila ninguna información personal, como puede ser 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": "Activa analítica para ayudar a mejorar Boostnote",
+	"Crowdfunding": "Crowdfunding",
+	"Dear everyone,": "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 continue supporting this growth, and to 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 like this project and see its potential, you can help by supporting us on OpenCollective!": "Si te gusta este proyecto y ves potencial en él, ¡puedes ayudar apoyándonos en OpenCollective!",
+	"Thanks,": "Gracias,",
+	"Boostnote maintainers": "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": "Auth",
+	"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.": "La nota se eliminará permanentemente.",
+	"Successfully applied!": "Aplicado con éxito!",
+	"Albanian": "Albanés",
+	"Chinese (zh-CN)": "Chino - China",
+	"Chinese (zh-TW)": "Chino - Taiwan",
+	"Danish": "Danés",
+	"Japanese": "Japonés",
+	"Korean": "Coreano",
+	"Norwegian": "Noruego",
+	"Polish": "Polaco",
+	"Portuguese": "Portugues",
+	"Spanish": "Español",
+	"You have to save!": "Tienes que guardar!",
+	"Russian": "Ruso",
+	"Command(⌘)": "Command(⌘)",
+	"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 etiques html peligrosas"
+}

locales/fr.json

@@ -0,0 +1,153 @@
+{
+	"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",
+	"Print": "Imprimer",
+	"Your preferences for Boostnote": "Vos préférences pour Boostnote",
+	"Storages": "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",
+	"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",
+	"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",
+	"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 - 2018 BoostIO": "Copyright (C) 2017 - 2018 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 everyone,": "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 continue supporting this growth, and to 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 like this project and see its potential, you can help by supporting us 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,",
+	"Boostnote maintainers": "Les mainteneurs de Boostnote",
+	"Support via OpenCollective": "Support via OpenCollective",
+	"Language": "Langues",
+	"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": "Blog Type",
+	"Blog Address": "Blog Address",
+	"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)",
+	"Danish": "Danois",
+	"Japanese": "Japonais",
+	"Korean": "Coréen",
+	"Norwegian": "Norvégien",
+	"Polish": "Polonais",
+	"Portuguese": "Portugais",
+	"Spanish": "Espagnol",
+	"You have to save!": "Il faut sauvegarder !",
+	"Russian": "Russian",
+	"Command(⌘)": "Command(⌘)",
+	"Editor Rulers": "Editor Rulers",
+	"Enable": "Enable",
+	"Disable": "Disable",
+	"Allow preview to scroll past the last line": "Allow preview to scroll past the last line",
+	"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"
+}

locales/hu.json

@@ -0,0 +1,160 @@
+{
+	"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",
+	"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",
+	"Print": "Nyomtatás",
+	"Your preferences for Boostnote": "Boostnote beállításaid",
+	"Storages": "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",
+	"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",
+	"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",
+	"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 - 2018 BoostIO": "Szerzői jog (C) 2017 - 2018 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 everyone,": "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 continue supporting this growth, and to 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 like this project and see its potential, you can help by supporting us 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!",
+	"Boostnote maintainers": "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",
+	"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",
+	"You have to save!": "Mentened kell!",
+	"UserName": "FelhasznaloNev",
+	"Password": "Jelszo",
+	"Russian": "Russian",
+	"Command(⌘)": "Command(⌘)",
+	"Hungarian": "Hungarian",
+	"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",
+	"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."
+}

locales/ja.json

@@ -0,0 +1,153 @@
+{
+	"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",
+	"Print": "Print",
+	"Your preferences for Boostnote": "Your preferences for Boostnote",
+	"Storages": "Storages",
+	"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",
+	"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 - 2018 BoostIO": "Copyright (C) 2017 - 2018 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 everyone,": "Dear everyone,",
+	"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 continue supporting this growth, and to satisfy community expectations,": "To continue supporting this growth, and to 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 like this project and see its potential, you can help by supporting us on OpenCollective!": "If you like this project and see its potential, you can help by supporting us on OpenCollective!",
+	"Thanks,": "Thanks,",
+	"Boostnote maintainers": "Boostnote maintainers",
+	"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",
+	"You have to save!": "You have to save!",
+	"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"
+}

locales/ko.json

@@ -0,0 +1,159 @@
+{
+	"Notes": "노트",
+	"Tags": "태그",
+	"Preferences": "설정",
+	"Make a note": "노트 생성",
+	"Ctrl": "Ctrl",
+	"Ctrl(^)": "Ctrl",
+	"to create a new note": "to create a new note",
+	"Toggle Mode": "모드 전환",
+	"Trash": "쓰레기 통",
+	"MODIFICATION DATE": "변경 날짜",
+	"Words": "단어 수",
+	"Letters": "글자 수",
+	"STORAGE": "STORAGE",
+	"FOLDER": "FOLDER",
+	"CREATION DATE": "생성일",
+	"NOTE LINK": "노트 링크",
+	".md": ".md",
+	".txt": ".txt",
+	".html": ".html",
+	"Print": "인쇄",
+	"Your preferences for Boostnote": "Boostnote 설정",
+	"Storages": "저장소",
+	"Add Storage Location": "저장소 위치 추가",
+	"Add Folder": "폴더 추가",
+	"Open Storage folder": "저장소 위치 열기",
+	"Unlink": "연결 해제",
+	"Edit": "편집",
+	"Delete": "삭제",
+	"Interface": "인터페이스",
+	"Interface Theme": "인터페이스 테마",
+	"Default": "Default",
+	"White": "White",
+	"Solarized Dark": "Solarized Dark",
+	"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": "에디터 키맵",
+	"default": "default",
+	"vim": "vim",
+	"emacs": "emacs",
+	"⚠️ Please restart boostnote after you change the 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": "URL이 붙여넣기 되었을 때, 웹페이지 타이틀을 가져옴",
+	"Preview": "프리뷰",
+	"Preview Font Size": "프리뷰시 폰트 크기",
+	"Preview Font Family": "프리뷰시 폰트 종류",
+	"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 인라인 블록 열기 기호",
+	"LaTeX Inline Close Delimiter": "LaTeX 인라인 블록 닫기 기호",
+	"LaTeX Block Open Delimiter": "LaTeX 블록 열기 기호",
+	"LaTeX Block Close Delimiter": "LaTeX 블록 닫기 기호",
+	"Community": "커뮤니티",
+	"Subscribe to Newsletter": "뉴스레터 구독",
+	"GitHub": "깃허브",
+	"Blog": "블로그",
+	"Facebook Group": "페이스북 그룹",
+	"Twitter": "트위터",
+	"About": "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 - 2018 BoostIO": "Copyright (C) 2017 - 2018 BoostIO",
+	"License: GPL v3": "License: 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.": "Boostnote는 서비스개선을 위해 익명으로 데이터를 수집하며 노트의 내용과같은 일체의 개인정보는 수집하지 않습니다.",
+	"You can see how it works on ": "여기서 어떻게 작동하는지 확인하실 수 있습니다.",
+	"You can choose to enable or disable this option.": "사용 통계/분석 수집 여부는 직접 선택하실 수 있습니다.",
+	"Enable analytics to help improve Boostnote": "Boostnote 개선을 돕기위해 사용 통계/분석 수집 허가",
+	"Crowdfunding": "크라우드펀딩",
+	"Dear everyone,": "모두들에게,",
+	"Thank you for using Boostnote!": "사용해주셔서 감사합니다!",
+	"Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote는 200여개의 국가에서 뛰어난 개발자들에게 사용되어지고 있습니다.",
+	"To continue supporting this growth, and to satisfy community expectations,": "성장을 계속하기 위해 그리고 커뮤니티의 기대를 만족시키기 위해서,",
+	"we would like to invest more time and resources in this project.": "저희도 시간과 자원을 더 쏟아붓고 싶습니다.",
+	"If you like this project and see its potential, you can help by supporting us on OpenCollective!": "만약 이 프로젝트가 마음에 들고 가능성이 보이신다면, 저희를 OpenCollective에서 도와주세요!",
+	"Thanks,": "감사합니다,",
+	"Boostnote maintainers": "Boostnote 메인테이너",
+	"Support via OpenCollective": "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": "모든 노트들",
+	"Starred": "즐겨찾기",
+	"Are you sure to ": "정말 이 폴더를",
+	" delete": " 삭제",
+	"this folder?": "하시겠습니까?",
+	"Confirm": "확인",
+	"Cancel": "취소",
+	"Markdown Note": "마크다운 노트",
+	"This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "텍스트 문서를 작성하기 위한 형식입니다. 체크리스트, 코드블록 그리고 LaTeX블록이 사용가능합니다.",
+	"Snippet Note": "스닙펫 노트",
+	"This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "코드스닙펫을 작성하기 위한 형식입니다. 여러개의 스닙펫들을 하나의 노트로 만들 수 있습니다.",
+	"Tab to switch format": "탭으로 형식을 바꿀 수 있습니다.",
+	"Updated": "수정일 순",
+	"Created": "생성일 순",
+	"Alphabetically": "알파벳 순",
+	"Default View": "크게 보기",
+	"Compressed View": "작게 보기",
+	"Search": "검색",
+	"Blog Type": "블로그 종류",
+	"Blog Address": "블로그 주소",
+	"Save": "저장",
+	"Auth": "인증",
+	"Authentication Method": "인증방식",
+	"JWT": "JWT",
+	"USER": "USER",
+	"토큰": "Token",
+	"저장소": "저장소",
+	"단축키": "단축키",
+	"Show/Hide Boostnote": "앱 열기/숨기기",
+	"Restore": "복구",
+	"Permanent Delete": "완전 삭제",
+	"Confirm note deletion": "노트 삭제 확인",
+	"This will permanently remove this note.": "노트를 완전히 삭제하게 됩니다.",
+	"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",
+	"You have to save!": "저장해주세요!",
+	"Russian": "Russian",
+	"Command(⌘)": "Command(⌘)",
+	"Delete Folder": "폴더 삭게",
+	"This will delete all notes in the folder and can not be undone.": "폴더의 모든 노트를 지우게 되고, 되돌릴 수 없습니다.",
+	"UserName": "유저명",
+	"Password": "패스워드",
+	"Storage": "저장소",
+	"Hotkeys": "단축키",
+	"Editor Rulers": "Editor Rulers",
+	"Enable": "Enable",
+	"Disable": "Disable",
+	"Sanitization": "허용 태그 범위",
+	"Only allow secure html tags (recommended)": "안전한 HTML 태그만 허용 (추천)",
+	"Allow styles": "style 태그, 속성까지 허용",
+	"Allow dangerous html tags": "모든 위험한 태그 허용"
+}

locales/no.json

@@ -0,0 +1,152 @@
+{
+	"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",
+	"Print": "Print",
+	"Your preferences for Boostnote": "Your preferences for Boostnote",
+	"Storages": "Storages",
+	"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",
+	"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 - 2018 BoostIO": "Copyright (C) 2017 - 2018 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 everyone,": "Dear everyone,",
+	"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 continue supporting this growth, and to satisfy community expectations,": "To continue supporting this growth, and to 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 like this project and see its potential, you can help by supporting us on OpenCollective!": "If you like this project and see its potential, you can help by supporting us on OpenCollective!",
+	"Thanks,": "Thanks,",
+	"Boostnote maintainers": "Boostnote maintainers",
+	"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",
+	"You have to save!": "You have to save!",
+	"Russian": "Russian",
+	"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"
+}

locales/pl.json

@@ -0,0 +1,152 @@
+{
+	"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",
+	"Print": "Print",
+	"Your preferences for Boostnote": "Your preferences for Boostnote",
+	"Storages": "Storages",
+	"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",
+	"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 - 2018 BoostIO": "Copyright (C) 2017 - 2018 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 everyone,": "Dear everyone,",
+	"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 continue supporting this growth, and to satisfy community expectations,": "To continue supporting this growth, and to 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 like this project and see its potential, you can help by supporting us on OpenCollective!": "If you like this project and see its potential, you can help by supporting us on OpenCollective!",
+	"Thanks,": "Thanks,",
+	"Boostnote maintainers": "Boostnote maintainers",
+	"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",
+	"You have to save!": "You have to save!",
+	"Russian": "Russian",
+	"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"
+}

locales/pt-BR.json

@@ -0,0 +1,152 @@
+{
+	"Notes": "Notas",
+	"Tags": "Etiquetas",
+	"Preferences": "Preferências",
+	"Make a note": "Fazer uma nota",
+	"Ctrl": "Ctrl",
+	"Ctrl(^)": "Ctrl",
+	"to create a new note": "para criar uma nova nota",
+	"Toggle Mode": "Modo de alternância",
+	"Trash": "Lixeira",
+	"MODIFICATION DATE": "DATA DE MODIFICAÇÃO",
+	"Words": "Palavras",
+	"Letters": "Letras",
+	"STORAGE": "ARMAZENAMENTO",
+	"FOLDER": "PASTA",
+	"CREATION DATE": "DATA DE CRIAÇÃO",
+	"NOTE LINK": "VÍNCULO DA NOTA",
+	".md": ".md",
+	".txt": ".txt",
+	".html": ".html",
+	"Print": "Imprimir",
+	"Your preferences for Boostnote": "Suas preferências para o Boostnote",
+	"Storages": "Armazenamentos",
+	"Add Storage Location": "Adicionar Local de Armazenamento",
+	"Add Folder": "Adicionar Pasta",
+	"Open Storage folder": "Abrir Local de Armazenamento",
+	"Unlink": "Desvincular",
+	"Edit": "Editar",
+	"Delete": "Apagar",
+	"Interface": "Interface",
+	"Interface Theme": "Tema da Interface",
+	"Default": "Padrão",
+	"White": "Branco",
+	"Solarized Dark": "Escuro Solarizado",
+	"Dark": "Escuro",
+	"Show a confirmation dialog when deleting notes": "Mostrar um diálogo de confirmação ao escluir notas",
+	"Editor Theme": "Tema do Editor",
+	"Editor Font Size": "Tamanho da Fonte do Editor",
+	"Editor Font Family": "Família da Fonte do Editor",
+	"Editor Indent Style": "Estílo de Indentação do Editor",
+	"Spaces": "Espaços",
+	"Tabs": "Tabulação",
+	"Switch to Preview": "Mudar para a Pré-Visualização",
+	"When Editor Blurred": "Quando o Editor Obscurece",
+	"When Editor Blurred, Edit On Double Click": "Quando o Editor Obscurece, Editar com Duplo Clique",
+	"On Right Click": "Ao Clicar Com o Botão Direito",
+	"Editor Keymap": "Mapa de Teclado do Editor",
+	"default": "padrão",
+	"vim": "vim",
+	"emacs": "emacs",
+	"⚠️ Please restart boostnote after you change the keymap": "⚠️ Por favor, reinicie o boostnote depois de alterar o mapa de teclado",
+	"Show line numbers in the editor": "Mostrar os números das linhas no editor",
+	"Allow editor to scroll past the last line": "Permitir ao editor rolar além da última linha",
+	"Bring in web page title when pasting URL on editor": "Trazer o título da página da Web ao colar a URL no editor",
+	"Preview": "Pré-Visualização",
+	"Preview Font Size": "Tamanho da Fonte da Pré-Visualização",
+	"Preview Font Family": "Família da Fonte da Pré-Visualização",
+	"Code block Theme": "Tema do Bloco de Código",
+	"Allow preview to scroll past the last line": "Permitir à pré-visualização rolar além da última linha",
+	"Show line numbers for preview code blocks": "Mostrar os números das linhas na pré-visualização dos blocos de código",
+	"LaTeX Inline Open Delimiter": "Delimitador em Linha Aberto do LaTeX",
+	"LaTeX Inline Close Delimiter": "Delimitador em Linha Fechado do LaTeX",
+	"LaTeX Block Open Delimiter": "Delimitador de Bloco Aberto do LaTeX",
+	"LaTeX Block Close Delimiter": "Delimitador de Bloco Fechado do LaTeX",
+	"Community": "Comunidade",
+	"Subscribe to Newsletter": "Subscrever à Newsletter",
+	"GitHub": "GitHub",
+	"Blog": "Blog",
+	"Facebook Group": "Grupo do Facebook",
+	"Twitter": "Twitter",
+	"About": "Sobre",
+	"Boostnote": "Boostnote",
+	"An open source note-taking app made for programmers just like you.": "Um aplicativo de anotações de código aberto feito para programadores como você.",
+	"Website": "Website",
+	"Development": "Desenvolvimento",
+	" : Development configurations for Boostnote.": " : Configurações de desenvolvimento para o Boostnote.",
+	"Copyright (C) 2017 - 2018 BoostIO": "Direitos Autorais (C) 2017 - 2018 BoostIO",
+	"License: GPL v3": "Licença: GPL v3",
+	"Analytics": "Técnicas analíticas",
+	"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.": "O Boostnote coleta dados anônimos com o único propósito de melhorar o aplicativo e de modo algum coleta qualquer informação pessoal, bem como o conteúdo de suas anotações.",
+	"You can see how it works on ": "Você pode ver como funciona ",
+	"You can choose to enable or disable this option.": "Você pode optar por ativar ou desativar essa opção.",
+	"Enable analytics to help improve Boostnote": "Ativar técnicas analíticas para ajudar a melhorar o Boostnote",
+	"Crowdfunding": "Financiamento Coletivo",
+	"Dear everyone,": "Caros(as),",
+	"Thank you for using Boostnote!": "Obrigado por usar o Boostnote!",
+	"Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "O Boostnote é usado em cerca de 200 países e regiões diferentes por uma incrível comunidade de desenvolvedores.",
+	"To continue supporting this growth, and to satisfy community expectations,": "Para continuar apoiando o crescimento e satisfazer as expectativas da comunidade,",
+	"we would like to invest more time and resources in this project.": "gostaríamos de investir mais tempo e recursos neste projeto.",
+	"If you like this project and see its potential, you can help by supporting us on OpenCollective!": "Se você gosta deste projeto e vê o seu potencial, você pode nos ajudar apoiando-nos no OpenCollective!",
+	"Thanks,": "Obrigado,",
+	"Boostnote maintainers": "Mantenedores do Boostnote",
+	"Support via OpenCollective": "Suporte via OpenCollective",
+	"Language": "Idioma",
+	"English": "Inglês",
+	"German": "Alemão",
+	"French": "Francês",
+	"Show \"Saved to Clipboard\" notification when copying": "Mostrar a notificação \"Armazenado na Área de Transferência\" ao copiar",
+	"All Notes": "Todas as Notas",
+	"Starred": "Com Estrela",
+	"Are you sure to ": "Tem certeza que gostaría de ",
+	" delete": " apagar",
+	"this folder?": "essa pasta?",
+	"Confirm": "Confirmar",
+	"Cancel": "Cancelar",
+	"Markdown Note": "Nota em Markdown",
+	"This format is for creating text documents. Checklists, code blocks and Latex blocks are available.": "Este formato permite a criação de documentos de texto. Listas de verificação, blocos de código e blocos Latex estão disponíveis.",
+	"Snippet Note": "Fragmento de Nota",
+	"This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "Este formato é para criar trechos de código. Vários trechos podem ser agrupados em uma única nota.",
+	"Tab to switch format": "Tabule para mudar o formato",
+	"Updated": "Atualizado",
+	"Created": "Criado",
+	"Alphabetically": "Alfabeticamente",
+	"Default View": "Visualização Padrão",
+	"Compressed View": "Visualização Comprimida",
+	"Search": "Procura",
+	"Blog Type": "Tipo do Blog",
+	"Blog Address": "Endereço do Blog",
+	"Save": "Salvar",
+	"Auth": "Auth",
+	"Authentication Method": "Método de Autenticação",
+	"JWT": "JWT",
+	"USER": "USUÁRIO",
+	"Token": "Token",
+	"Storage": "Armazenamento",
+	"Hotkeys": "Teclas de Atalho",
+	"Show/Hide Boostnote": "Esconder/Mostrar Boostnote",
+	"Restore": "Restaurar",
+	"Permanent Delete": "Excluir Permanentemente",
+	"Confirm note deletion": "Confirmar exclusão da nota",
+	"This will permanently remove this note.": "Isso irá excluir a nota permanentemente.",
+	"Successfully applied!": "Aplicado com Sucesso!",
+	"Albanian": "Albanês",
+	"Chinese (zh-CN)": "Chinês (zh-CN)",
+	"Chinese (zh-TW)": "Chinês (zh-TW)",
+	"Danish": "Dinamarquês",
+	"Japanese": "Japonês",
+	"Korean": "Coreano",
+	"Norwegian": "Norueguês",
+	"Polish": "Polonês",
+	"Portuguese": "Português (pt-BR)",
+	"Spanish": "Espanhol",
+	"You have to save!": "Você precisa salvar!",
+	"Russian": "Russo",
+	"Editor Rulers": "Réguas do Editor",
+	"Enable": "Habilitado",
+	"Disable": "Desabilitado",
+	"Sanitization": "Sanitização",
+	"Only allow secure html tags (recommended)": "Permitir apenas tags html seguras (recomendado)",
+	"Allow styles": "Permitir estilos",
+	"Allow dangerous html tags": "Permitir tags html perigosas"
+}

locales/pt-PT.json

@@ -0,0 +1,152 @@
+{
+	"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",
+	"Print": "Print",
+	"Your preferences for Boostnote": "Your preferences for Boostnote",
+	"Storages": "Storages",
+	"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",
+	"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 - 2018 BoostIO": "Copyright (C) 2017 - 2018 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 everyone,": "Dear everyone,",
+	"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 continue supporting this growth, and to satisfy community expectations,": "To continue supporting this growth, and to 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 like this project and see its potential, you can help by supporting us on OpenCollective!": "If you like this project and see its potential, you can help by supporting us on OpenCollective!",
+	"Thanks,": "Thanks,",
+	"Boostnote maintainers": "Boostnote maintainers",
+	"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",
+	"You have to save!": "You have to save!",
+	"Russian": "Russian",
+	"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"
+}

locales/ru.json

@@ -0,0 +1,150 @@
+{
+	"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",
+	"Print": "Print",
+	"Your preferences for Boostnote": "Настройки Boostnote",
+	"Storages": "Хранилища",
+	"Add Storage Location": "Добавить хранилище",
+	"Add Folder": "Добавить папку",
+	"Open Storage folder": "Открыть хранилище",
+	"Unlink": "Удалить",
+	"Edit": "Редактировать",
+	"Delete": "Удалить",
+	"Interface": "Интерфейс",
+	"Interface Theme": "Тема оформления",
+	"Default": "По умолчанию",
+	"White": "Светлая",
+	"Solarized Dark": "Solarized Dark",
+	"Dark": "Темная",
+	"Show a confirmation dialog when deleting notes": "Спрашивать подтверждение перед удалением записей?",
+	"Editor Theme": "Тема",
+	"Editor Font Size": "Размер шрифта",
+	"Editor Font Family": "Шрифт",
+	"Editor Indent Style": "Отступы",
+	"Spaces": "Пробелы",
+	"Tabs": "Табуляция",
+	"Switch to Preview": "Переключать на превью",
+	"When Editor Blurred": "При снятии фокуса с редактора",
+	"When Editor Blurred, Edit On Double Click": "При снятии фокуса, редактировать двойным кликом",
+	"On Right Click": "По правому клику",
+	"Editor Keymap": "Горячие клавиши",
+	"default": "по умолчанию",
+	"vim": "vim",
+	"emacs": "emacs",
+	"⚠️ Please restart boostnote after you change the keymap": "⚠️ Перезапустите Boostnote, чтобы применить изменения",
+	"Show line numbers in the editor": "Показывать номера строк в редакторе",
+	"Allow editor to scroll past the last line": "Разрешить прокрутку дальше последней строки в редакторе",
+	"Bring in web page title when pasting URL on editor": "Копировать заголовок страницы при вставке URL-ссылки в редакторе",
+	"Preview": "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": "Символ начала inline записи в LaTeX",
+	"LaTeX Inline Close Delimiter": "Символ окончания inline записи в LaTeX",
+	"LaTeX Block Open Delimiter": "Символ начала блока LaTeX",
+	"LaTeX Block Close Delimiter": "Символ окончания блока LaTeX",
+	"Community": "Сообщество",
+	"Subscribe to Newsletter": "Подпишитесь на рассылку",
+	"GitHub": "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 - 2018 BoostIO": "Copyright (C) 2017 - 2018 BoostIO",
+	"License: GPL v3": "License: 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.": "Boostnote собирает анонимные данные о пользовании приложением для того, чтобы улучшать пользовательский опыт. Мы не собираем личную информацию и содержание ваших записей.",
+	"You can see how it works on ": "Посмотрите исходный код на ",
+	"You can choose to enable or disable this option.": "Вы можете отказаться от передачи анонимной информации разработчикам.",
+	"Enable analytics to help improve Boostnote": "Отправлять анонимные данные, чтобы сделать Boostnote еще лучше",
+	"Crowdfunding": "Краудфандинг",
+	"Dear everyone,": "Привет,",
+	"Thank you for using Boostnote!": "Спасибо за использование Boostnote!",
+	"Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "Boostnote используется в 200 странах и регионов дружным сообществом разработчиков.",
+	"To continue supporting this growth, and to satisfy community expectations,": "Чтобы продукт развивался и удовлетворял ожиданиям пользователей,",
+	"we would like to invest more time and resources in this project.": "мы хотим выделять больше времени и ресурсов проекту.",
+	"If you like this project and see its potential, you can help by supporting us on OpenCollective!": "Если вам нравится Boostnote и его сообщество, вы можете профинансировать проект на OpenCollective!",
+	"Thanks,": "Спасибо,",
+	"Boostnote maintainers": "разработчики 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.": "Этот формат подходит для создания текстовых документов. Сюда вы можете добавлять чек-листы, блоки кода и блоки в LaTeX.",
+	"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": "По алфавиту",
+	"Default View": "Стандартный вид",
+	"Compressed View": "Сокращенный вид",
+	"Search": "Поиск",
+	"Blog Type": "Тип блога",
+	"Blog Address": "Адрес блога",
+	"Save": "Сохранить",
+	"Auth": "Авторизоваться",
+	"Authentication Method": "Метод авторизации",
+	"JWT": "JWT",
+	"USER": "USER",
+	"Token": "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": "Испанский",
+	"You have to save!": "Нужно сохранить!",
+	"UserName": "Имя пользователя",
+	"Password": "Пароль",
+	"Russian": "Русский",
+	"Editor Rulers": "Editor Rulers",
+	"Enable": "Enable",
+	"Disable": "Disable"
+}

locales/sq.json

@@ -0,0 +1,152 @@
+{
+	"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",
+	"Print": "Print",
+	"Your preferences for Boostnote": "Your preferences for Boostnote",
+	"Storages": "Storages",
+	"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",
+	"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 - 2018 BoostIO": "Copyright (C) 2017 - 2018 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 everyone,": "Dear everyone,",
+	"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 continue supporting this growth, and to satisfy community expectations,": "To continue supporting this growth, and to 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 like this project and see its potential, you can help by supporting us on OpenCollective!": "If you like this project and see its potential, you can help by supporting us on OpenCollective!",
+	"Thanks,": "Thanks,",
+	"Boostnote maintainers": "Boostnote maintainers",
+	"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",
+	"You have to save!": "You have to save!",
+	"Russian": "Russian",
+	"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"
+}

locales/zh-CN.json

@@ -0,0 +1,152 @@
+{
+	"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",
+	"Print": "打印",
+	"Your preferences for Boostnote": "个性设置",
+	"Storages": "本地存储",
+	"Add Storage Location": "添加一个本地存储位置",
+	"Add Folder": "新建文件夹",
+	"Open Storage folder": "打开本地存储位置",
+	"Unlink": "取消链接",
+	"Edit": "编辑",
+	"Delete": "删除",
+	"Interface": "界面",
+	"Interface Theme": "主题",
+	"Default": "默认",
+	"White": "White",
+	"Solarized Dark": "Solarized Dark",
+	"Dark": "Dark",
+	"Show a confirmation dialog when deleting notes": "删除笔记的时候，显示确认框",
+	"Editor Theme": "编辑器主题",
+	"Editor Font Size": "编辑器字号",
+	"Editor Font Family": "编辑器字体",
+	"Editor Indent Style": "缩进风格",
+	"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": "⚠️ 设置好快捷键后，记得重启boostnote",
+	"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 单行开头分隔符",
+	"LaTeX Inline Close Delimiter": "LaTeX 单行结尾分隔符",
+	"LaTeX Block Open Delimiter": "LaTeX 多行开头分隔符",
+	"LaTeX Block Close Delimiter": "LaTeX 多行结尾分隔符",
+	"Community": "社区",
+	"Subscribe to Newsletter": "订阅邮件",
+	"GitHub": "GitHub",
+	"Blog": "博客",
+	"Facebook Group": "Facebook Group",
+	"Twitter": "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 - 2018 BoostIO": "Copyright (C) 2017 - 2018 BoostIO",
+	"License: GPL v3": "License: 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.": "Boostnote 收集匿名数据只为了提升软件使用体验，绝对不收集任何个人信息（包括笔记内容）",
+	"You can see how it works on ": "你可以看看它的源码是如何运作的 ",
+	"You can choose to enable or disable this option.": "你可以选择开启或不开启这个功能",
+	"Enable analytics to help improve Boostnote": "允许对数据进行分析，帮助我们改进Boostnote",
+	"Crowdfunding": "众筹",
+	"Dear everyone,": "亲爱的用户：",
+	"Thank you for using Boostnote!": "谢谢你使用Boostnote！",
+	"Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "大约有200个不同的国家和地区的优秀开发者们都在使用Boostnote！",
+	"To continue supporting this growth, and to satisfy community expectations,": "为了继续支持这种发展，和满足社区的期待，",
+	"we would like to invest more time and resources in this project.": "我们非常愿意投入更多的时间和资源到这个项目中。",
+	"If you like this project and see its potential, you can help by supporting us on OpenCollective!": "如果你喜欢这款软件并且看好它的潜力, 请在OpenCollective上支持我们！",
+	"Thanks,": "十分感谢！",
+	"Boostnote maintainers": "Boostnote的维护人员",
+	"Support via OpenCollective": "在OpenCollective上支持我们",
+	"Language": "语言",
+	"English": "English",
+	"German": "German",
+	"French": "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.": "创建文档，清单，代码块甚至是Latex格式文档",
+	"Snippet Note": "代码笔记",
+	"This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "创建代码片段，支持多种语法代码片段",
+	"Tab to switch format": "使用Tab键切换格式",
+	"Updated": "更新时间",
+	"Created": "创建时间",
+	"Alphabetically": "A~Z排序",
+	"Default View": "默认视图",
+	"Compressed View": "列表视图",
+	"Search": "搜索",
+	"Blog Type": "博客类型",
+	"Blog Address": "博客地址",
+	"Save": "保存",
+	"Auth": "Auth",
+	"Authentication Method": "认证方法",
+	"JWT": "JWT",
+	"USER": "USER",
+	"Token": "Token",
+	"Storage": "本地存储",
+	"Hotkeys": "快捷键",
+	"Show/Hide Boostnote": "显示/隐藏 Boostnote",
+	"Restore": "恢复",
+	"Permanent Delete": "永久删除",
+	"Confirm note deletion": "确认删除笔记",
+	"This will permanently remove this note.": "永久地删除这条笔记",
+	"Successfully applied!": "设置成功",
+	"Albanian": "Albanian",
+	"Chinese (zh-CN)": "简体中文",
+	"Chinese (zh-TW)": "繁體中文",
+	"Danish": "Danish",
+	"Japanese": "Japanese",
+	"Korean": "Korean",
+	"Norwegian": "Norwegian",
+	"Polish": "Polish",
+	"Portuguese": "Portuguese",
+	"Spanish": "Spanish",
+	"You have to save!": "你必须保存一下！",
+	"Russian": "Russian",
+	"Editor Rulers": "Editor Rulers",
+	"Enable": "开启",
+	"Disable": "关闭",
+	"Sanitization": "代码处理",
+	"Only allow secure html tags (recommended)": "只允许安全的html标签(推荐)",
+	"Allow styles": "允许样式",
+	"Allow dangerous html tags": "允许危险的html标签"
+}

locales/zh-TW.json

@@ -0,0 +1,152 @@
+{
+	"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",
+	"Print": "列印",
+	"Your preferences for Boostnote": "個性設置",
+	"Storages": "本地儲存",
+	"Add Storage Location": "添加一個本地儲存位置",
+	"Add Folder": "新建資料夾",
+	"Open Storage folder": "打開一個本地儲存位置",
+	"Unlink": "取消鏈接",
+	"Edit": "編輯",
+	"Delete": "刪除",
+	"Interface": "界面",
+	"Interface Theme": "主題",
+	"Default": "默認",
+	"White": "White",
+	"Solarized Dark": "Solarized Dark",
+	"Dark": "Dark",
+	"Show a confirmation dialog when deleting notes": "刪除筆記的時候，顯示確認框",
+	"Editor Theme": "編輯器主題",
+	"Editor Font Size": "編輯器字型大小",
+	"Editor Font Family": "編輯器字體",
+	"Editor Indent Style": "縮進風格",
+	"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": "⚠️ 設置好快捷鍵後，記得重啟设置好快捷键后，记得重启boostnote",
+	"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 單行開頭分隔符",
+	"LaTeX Inline Close Delimiter": "LaTeX 單行結尾分隔符",
+	"LaTeX Block Open Delimiter": "LaTeX 多行開頭分隔符",
+	"LaTeX Block Close Delimiter": "LaTeX 多行結尾分隔符",
+	"Community": "社區",
+	"Subscribe to Newsletter": "訂閱郵件",
+	"GitHub": "GitHub",
+	"Blog": "部落格",
+	"Facebook Group": "Facebook Group",
+	"Twitter": "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 - 2018 BoostIO": "Copyright (C) 2017 - 2018 BoostIO",
+	"License: GPL v3": "License: 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.": "Boostnote 收集匿名數據只為了提升軟體使用體驗，絕對不收集任何個人信息（包括筆記內容）",
+	"You can see how it works on ": "你可以看看它的源碼是如何運作的  ",
+	"You can choose to enable or disable this option.": "你可以選擇開啟或不開啟這個功能",
+	"Enable analytics to help improve Boostnote": "允許對數據進行分析，幫助我們改進Boostnote",
+	"Crowdfunding": "眾籌",
+	"Dear everyone,": "親愛的用戶：",
+	"Thank you for using Boostnote!": "謝謝你使用Boostnote！",
+	"Boostnote is used in about 200 different countries and regions by an awesome community of developers.": "大約有200個不同的國家和地區的優秀開發者們都在使用Boostnote！",
+	"To continue supporting this growth, and to satisfy community expectations,": "為了繼續支持這種發展，和滿足社區的期待，",
+	"we would like to invest more time and resources in this project.": "我們非常願意投入更多的時間和資源到這個專案中。",
+	"If you like this project and see its potential, you can help by supporting us on OpenCollective!": "如果你喜歡這款軟體並且看好它的潛力, 請在OpenCollective上支持我們！",
+	"Thanks,": "十分感謝！",
+	"Boostnote maintainers": "Boostnote的維護人員",
+	"Support via OpenCollective": "在OpenCollective上支持我們",
+	"Language": "語言",
+	"English": "English",
+	"German": "German",
+	"French": "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.": "創建文檔，清單，代碼塊甚至是Latex格式文檔",
+	"Snippet Note": "代碼筆記",
+	"This format is for creating code snippets. Multiple snippets can be grouped into a single note.": "創建代碼片段，支持多種語法代碼片段",
+	"Tab to switch format": "使用Tab鍵切換格式",
+	"Updated": "更新時間",
+	"Created": "創建時間",
+	"Alphabetically": "A~Z排序",
+	"Default View": "默認視圖",
+	"Compressed View": "列表視圖",
+	"Search": "搜索",
+	"Blog Type": "部落格類型",
+	"Blog Address": "部落格地址",
+	"Save": "保存",
+	"Auth": "Auth",
+	"Authentication Method": "認證方法",
+	"JWT": "JWT",
+	"USER": "USER",
+	"Token": "Token",
+	"Storage": "本地儲存",
+	"Hotkeys": "快捷鍵",
+	"Show/Hide Boostnote": "顯示/隱藏 Boostnote",
+	"Restore": "恢復",
+	"Permanent Delete": "永久刪除",
+	"Confirm note deletion": "確認刪除筆記",
+	"This will permanently remove this note.": "永久地刪除這條筆記",
+	"Successfully applied!": "設置成功",
+	"Albanian": "Albanian",
+	"Chinese (zh-CN)": "简体中文",
+	"Chinese (zh-TW)": "繁體中文",
+	"Danish": "Danish",
+	"Japanese": "Japanese",
+	"Korean": "Korean",
+	"Norwegian": "Norwegian",
+	"Polish": "Polish",
+	"Portuguese": "Portuguese",
+	"Spanish": "Spanish",
+	"You have to save!": "你必須儲存一下！",
+	"Russian": "Russian",
+	"Editor Rulers": "Editor Rulers",
+	"Enable": "開啟",
+	"Disable": "關閉",
+	"Sanitization": "代碼處理",
+	"Only allow secure html tags (recommended)": "只允許安全的html標籤(推薦)",
+	"Allow styles": "允許樣式",
+	"Allow dangerous html tags": "允許危險的html標籤"
+}

package-lock.json

@@ -0,0 +1,35 @@
+{
+  "name": "boost",
+  "version": "0.10.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "debug": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+      "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+      "requires": {
+        "ms": "2.0.0"
+      }
+    },
+    "i18n-2": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/i18n-2/-/i18n-2-0.7.2.tgz",
+      "integrity": "sha512-Rdh6vfpNhL7q61cNf27x7QGULTi1TcGLVdFb5OJ6dOiJo+EkOTqEg0+3xgyeEMgYhopUBsh2IiSkFkjM+EhEmA==",
+      "requires": {
+        "debug": "3.1.0",
+        "sprintf": "0.1.5"
+      }
+    },
+    "ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+    },
+    "sprintf": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/sprintf/-/sprintf-0.1.5.tgz",
+      "integrity": "sha1-j4PjmpMXwaUCy324BQ5Rxnn27c8="
+    }
+  }
+}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "boost",
   "productName": "Boostnote",
-  "version": "0.11.0",
+  "version": "0.11.4",
   "main": "index.js",
   "description": "Boostnote",
   "license": "GPL-3.0",
@@ -11,6 +11,7 @@
     "webpack": "webpack-dev-server --hot --inline --config webpack.config.js",
     "compile": "grunt compile",
     "test": "PWD=$(pwd) NODE_ENV=test ava --serial",
+    "jest": "jest",
     "fix": "npm run lint --fix",
     "lint": "eslint .",
     "dev-start": "concurrently --kill-others \"npm run webpack\" \"npm run hot\""
@@ -56,8 +57,10 @@
     "codemirror-mode-elixir": "^1.1.1",
     "electron-config": "^0.2.1",
     "electron-gh-releases": "^2.0.2",
+    "filenamify": "^2.0.0",
     "flowchart.js": "^1.6.5",
     "font-awesome": "^4.3.0",
+    "i18n-2": "^0.7.2",
     "iconv-lite": "^0.4.19",
     "immutable": "^3.8.1",
     "js-sequence-diagrams": "^1000000.0.6",
@@ -92,15 +95,18 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "ava": "^0.16.0",
+    "ava": "^0.25.0",
     "babel-core": "^6.14.0",
+    "babel-jest": "^22.4.3",
     "babel-loader": "^6.2.0",
     "babel-plugin-react-transform": "^2.0.0",
     "babel-plugin-webpack-alias": "^2.1.1",
+    "babel-preset-env": "^1.6.1",
     "babel-preset-es2015": "^6.3.13",
-    "babel-preset-react": "^6.3.13",
+    "babel-preset-react": "^6.24.1",
     "babel-preset-react-hmre": "^1.0.1",
     "babel-register": "^6.11.6",
+    "browser-env": "^3.2.5",
     "concurrently": "^3.4.0",
     "copy-to-clipboard": "^3.0.6",
     "css-loader": "^0.19.0",
@@ -117,15 +123,20 @@
     "grunt": "^0.4.5",
     "grunt-electron-installer": "2.1.0",
     "history": "^1.17.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^22.4.3",
+    "jest-localstorage-mock": "^2.2.0",
     "jsdom": "^9.4.2",
     "json-loader": "^0.5.4",
     "merge-stream": "^1.0.0",
+    "mock-require": "^3.0.1",
     "nib": "^1.1.0",
     "react-color": "^2.2.2",
     "react-css-modules": "^3.7.6",
     "react-input-autosize": "^1.1.0",
     "react-router": "^2.4.0",
     "react-router-redux": "^4.0.4",
+    "react-test-renderer": "^15.6.2",
     "standard": "^8.4.0",
     "style-loader": "^0.12.4",
     "stylus": "^0.52.4",
@@ -143,8 +154,20 @@
       "tests/**/*-test.js"
     ],
     "require": [
-      "babel-register"
+      "babel-register",
+      "./tests/helpers/setup-browser-env.js",
+      "./tests/helpers/setup-electron-mock.js"
     ],
     "babel": "inherit"
+  },
+  "jest": {
+    "moduleNameMapper": {
+      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
+      "\\.(css|less|styl)$": "identity-obj-proxy"
+    },
+    "setupFiles": [
+      "<rootDir>/tests/jest.js",
+      "jest-localstorage-mock"
+    ]
   }
 }

tests/components/TagListItem.snapshot.test.js

@@ -0,0 +1,9 @@
+import React from 'react'
+import renderer from 'react-test-renderer'
+import TagListItem from 'browser/components/TagListItem'
+
+it('TagListItem renders correctly', () => {
+  const tagListItem = renderer.create(<TagListItem name='Test' handleClickTagListItem={jest.fn()} />)
+
+  expect(tagListItem.toJSON()).toMatchSnapshot()
+})

tests/components/__snapshots__/TagListItem.snapshot.test.js.snap

@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TagListItem renders correctly 1`] = `
+<button
+  className="tagList-item"
+  onClick={[Function]}
+>
+  <span
+    className="tagList-item-name"
+  >
+    # Test
+    <span
+      className="tagList-item-count"
+    >
+       
+    </span>
+  </span>
+</button>
+`;

tests/fixtures/markdowns.js

@@ -0,0 +1,57 @@
+const basic = `
+# Welcome to Boostnote!
+## Click here to edit markdown :wave:
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/L0qNPLsvmyM" frameborder="0" allowfullscreen></iframe>
+
+## Docs :memo:
+- [Boostnote | Boost your happiness, productivity and creativity.](https://hackernoon.com/boostnote-boost-your-happiness-productivity-and-creativity-315034efeebe)
+- [Cloud Syncing & Backups](https://github.com/BoostIO/Boostnote/wiki/Cloud-Syncing-and-Backup)
+- [How to sync your data across Desktop and Mobile apps](https://github.com/BoostIO/Boostnote/wiki/Sync-Data-Across-Desktop-and-Mobile-apps)
+- [Convert data from **Evernote** to Boostnote.](https://github.com/BoostIO/Boostnote/wiki/Evernote)
+- [Keyboard Shortcuts](https://github.com/BoostIO/Boostnote/wiki/Keyboard-Shortcuts)
+- [Keymaps in Editor mode](https://github.com/BoostIO/Boostnote/wiki/Keymaps-in-Editor-mode)
+- [How to set syntax highlight in Snippet note](https://github.com/BoostIO/Boostnote/wiki/Syntax-Highlighting)
+
+---
+
+## Article Archive :books:
+- [Reddit English](http://bit.ly/2mOJPu7)
+- [Reddit Spanish](https://www.reddit.com/r/boostnote_es/)
+- [Reddit Chinese](https://www.reddit.com/r/boostnote_cn/)
+- [Reddit Japanese](https://www.reddit.com/r/boostnote_jp/)
+
+---
+
+## Community :beers:
+- [GitHub](http://bit.ly/2AWWzkD)
+- [Twitter](http://bit.ly/2z8BUJZ)
+- [Facebook Group](http://bit.ly/2jcca8t)
+`
+
+const codeblock = `
+\`\`\`js:filename.js:2
+var project = 'boostnote';
+\`\`\`
+`
+
+const katex = `
+$$
+c = \pm\sqrt{a^2 + b^2}
+$$
+`
+
+const checkboxes = `
+- [ ] Unchecked
+- [x] Checked
+`
+
+const smartQuotes = 'This is a "QUOTE".'
+
+export default {
+  basic,
+  codeblock,
+  katex,
+  checkboxes,
+  smartQuotes
+}

tests/helpers/setup-browser-env.js

@@ -0,0 +1,9 @@
+import browserEnv from 'browser-env'
+browserEnv(['window', 'document'])
+
+window.localStorage = {
+  // polyfill
+  getItem () {
+    return '{}'
+  }
+}

tests/helpers/setup-electron-mock.js

@@ -0,0 +1,11 @@
+import mock from 'mock-require'
+
+const noop = () => {}
+
+mock('electron', {
+  remote: {
+    app: {
+      getAppPath: noop
+    }
+  }
+})

tests/jest.js

@@ -0,0 +1,12 @@
+// Here you can mock the libraries connected through direct insertion <script src="" >
+global.Raphael = {
+  setWindow: jest.fn(),
+  registerFont: jest.fn(),
+  fn: function () {
+    return {}
+  }
+}
+
+global._ = {
+  extend: jest.genMockFunction()
+}

tests/lib/boostnoterc/.boostnoterc.all

@@ -23,6 +23,7 @@
         "lineNumber": true
     },
     "sortBy": "UPDATED_AT",
+    "sortTagsBy": "ALPHABETICAL",
     "ui": {
         "defaultNote": "ALWAYS_ASK",
         "disableDirectWrite": false,

tests/lib/markdown-test.js

@@ -0,0 +1,36 @@
+import test from 'ava'
+import Markdown from 'browser/lib/markdown'
+import markdownFixtures from '../fixtures/markdowns'
+
+// basic markdown instance which meant to be used in every test cases.
+// To test markdown options, initialize a new instance in your test case
+const md = new Markdown()
+
+test('Markdown.render() should renders markdown correctly', t => {
+  const rendered = md.render(markdownFixtures.basic)
+  t.snapshot(rendered)
+})
+
+test('Markdown.render() should renders codeblock correctly', t => {
+  const rendered = md.render(markdownFixtures.codeblock)
+  t.snapshot(rendered)
+})
+
+test('Markdown.render() should renders KaTeX correctly', t => {
+  const rendered = md.render(markdownFixtures.katex)
+  t.snapshot(rendered)
+})
+
+test('Markdown.render() should renders checkboxes', t => {
+  const rendered = md.render(markdownFixtures.checkboxes)
+  t.snapshot(rendered)
+})
+
+test('Markdown.render() should text with quotes correctly', t => {
+  const renderedSmartQuotes = md.render(markdownFixtures.smartQuotes)
+  t.snapshot(renderedSmartQuotes)
+
+  const newmd = new Markdown({ typographer: false })
+  const renderedNonSmartQuotes = newmd.render(markdownFixtures.smartQuotes)
+  t.snapshot(renderedNonSmartQuotes)
+})

tests/lib/rc-parser-test.js

@@ -29,5 +29,5 @@ test('RcParser should return a json object', t => {
 })
 
 function filePath (filename) {
-  return path.join('boostnoterc', filename)
+  return path.join(`${__dirname}/boostnoterc`, filename)
 }