all: fix all linter warnings from tsc and eslint

In this changes we introduce eslint as our linter for TypeScript and
update our tsconfig to be more strict.

The ".eslintrc.yaml" and "tsconfig.json" is taken from golang/website
repository [1].

[1]: https://cs.opensource.google/go/x/website

1 files changed, 37 insertions, 40 deletions

diff --git a/vfs/vfs.ts b/vfs/vfs.ts
index 7c07814..20491e9 100644
--- a/vfs/vfs.ts
+++ b/vfs/vfs.ts
@@ -24,13 +24,13 @@ type NodeClickHandler = (node: WuiVfsNodeInterface) => void;
 export interface WuiVfsOptions {
   id: string;
 
-  // Open define an handler that will be called when a directory is clicked
+  // open define an handler that will be called when a directory is clicked
   // from the WuiVfsPath.
-  Open(path: string, is_dir: boolean): Promise<WuiResponseInterface>;
+  open(path: string, is_dir: boolean): Promise<WuiResponseInterface>;
 
-  // OpenNode define an handler that will be called when a file is clicked
+  // openNode define an handler that will be called when a file is clicked
   // from the WuiVfsList.
-  OpenNode(node: WuiVfsNodeInterface): Promise<WuiResponseInterface>;
+  openNode(node: WuiVfsNodeInterface): Promise<WuiResponseInterface>;
 }
 
 export class WuiVfs {
@@ -41,7 +41,7 @@ export class WuiVfs {
   constructor(public opts: WuiVfsOptions) {
     this.opts = opts;
 
-    let el = document.getElementById(opts.id);
+    const el = document.getElementById(opts.id);
     if (!el) {
       console.error("WuiVfs: element id", opts.id, "not found");
       return;
@@ -49,40 +49,40 @@ export class WuiVfs {
     this.el = el;
 
     this.com_path = new WuiVfsPath((path: string) => {
-      this.OpenDir(path);
+      this.openDir(path);
     });
     this.el.appendChild(this.com_path.el);
 
     this.com_list = new WuiVfsList((node: WuiVfsNodeInterface) => {
-      this.OpenNode(node);
+      this.openNode(node);
     });
     this.el.appendChild(this.com_list.el);
   }
 
-  // OpenNode is a handler that will be called when a node is clicked
+  // openNode is a handler that will be called when a node is clicked
   // inside the WuiVfsList.
-  OpenNode(node: WuiVfsNodeInterface): void {
+  openNode(node: WuiVfsNodeInterface): void {
     if (node.is_dir) {
-      this.OpenDir(node.path);
+      this.openDir(node.path);
     } else {
-      this.opts.OpenNode(node);
+      this.opts.openNode(node);
     }
   }
 
-  // OpenDir is a handler that will be called when a path is clicked
+  // openDir is a handler that will be called when a path is clicked
   // inside the WuiVfsPath.
-  async OpenDir(path: string): Promise<void> {
-    let res = await this.opts.Open(path, true);
+  async openDir(path: string): Promise<void> {
+    const res = await this.opts.open(path, true);
     if (res.code != 200) {
       return;
     }
-    this.Set(res.data as WuiVfsNodeInterface);
+    this.set(res.data as WuiVfsNodeInterface);
   }
 
-  Set(node: WuiVfsNodeInterface) {
+  set(node: WuiVfsNodeInterface) {
     if (node.is_dir) {
-      this.com_path.Open(node);
-      this.com_list.Open(node);
+      this.com_path.open(node);
+      this.com_list.open(node);
     }
   }
 }
@@ -99,14 +99,14 @@ class WuiVfsList {
     this.el.style.borderColor = "silver";
   }
 
-  Open(node: WuiVfsNodeInterface) {
+  open(node: WuiVfsNodeInterface) {
     this.node = node;
     this.el.innerHTML = "";
     if (!this.node.childs) {
       return;
     }
-    for (let c of this.node.childs) {
-      let el = document.createElement("div");
+    for (const c of this.node.childs) {
+      const el = document.createElement("div");
       el.style.padding = "1em";
       el.style.cursor = "pointer";
       el.innerHTML = c.name;
@@ -115,17 +115,17 @@ class WuiVfsList {
         el.style.backgroundColor = "cornsilk";
       }
 
-      el.onclick = (ev: MouseEvent) => {
+      el.onclick = () => {
         this.onClick(c);
       };
-      el.onmouseout = (event) => {
+      el.onmouseout = () => {
         if (c.is_dir) {
           el.style.backgroundColor = "cornsilk";
         } else {
           el.style.backgroundColor = "white";
         }
       };
-      el.onmouseover = (event) => {
+      el.onmouseover = () => {
         el.style.backgroundColor = "aliceblue";
       };
 
@@ -136,7 +136,6 @@ class WuiVfsList {
 
 class WuiVfsPath {
   el: HTMLElement;
-  private crumbs: string[];
   private onClick: PathClickHandler;
 
   constructor(onClick: PathClickHandler) {
@@ -146,14 +145,12 @@ class WuiVfsPath {
     this.el.style.borderWidth = "1px";
     this.el.style.borderStyle = "solid";
     this.el.style.borderColor = "silver";
-    this.crumbs = [];
     this.onClick = onClick;
   }
 
-  Open(node: WuiVfsNodeInterface) {
+  open(node: WuiVfsNodeInterface) {
     this.el.innerHTML = "";
-    this.crumbs = [];
-    let paths = [];
+    let paths: string[] = [];
 
     if (node.path == "/") {
       paths.push(node.path);
@@ -161,35 +158,35 @@ class WuiVfsPath {
       paths = node.path.split("/");
     }
 
-    for (let x = 0; x < paths.length; x++) {
-      let full_path = "";
+    paths.forEach((path, x) => {
+      let fullPath = "";
       let p = "";
 
       if (x == 0) {
         p = "/";
-        full_path = "/";
+        fullPath = "/";
       } else {
-        p = paths[x];
-        full_path = paths.slice(0, x + 1).join("/");
+        p = path;
+        fullPath = paths.slice(0, x + 1).join("/");
       }
 
-      let crumb = document.createElement("span");
+      const crumb = document.createElement("span");
       crumb.style.display = "inline-block";
       crumb.style.padding = "1em";
       crumb.style.cursor = "pointer";
       crumb.innerHTML = p;
 
-      crumb.onclick = (event) => {
-        this.onClick(full_path);
+      crumb.onclick = () => {
+        this.onClick(fullPath);
       };
-      crumb.onmouseout = (event) => {
+      crumb.onmouseout = () => {
         crumb.style.backgroundColor = "white";
       };
-      crumb.onmouseover = (event) => {
+      crumb.onmouseover = () => {
         crumb.style.backgroundColor = "aliceblue";
       };
 
       this.el.appendChild(crumb);
-    }
+    });
   }
 }