Implemented strict linting standards and prettier formatting config. (#248)

* Implemented strict linting standards and prettier formatting config.

* More linter fixes and type updates.

* More linter updates and type fixes

* Remove noisy comments

* Linter and type updates

* Linter, formatting and type updates.

* Linter updates

* Type updates

* Type updates

* fixed all linter errors

* Fixed all linting, formatting and type issues.

* Resolve merge conflicts.

widget/settings/SettingsDialog.ts

@@ -1,93 +1,89 @@
-import RegularWindow from "widget/RegularWindow"
-import icons from "lib/icons"
-import options from "options"
-import { ThemesMenu } from "./pages/theme/index"
-import { SettingsMenu } from "./pages/config/index"
-import "./side_effects";
+import RegularWindow from 'widget/RegularWindow';
+import icons from 'lib/icons';
+import options from 'options';
+import { ThemesMenu } from './pages/theme/index';
+import { SettingsMenu } from './pages/config/index';
+import './side_effects';
+import { GBox, GCenterBox } from 'lib/types/widget';
+import Gtk from 'types/@girs/gtk-3.0/gtk-3.0';
 
-type Page = "Configuration" | "Theming"
+type Page = 'Configuration' | 'Theming';
 
-const CurrentPage = Variable<Page>("Configuration");
+const CurrentPage = Variable<Page>('Configuration');
 
-const pagerMap: Page[] = [
-    "Configuration",
-    "Theming",
-]
+const pagerMap: Page[] = ['Configuration', 'Theming'];
 
-const Header = () => Widget.CenterBox({
-    class_name: "header",
-    start_widget: Widget.Button({
-        class_name: "reset",
-        on_clicked: options.reset,
-        hpack: "start",
-        vpack: "start",
-        child: Widget.Icon(icons.ui.refresh),
-        tooltip_text: "Reset",
-    }),
-    center_widget: Widget.Box({
+const Header = (): GCenterBox =>
+    Widget.CenterBox({
+        class_name: 'header',
+        start_widget: Widget.Button({
+            class_name: 'reset',
+            on_clicked: options.reset,
+            hpack: 'start',
+            vpack: 'start',
+            child: Widget.Icon(icons.ui.refresh),
+            tooltip_text: 'Reset',
+        }),
+        center_widget: Widget.Box({}),
+        end_widget: Widget.Button({
+            class_name: 'close',
+            hpack: 'end',
+            vpack: 'start',
+            child: Widget.Icon(icons.ui.close),
+            on_clicked: () => App.closeWindow('settings-dialog'),
+        }),
+    });
 
-    }),
-    end_widget: Widget.Button({
-        class_name: "close",
-        hpack: "end",
-        vpack: "start",
-        child: Widget.Icon(icons.ui.close),
-        on_clicked: () => App.closeWindow("settings-dialog"),
-    }),
-})
-
-const PageContainer = () => {
+const PageContainer = (): GBox => {
     return Widget.Box({
-        hpack: "fill",
+        hpack: 'fill',
         hexpand: true,
         vertical: true,
-        children: CurrentPage.bind("value").as(v => {
+        children: CurrentPage.bind('value').as((v) => {
             return [
                 Widget.Box({
-                    class_name: "option-pages-container",
-                    hpack: "center",
+                    class_name: 'option-pages-container',
+                    hpack: 'center',
                     hexpand: true,
                     children: pagerMap.map((page) => {
                         return Widget.Button({
                             xalign: 0,
-                            hpack: "center",
+                            hpack: 'center',
                             class_name: `pager-button ${v === page ? 'active' : ''} category`,
                             label: page,
-                            on_primary_click: () => CurrentPage.value = page
-                        })
-                    })
+                            on_primary_click: () => (CurrentPage.value = page),
+                        });
+                    }),
                 }),
                 Widget.Stack({
                     vexpand: false,
-                    class_name: "themes-menu-stack",
+                    class_name: 'themes-menu-stack',
                     children: {
-                        "Configuration": SettingsMenu(),
-                        "Theming": ThemesMenu(),
+                        Configuration: SettingsMenu(),
+                        Theming: ThemesMenu(),
                     },
-                    shown: CurrentPage.bind("value")
-                })
-            ]
-        })
-    })
-}
+                    shown: CurrentPage.bind('value'),
+                }),
+            ];
+        }),
+    });
+};
 
-export default () => RegularWindow({
-    name: "settings-dialog",
-    class_name: "settings-dialog",
-    title: "Settings",
-    setup(win) {
-        win.on("delete-event", () => {
-            win.hide()
-            return true
-        })
-        win.set_default_size(200, 300)
-    },
-    child: Widget.Box({
-        class_name: "settings-dialog-box",
-        vertical: true,
-        children: [
-            Header(),
-            PageContainer()
-        ],
-    }),
-})
+export default (): Gtk.Window =>
+    RegularWindow({
+        name: 'settings-dialog',
+        class_name: 'settings-dialog',
+        title: 'Settings',
+        setup(win) {
+            win.on('delete-event', () => {
+                win.hide();
+                return true;
+            });
+            win.set_default_size(200, 300);
+        },
+        child: Widget.Box({
+            class_name: 'settings-dialog-box',
+            vertical: true,
+            children: [Header(), PageContainer()],
+        }),
+    });