eslint needs to be executed at the top-level to actually workv6.0.1-nightly.3

49 files changed, 212 insertions, 155 deletions

diff --git a/src/api/apiBase.ts b/src/api/apiBase.ts
index d066d1466..fad20ca5e 100644
--- a/src/api/apiBase.ts
+++ b/src/api/apiBase.ts
@@ -32,10 +32,12 @@ export default function apiBase(withVersion = true) {
       : (window as any).ferdium.stores.settings.all.app.server;
 
   return fixUrl(withVersion ? `${url}/${API_VERSION}` : url);
-};
+}
 
 export function needsToken(): boolean {
-  return (window as any).ferdium.stores.settings.all.app.server === LOCAL_SERVER;
+  return (
+    (window as any).ferdium.stores.settings.all.app.server === LOCAL_SERVER
+  );
 }
 
 export function localServerToken(): string | undefined {
@@ -46,9 +48,7 @@ export function localServerToken(): string | undefined {
 
 export function importExportURL() {
   const base = apiBase(false);
-  return needsToken()
-    ? `${base}/token/${localServerToken()}`
-    : base;
+  return needsToken() ? `${base}/token/${localServerToken()}` : base;
 }
 
 export function serverBase() {
diff --git a/src/api/server/ServerApi.ts b/src/api/server/ServerApi.ts
index 8b551ade2..a3d873c65 100644
--- a/src/api/server/ServerApi.ts
+++ b/src/api/server/ServerApi.ts
@@ -25,7 +25,11 @@ import { SERVER_NOT_LOADED } from '../../config';
 import { userDataRecipesPath, userDataPath } from '../../environment-remote';
 import { asarRecipesPath } from '../../helpers/asar-helpers';
 import apiBase from '../apiBase';
-import { prepareAuthRequest, prepareLocalToken, sendAuthRequest } from '../utils/auth';
+import {
+  prepareAuthRequest,
+  prepareLocalToken,
+  sendAuthRequest,
+} from '../utils/auth';
 
 import {
   getRecipeDirectory,
diff --git a/src/api/utils/auth.ts b/src/api/utils/auth.ts
index 282d00459..1f694a781 100644
--- a/src/api/utils/auth.ts
+++ b/src/api/utils/auth.ts
@@ -31,15 +31,17 @@ export const prepareAuthRequest = (
   return request;
 };
 
-export const prepareLocalToken = async (
-  requestData: { method: string; headers?: any; body?: any },
-) => {
+export const prepareLocalToken = async (requestData: {
+  method: string;
+  headers?: any;
+  body?: any;
+}) => {
   await when(() => !needsToken() || !!localServerToken(), { timeout: 2000 });
   const token = localServerToken();
   if (token) {
     requestData.headers['X-Ferdium-Local-Token'] = token;
   }
-}
+};
 
 export const sendAuthRequest = async (
   url: RequestInfo,
diff --git a/src/components/auth/Invite.js b/src/components/auth/Invite.js
index 9eca924cd..6b0e0e40b 100644
--- a/src/components/auth/Invite.js
+++ b/src/components/auth/Invite.js
@@ -70,9 +70,7 @@ class Invite extends Component {
               fields: {
                 name: {
                   label: intl.formatMessage(messages.nameLabel),
-                  placeholder: intl.formatMessage(
-                    messages.nameLabel,
-                  ),
+                  placeholder: intl.formatMessage(messages.nameLabel),
                   onChange: () => {
                     this.setState({ showSuccessInfo: false });
                   },
@@ -80,9 +78,7 @@ class Invite extends Component {
                 },
                 email: {
                   label: intl.formatMessage(messages.emailLabel),
-                  placeholder: intl.formatMessage(
-                    messages.emailLabel,
-                  ),
+                  placeholder: intl.formatMessage(messages.emailLabel),
                   onChange: () => {
                     this.setState({ showSuccessInfo: false });
                   },
diff --git a/src/components/auth/Locked.js b/src/components/auth/Locked.js
index 90ee46722..6e32dd980 100644
--- a/src/components/auth/Locked.js
+++ b/src/components/auth/Locked.js
@@ -54,17 +54,19 @@ class Locked extends Component {
 
   form = (() => {
     const { intl } = this.props;
-    return new Form({
-      fields: {
-        password: {
-          label: intl.formatMessage(messages.passwordLabel),
-          value: '',
-          type: 'password',
+    return new Form(
+      {
+        fields: {
+          password: {
+            label: intl.formatMessage(messages.passwordLabel),
+            value: '',
+            type: 'password',
+          },
         },
       },
-    },
-    intl,
-  )})();
+      intl,
+    );
+  })();
 
   submit(e) {
     e.preventDefault();
diff --git a/src/components/auth/Password.js b/src/components/auth/Password.js
index 0daa4c77a..5086b0bbd 100644
--- a/src/components/auth/Password.js
+++ b/src/components/auth/Password.js
@@ -50,17 +50,19 @@ class Password extends Component {
 
   form = (() => {
     const { intl } = this.props;
-    return new Form({
-      fields: {
-        email: {
-          label: intl.formatMessage(messages.emailLabel),
-          value: '',
-          validators: [required, email],
+    return new Form(
+      {
+        fields: {
+          email: {
+            label: intl.formatMessage(messages.emailLabel),
+            value: '',
+            validators: [required, email],
+          },
         },
       },
-    },
-    intl,
-  )})();
+      intl,
+    );
+  })();
 
   submit(e) {
     e.preventDefault();
@@ -80,7 +82,9 @@ class Password extends Component {
     return (
       <div className="auth__container">
         <form className="franz-form auth__form" onSubmit={e => this.submit(e)}>
-          <Link to='/auth/welcome'><img src="./assets/images/logo.svg" className="auth__logo" alt="" /></Link>
+          <Link to="/auth/welcome">
+            <img src="./assets/images/logo.svg" className="auth__logo" alt="" />
+          </Link>
           <H1>{intl.formatMessage(messages.headline)}</H1>
           {status.length > 0 && status.includes('sent') && (
             <Infobox type="success" icon="checkbox-marked-circle-outline">
diff --git a/src/components/auth/Welcome.jsx b/src/components/auth/Welcome.jsx
index c784b75c3..9e5d10126 100644
--- a/src/components/auth/Welcome.jsx
+++ b/src/components/auth/Welcome.jsx
@@ -21,7 +21,8 @@ const messages = defineMessages({
   },
   changeServerMessage: {
     id: 'login.changeServerMessage',
-    defaultMessage: 'You are using {serverNameParse} Server, do you want to switch?'
+    defaultMessage:
+      'You are using {serverNameParse} Server, do you want to switch?',
   },
   changeServer: {
     id: 'login.changeServer',
@@ -78,7 +79,9 @@ class Welcome extends Component {
           </Link>
           <div className="welcome__text__change-server">
             <span>
-              {intl.formatMessage(messages.changeServerMessage, { serverNameParse })}
+              {intl.formatMessage(messages.changeServerMessage, {
+                serverNameParse,
+              })}
             </span>
             <Link to={changeServerRoute} className="button__change-server">
               <span>{intl.formatMessage(messages.changeServer)}</span>
diff --git a/src/components/services/content/ServiceView.js b/src/components/services/content/ServiceView.js
index 504325c3a..47d84fead 100644
--- a/src/components/services/content/ServiceView.js
+++ b/src/components/services/content/ServiceView.js
@@ -77,7 +77,8 @@ class ServiceView extends Component {
       isSpellcheckerEnabled,
     } = this.props;
 
-    const { navigationBarBehaviour, navigationBarManualActive } = stores.settings.app;
+    const { navigationBarBehaviour, navigationBarManualActive } =
+      stores.settings.app;
 
     const showNavBar =
       navigationBarBehaviour === 'always' ||
@@ -98,7 +99,11 @@ class ServiceView extends Component {
     }
 
     return (
-      <div className={webviewClasses} data-name={service.name} style={{order: service.order}}>
+      <div
+        className={webviewClasses}
+        data-name={service.name}
+        style={{ order: service.order }}
+      >
         {service.isActive && service.isEnabled && (
           <>
             {service.hasCrashed && (
@@ -115,9 +120,9 @@ class ServiceView extends Component {
               !service.isServiceAccessRestricted && (
                 <WebviewLoader loaded={false} name={service.name} />
               )}
-            {service.isProgressbarEnabled && service.isLoadingPage && !service.isFirstLoad && (
-              <TopBarProgress />
-            )}
+            {service.isProgressbarEnabled &&
+              service.isLoadingPage &&
+              !service.isFirstLoad && <TopBarProgress />}
             {service.isError && (
               <WebviewErrorHandler
                 name={service.recipe.name}
@@ -151,11 +156,26 @@ class ServiceView extends Component {
                 />
               </>
             ) : (
-              <div style={{display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', textAlign: 'center' }}>
-                <span role="img" aria-label="Sleeping Emoji" style={{fontSize: 42}}>
+              <div
+                style={{
+                  display: 'flex',
+                  flexDirection: 'column',
+                  justifyContent: 'center',
+                  alignItems: 'center',
+                  textAlign: 'center',
+                }}
+              >
+                <span
+                  role="img"
+                  aria-label="Sleeping Emoji"
+                  style={{ fontSize: 42 }}
+                >
                   😴
-                </span><br/><br/>
-                This service is currently hibernating.<br/>
+                </span>
+                <br />
+                <br />
+                This service is currently hibernating.
+                <br />
                 Try switching services or reloading Ferdium.
               </div>
             )}
diff --git a/src/components/settings/account/AccountDashboard.js b/src/components/settings/account/AccountDashboard.js
index 8ebf1ac5f..a1612cf8b 100644
--- a/src/components/settings/account/AccountDashboard.js
+++ b/src/components/settings/account/AccountDashboard.js
@@ -106,7 +106,7 @@ class AccountDashboard extends Component {
         <div className="settings__body">
           {isUsingWithoutAccount && (
             <>
-              <H1 className='.no-bottom-margin'>
+              <H1 className=".no-bottom-margin">
                 {intl.formatMessage(messages.accountUnavailable)}
               </H1>
               <p
diff --git a/src/components/settings/recipes/RecipesDashboard.jsx b/src/components/settings/recipes/RecipesDashboard.jsx
index 589b97ecd..d6150d300 100644
--- a/src/components/settings/recipes/RecipesDashboard.jsx
+++ b/src/components/settings/recipes/RecipesDashboard.jsx
@@ -191,7 +191,9 @@ class RecipesDashboard extends Component {
             <NavLink
               to="/settings/recipes/all"
               className={({ isActive }) =>
-                isActive && recipeFilter === 'all' ? 'badge badge--primary' : 'badge'
+                isActive && recipeFilter === 'all'
+                  ? 'badge badge--primary'
+                  : 'badge'
               }
               onClick={() => resetSearch()}
             >
diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js
index 73136529a..ab43bace9 100644
--- a/src/components/settings/services/EditServiceForm.js
+++ b/src/components/settings/services/EditServiceForm.js
@@ -505,9 +505,7 @@ class EditServiceForm extends Component {
         </div>
         <div className="settings__controls">
           {/* Delete Button */}
-          <div>
-            {action === 'edit' && deleteButton}
-          </div>
+          <div>{action === 'edit' && deleteButton}</div>
 
           {/* Save Button */}
           {isSaving || isValidatingCustomUrl ? (
diff --git a/src/components/ui/ColorPickerInput.tsx b/src/components/ui/ColorPickerInput.tsx
index 8a4d3129a..710d05586 100644
--- a/src/components/ui/ColorPickerInput.tsx
+++ b/src/components/ui/ColorPickerInput.tsx
@@ -8,7 +8,7 @@ interface IProps {
   field: Field;
   className?: string;
   focus?: boolean;
-};
+}
 
 class ColorPickerInput extends Component<IProps> {
   static defaultProps = {
@@ -34,16 +34,13 @@ class ColorPickerInput extends Component<IProps> {
     this.inputElement?.focus();
   }
 
-  handleChangeComplete = (color: { hex: string; }) => {
+  handleChangeComplete = (color: { hex: string }) => {
     const { field } = this.props;
-    field.value = color.hex
+    field.value = color.hex;
   };
 
   render() {
-    const {
-      field,
-      className,
-    } = this.props;
+    const { field, className } = this.props;
 
     let { type } = field;
     type = 'text';
@@ -57,8 +54,8 @@ class ColorPickerInput extends Component<IProps> {
         })}
       >
         <SliderPicker
-          color={ field.value }
-          onChangeComplete={ this.handleChangeComplete }
+          color={field.value}
+          onChangeComplete={this.handleChangeComplete}
           id={field.id}
           type={type}
           className="franz-form__input"
diff --git a/src/components/ui/FullscreenLoader/index.js b/src/components/ui/FullscreenLoader/index.js
index 983e7ea6c..f8c6b92ee 100644
--- a/src/components/ui/FullscreenLoader/index.js
+++ b/src/components/ui/FullscreenLoader/index.js
@@ -23,7 +23,7 @@ class FullscreenLoader extends Component {
     className: null,
     spinnerColor: null,
     children: null,
-    title: null
+    title: null,
   };
 
   render() {
diff --git a/src/components/ui/loader/index.tsx b/src/components/ui/loader/index.tsx
index 4d52f320e..45f81ff3b 100644
--- a/src/components/ui/loader/index.tsx
+++ b/src/components/ui/loader/index.tsx
@@ -41,6 +41,4 @@ class LoaderComponent extends Component<IProps> {
   }
 }
 
-export default injectStyle(styles, { injectTheme: true })(
-  LoaderComponent,
-);
+export default injectStyle(styles, { injectTheme: true })(LoaderComponent);
diff --git a/src/components/ui/select/index.tsx b/src/components/ui/select/index.tsx
index 1ce6c674b..805836130 100644
--- a/src/components/ui/select/index.tsx
+++ b/src/components/ui/select/index.tsx
@@ -463,6 +463,4 @@ class SelectComponent extends Component<IProps> {
   }
 }
 
-export default injectStyle(styles, { injectTheme: true })(
-  SelectComponent,
-);
+export default injectStyle(styles, { injectTheme: true })(SelectComponent);
diff --git a/src/components/ui/textarea/index.tsx b/src/components/ui/textarea/index.tsx
index 6796ab83d..d4ea424be 100644
--- a/src/components/ui/textarea/index.tsx
+++ b/src/components/ui/textarea/index.tsx
@@ -121,6 +121,4 @@ class TextareaComponent extends Component<IProps> {
   }
 }
 
-export default injectSheet(styles, { injectTheme: true })(
-  TextareaComponent,
-);
+export default injectSheet(styles, { injectTheme: true })(TextareaComponent);
diff --git a/src/components/ui/wrapper/index.tsx b/src/components/ui/wrapper/index.tsx
index e7477a25c..d733d050e 100644
--- a/src/components/ui/wrapper/index.tsx
+++ b/src/components/ui/wrapper/index.tsx
@@ -33,6 +33,4 @@ class WrapperComponent extends Component<IProps> {
   }
 }
 
-export default injectStyle(styles, { injectTheme: true })(
-  WrapperComponent,
-);
+export default injectStyle(styles, { injectTheme: true })(WrapperComponent);
diff --git a/src/containers/auth/LoginScreen.tsx b/src/containers/auth/LoginScreen.tsx
index 5c30e6569..64e06e59d 100644
--- a/src/containers/auth/LoginScreen.tsx
+++ b/src/containers/auth/LoginScreen.tsx
@@ -1,6 +1,9 @@
 import { Component, ReactElement } from 'react';
 import { inject, observer } from 'mobx-react';
-import { StoresProps, GlobalError } from '../../@types/ferdium-components.types';
+import {
+  StoresProps,
+  GlobalError,
+} from '../../@types/ferdium-components.types';
 import Login from '../../components/auth/Login';
 
 interface LoginScreenProps extends StoresProps {
diff --git a/src/containers/auth/SignupScreen.tsx b/src/containers/auth/SignupScreen.tsx
index f3675c286..bf7ffe778 100644
--- a/src/containers/auth/SignupScreen.tsx
+++ b/src/containers/auth/SignupScreen.tsx
@@ -1,7 +1,10 @@
 import { Component, ReactElement } from 'react';
 import { inject, observer } from 'mobx-react';
 
-import { StoresProps, GlobalError } from '../../@types/ferdium-components.types';
+import {
+  StoresProps,
+  GlobalError,
+} from '../../@types/ferdium-components.types';
 import Signup from '../../components/auth/Signup';
 
 interface SignUpScreenComponents extends StoresProps {
diff --git a/src/electron/ipc-api/autoUpdate.ts b/src/electron/ipc-api/autoUpdate.ts
index 262d396ec..bf3e79c85 100644
--- a/src/electron/ipc-api/autoUpdate.ts
+++ b/src/electron/ipc-api/autoUpdate.ts
@@ -28,7 +28,7 @@ export default (params: { mainWindow: BrowserWindow; settings: any }) => {
             appEvents.emit('install-update');
 
             const openedWindows = BrowserWindow.getAllWindows();
-            for (const window of openedWindows)  window.close();
+            for (const window of openedWindows) window.close();
 
             autoUpdater.quitAndInstall();
           }
diff --git a/src/electron/ipc-api/languageDetect.ts b/src/electron/ipc-api/languageDetect.ts
index d344f7097..6314ea12b 100644
--- a/src/electron/ipc-api/languageDetect.ts
+++ b/src/electron/ipc-api/languageDetect.ts
@@ -2,7 +2,9 @@ import { ipcMain } from 'electron';
 
 import LanguageDetect from 'languagedetect';
 
-const debug = require('../../preload-safe-debug')('Ferdium:ipcApi:languageDetect');
+const debug = require('../../preload-safe-debug')(
+  'Ferdium:ipcApi:languageDetect',
+);
 
 export default async () => {
   ipcMain.handle('detect-language', async (_event, { sample }) => {
diff --git a/src/electron/ipc-api/localServer.ts b/src/electron/ipc-api/localServer.ts
index 71a3003d1..6264e719d 100644
--- a/src/electron/ipc-api/localServer.ts
+++ b/src/electron/ipc-api/localServer.ts
@@ -39,7 +39,10 @@ export default (params: { mainWindow: BrowserWindow }) => {
           port += 1;
         }
         token = randomBytes(256 / 8).toString('base64url');
-        debug('Starting local server at', `http://localhost:${port}/token/${token}`);
+        debug(
+          'Starting local server at',
+          `http://localhost:${port}/token/${token}`,
+        );
         await server(userDataPath(), port, token);
         localServerStarted = true;
       }
@@ -49,7 +52,7 @@ export default (params: { mainWindow: BrowserWindow }) => {
         port,
         token,
       });
-    })().catch((error) => {
+    })().catch(error => {
       console.error('Error while starting local server', error);
     });
   });
diff --git a/src/electron/ipc-api/sessionStorage.ts b/src/electron/ipc-api/sessionStorage.ts
index 2a9f4b4d1..39e84d42b 100644
--- a/src/electron/ipc-api/sessionStorage.ts
+++ b/src/electron/ipc-api/sessionStorage.ts
@@ -2,7 +2,9 @@ import { ipcMain, Session, session } from 'electron';
 
 import { TODOS_PARTITION_ID } from '../../config';
 
-const debug = require('../../preload-safe-debug')('Ferdium:ipcApi:sessionStorage');
+const debug = require('../../preload-safe-debug')(
+  'Ferdium:ipcApi:sessionStorage',
+);
 
 function deduceSession(serviceId: string | undefined | null): Session {
   if (serviceId) {
diff --git a/src/electron/windowUtils.ts b/src/electron/windowUtils.ts
index 3621beb2f..654459320 100644
--- a/src/electron/windowUtils.ts
+++ b/src/electron/windowUtils.ts
@@ -1,6 +1,9 @@
 import { screen } from 'electron';
 
-export default function isPositionValid(position: { x: number; y: number }): boolean {
+export default function isPositionValid(position: {
+  x: number;
+  y: number;
+}): boolean {
   const displays = screen.getAllDisplays();
   const { x, y } = position;
   return displays.some(
diff --git a/src/features/basicAuth/mainIpcHandler.ts b/src/features/basicAuth/mainIpcHandler.ts
index 5d320df5c..d9cedc974 100644
--- a/src/features/basicAuth/mainIpcHandler.ts
+++ b/src/features/basicAuth/mainIpcHandler.ts
@@ -1,6 +1,8 @@
 import { BrowserWindow } from 'electron';
 
-const debug = require('../../preload-safe-debug')('Ferdium:feature:basicAuth:main');
+const debug = require('../../preload-safe-debug')(
+  'Ferdium:feature:basicAuth:main',
+);
 
 export default function mainIpcHandler(mainWindow: BrowserWindow, authInfo) {
   debug('Sending basic auth call', authInfo);
diff --git a/src/features/publishDebugInfo/Component.js b/src/features/publishDebugInfo/Component.js
index 1668ea79a..27661d917 100644
--- a/src/features/publishDebugInfo/Component.js
+++ b/src/features/publishDebugInfo/Component.js
@@ -14,7 +14,9 @@ import { DEBUG_API } from '../../config';
 import AppStore from '../../stores/AppStore';
 import ServicesStore from '../../stores/ServicesStore';
 
-const debug = require('../../preload-safe-debug')('Ferdium:feature:publishDebugInfo');
+const debug = require('../../preload-safe-debug')(
+  'Ferdium:feature:publishDebugInfo',
+);
 
 const messages = defineMessages({
   title: {
@@ -89,7 +91,7 @@ class PublishDebugLogModal extends Component {
     this.setState({
       log: null,
       error: false,
-      isSendingLog: false
+      isSendingLog: false,
     });
   }
 
@@ -149,17 +151,15 @@ class PublishDebugLogModal extends Component {
         className={`${classes.modal} publish-debug`}
         close={() => this.close()}
       >
-        <H1 className={classes.headline}>{intl.formatMessage(messages.title)}</H1>
+        <H1 className={classes.headline}>
+          {intl.formatMessage(messages.title)}
+        </H1>
         {log && (
           <>
             <p className={classes.info}>
               {intl.formatMessage(messages.published)}
             </p>
-            <Input
-              showLabel={false}
-              value={`${DEBUG_API}/${log}`}
-              readonly
-            />
+            <Input showLabel={false} value={`${DEBUG_API}/${log}`} readonly />
           </>
         )}
 
@@ -169,9 +169,7 @@ class PublishDebugLogModal extends Component {
 
         {!log && !error && (
           <>
-            <p className={classes.info}>
-              {intl.formatMessage(messages.info)}
-            </p>
+            <p className={classes.info}>{intl.formatMessage(messages.info)}</p>
 
             <a
               href={`${DEBUG_API}/privacy.html`}
diff --git a/src/features/publishDebugInfo/index.ts b/src/features/publishDebugInfo/index.ts
index 597bcdc12..80714a104 100644
--- a/src/features/publishDebugInfo/index.ts
+++ b/src/features/publishDebugInfo/index.ts
@@ -3,7 +3,9 @@ import { state as ModalState } from './store';
 export { default as Component } from './Component';
 
 const state = ModalState;
-const debug = require('../../preload-safe-debug')('Ferdium:feature:publishDebugInfo');
+const debug = require('../../preload-safe-debug')(
+  'Ferdium:feature:publishDebugInfo',
+);
 
 export default function initialize() {
   debug('Initialize publishDebugInfo feature');
diff --git a/src/features/quickSwitch/index.ts b/src/features/quickSwitch/index.ts
index 9d53d0b2f..e6ee66e16 100644
--- a/src/features/quickSwitch/index.ts
+++ b/src/features/quickSwitch/index.ts
@@ -3,7 +3,9 @@ import { state as ModalState } from './store';
 export { default as Component } from './Component';
 const state = ModalState;
 
-const debug = require('../../preload-safe-debug')('Ferdium:feature:quickSwitch');
+const debug = require('../../preload-safe-debug')(
+  'Ferdium:feature:quickSwitch',
+);
 
 export default function initialize() {
   debug('Initialize quickSwitch feature');
diff --git a/src/features/serviceProxy/index.ts b/src/features/serviceProxy/index.ts
index e0d667a72..51e67feca 100644
--- a/src/features/serviceProxy/index.ts
+++ b/src/features/serviceProxy/index.ts
@@ -1,7 +1,9 @@
 import { autorun, observable } from 'mobx';
 import { session } from '@electron/remote';
 
-const debug = require('../../preload-safe-debug')('Ferdium:feature:serviceProxy');
+const debug = require('../../preload-safe-debug')(
+  'Ferdium:feature:serviceProxy',
+);
 
 export const config = observable({
   isEnabled: true,
diff --git a/src/features/todos/preload.ts b/src/features/todos/preload.ts
index 6c8bc1aea..0d76efd7a 100644
--- a/src/features/todos/preload.ts
+++ b/src/features/todos/preload.ts
@@ -1,7 +1,9 @@
 import { ipcRenderer } from 'electron';
 import { IPC } from './constants';
 
-const debug = require('../../preload-safe-debug')('Ferdium:feature:todos:preload');
+const debug = require('../../preload-safe-debug')(
+  'Ferdium:feature:todos:preload',
+);
 
 debug('Preloading Todos Webview');
 
diff --git a/src/features/workspaces/actions.ts b/src/features/workspaces/actions.ts
index b7f8b6b90..b4e1d0758 100644
--- a/src/features/workspaces/actions.ts
+++ b/src/features/workspaces/actions.ts
@@ -24,5 +24,5 @@ export default createActionsFromDefinitions(
     openWorkspaceSettings: {},
     toggleKeepAllWorkspacesLoadedSetting: {},
   },
-  PropTypes.checkPropTypes
+  PropTypes.checkPropTypes,
 );
diff --git a/src/features/workspaces/api.ts b/src/features/workspaces/api.ts
index fb752c565..b8bb703cd 100644
--- a/src/features/workspaces/api.ts
+++ b/src/features/workspaces/api.ts
@@ -4,7 +4,9 @@ import Request from '../../stores/lib/Request';
 import Workspace from './models/Workspace';
 import apiBase from '../../api/apiBase';
 
-const debug = require('../../preload-safe-debug')('Ferdium:feature:workspaces:api');
+const debug = require('../../preload-safe-debug')(
+  'Ferdium:feature:workspaces:api',
+);
 
 export const workspaceApi = {
   getUserWorkspaces: async () => {
diff --git a/src/features/workspaces/components/EditWorkspaceForm.js b/src/features/workspaces/components/EditWorkspaceForm.js
index 7e8541c44..6bc9ae6f0 100644
--- a/src/features/workspaces/components/EditWorkspaceForm.js
+++ b/src/features/workspaces/components/EditWorkspaceForm.js
@@ -170,10 +170,7 @@ class EditWorkspaceForm extends Component {
         </div>
         <div className="settings__body">
           {updateWorkspaceRequest.error && (
-            <Infobox
-              icon="alert"
-              type="danger"
-            >
+            <Infobox icon="alert" type="danger">
               Error while saving workspace
             </Infobox>
           )}
diff --git a/src/features/workspaces/store.js b/src/features/workspaces/store.js
index e8c5d0590..a8fb493df 100644
--- a/src/features/workspaces/store.js
+++ b/src/features/workspaces/store.js
@@ -15,7 +15,9 @@ import { createActionBindings } from '../utils/ActionBinding';
 
 import { KEEP_WS_LOADED_USID } from '../../config';
 
-const debug = require('../../preload-safe-debug')('Ferdium:feature:workspaces:store');
+const debug = require('../../preload-safe-debug')(
+  'Ferdium:feature:workspaces:store',
+);
 
 export default class WorkspacesStore extends FeatureStore {
   @observable isFeatureActive = false;
diff --git a/src/helpers/array-helpers.ts b/src/helpers/array-helpers.ts
index 5d28af433..33be12fa7 100644
--- a/src/helpers/array-helpers.ts
+++ b/src/helpers/array-helpers.ts
@@ -1,6 +1,6 @@
 export default function shuffleArray(arr: any[]): any[] {
   return arr
-    .map(a => [ Math.random(), a ])
-    .sort((a, b) => a[ 0 ] - b[ 0 ])
-    .map(a => a[ 1 ])
-};
+    .map(a => [Math.random(), a])
+    .sort((a, b) => a[0] - b[0])
+    .map(a => a[1]);
+}
diff --git a/src/helpers/url-helpers.ts b/src/helpers/url-helpers.ts
index 720f242b4..69a2cc4dc 100644
--- a/src/helpers/url-helpers.ts
+++ b/src/helpers/url-helpers.ts
@@ -24,7 +24,12 @@ export function isValidExternalURL(url: string | URL) {
 }
 
 export function fixUrl(url: string | URL) {
-  return url.toString().replaceAll('//', '/').replaceAll('http:/', 'http://').replaceAll('https:/', 'https://').replaceAll('file:/', 'file://');
+  return url
+    .toString()
+    .replaceAll('//', '/')
+    .replaceAll('http:/', 'http://')
+    .replaceAll('https:/', 'https://')
+    .replaceAll('file:/', 'file://');
 }
 
 export function isValidFileUrl(path: string) {
diff --git a/src/helpers/validation-helpers.ts b/src/helpers/validation-helpers.ts
index b2b8823af..4e0af8b08 100644
--- a/src/helpers/validation-helpers.ts
+++ b/src/helpers/validation-helpers.ts
@@ -13,7 +13,7 @@ const messages = defineMessages({
   },
   url: {
     id: 'validation.url',
-    defaultMessage: "{field} is not a valid URL",
+    defaultMessage: '{field} is not a valid URL',
   },
   minLength: {
     id: 'validation.minLength',
diff --git a/src/i18n/translations.ts b/src/i18n/translations.ts
index 99c6e1e80..c62256aec 100644
--- a/src/i18n/translations.ts
+++ b/src/i18n/translations.ts
@@ -13,4 +13,4 @@ export default function generatedTranslations() {
     }
   }
   return translations;
-};
+}
diff --git a/src/internal-server/app/Controllers/Http/RecipeController.js b/src/internal-server/app/Controllers/Http/RecipeController.js
index eac34aa5c..61fa6be8f 100644
--- a/src/internal-server/app/Controllers/Http/RecipeController.js
+++ b/src/internal-server/app/Controllers/Http/RecipeController.js
@@ -4,7 +4,9 @@ const { validateAll } = use('Validator');
 const Env = use('Env');
 
 const fetch = require('node-fetch');
-const debug = require('../../../../preload-safe-debug')('Ferdium:internalServer:RecipeController');
+const debug = require('../../../../preload-safe-debug')(
+  'Ferdium:internalServer:RecipeController',
+);
 const { LIVE_FERDIUM_API } = require('../../../../config');
 const { convertToJSON } = require('../../../../jsUtils');
 const { API_VERSION } = require('../../../../environment-remote');
@@ -87,15 +89,11 @@ class RecipeController {
   }
 
   // Return an empty array
-  update({
-    response,
-  }) {
+  update({ response }) {
     return response.send([]);
   }
 
-  async popularRecipes({
-    response,
-  }) {
+  async popularRecipes({ response }) {
     const recipesUrlFetch = await fetch(`${RECIPES_URL}/popular`);
     const featuredRecipes = convertToJSON(await recipesUrlFetch.text());
     return response.send(featuredRecipes);
diff --git a/src/internal-server/app/Controllers/Http/ServiceController.js b/src/internal-server/app/Controllers/Http/ServiceController.js
index 44e4a7369..226adb134 100644
--- a/src/internal-server/app/Controllers/Http/ServiceController.js
+++ b/src/internal-server/app/Controllers/Http/ServiceController.js
@@ -2,7 +2,10 @@ const Service = use('App/Models/Service');
 const { validateAll } = use('Validator');
 
 const { v4: uuid } = require('uuid');
-const { DEFAULT_SERVICE_ORDER, DEFAULT_SERVICE_SETTINGS } = require('../../../../config');
+const {
+  DEFAULT_SERVICE_ORDER,
+  DEFAULT_SERVICE_SETTINGS,
+} = require('../../../../config');
 const { convertToJSON } = require('../../../../jsUtils');
 const { deduceIconUrl, moveIcon } = require('../../ImageHelper');
 
@@ -30,7 +33,8 @@ class ServiceController {
       serviceId = uuid();
     } while (
       // eslint-disable-next-line no-await-in-loop, unicorn/no-await-expression-member
-      (await Service.query().where('serviceId', serviceId).fetch()).rows.length > 0
+      (await Service.query().where('serviceId', serviceId).fetch()).rows
+        .length > 0
     );
 
     await Service.create({
diff --git a/src/internal-server/app/Controllers/Http/StaticController.js b/src/internal-server/app/Controllers/Http/StaticController.js
index ac6f89008..0a0146d6b 100644
--- a/src/internal-server/app/Controllers/Http/StaticController.js
+++ b/src/internal-server/app/Controllers/Http/StaticController.js
@@ -4,9 +4,7 @@
 
 class StaticController {
   // Enable all features
-  features({
-    response,
-  }) {
+  features({ response }) {
     return response.send({
       isServiceProxyEnabled: true,
       isWorkspaceEnabled: true,
@@ -20,9 +18,7 @@ class StaticController {
   }
 
   // Show announcements
-  announcement({
-    response,
-  }) {
+  announcement({ response }) {
     return response.send({});
   }
 }
diff --git a/src/internal-server/app/ImageHelper.js b/src/internal-server/app/ImageHelper.js
index e7c981a1d..905ba81ab 100644
--- a/src/internal-server/app/ImageHelper.js
+++ b/src/internal-server/app/ImageHelper.js
@@ -6,7 +6,7 @@ const path = require('path');
 const fs = require('fs-extra');
 const { API_VERSION } = require('../../environment-remote');
 
-const moveIcon = async (icon) => {
+const moveIcon = async icon => {
   const iconsPath = path.join(Env.get('USER_PATH'), 'icons');
   await fs.ensureDir(iconsPath);
 
@@ -24,6 +24,11 @@ const moveIcon = async (icon) => {
   return !icon.moved() ? '-1' : iconId;
 };
 
-const deduceIconUrl = (iconId) => iconId ? `http://${Env.get('HOST')}:${Env.get('PORT')}/${API_VERSION}/icon/${iconId}` : null
+const deduceIconUrl = iconId =>
+  iconId
+    ? `http://${Env.get('HOST')}:${Env.get(
+        'PORT',
+      )}/${API_VERSION}/icon/${iconId}`
+    : null;
 
 module.exports = { moveIcon, deduceIconUrl };
diff --git a/src/internal-server/start.ts b/src/internal-server/start.ts
index ae28e3313..f5e1953e7 100644
--- a/src/internal-server/start.ts
+++ b/src/internal-server/start.ts
@@ -63,12 +63,15 @@ export const server = async (userPath: string, port: number, token: string) => {
         returned = true;
       }
     });
-    new Ignitor(fold).appRoot(__dirname).fireHttpServer().catch((error) => {
-      console.error(error);
-      if (!returned) {
-        returned = true;
-        reject(error);
-      }
-    });
+    new Ignitor(fold)
+      .appRoot(__dirname)
+      .fireHttpServer()
+      .catch(error => {
+        console.error(error);
+        if (!returned) {
+          returned = true;
+          reject(error);
+        }
+      });
   });
 };
diff --git a/src/internal-server/start/routes.js b/src/internal-server/start/routes.js
index 736796bb8..8aca39347 100644
--- a/src/internal-server/start/routes.js
+++ b/src/internal-server/start/routes.js
@@ -18,9 +18,13 @@ migrate();
 
 async function validateToken(clientToken, response, next) {
   const serverToken = process.env.FERDIUM_LOCAL_TOKEN;
-  const valid = serverToken &&
+  const valid =
+    serverToken &&
     clientToken &&
-    timingSafeEqual(Buffer.from(clientToken, 'utf8'), Buffer.from(serverToken, 'utf8'));
+    timingSafeEqual(
+      Buffer.from(clientToken, 'utf8'),
+      Buffer.from(serverToken, 'utf8'),
+    );
   if (valid) {
     await next();
     return true;
@@ -41,11 +45,11 @@ const OnlyAllowFerdium = async ({ request, response }, next) => {
 const RequireTokenInQS = async ({ request, response }, next) => {
   const clientToken = request.get().token;
   return validateToken(clientToken, response, next);
-}
+};
 
 const FERDIUM_LOCAL_TOKEN_COOKIE = 'ferdium-local-token';
 
-const RequireAuthenticatedBrowser = async({ request, response }, next) => {
+const RequireAuthenticatedBrowser = async ({ request, response }, next) => {
   const clientToken = request.cookie(FERDIUM_LOCAL_TOKEN_COOKIE);
   return validateToken(clientToken, response, next);
 };
diff --git a/src/jsUtils.ts b/src/jsUtils.ts
index 36d70da25..ba7542eab 100644
--- a/src/jsUtils.ts
+++ b/src/jsUtils.ts
@@ -21,4 +21,4 @@ export const convertToJSON = (data: string | any | undefined | null) =>
 export const cleanseJSObject = (data: any | undefined | null) =>
   JSON.parse(JSON.stringify(data));
 
-export const isEscKeyPress = (keyCode : Number) => keyCode === 27;
+export const isEscKeyPress = (keyCode: Number) => keyCode === 27;
diff --git a/src/lib/Tray.js b/src/lib/Tray.js
index 0e935d891..fffdec64d 100644
--- a/src/lib/Tray.js
+++ b/src/lib/Tray.js
@@ -224,15 +224,9 @@ export default class TrayIcon {
   _getAsset(type, asset) {
     let { platform } = process;
 
-    if (
-      isMac &&
-      macosVersion.isGreaterThanOrEqualTo('11')
-    ) {
+    if (isMac && macosVersion.isGreaterThanOrEqualTo('11')) {
       platform = `${platform}-20`;
-    } else if (
-      isMac &&
-      nativeTheme.shouldUseDarkColors
-    ) {
+    } else if (isMac && nativeTheme.shouldUseDarkColors) {
       platform = `${platform}-dark`;
     }
 
diff --git a/src/preload-safe-debug.ts b/src/preload-safe-debug.ts
index 1136e93c1..d18dd8639 100644
--- a/src/preload-safe-debug.ts
+++ b/src/preload-safe-debug.ts
@@ -9,20 +9,22 @@
  * because they correspond to preload scripts.
  */
 module.exports = function debug(namespace: string): (...params: any[]) => void {
-  if (typeof process === 'object' &&
-      'contextIsolated' in process &&
-      (process as unknown as { contextIsolated: string }).contextIsolated) {
+  if (
+    typeof process === 'object' &&
+    'contextIsolated' in process &&
+    (process as unknown as { contextIsolated: string }).contextIsolated
+  ) {
     // Only output debug messages to the console if debugging is requested.
     // We don't reimplement the matching algorithm from `debug` and just dump all
     // messages to the console if some form of `Ferdium` debugging is enabled.
     if (process.env.DEBUG?.startsWith('Ferdium:')) {
       return (...params) => console.debug(`[${namespace}]`, ...params);
     }
-    return () => { };
+    return () => {};
   }
   /*
     eslint-disable-next-line global-require --
     This file contains a workaround for situations were global require is problematic.
   */
   return require('debug')(namespace);
-}
+};
diff --git a/src/stores/SettingsStore.ts b/src/stores/SettingsStore.ts
index a03d3c188..e2903c952 100644
--- a/src/stores/SettingsStore.ts
+++ b/src/stores/SettingsStore.ts
@@ -1,4 +1,3 @@
-
 import { ipcRenderer } from 'electron';
 import { getCurrentWindow } from '@electron/remote';
 import { action, computed, makeObservable, observable, reaction } from 'mobx';
diff --git a/src/webview/dialogTitle.ts b/src/webview/dialogTitle.ts
index 67b4e5b6b..14676100c 100644
--- a/src/webview/dialogTitle.ts
+++ b/src/webview/dialogTitle.ts
@@ -1,6 +1,8 @@
 import { ipcRenderer } from 'electron';
 
-const debug = require('../preload-safe-debug')('Ferdium:Plugin:DialogTitleHandler');
+const debug = require('../preload-safe-debug')(
+  'Ferdium:Plugin:DialogTitleHandler',
+);
 
 export default class DialogTitleHandler {
   titleCache: { title: string };