refactor: convert js to ts

LeetCode-OpenSource · Dec 26, 2019 · b2ea1e6 · b2ea1e6
1 parent 8abffb4
commit b2ea1e6
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 10 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -5,7 +5,7 @@ import StatusBar from './statusbar'
 
 export function initVimMode(
  editor: editor.IStandaloneCodeEditor,
- statusbarNode = null,
+ statusbarNode: Node,
  StatusBarClass = StatusBar,
  sanitizer = null,
 ) {
@@ -19,7 +19,7 @@ export function initVimMode(
  const statusBar = new StatusBarClass(statusbarNode, editor, sanitizer)
  let keyBuffer = ''
 
- vimAdapter.on('vim-mode-change', (mode) => {
+ vimAdapter.on('vim-mode-change', (mode: { mode: string }) => {
  statusBar.setMode(mode)
  })
 

diff --git a/src/statusbar.js → src/statusbar.ts b/src/statusbar.js → src/statusbar.ts
@@ -1,11 +1,23 @@
+import { editor } from 'monaco-editor'
+
 export default class VimStatusBar {
- constructor(node, editor, sanitizer = null) {
+ private node: HTMLElement
+
+ private editor: editor.IStandaloneCodeEditor
+
+ private modeInfoNode = document.createElement('span')
+
+ private secInfoNode = document.createElement('span')
+
+ private notifNode = document.createElement('span')
+
+ private keyInfoNode = document.createElement('span')
+
+ private sanitizer: null | ((content: string) => string)
+
+ constructor(node: HTMLElement, editor: editor.IStandaloneCodeEditor, sanitizer = null) {
  this.node = node
- this.modeInfoNode = document.createElement('span')
- this.secInfoNode = document.createElement('span')
- this.notifNode = document.createElement('span')
  this.notifNode.className = 'vim-notification'
- this.keyInfoNode = document.createElement('span')
  this.keyInfoNode.setAttribute('style', 'float: right')
  this.node.appendChild(this.modeInfoNode)
  this.node.appendChild(this.secInfoNode)
@@ -16,7 +28,7 @@ export default class VimStatusBar {
  this.sanitizer = sanitizer
  }
 
- setMode(ev) {
+ setMode(ev: { mode: string; subMode: string }) {
  if (ev.mode === 'visual' && ev.subMode === 'linewise') {
  this.setText('--VISUAL LINE--')
  return
@@ -25,7 +37,7 @@ export default class VimStatusBar {
  this.setText(`--${ev.mode.toUpperCase()}--`)
  }
 
- setKeyBuffer(key) {
+ setKeyBuffer(key: string) {
  this.keyInfoNode.textContent = key
  }
 
@@ -66,7 +78,7 @@ export default class VimStatusBar {
  this.modeInfoNode.textContent = text
  }
 
- toggleVisibility(toggle) {
+ toggleVisibility(toggle: boolean) {
  if (toggle) {
  this.node.style.display = 'block'
  } else {