fix: linting

Signed-off-by: Yukai Huang <[email protected]>

Author: Yukaii

public/js/lib/editor/StatusBar.js

@@ -1,10 +1,9 @@
+/* global CodeMirror, $ */
 import Storage from './storage'
 import { availableThemes } from './constants'
-import { defaultEditorMode, jumpToAddressBarKeymapName } from './editor-config'
-import debounce from 'lodash/debounce'
-
+import { jumpToAddressBarKeymapName } from './editor-config'
 export default class StatusBar {
-  constructor(editor, config) {
+  constructor (editor, config) {
     this.editor = editor
     this.config = config
     this.statusBar = null
@@ -23,7 +22,7 @@ export default class StatusBar {
     this.jumpToAddressBarKeymapValue = null
   }
 
-  init(template) {
+  init (template) {
     this.statusBar = $(template)
     this.statusCursor = this.statusBar.find('.status-cursor > .status-line-column')
     this.statusSelection = this.statusBar.find('.status-cursor > .status-selection')
@@ -55,37 +54,37 @@ export default class StatusBar {
     return this.statusBar
   }
 
-  handleResize() {
+  handleResize () {
     // Resize handling is now managed by Editor class
   }
 
-  getHeight() {
+  getHeight () {
     return this.statusBar ? this.statusBar[0].offsetHeight : 0
   }
 
-  setDropdownMaxHeight(maxHeight) {
+  setDropdownMaxHeight (maxHeight) {
     if (this.statusBar) {
       this.statusBar.find('.status-theme ul.dropdown-menu').css('max-height', `${maxHeight}px`)
     }
   }
 
-  update() {
+  update () {
     if (!this.statusBar) return
 
     const cursor = this.editor.getCursor()
     const cursorText = `Line ${cursor.line + 1}, Column ${cursor.ch + 1}`
     this.statusCursor.text(cursorText)
-    
+
     const fileText = ` — ${this.editor.lineCount()} Lines`
     this.statusFile.text(fileText)
-    
+
     const docLength = this.editor.getValue().length
     this.statusLength.text(`Length ${docLength}`)
 
     this.updateLengthIndicator(docLength)
   }
 
-  updateLengthIndicator(docLength) {
+  updateLengthIndicator (docLength) {
     if (docLength > (this.config.docmaxlength * 0.95)) {
       this.statusLength.css('color', 'red')
       this.statusLength.attr('title', 'You have almost reached the limit for this document.')
@@ -98,9 +97,9 @@ export default class StatusBar {
     }
   }
 
-  setupThemeDropdown() {
+  setupThemeDropdown () {
     this.statusIndicators.find('.status-theme ul.dropdown-menu').append(
-      availableThemes.map(theme => 
+      availableThemes.map(theme =>
         $(`<li value="${theme.value}"><a>${theme.name}</a></li>`)
       )
     )
@@ -116,14 +115,14 @@ export default class StatusBar {
     })
   }
 
-  setTheme(theme) {
+  setTheme (theme) {
     this.editor.setOption('theme', theme)
     Storage.set('theme', theme)
     this.statusIndicators.find('.status-theme li').removeClass('active')
     this.statusIndicators.find(`.status-theme li[value="${theme}"]`).addClass('active')
   }
 
-  setupIndentation() {
+  setupIndentation () {
     const storedIndentType = Storage.get('indent_type')
     const storedTabSize = parseInt(Storage.get('tab_size'))
     const storedSpaceUnits = parseInt(Storage.get('space_units'))
@@ -143,15 +142,15 @@ export default class StatusBar {
     this.setupIndentationHandlers()
   }
 
-  setupIndentationHandlers() {
+  setupIndentationHandlers () {
     const type = this.statusIndicators.find('.indent-type')
     const widthLabel = this.statusIndicators.find('.indent-width-label')
     const widthInput = this.statusIndicators.find('.indent-width-input')
 
     type.click(() => {
       const currentIndentWithTabs = this.editor.getOption('indentWithTabs')
       this.editor.setOption('indentWithTabs', !currentIndentWithTabs)
-      
+
       if (!currentIndentWithTabs) {
         const storedTabSize = parseInt(Storage.get('tab_size'))
         if (storedTabSize) {
@@ -171,7 +170,7 @@ export default class StatusBar {
     this.setupIndentationWidthHandlers(widthLabel, widthInput)
   }
 
-  setupIndentationWidthHandlers(widthLabel, widthInput) {
+  setupIndentationWidthHandlers (widthLabel, widthInput) {
     widthLabel.click(() => {
       if (widthLabel.is(':visible')) {
         widthLabel.addClass('hidden')
@@ -191,7 +190,7 @@ export default class StatusBar {
       }
       this.editor.setOption('indentUnit', val)
       Storage.set('space_units', val)
-      
+
       this.updateIndentationDisplay()
     })
 
@@ -201,19 +200,19 @@ export default class StatusBar {
     })
   }
 
-  updateIndentationDisplay() {
+  updateIndentationDisplay () {
     const type = this.statusIndicators.find('.indent-type')
     const widthLabel = this.statusIndicators.find('.indent-width-label')
-    
+
     const indentWithTabs = this.editor.getOption('indentWithTabs')
     type.text(indentWithTabs ? 'Tab Size:' : 'Spaces:')
     Storage.set('indent_type', indentWithTabs ? 'tab' : 'space')
-    
+
     const unit = this.editor.getOption('indentUnit')
     widthLabel.text(unit)
   }
 
-  setupKeymap() {
+  setupKeymap () {
     const storedKeymap = Storage.get('keymap')
     if (storedKeymap) {
       this.editor.setOption('keyMap', storedKeymap)
@@ -231,21 +230,21 @@ export default class StatusBar {
     vim.click(() => this.setKeymap('vim'))
   }
 
-  setKeymap(keymap) {
+  setKeymap (keymap) {
     this.editor.setOption('keyMap', keymap)
     Storage.set('keymap', keymap)
     this.updateKeymapLabel()
   }
 
-  updateKeymapLabel() {
+  updateKeymapLabel () {
     const keymap = this.editor.getOption('keyMap')
     this.statusIndicators.find('.ui-keymap-label').text(keymap)
   }
 
-  setupLinter() {
+  setupLinter () {
     const linterToggle = this.statusLinter.find('.ui-linter-toggle')
     const enable = Storage.get('linter') === 'true'
-    
+
     this.toggleLinter(enable)
     linterToggle.toggleClass('active', enable)
 
@@ -256,7 +255,7 @@ export default class StatusBar {
     })
   }
 
-  toggleLinter(enable) {
+  toggleLinter (enable) {
     const gutters = this.editor.getOption('gutters')
     const lintGutter = 'CodeMirror-lint-markers'
 
@@ -272,10 +271,10 @@ export default class StatusBar {
     this.editor.setOption('lint', enable ? this.config.linterOptions : false)
   }
 
-  setupPreferences() {
+  setupPreferences () {
     const overrideBrowserKeymap = $('.ui-preferences-override-browser-keymap label > input[type="checkbox"]')
     const storedOverrideBrowserKeymap = Storage.get('preferences-override-browser-keymap')
-    
+
     overrideBrowserKeymap.prop('checked', storedOverrideBrowserKeymap === 'true')
     this.setOverrideBrowserKeymap()
 
@@ -284,7 +283,7 @@ export default class StatusBar {
     })
   }
 
-  setOverrideBrowserKeymap() {
+  setOverrideBrowserKeymap () {
     const overrideBrowserKeymap = $('.ui-preferences-override-browser-keymap label > input[type="checkbox"]')
     if (overrideBrowserKeymap.is(':checked')) {
       Storage.set('preferences-override-browser-keymap', 'true')
@@ -295,15 +294,15 @@ export default class StatusBar {
     }
   }
 
-  resetEditorKeymapToBrowserKeymap() {
+  resetEditorKeymapToBrowserKeymap () {
     const keymap = this.editor.getOption('keyMap')
     if (!this.jumpToAddressBarKeymapValue) {
       this.jumpToAddressBarKeymapValue = CodeMirror.keyMap[keymap][jumpToAddressBarKeymapName]
       delete CodeMirror.keyMap[keymap][jumpToAddressBarKeymapName]
     }
   }
 
-  restoreOverrideEditorKeymap() {
+  restoreOverrideEditorKeymap () {
     const keymap = this.editor.getOption('keyMap')
     if (this.jumpToAddressBarKeymapValue) {
       CodeMirror.keyMap[keymap][jumpToAddressBarKeymapName] = this.jumpToAddressBarKeymapValue

public/js/lib/editor/ToolBar.js

@@ -1,15 +1,16 @@
+/* global $ */
 import { options, Alignment, FormatType } from '@susisu/mte-kernel'
 import * as utils from './utils'
 
 export default class ToolBar {
-  constructor(editor, tableEditor) {
+  constructor (editor, tableEditor) {
     this.editor = editor
     this.tableEditor = tableEditor
     this.toolBar = null
     this.toolbarPanel = null
   }
 
-  init(template) {
+  init (template) {
     this.toolBar = $(template)
     this.toolbarPanel = this.editor.addPanel(this.toolBar[0], {
       position: 'top'
@@ -25,7 +26,7 @@ export default class ToolBar {
     return this.toolBar
   }
 
-  setupMarkdownButtons() {
+  setupMarkdownButtons () {
     $('#makeBold').click(() => {
       utils.wrapTextWith(this.editor, this.editor, '**')
       this.editor.focus()
@@ -87,7 +88,7 @@ export default class ToolBar {
     })
   }
 
-  setupTableButtons() {
+  setupTableButtons () {
     const opts = options({
       smartCursor: true,
       formatType: FormatType.NORMAL