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, 20 insertions, 22 deletions

diff --git a/input/checkboxes.ts b/input/checkboxes.ts
index 72d3da8..7226a7d 100644
--- a/input/checkboxes.ts
+++ b/input/checkboxes.ts
@@ -59,7 +59,7 @@ const WUI_INPUT_CHECKBOXES_CLASS_LABEL = "wui_input_checkboxes_label";
 //
 export class WuiInputCheckboxes {
   el: HTMLElement;
-  private el_label!: HTMLElement;
+  private elLabel!: HTMLElement;
   private el_fieldset!: HTMLFieldSetElement;
   private el_hint!: HTMLElement;
   private el_hint_toggler!: HTMLElement;
@@ -85,41 +85,39 @@ export class WuiInputCheckboxes {
   }
 
   private generateLabel(wrapper: HTMLElement) {
-    this.el_label = document.createElement("label");
-    this.el_label.classList.add(WUI_INPUT_CHECKBOXES_CLASS_LABEL);
-    this.el_label.innerHTML = `${this.opts.label} `;
-    wrapper.appendChild(this.el_label);
+    this.elLabel = document.createElement("label");
+    this.elLabel.classList.add(WUI_INPUT_CHECKBOXES_CLASS_LABEL);
+    this.elLabel.innerHTML = `${this.opts.label} `;
+    wrapper.appendChild(this.elLabel);
   }
 
   private generateInput(wrapper: HTMLElement) {
     this.el_fieldset = document.createElement("fieldset");
     this.el_fieldset.classList.add(WUI_INPUT_CHECKBOXES_CLASS_INPUT);
 
-    for (let key in this.opts.options) {
-      let option = this.opts.options[key];
-      let value = option.value;
+    Object.entries(this.opts.options).forEach(([key, option]) => {
+      const value = option.value;
+      const wrapper = document.createElement("div");
 
-      let wrapper = document.createElement("div");
-
-      let el_cb = document.createElement("input");
-      el_cb.type = "checkbox";
-      el_cb.name = this.opts.name;
-      el_cb.value = option.value;
+      const elCb = document.createElement("input");
+      elCb.type = "checkbox";
+      elCb.name = this.opts.name;
+      elCb.value = option.value;
       if (option.selected) {
-        el_cb.checked = true;
+        elCb.checked = true;
         this.values.push(value);
       }
-      el_cb.onclick = () => {
-        this.onClickCheckbox(el_cb.value, el_cb.checked);
+      elCb.onclick = () => {
+        this.onClickCheckbox(elCb.value, elCb.checked);
       };
-      wrapper.appendChild(el_cb);
+      wrapper.appendChild(elCb);
 
-      let el_label = document.createElement("label");
-      el_label.innerHTML = key;
-      wrapper.appendChild(el_label);
+      const elLabel = document.createElement("label");
+      elLabel.innerHTML = key;
+      wrapper.appendChild(elLabel);
 
       this.el_fieldset.appendChild(wrapper);
-    }
+    });
 
     if (this.opts.is_disabled) {
       this.el_fieldset.disabled = true;