chore: convert various files from JS to TS (#2010)

14 files changed, 113 insertions, 84 deletions

diff --git a/src/features/basicAuth/Form.ts b/src/features/basicAuth/Form.ts
index 95721d0e9..e84156d96 100644
--- a/src/features/basicAuth/Form.ts
+++ b/src/features/basicAuth/Form.ts
@@ -1,5 +1,6 @@
 import Form from '../../lib/Form';
 
+// @ts-expect-error Expected 0 arguments, but got 1
 export default new Form({
   fields: {
     user: {
diff --git a/src/features/communityRecipes/store.js b/src/features/communityRecipes/store.ts
index 05e18e2f7..a8d358ba0 100644
--- a/src/features/communityRecipes/store.js
+++ b/src/features/communityRecipes/store.ts
@@ -4,7 +4,11 @@ import { FeatureStore } from '../utils/FeatureStore';
 const debug = require('debug')('Ferdi:feature:communityRecipes:store');
 
 export class CommunityRecipesStore extends FeatureStore {
-  start(stores, actions) {
+  stores: any;
+
+  actions: any;
+
+  start(stores: any, actions: any) {
     debug('start');
     this.stores = stores;
     this.actions = actions;
@@ -18,14 +22,17 @@ export class CommunityRecipesStore extends FeatureStore {
   @computed get communityRecipes() {
     if (!this.stores) return [];
 
-    return this.stores.recipePreviews.dev.map(recipePreview => {
-      // TODO: Need to figure out if this is even necessary/used
-      recipePreview.isDevRecipe = !!recipePreview.author.some(
-        author => author.email === this.stores.user.data.email,
-      );
+    return this.stores.recipePreviews.dev.map(
+      (recipePreview: { isDevRecipe: boolean; author: any[] }) => {
+        // TODO: Need to figure out if this is even necessary/used
+        recipePreview.isDevRecipe = !!recipePreview.author.some(
+          (author: { email: any }) =>
+            author.email === this.stores.user.data.email,
+        );
 
-      return recipePreview;
-    });
+        return recipePreview;
+      },
+    );
   }
 }
 
diff --git a/src/features/nightlyBuilds/store.js b/src/features/nightlyBuilds/store.ts
index ed06e5a7d..ed06e5a7d 100644
--- a/src/features/nightlyBuilds/store.js
+++ b/src/features/nightlyBuilds/store.ts
diff --git a/src/features/publishDebugInfo/store.js b/src/features/publishDebugInfo/store.ts
index ed06e5a7d..ed06e5a7d 100644
--- a/src/features/publishDebugInfo/store.js
+++ b/src/features/publishDebugInfo/store.ts
diff --git a/src/features/quickSwitch/store.js b/src/features/quickSwitch/store.ts
index ed06e5a7d..ed06e5a7d 100644
--- a/src/features/quickSwitch/store.js
+++ b/src/features/quickSwitch/store.ts
diff --git a/src/features/serviceProxy/index.js b/src/features/serviceProxy/index.js
deleted file mode 100644
index b9320cda9..000000000
--- a/src/features/serviceProxy/index.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import { autorun, observable } from 'mobx';
-import { session } from '@electron/remote';
-
-const debug = require('debug')('Ferdi:feature:serviceProxy');
-
-export const config = observable({
-  isEnabled: true,
-});
-
-export default function init(stores) {
-  debug('Initializing `serviceProxy` feature');
-
-  autorun(() => {
-    config.isEnabled = true;
-
-    const services = stores.services.enabled;
-    const proxySettings = stores.settings.proxy;
-
-    debug('Service Proxy autorun');
-
-    for (const service of services) {
-      const s = session.fromPartition(`persist:service-${service.id}`);
-
-      if (config.isEnabled) {
-        const serviceProxyConfig = proxySettings[service.id];
-
-        if (serviceProxyConfig && serviceProxyConfig.isEnabled && serviceProxyConfig.host) {
-          const proxyHost = `${serviceProxyConfig.host}${serviceProxyConfig.port ? `:${serviceProxyConfig.port}` : ''}`;
-          debug(`Setting proxy config from service settings for "${service.name}" (${service.id}) to`, proxyHost);
-
-          s.setProxy({ proxyRules: proxyHost }, () => {
-            debug(`Using proxy "${proxyHost}" for "${service.name}" (${service.id})`);
-          });
-        }
-      }
-    }
-  });
-}
diff --git a/src/features/serviceProxy/index.ts b/src/features/serviceProxy/index.ts
new file mode 100644
index 000000000..f095b286a
--- /dev/null
+++ b/src/features/serviceProxy/index.ts
@@ -0,0 +1,54 @@
+import { autorun, observable } from 'mobx';
+import { session } from '@electron/remote';
+
+const debug = require('debug')('Ferdi:feature:serviceProxy');
+
+export const config = observable({
+  isEnabled: true,
+});
+
+export default function init(stores: {
+  services: { enabled: any };
+  settings: { proxy: any };
+}) {
+  debug('Initializing `serviceProxy` feature');
+
+  autorun(() => {
+    config.isEnabled = true;
+
+    const services = stores.services.enabled;
+    const proxySettings = stores.settings.proxy;
+
+    debug('Service Proxy autorun');
+
+    for (const service of services) {
+      const s = session.fromPartition(`persist:service-${service.id}`);
+
+      if (config.isEnabled) {
+        const serviceProxyConfig = proxySettings[service.id];
+
+        if (
+          serviceProxyConfig &&
+          serviceProxyConfig.isEnabled &&
+          serviceProxyConfig.host
+        ) {
+          const proxyHost = `${serviceProxyConfig.host}${
+            serviceProxyConfig.port ? `:${serviceProxyConfig.port}` : ''
+          }`;
+          debug(
+            `Setting proxy config from service settings for "${service.name}" (${service.id}) to`,
+            proxyHost,
+          );
+
+          s.setProxy({ proxyRules: proxyHost })
+            .then(() => {
+              debug(
+                `Using proxy "${proxyHost}" for "${service.name}" (${service.id})`,
+              );
+            })
+            .catch(error => console.error(error));
+        }
+      }
+    }
+  });
+}
diff --git a/src/features/settingsWS/actions.js b/src/features/settingsWS/actions.ts
index 631670c8a..631670c8a 100755
--- a/src/features/settingsWS/actions.js
+++ b/src/features/settingsWS/actions.ts
diff --git a/src/features/settingsWS/index.js b/src/features/settingsWS/index.ts
index 7771421d6..9bb206d82 100755
--- a/src/features/settingsWS/index.js
+++ b/src/features/settingsWS/index.ts
@@ -5,15 +5,16 @@ const debug = require('debug')('Ferdi:feature:settingsWS');
 
 export const settingsStore = new SettingsWSStore();
 
-export default function initSettingsWebSocket(stores, actions) {
+export default function initSettingsWebSocket(
+  stores: { features: any },
+  actions: any,
+) {
   const { features } = stores;
 
   // Toggle SettingsWebSocket feature
   reaction(
-    () => (
-      features.features.isSettingsWSEnabled
-    ),
-    (isEnabled) => {
+    () => features.features.isSettingsWSEnabled,
+    isEnabled => {
       if (isEnabled) {
         debug('Initializing `settingsWS` feature');
         settingsStore.start(stores, actions);
diff --git a/src/features/settingsWS/state.js b/src/features/settingsWS/state.ts
index 7b16b2b6e..7b16b2b6e 100755
--- a/src/features/settingsWS/state.js
+++ b/src/features/settingsWS/state.ts
diff --git a/src/features/todos/actions.js b/src/features/todos/actions.js
deleted file mode 100644
index cc17e919b..000000000
--- a/src/features/todos/actions.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import PropTypes from 'prop-types';
-import { createActionsFromDefinitions } from '../../actions/lib/actions';
-
-export const todoActions = createActionsFromDefinitions({
-  resize: {
-    width: PropTypes.number.isRequired,
-  },
-  toggleTodosPanel: {},
-  toggleTodosFeatureVisibility: {},
-  setTodosWebview: {
-    webview: PropTypes.instanceOf(Element).isRequired,
-  },
-  handleHostMessage: {
-    action: PropTypes.string.isRequired,
-    data: PropTypes.object,
-  },
-  handleClientMessage: {
-    channel: PropTypes.string.isRequired,
-    message: PropTypes.shape({
-      action: PropTypes.string.isRequired,
-      data: PropTypes.object,
-    }),
-  },
-  openDevTools: {},
-  reload: {},
-}, PropTypes.checkPropTypes);
-
-export default todoActions;
diff --git a/src/features/todos/actions.ts b/src/features/todos/actions.ts
new file mode 100644
index 000000000..04e299e71
--- /dev/null
+++ b/src/features/todos/actions.ts
@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+import { createActionsFromDefinitions } from '../../actions/lib/actions';
+
+export const todoActions = createActionsFromDefinitions(
+  {
+    resize: {
+      width: PropTypes.number.isRequired,
+    },
+    toggleTodosPanel: {},
+    toggleTodosFeatureVisibility: {},
+    setTodosWebview: {
+      webview: PropTypes.instanceOf(Element).isRequired,
+    },
+    handleHostMessage: {
+      action: PropTypes.string.isRequired,
+      data: PropTypes.object,
+    },
+    handleClientMessage: {
+      channel: PropTypes.string.isRequired,
+      message: PropTypes.shape({
+        action: PropTypes.string.isRequired,
+        data: PropTypes.object,
+      }),
+    },
+    openDevTools: {},
+    reload: {},
+  },
+  PropTypes.checkPropTypes,
+);
+
+export default todoActions;
diff --git a/src/features/todos/constants.js b/src/features/todos/constants.ts
index 303a7a16e..303a7a16e 100644
--- a/src/features/todos/constants.js
+++ b/src/features/todos/constants.ts
diff --git a/src/features/todos/index.js b/src/features/todos/index.ts
index 573190881..3665812e6 100644
--- a/src/features/todos/index.js
+++ b/src/features/todos/index.ts
@@ -5,16 +5,17 @@ const debug = require('debug')('Ferdi:feature:todos');
 
 export const todosStore = new TodoStore();
 
-export default function initTodos(stores, actions) {
+export default function initTodos(
+  stores: { todos?: any; features?: any },
+  actions: any,
+) {
   stores.todos = todosStore;
   const { features } = stores;
 
   // Toggle todos feature
   reaction(
-    () => (
-      features.features.isTodosEnabled
-    ),
-    (isEnabled) => {
+    () => features.features.isTodosEnabled,
+    isEnabled => {
       if (isEnabled) {
         debug('Initializing `todos` feature');
         todosStore.start(stores, actions);