refactor: convert js to ts

Author: pjshy

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)
   })
 

src/statusbar.js renamed to 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 {