48 files changed, 379 insertions, 377 deletions

diff --git a/packages/main/esbuild.config.js b/packages/main/esbuild.config.js
index 49fba6b..d5f6f1e 100644
--- a/packages/main/esbuild.config.js
+++ b/packages/main/esbuild.config.js
@@ -12,19 +12,20 @@ if (process.env.MODE !== 'development') {
 
 const gitInfo = getRepoInfo();
 
-export default getEsbuildConfig({
-  absWorkingDir: fileURLToDirname(import.meta.url),
-  entryPoints: [
-    'src/index.ts',
-  ],
-  outfile: 'dist/index.cjs',
-  format: 'cjs',
-  platform: 'node',
-  target: node,
-  external: externalPackages,
-}, {
-  VITE_DEV_SERVER_URL: process.env.VITE_DEV_SERVER_URL || null,
-  GIT_SHA: gitInfo.abbreviatedSha,
-  GIT_BRANCH: gitInfo.branch,
-  BUILD_DATE: new Date().getTime(),
-});
+export default getEsbuildConfig(
+  {
+    absWorkingDir: fileURLToDirname(import.meta.url),
+    entryPoints: ['src/index.ts'],
+    outfile: 'dist/index.cjs',
+    format: 'cjs',
+    platform: 'node',
+    target: node,
+    external: externalPackages,
+  },
+  {
+    VITE_DEV_SERVER_URL: process.env.VITE_DEV_SERVER_URL || null,
+    GIT_SHA: gitInfo.abbreviatedSha,
+    GIT_BRANCH: gitInfo.branch,
+    BUILD_DATE: new Date().getTime(),
+  },
+);
diff --git a/packages/main/src/controllers/__tests__/initConfig.spec.ts b/packages/main/src/controllers/__tests__/initConfig.spec.ts
index e386a07..7b6d6ab 100644
--- a/packages/main/src/controllers/__tests__/initConfig.spec.ts
+++ b/packages/main/src/controllers/__tests__/initConfig.spec.ts
@@ -60,8 +60,12 @@ describe('when initializing', () => {
     });
 
     it('should bail if there is an an error creating the config file', async () => {
-      mocked(persistenceService.writeConfig).mockRejectedValue(new Error('boo'));
-      await expect(() => initConfig(config, persistenceService)).rejects.toBeInstanceOf(Error);
+      mocked(persistenceService.writeConfig).mockRejectedValue(
+        new Error('boo'),
+      );
+      await expect(() =>
+        initConfig(config, persistenceService),
+      ).rejects.toBeInstanceOf(Error);
     });
   });
 
@@ -85,7 +89,9 @@ describe('when initializing', () => {
       mocked(persistenceService.watchConfig).mockImplementationOnce(() => {
         throw new Error('boo');
       });
-      await expect(() => initConfig(config, persistenceService)).rejects.toBeInstanceOf(Error);
+      await expect(() =>
+        initConfig(config, persistenceService),
+      ).rejects.toBeInstanceOf(Error);
     });
   });
 
@@ -102,7 +108,9 @@ describe('when initializing', () => {
 
   it('should bail if it cannot determine whether there is a config file', async () => {
     mocked(persistenceService.readConfig).mockRejectedValue(new Error('boo'));
-    await expect(() => initConfig(config, persistenceService)).rejects.toBeInstanceOf(Error);
+    await expect(() =>
+      initConfig(config, persistenceService),
+    ).rejects.toBeInstanceOf(Error);
   });
 });
 
@@ -118,7 +126,9 @@ describe('when it has loaded the config', () => {
     });
     mocked(persistenceService.watchConfig).mockReturnValueOnce(watcherDisposer);
     sutDisposer = await initConfig(config, persistenceService, throttleMs);
-    [[configChangedCallback]] = mocked(persistenceService.watchConfig).mock.calls;
+    [[configChangedCallback]] = mocked(
+      persistenceService.watchConfig,
+    ).mock.calls;
     jest.resetAllMocks();
   });
 
diff --git a/packages/main/src/controllers/__tests__/initNativeTheme.spec.ts b/packages/main/src/controllers/__tests__/initNativeTheme.spec.ts
index bd33f48..d4068af 100644
--- a/packages/main/src/controllers/__tests__/initNativeTheme.spec.ts
+++ b/packages/main/src/controllers/__tests__/initNativeTheme.spec.ts
@@ -58,14 +58,18 @@ it('should synchronize themeSource changes to the nativeTheme', () => {
 });
 
 it('should synchronize shouldUseDarkColors changes to the store', () => {
-  const listener = mocked(nativeTheme.on).mock.calls.find(([event]) => event === 'updated')![1];
+  const listener = mocked(nativeTheme.on).mock.calls.find(
+    ([event]) => event === 'updated',
+  )![1];
   shouldUseDarkColors = true;
   listener();
   expect(store.shared.shouldUseDarkColors).toBe(true);
 });
 
 it('should remove the listener on dispose', () => {
-  const listener = mocked(nativeTheme.on).mock.calls.find(([event]) => event === 'updated')![1];
+  const listener = mocked(nativeTheme.on).mock.calls.find(
+    ([event]) => event === 'updated',
+  )![1];
   disposeSut();
   expect(nativeTheme.off).toBeCalledWith('updated', listener);
 });
diff --git a/packages/main/src/controllers/initConfig.ts b/packages/main/src/controllers/initConfig.ts
index 1d40762..e83b8da 100644
--- a/packages/main/src/controllers/initConfig.ts
+++ b/packages/main/src/controllers/initConfig.ts
@@ -59,20 +59,23 @@ export default async function initConfig(
     lastSnapshotOnDisk = snapshot;
   }
 
-  if (!await readConfig()) {
+  if (!(await readConfig())) {
     log.info('Config file was not found');
     await writeConfig();
     log.info('Created config file');
   }
 
-  const disposeOnSnapshot = onSnapshot(config, debounce((snapshot) => {
-    // We can compare snapshots by reference, since it is only recreated on store changes.
-    if (lastSnapshotOnDisk !== snapshot) {
-      writeConfig().catch((err) => {
-        log.error('Failed to write config on config change', err);
-      });
-    }
-  }, debounceTime));
+  const disposeOnSnapshot = onSnapshot(
+    config,
+    debounce((snapshot) => {
+      // We can compare snapshots by reference, since it is only recreated on store changes.
+      if (lastSnapshotOnDisk !== snapshot) {
+        writeConfig().catch((err) => {
+          log.error('Failed to write config on config change', err);
+        });
+      }
+    }, debounceTime),
+  );
 
   const disposeWatcher = persistenceService.watchConfig(async () => {
     try {
diff --git a/packages/main/src/devTools.ts b/packages/main/src/devTools.ts
index 0486c36..69f1514 100644
--- a/packages/main/src/devTools.ts
+++ b/packages/main/src/devTools.ts
@@ -52,18 +52,12 @@ export async function installDevToolsExtensions(): Promise<void> {
       @typescript-eslint/no-var-requires
     */
   } = require('electron-devtools-installer') as typeof import('electron-devtools-installer');
-  await installExtension(
-    [
-      REACT_DEVELOPER_TOOLS,
-      REDUX_DEVTOOLS,
-    ],
-    {
-      forceDownload: false,
-      loadExtensionOptions: {
-        allowFileAccess: true,
-      },
+  await installExtension([REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS], {
+    forceDownload: false,
+    loadExtensionOptions: {
+      allowFileAccess: true,
     },
-  );
+  });
 }
 
 /**
diff --git a/packages/main/src/index.ts b/packages/main/src/index.ts
index bc10b4c..1f80e44 100644
--- a/packages/main/src/index.ts
+++ b/packages/main/src/index.ts
@@ -33,12 +33,7 @@ import {
   MainToRendererIpcMessage,
   RendererToMainIpcMessage,
 } from '@sophie/shared';
-import {
-  app,
-  BrowserView,
-  BrowserWindow,
-  ipcMain,
-} from 'electron';
+import { app, BrowserView, BrowserWindow, ipcMain } from 'electron';
 import { ensureDirSync, readFile, readFileSync } from 'fs-extra';
 import { autorun } from 'mobx';
 import { getSnapshot, onPatch } from 'mobx-state-tree';
@@ -97,7 +92,9 @@ app.setAboutPanelOptions({
     `Node.js: ${process.versions.node}`,
     `Platform: ${osName()}`,
     `Arch: ${arch()}`,
-    `Build date: ${new Date(Number(import.meta.env.BUILD_DATE)).toLocaleString()}`,
+    `Build date: ${new Date(
+      Number(import.meta.env.BUILD_DATE),
+    ).toLocaleString()}`,
     `Git SHA: ${import.meta.env.GIT_SHA}`,
     `Git branch: ${import.meta.env.GIT_BRANCH}`,
   ].join('\n'),
@@ -123,11 +120,13 @@ const serviceInject: WebSource = {
 let mainWindow: BrowserWindow | null = null;
 
 const store = createMainStore();
-init(store).then((disposeCompositionRoot) => {
-  app.on('will-quit', disposeCompositionRoot);
-}).catch((err) => {
-  log.log('Failed to initialize application', err);
-});
+init(store)
+  .then((disposeCompositionRoot) => {
+    app.on('will-quit', disposeCompositionRoot);
+  })
+  .catch((err) => {
+    log.log('Failed to initialize application', err);
+  });
 
 const rendererBaseUrl = getResourceUrl('../renderer/');
 function shouldCancelMainWindowRequest(url: string, method: string): boolean {
@@ -141,12 +140,20 @@ function shouldCancelMainWindowRequest(url: string, method: string): boolean {
     return true;
   }
   if (isDevelopment) {
-    if (DEVMODE_ALLOWED_URL_PREFIXES.some((prefix) => normalizedUrl.startsWith(prefix))) {
+    if (
+      DEVMODE_ALLOWED_URL_PREFIXES.some((prefix) =>
+        normalizedUrl.startsWith(prefix),
+      )
+    ) {
       return false;
     }
     if (import.meta.env.VITE_DEV_SERVER_URL !== undefined) {
-      const isHttp = normalizedUrl.startsWith(import.meta.env.VITE_DEV_SERVER_URL);
-      const isWs = normalizedUrl.startsWith(import.meta.env.VITE_DEV_SERVER_URL.replace(/^http:/, 'ws:'));
+      const isHttp = normalizedUrl.startsWith(
+        import.meta.env.VITE_DEV_SERVER_URL,
+      );
+      const isWs = normalizedUrl.startsWith(
+        import.meta.env.VITE_DEV_SERVER_URL.replace(/^http:/, 'ws:'),
+      );
       return !isHttp && !isWs;
     }
   }
@@ -168,19 +175,24 @@ async function createWindow(): Promise<unknown> {
 
   webContents.userAgent = originalUserAgent;
 
-  webContents.session.setPermissionRequestHandler((_webContents, _permission, callback) => {
-    callback(false);
-  });
+  webContents.session.setPermissionRequestHandler(
+    (_webContents, _permission, callback) => {
+      callback(false);
+    },
+  );
 
-  webContents.session.webRequest.onBeforeRequest(({ url, method }, callback) => {
-    callback({
-      cancel: shouldCancelMainWindowRequest(url, method),
-    });
-  });
+  webContents.session.webRequest.onBeforeRequest(
+    ({ url, method }, callback) => {
+      callback({
+        cancel: shouldCancelMainWindowRequest(url, method),
+      });
+    },
+  );
 
-  const pageUrl = (isDevelopment && import.meta.env.VITE_DEV_SERVER_URL !== undefined)
-    ? import.meta.env.VITE_DEV_SERVER_URL
-    : getResourceUrl('../renderer/dist/index.html');
+  const pageUrl =
+    isDevelopment && import.meta.env.VITE_DEV_SERVER_URL !== undefined
+      ? import.meta.env.VITE_DEV_SERVER_URL
+      : getResourceUrl('../renderer/dist/index.html');
 
   webContents.on('will-navigate', (event, url) => {
     if (url !== pageUrl) {
@@ -273,9 +285,8 @@ async function createWindow(): Promise<unknown> {
     webContents.send(MainToRendererIpcMessage.SharedStorePatch, patch);
   });
 
-  ipcMain.handle(
-    ServiceToMainIpcMessage.ApiExposedInMainWorld,
-    (event) => (event.sender.id === browserView.webContents.id ? serviceInject : null),
+  ipcMain.handle(ServiceToMainIpcMessage.ApiExposedInMainWorld, (event) =>
+    event.sender.id === browserView.webContents.id ? serviceInject : null,
   );
 
   browserView.webContents.on('ipc-message', (_event, channel, ...args) => {
@@ -305,7 +316,9 @@ async function createWindow(): Promise<unknown> {
 
   browserView.webContents.session.webRequest.onBeforeSendHeaders(
     ({ url, requestHeaders }, callback) => {
-      const requestUserAgent = url.match(/^[^:]+:\/\/accounts\.google\.[^./]+\//)
+      const requestUserAgent = url.match(
+        /^[^:]+:\/\/accounts\.google\.[^./]+\//,
+      )
         ? chromelessUserAgent
         : userAgent;
       callback({
@@ -317,9 +330,11 @@ async function createWindow(): Promise<unknown> {
     },
   );
 
-  browserView.webContents.loadURL('https://gitlab.com/say-hi-to-sophie/sophie').catch((err) => {
-    log.error('Failed to load browser', err);
-  });
+  browserView.webContents
+    .loadURL('https://gitlab.com/say-hi-to-sophie/sophie')
+    .catch((err) => {
+      log.error('Failed to load browser', err);
+    });
 
   return mainWindow.loadURL(pageUrl);
 }
@@ -342,17 +357,20 @@ app.on('window-all-closed', () => {
   }
 });
 
-app.whenReady().then(async () => {
-  if (isDevelopment) {
-    try {
-      await installDevToolsExtensions();
-    } catch (err) {
-      log.error('Failed to install devtools extensions', err);
+app
+  .whenReady()
+  .then(async () => {
+    if (isDevelopment) {
+      try {
+        await installDevToolsExtensions();
+      } catch (err) {
+        log.error('Failed to install devtools extensions', err);
+      }
     }
-  }
 
-  return createWindow();
-}).catch((err) => {
-  log.error('Failed to create window', err);
-  process.exit(1);
-});
+    return createWindow();
+  })
+  .catch((err) => {
+    log.error('Failed to create window', err);
+    process.exit(1);
+  });
diff --git a/packages/main/src/init.ts b/packages/main/src/init.ts
index 4487cc4..f3794bb 100644
--- a/packages/main/src/init.ts
+++ b/packages/main/src/init.ts
@@ -27,8 +27,13 @@ import { MainStore } from './stores/MainStore';
 import type Disposer from './utils/Disposer';
 
 export default async function init(store: MainStore): Promise<Disposer> {
-  const configPersistenceService = new ConfigPersistenceServiceImpl(app.getPath('userData'));
-  const disposeConfigController = await initConfig(store.config, configPersistenceService);
+  const configPersistenceService = new ConfigPersistenceServiceImpl(
+    app.getPath('userData'),
+  );
+  const disposeConfigController = await initConfig(
+    store.config,
+    configPersistenceService,
+  );
   const disposeNativeThemeController = initNativeTheme(store);
 
   return () => {
diff --git a/packages/main/src/services/ConfigPersistenceService.ts b/packages/main/src/services/ConfigPersistenceService.ts
index 7d508c5..ee5696d 100644
--- a/packages/main/src/services/ConfigPersistenceService.ts
+++ b/packages/main/src/services/ConfigPersistenceService.ts
@@ -21,7 +21,9 @@
 import type { ConfigSnapshotOut } from '../stores/Config';
 import type Disposer from '../utils/Disposer';
 
-export type ReadConfigResult = { found: true; data: unknown; } | { found: false; };
+export type ReadConfigResult =
+  | { found: true; data: unknown }
+  | { found: false };
 
 export default interface ConfigPersistenceService {
   readConfig(): Promise<ReadConfigResult>;
diff --git a/packages/main/src/services/impl/ConfigPersistenceServiceImpl.ts b/packages/main/src/services/impl/ConfigPersistenceServiceImpl.ts
index df8c807..e92f706 100644
--- a/packages/main/src/services/impl/ConfigPersistenceServiceImpl.ts
+++ b/packages/main/src/services/impl/ConfigPersistenceServiceImpl.ts
@@ -32,7 +32,9 @@ import type { ReadConfigResult } from '../ConfigPersistenceService';
 
 const log = getLogger('configPersistence');
 
-export default class ConfigPersistenceServiceImpl implements ConfigPersistenceService {
+export default class ConfigPersistenceServiceImpl
+  implements ConfigPersistenceService
+{
   private readonly configFilePath: string;
 
   private writingConfig = false;
@@ -92,13 +94,19 @@ export default class ConfigPersistenceServiceImpl implements ConfigPersistenceSe
         log.trace('Config file last modified at', mtime);
       } catch (err) {
         if ((err as NodeJS.ErrnoException).code === 'ENOENT') {
-          log.debug('Config file', this.configFilePath, 'was deleted after being changed');
+          log.debug(
+            'Config file',
+            this.configFilePath,
+            'was deleted after being changed',
+          );
           return;
         }
         throw err;
       }
-      if (!this.writingConfig
-        && (this.timeLastWritten === null || mtime > this.timeLastWritten)) {
+      if (
+        !this.writingConfig &&
+        (this.timeLastWritten === null || mtime > this.timeLastWritten)
+      ) {
         log.debug(
           'Found a config file modified at',
           mtime,
@@ -114,8 +122,10 @@ export default class ConfigPersistenceServiceImpl implements ConfigPersistenceSe
     });
 
     watcher.on('change', (eventType, filename) => {
-      if (eventType === 'change'
-        && (filename === this.configFileName || filename === null)) {
+      if (
+        eventType === 'change' &&
+        (filename === this.configFileName || filename === null)
+      ) {
         configChanged()?.catch((err) => {
           log.error('Unhandled error while listening for config changes', err);
         });
diff --git a/packages/main/src/stores/MainStore.ts b/packages/main/src/stores/MainStore.ts
index 7b26c52..eaf5b3c 100644
--- a/packages/main/src/stores/MainStore.ts
+++ b/packages/main/src/stores/MainStore.ts
@@ -24,26 +24,32 @@ import { applySnapshot, Instance, types } from 'mobx-state-tree';
 import type { Config } from './Config.js';
 import { sharedStore } from './SharedStore';
 
-export const mainStore = types.model('MainStore', {
-  browserViewBounds: types.optional(types.model('BrowserViewBounds', {
-    x: 0,
-    y: 0,
-    width: 0,
-    height: 0,
-  }), {}),
-  shared: types.optional(sharedStore, {}),
-}).views((self) => ({
-  get config(): Config {
-    return self.shared.config;
-  },
-})).actions((self) => ({
-  setBrowserViewBounds(bounds: BrowserViewBounds): void {
-    applySnapshot(self.browserViewBounds, bounds);
-  },
-  setShouldUseDarkColors(shouldUseDarkColors: boolean): void {
-    self.shared.shouldUseDarkColors = shouldUseDarkColors;
-  },
-}));
+export const mainStore = types
+  .model('MainStore', {
+    browserViewBounds: types.optional(
+      types.model('BrowserViewBounds', {
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0,
+      }),
+      {},
+    ),
+    shared: types.optional(sharedStore, {}),
+  })
+  .views((self) => ({
+    get config(): Config {
+      return self.shared.config;
+    },
+  }))
+  .actions((self) => ({
+    setBrowserViewBounds(bounds: BrowserViewBounds): void {
+      applySnapshot(self.browserViewBounds, bounds);
+    },
+    setShouldUseDarkColors(shouldUseDarkColors: boolean): void {
+      self.shared.shouldUseDarkColors = shouldUseDarkColors;
+    },
+  }));
 
 export interface MainStore extends Instance<typeof mainStore> {}
 
diff --git a/packages/main/src/stores/SharedStore.ts b/packages/main/src/stores/SharedStore.ts
index c023fc7..73245cd 100644
--- a/packages/main/src/stores/SharedStore.ts
+++ b/packages/main/src/stores/SharedStore.ts
@@ -23,7 +23,10 @@ import { Instance, types } from 'mobx-state-tree';
 
 import { config } from './Config';
 
-export type { SharedStoreSnapshotIn, SharedStoreSnapshotOut } from '@sophie/shared';
+export type {
+  SharedStoreSnapshotIn,
+  SharedStoreSnapshotOut,
+} from '@sophie/shared';
 
 export const sharedStore = originalSharedStore.props({
   config: types.optional(config, {}),
diff --git a/packages/main/src/utils/log.ts b/packages/main/src/utils/log.ts
index c704797..5218721 100644
--- a/packages/main/src/utils/log.ts
+++ b/packages/main/src/utils/log.ts
@@ -46,9 +46,10 @@ prefix.apply(loglevel, {
   format(level, name, timestamp) {
     const levelColor = getColor(level);
     const timeStr = timestamp.toString();
-    const nameStr = typeof name === 'undefined'
-      ? levelColor(':')
-      : ` ${chalk.green(`${name}:`)}`;
+    const nameStr =
+      typeof name === 'undefined'
+        ? levelColor(':')
+        : ` ${chalk.green(`${name}:`)}`;
     return `${chalk.gray(`[${timeStr}]`)} ${levelColor(level)}${nameStr}`;
   },
 });
diff --git a/packages/main/tsconfig.json b/packages/main/tsconfig.json
index bdf68f4..dad597d 100644
--- a/packages/main/tsconfig.json
+++ b/packages/main/tsconfig.json
@@ -2,10 +2,7 @@
   "extends": "../../config/tsconfig.base.json",
   "compilerOptions": {
     "noEmit": true,
-    "types": [
-      "@types/jest",
-      "node"
-    ]
+    "types": ["@types/jest", "node"]
   },
   "references": [
     {
diff --git a/packages/main/types/importMeta.d.ts b/packages/main/types/importMeta.d.ts
index e422c30..efcf48a 100644
--- a/packages/main/types/importMeta.d.ts
+++ b/packages/main/types/importMeta.d.ts
@@ -7,5 +7,5 @@ interface ImportMeta {
     GIT_SHA: string;
     GIT_BRANCH: string;
     BUILD_DATE: number;
-  }
+  };
 }
diff --git a/packages/preload/esbuild.config.js b/packages/preload/esbuild.config.js
index 66f5e84..d888987 100644
--- a/packages/preload/esbuild.config.js
+++ b/packages/preload/esbuild.config.js
@@ -4,15 +4,11 @@ import getEsbuildConfig from '../../config/getEsbuildConfig.js';
 
 export default getEsbuildConfig({
   absWorkingDir: fileURLToDirname(import.meta.url),
-  entryPoints: [
-    'src/index.ts',
-  ],
+  entryPoints: ['src/index.ts'],
   outfile: 'dist/index.cjs',
   format: 'cjs',
   platform: 'node',
   target: chrome,
   sourcemap: 'inline',
-  external: [
-    'electron',
-  ],
+  external: ['electron'],
 });
diff --git a/packages/preload/src/contextBridge/__tests__/createSophieRenderer.spec.ts b/packages/preload/src/contextBridge/__tests__/createSophieRenderer.spec.ts
index a38dbac..f63c3f6 100644
--- a/packages/preload/src/contextBridge/__tests__/createSophieRenderer.spec.ts
+++ b/packages/preload/src/contextBridge/__tests__/createSophieRenderer.spec.ts
@@ -40,9 +40,12 @@ jest.unstable_mockModule('electron', () => ({
 
 const { ipcRenderer } = await import('electron');
 
-const { default: createSophieRenderer } = await import('../createSophieRenderer');
+const { default: createSophieRenderer } = await import(
+  '../createSophieRenderer'
+);
 
-const event: Electron.IpcRendererEvent = null as unknown as Electron.IpcRendererEvent;
+const event: Electron.IpcRendererEvent =
+  null as unknown as Electron.IpcRendererEvent;
 
 const snapshot: SharedStoreSnapshotIn = {
   shouldUseDarkColors: true,
@@ -83,7 +86,10 @@ describe('createSophieRenderer', () => {
 
 describe('SharedStoreConnector', () => {
   let sut: SophieRenderer;
-  let onSharedStorePatch: (eventArg: Electron.IpcRendererEvent, patchArg: unknown) => void;
+  let onSharedStorePatch: (
+    eventArg: Electron.IpcRendererEvent,
+    patchArg: unknown,
+  ) => void;
   const listener = {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
     onSnapshot: jest.fn((_snapshot: SharedStoreSnapshotIn) => {}),
@@ -102,22 +108,25 @@ describe('SharedStoreConnector', () => {
     it('should request a snapshot from the main process', async () => {
       mocked(ipcRenderer.invoke).mockResolvedValueOnce(snapshot);
       await sut.onSharedStoreChange(listener);
-      expect(ipcRenderer.invoke).toBeCalledWith(RendererToMainIpcMessage.GetSharedStoreSnapshot);
+      expect(ipcRenderer.invoke).toBeCalledWith(
+        RendererToMainIpcMessage.GetSharedStoreSnapshot,
+      );
       expect(listener.onSnapshot).toBeCalledWith(snapshot);
     });
 
     it('should catch IPC errors without exposing them', async () => {
       mocked(ipcRenderer.invoke).mockRejectedValue(new Error('s3cr3t'));
-      await expect(sut.onSharedStoreChange(listener)).rejects.not.toHaveProperty(
-        'message',
-        expect.stringMatching(/s3cr3t/),
-      );
+      await expect(
+        sut.onSharedStoreChange(listener),
+      ).rejects.not.toHaveProperty('message', expect.stringMatching(/s3cr3t/));
       expect(listener.onSnapshot).not.toBeCalled();
     });
 
     it('should not pass on invalid snapshots', async () => {
       mocked(ipcRenderer.invoke).mockResolvedValueOnce(invalidSnapshot);
-      await expect(sut.onSharedStoreChange(listener)).rejects.toBeInstanceOf(Error);
+      await expect(sut.onSharedStoreChange(listener)).rejects.toBeInstanceOf(
+        Error,
+      );
       expect(listener.onSnapshot).not.toBeCalled();
     });
   });
@@ -125,7 +134,10 @@ describe('SharedStoreConnector', () => {
   describe('dispatchAction', () => {
     it('should dispatch valid actions', () => {
       sut.dispatchAction(action);
-      expect(ipcRenderer.send).toBeCalledWith(RendererToMainIpcMessage.DispatchAction, action);
+      expect(ipcRenderer.send).toBeCalledWith(
+        RendererToMainIpcMessage.DispatchAction,
+        action,
+      );
     });
 
     it('should not dispatch invalid actions', () => {
@@ -142,7 +154,9 @@ describe('SharedStoreConnector', () => {
 
   function itRefusesToRegisterAnotherListener(): void {
     it('should refuse to register another listener', async () => {
-      await expect(sut.onSharedStoreChange(listener)).rejects.toBeInstanceOf(Error);
+      await expect(sut.onSharedStoreChange(listener)).rejects.toBeInstanceOf(
+        Error,
+      );
     });
   }
 
@@ -167,7 +181,9 @@ describe('SharedStoreConnector', () => {
     });
 
     it('should catch listener errors', () => {
-      mocked(listener.onPatch).mockImplementation(() => { throw new Error(); });
+      mocked(listener.onPatch).mockImplementation(() => {
+        throw new Error();
+      });
       onSharedStorePatch(event, patch);
     });
 
@@ -175,7 +191,9 @@ describe('SharedStoreConnector', () => {
 
     describe('after the listener threw in onPatch', () => {
       beforeEach(() => {
-        mocked(listener.onPatch).mockImplementation(() => { throw new Error(); });
+        mocked(listener.onPatch).mockImplementation(() => {
+          throw new Error();
+        });
         onSharedStorePatch(event, patch);
         listener.onPatch.mockRestore();
       });
@@ -217,7 +235,9 @@ describe('SharedStoreConnector', () => {
   describe('when a listener failed to register due to listener error', () => {
     beforeEach(async () => {
       mocked(ipcRenderer.invoke).mockResolvedValueOnce(snapshot);
-      mocked(listener.onSnapshot).mockImplementation(() => { throw new Error(); });
+      mocked(listener.onSnapshot).mockImplementation(() => {
+        throw new Error();
+      });
       try {
         await sut.onSharedStoreChange(listener);
       } catch {
@@ -236,15 +256,17 @@ describe('SharedStoreConnector', () => {
     };
     const listener2 = {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-      onSnapshot: jest.fn((_snapshot: SharedStoreSnapshotIn) => { }),
+      onSnapshot: jest.fn((_snapshot: SharedStoreSnapshotIn) => {}),
       // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-      onPatch: jest.fn((_patch: IJsonPatch) => { }),
+      onPatch: jest.fn((_patch: IJsonPatch) => {}),
     };
 
     it('should fetch a second snapshot', async () => {
       mocked(ipcRenderer.invoke).mockResolvedValueOnce(snapshot2);
       await sut.onSharedStoreChange(listener2);
-      expect(ipcRenderer.invoke).toBeCalledWith(RendererToMainIpcMessage.GetSharedStoreSnapshot);
+      expect(ipcRenderer.invoke).toBeCalledWith(
+        RendererToMainIpcMessage.GetSharedStoreSnapshot,
+      );
       expect(listener2.onSnapshot).toBeCalledWith(snapshot2);
     });
 
diff --git a/packages/preload/src/contextBridge/createSophieRenderer.ts b/packages/preload/src/contextBridge/createSophieRenderer.ts
index 2055080..b97503d 100644
--- a/packages/preload/src/contextBridge/createSophieRenderer.ts
+++ b/packages/preload/src/contextBridge/createSophieRenderer.ts
@@ -37,15 +37,18 @@ class SharedStoreConnector {
   private listener: SharedStoreListener | null = null;
 
   constructor(private readonly allowReplaceListener: boolean) {
-    ipcRenderer.on(MainToRendererIpcMessage.SharedStorePatch, (_event, patch) => {
-      try {
-        // `mobx-state-tree` will validate the patch, so we can safely cast here.
-        this.listener?.onPatch(patch as IJsonPatch);
-      } catch (err) {
-        log.error('Shared store listener onPatch failed', err);
-        this.listener = null;
-      }
-    });
+    ipcRenderer.on(
+      MainToRendererIpcMessage.SharedStorePatch,
+      (_event, patch) => {
+        try {
+          // `mobx-state-tree` will validate the patch, so we can safely cast here.
+          this.listener?.onPatch(patch as IJsonPatch);
+        } catch (err) {
+          log.error('Shared store listener onPatch failed', err);
+          this.listener = null;
+        }
+      },
+    );
   }
 
   async onSharedStoreChange(listener: SharedStoreListener): Promise<void> {
@@ -56,7 +59,9 @@ class SharedStoreConnector {
     let success = false;
     let snapshot: unknown | null = null;
     try {
-      snapshot = await ipcRenderer.invoke(RendererToMainIpcMessage.GetSharedStoreSnapshot);
+      snapshot = await ipcRenderer.invoke(
+        RendererToMainIpcMessage.GetSharedStoreSnapshot,
+      );
       success = true;
     } catch (err) {
       log.error('Failed to get initial shared store snapshot', err);
@@ -87,7 +92,9 @@ function dispatchAction(actionToDispatch: Action): void {
   }
 }
 
-export default function createSophieRenderer(allowReplaceListener: boolean): SophieRenderer {
+export default function createSophieRenderer(
+  allowReplaceListener: boolean,
+): SophieRenderer {
   const connector = new SharedStoreConnector(allowReplaceListener);
   return {
     onSharedStoreChange: connector.onSharedStoreChange.bind(connector),
diff --git a/packages/preload/tsconfig.json b/packages/preload/tsconfig.json
index 0cb1390..18c72b4 100644
--- a/packages/preload/tsconfig.json
+++ b/packages/preload/tsconfig.json
@@ -2,14 +2,8 @@
   "extends": "../../config/tsconfig.base.json",
   "compilerOptions": {
     "noEmit": true,
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "types": [
-      "@types/jest"
-    ]
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "types": ["@types/jest"]
   },
   "references": [
     {
diff --git a/packages/preload/types/importMeta.d.ts b/packages/preload/types/importMeta.d.ts
index 9b73170..ff3b17c 100644
--- a/packages/preload/types/importMeta.d.ts
+++ b/packages/preload/types/importMeta.d.ts
@@ -3,5 +3,5 @@ interface ImportMeta {
     DEV: boolean;
     MODE: string;
     PROD: boolean;
-  }
+  };
 }
diff --git a/packages/renderer/.eslinrc.cjs b/packages/renderer/.eslinrc.cjs
index 37d27ad..ee3cca6 100644
--- a/packages/renderer/.eslinrc.cjs
+++ b/packages/renderer/.eslinrc.cjs
@@ -5,10 +5,7 @@ module.exports = {
   },
   overrides: [
     {
-      files: [
-        '.eslintrc.cjs',
-        'vite.config.js',
-      ],
+      files: ['.eslintrc.cjs', 'vite.config.js'],
       env: {
         browser: false,
         node: true,
diff --git a/packages/renderer/index.html b/packages/renderer/index.html
index 08469c7..039ce61 100644
--- a/packages/renderer/index.html
+++ b/packages/renderer/index.html
@@ -1,9 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="Content-Security-Policy" content="script-src 'self' blob:">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      content="script-src 'self' blob:"
+    />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Sophie</title>
   </head>
   <body>
diff --git a/packages/renderer/src/components/BrowserViewPlaceholder.tsx b/packages/renderer/src/components/BrowserViewPlaceholder.tsx
index 11c09d6..8f055e7 100644
--- a/packages/renderer/src/components/BrowserViewPlaceholder.tsx
+++ b/packages/renderer/src/components/BrowserViewPlaceholder.tsx
@@ -29,36 +29,37 @@ export default observer(() => {
   const store = useStore();
 
   // eslint-disable-next-line react-hooks/exhaustive-deps -- react-hooks doesn't support `throttle`.
-  const onResize = useCallback(throttle(([entry]: ResizeObserverEntry[]) => {
-    if (entry) {
-      const {
-        x,
-        y,
-        width,
-        height,
-      } = entry.target.getBoundingClientRect();
-      store.setBrowserViewBounds({
-        x,
-        y,
-        width,
-        height,
-      });
-    }
-  }, 100), [store]);
+  const onResize = useCallback(
+    throttle(([entry]: ResizeObserverEntry[]) => {
+      if (entry) {
+        const { x, y, width, height } = entry.target.getBoundingClientRect();
+        store.setBrowserViewBounds({
+          x,
+          y,
+          width,
+          height,
+        });
+      }
+    }, 100),
+    [store],
+  );
 
   const resizeObserverRef = useRef<ResizeObserver | null>(null);
 
-  const ref = useCallback((element: HTMLElement | null) => {
-    if (resizeObserverRef.current !== null) {
-      resizeObserverRef.current.disconnect();
-    }
-    if (element === null) {
-      resizeObserverRef.current = null;
-      return;
-    }
-    resizeObserverRef.current = new ResizeObserver(onResize);
-    resizeObserverRef.current.observe(element);
-  }, [onResize, resizeObserverRef]);
+  const ref = useCallback(
+    (element: HTMLElement | null) => {
+      if (resizeObserverRef.current !== null) {
+        resizeObserverRef.current.disconnect();
+      }
+      if (element === null) {
+        resizeObserverRef.current = null;
+        return;
+      }
+      resizeObserverRef.current = new ResizeObserver(onResize);
+      resizeObserverRef.current.observe(element);
+    },
+    [onResize, resizeObserverRef],
+  );
 
   return (
     <Box
diff --git a/packages/renderer/src/components/StoreProvider.tsx b/packages/renderer/src/components/StoreProvider.tsx
index cde6a31..bb8495c 100644
--- a/packages/renderer/src/components/StoreProvider.tsx
+++ b/packages/renderer/src/components/StoreProvider.tsx
@@ -32,13 +32,14 @@ export function useStore(): RendererStore {
   return store;
 }
 
-export default function StoreProvider({ children, store }: {
-  children: JSX.Element | JSX.Element[],
-  store: RendererStore,
+export default function StoreProvider({
+  children,
+  store,
+}: {
+  children: JSX.Element | JSX.Element[];
+  store: RendererStore;
 }): JSX.Element {
   return (
-    <StoreContext.Provider value={store}>
-      {children}
-    </StoreContext.Provider>
+    <StoreContext.Provider value={store}>{children}</StoreContext.Provider>
   );
 }
diff --git a/packages/renderer/src/components/ThemeProvider.tsx b/packages/renderer/src/components/ThemeProvider.tsx
index eacaa52..3943371 100644
--- a/packages/renderer/src/components/ThemeProvider.tsx
+++ b/packages/renderer/src/components/ThemeProvider.tsx
@@ -27,20 +27,18 @@ import React from 'react';
 
 import { useStore } from './StoreProvider';
 
-export default observer(({ children }: {
-  children: JSX.Element | JSX.Element[];
-}) => {
-  const { shared: { shouldUseDarkColors } } = useStore();
+export default observer(
+  ({ children }: { children: JSX.Element | JSX.Element[] }) => {
+    const {
+      shared: { shouldUseDarkColors },
+    } = useStore();
 
-  const theme = createTheme({
-    palette: {
-      mode: shouldUseDarkColors ? 'dark' : 'light',
-    },
-  });
+    const theme = createTheme({
+      palette: {
+        mode: shouldUseDarkColors ? 'dark' : 'light',
+      },
+    });
 
-  return (
-    <MuiThemeProvider theme={theme}>
-      {children}
-    </MuiThemeProvider>
-  );
-});
+    return <MuiThemeProvider theme={theme}>{children}</MuiThemeProvider>;
+  },
+);
diff --git a/packages/renderer/src/components/ToggleDarkModeButton.tsx b/packages/renderer/src/components/ToggleDarkModeButton.tsx
index c8ffdf0..695756a 100644
--- a/packages/renderer/src/components/ToggleDarkModeButton.tsx
+++ b/packages/renderer/src/components/ToggleDarkModeButton.tsx
@@ -28,7 +28,9 @@ import { useStore } from './StoreProvider';
 
 export default observer(() => {
   const store = useStore();
-  const { shared: { shouldUseDarkColors } } = store;
+  const {
+    shared: { shouldUseDarkColors },
+  } = store;
 
   return (
     <IconButton
diff --git a/packages/renderer/src/devTools.ts b/packages/renderer/src/devTools.ts
index 3d3ba99..cb695c3 100644
--- a/packages/renderer/src/devTools.ts
+++ b/packages/renderer/src/devTools.ts
@@ -35,7 +35,9 @@ import type { IAnyStateTreeNode } from 'mobx-state-tree';
  * @return A promise that resolves when the store was exposed to the devtools.
  * @see https://github.com/SocketCluster/socketcluster-client/issues/118#issuecomment-469064682
  */
-export async function exposeToReduxDevtools(model: IAnyStateTreeNode): Promise<void> {
+export async function exposeToReduxDevtools(
+  model: IAnyStateTreeNode,
+): Promise<void> {
   (window as { global?: unknown }).global = window;
 
   // Hack to load dev dependencies on demand.
diff --git a/packages/renderer/src/stores/RendererStore.ts b/packages/renderer/src/stores/RendererStore.ts
index e684759..0b78ce1 100644
--- a/packages/renderer/src/stores/RendererStore.ts
+++ b/packages/renderer/src/stores/RendererStore.ts
@@ -24,12 +24,7 @@ import {
   SophieRenderer,
   ThemeSource,
 } from '@sophie/shared';
-import {
-  applySnapshot,
-  applyPatch,
-  Instance,
-  types,
-} from 'mobx-state-tree';
+import { applySnapshot, applyPatch, Instance, types } from 'mobx-state-tree';
 
 import { getLogger } from '../utils/log';
 
@@ -38,29 +33,31 @@ import { getEnv } from './RendererEnv';
 
 const log = getLogger('RendererStore');
 
-export const rendererStore = types.model('RendererStore', {
-  shared: types.optional(sharedStore, {}),
-}).actions((self) => ({
-  setBrowserViewBounds(browserViewBounds: BrowserViewBounds): void {
-    getEnv(self).dispatchMainAction({
-      action: 'set-browser-view-bounds',
-      browserViewBounds,
-    });
-  },
-  setThemeSource(themeSource: ThemeSource): void {
-    getEnv(self).dispatchMainAction({
-      action: 'set-theme-source',
-      themeSource,
-    });
-  },
-  toggleDarkMode(): void {
-    if (self.shared.shouldUseDarkColors) {
-      this.setThemeSource('light');
-    } else {
-      this.setThemeSource('dark');
-    }
-  },
-}));
+export const rendererStore = types
+  .model('RendererStore', {
+    shared: types.optional(sharedStore, {}),
+  })
+  .actions((self) => ({
+    setBrowserViewBounds(browserViewBounds: BrowserViewBounds): void {
+      getEnv(self).dispatchMainAction({
+        action: 'set-browser-view-bounds',
+        browserViewBounds,
+      });
+    },
+    setThemeSource(themeSource: ThemeSource): void {
+      getEnv(self).dispatchMainAction({
+        action: 'set-theme-source',
+        themeSource,
+      });
+    },
+    toggleDarkMode(): void {
+      if (self.shared.shouldUseDarkColors) {
+        this.setThemeSource('light');
+      } else {
+        this.setThemeSource('dark');
+      }
+    },
+  }));
 
 export interface RendererStore extends Instance<typeof rendererStore> {}
 
@@ -72,22 +69,26 @@ export interface RendererStore extends Instance<typeof rendererStore> {}
  *
  * @param ipc The `sophieRenderer` context bridge.
  */
-export function createAndConnectRendererStore(ipc: SophieRenderer): RendererStore {
+export function createAndConnectRendererStore(
+  ipc: SophieRenderer,
+): RendererStore {
   const env: RendererEnv = {
     dispatchMainAction: ipc.dispatchAction,
   };
   const store = rendererStore.create({}, env);
 
-  ipc.onSharedStoreChange({
-    onSnapshot(snapshot) {
-      applySnapshot(store.shared, snapshot);
-    },
-    onPatch(patch) {
-      applyPatch(store.shared, patch);
-    },
-  }).catch((err) => {
-    log.error('Failed to connect to shared store', err);
-  });
+  ipc
+    .onSharedStoreChange({
+      onSnapshot(snapshot) {
+        applySnapshot(store.shared, snapshot);
+      },
+      onPatch(patch) {
+        applyPatch(store.shared, patch);
+      },
+    })
+    .catch((err) => {
+      log.error('Failed to connect to shared store', err);
+    });
 
   return store;
 }
diff --git a/packages/renderer/tsconfig.json b/packages/renderer/tsconfig.json
index 14c3e0c..5453330 100644
--- a/packages/renderer/tsconfig.json
+++ b/packages/renderer/tsconfig.json
@@ -3,14 +3,8 @@
   "compilerOptions": {
     "noEmit": true,
     "jsx": "react",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "types": [
-      "vite/client"
-    ]
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "types": ["vite/client"]
   },
   "references": [
     {
diff --git a/packages/renderer/vite.config.js b/packages/renderer/vite.config.js
index 6440ead..e20e0f1 100644
--- a/packages/renderer/vite.config.js
+++ b/packages/renderer/vite.config.js
@@ -46,9 +46,7 @@ export default {
     preserveSymlinks: true,
   },
   optimizeDeps: {
-    exclude: [
-      '@sophie/shared',
-    ],
+    exclude: ['@sophie/shared'],
   },
   build: {
     target: chrome,
@@ -59,11 +57,7 @@ export default {
     minify: !isDevelopment,
     brotliSize: false,
     rollupOptions: {
-      external: [
-        'mst-middlewares',
-        'remotedev',
-        ...builtinModules,
-      ],
+      external: ['mst-middlewares', 'remotedev', ...builtinModules],
       output: {
         banner,
       },
diff --git a/packages/service-inject/.eslintrc.cjs b/packages/service-inject/.eslintrc.cjs
index 5555f5b..3131abd 100644
--- a/packages/service-inject/.eslintrc.cjs
+++ b/packages/service-inject/.eslintrc.cjs
@@ -5,10 +5,7 @@ module.exports = {
   },
   overrides: [
     {
-      files: [
-        '.eslintrc.cjs',
-        'esbuild.config.js',
-      ],
+      files: ['.eslintrc.cjs', 'esbuild.config.js'],
       env: {
         browser: false,
         node: true,
diff --git a/packages/service-inject/esbuild.config.js b/packages/service-inject/esbuild.config.js
index d0b04bb..795b0f6 100644
--- a/packages/service-inject/esbuild.config.js
+++ b/packages/service-inject/esbuild.config.js
@@ -4,9 +4,7 @@ import getEsbuildConfig from '../../config/getEsbuildConfig.js';
 
 export default getEsbuildConfig({
   absWorkingDir: fileURLToDirname(import.meta.url),
-  entryPoints: [
-    'src/index.ts',
-  ],
+  entryPoints: ['src/index.ts'],
   outfile: 'dist/index.js',
   format: 'iife',
   platform: 'browser',
diff --git a/packages/service-inject/tsconfig.json b/packages/service-inject/tsconfig.json
index 8f84d98..33ce1de 100644
--- a/packages/service-inject/tsconfig.json
+++ b/packages/service-inject/tsconfig.json
@@ -2,20 +2,12 @@
   "extends": "../../config/tsconfig.base.json",
   "compilerOptions": {
     "noEmit": true,
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ]
+    "lib": ["dom", "dom.iterable", "esnext"]
   },
   "references": [
     {
       "path": "../service-shared/tsconfig.build.json"
     }
   ],
-  "include": [
-    "src/**/*.ts",
-    ".eslintrc.cjs",
-    "esbuild.config.js"
-  ]
+  "include": ["src/**/*.ts", ".eslintrc.cjs", "esbuild.config.js"]
 }
diff --git a/packages/service-preload/esbuild.config.js b/packages/service-preload/esbuild.config.js
index 66f5e84..d888987 100644
--- a/packages/service-preload/esbuild.config.js
+++ b/packages/service-preload/esbuild.config.js
@@ -4,15 +4,11 @@ import getEsbuildConfig from '../../config/getEsbuildConfig.js';
 
 export default getEsbuildConfig({
   absWorkingDir: fileURLToDirname(import.meta.url),
-  entryPoints: [
-    'src/index.ts',
-  ],
+  entryPoints: ['src/index.ts'],
   outfile: 'dist/index.cjs',
   format: 'cjs',
   platform: 'node',
   target: chrome,
   sourcemap: 'inline',
-  external: [
-    'electron',
-  ],
+  external: ['electron'],
 });
diff --git a/packages/service-preload/tsconfig.json b/packages/service-preload/tsconfig.json
index 768c464..189859e 100644
--- a/packages/service-preload/tsconfig.json
+++ b/packages/service-preload/tsconfig.json
@@ -2,11 +2,7 @@
   "extends": "../../config/tsconfig.base.json",
   "compilerOptions": {
     "noEmit": true,
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ]
+    "lib": ["dom", "dom.iterable", "esnext"]
   },
   "references": [
     {
diff --git a/packages/service-preload/types/importMeta.d.ts b/packages/service-preload/types/importMeta.d.ts
index 9b73170..ff3b17c 100644
--- a/packages/service-preload/types/importMeta.d.ts
+++ b/packages/service-preload/types/importMeta.d.ts
@@ -3,5 +3,5 @@ interface ImportMeta {
     DEV: boolean;
     MODE: string;
     PROD: boolean;
-  }
+  };
 }
diff --git a/packages/service-shared/.eslintrc.cjs b/packages/service-shared/.eslintrc.cjs
index c19829d..25fd252 100644
--- a/packages/service-shared/.eslintrc.cjs
+++ b/packages/service-shared/.eslintrc.cjs
@@ -6,10 +6,7 @@ module.exports = {
   },
   overrides: [
     {
-      files: [
-        '.eslintrc.cjs',
-        'esbuild.config.js',
-      ],
+      files: ['.eslintrc.cjs', 'esbuild.config.js'],
       env: {
         node: true,
       },
diff --git a/packages/service-shared/esbuild.config.js b/packages/service-shared/esbuild.config.js
index ccee72c..2b0dec8 100644
--- a/packages/service-shared/esbuild.config.js
+++ b/packages/service-shared/esbuild.config.js
@@ -4,9 +4,7 @@ import getEsbuildConfig from '../../config/getEsbuildConfig.js';
 
 export default getEsbuildConfig({
   absWorkingDir: fileURLToDirname(import.meta.url),
-  entryPoints: [
-    'src/index.ts',
-  ],
+  entryPoints: ['src/index.ts'],
   outfile: 'dist/index.mjs',
   format: 'esm',
   // The package that includes this one will have a header comment,
@@ -14,7 +12,5 @@ export default getEsbuildConfig({
   banner: {},
   platform: 'node',
   target: [chrome, node],
-  external: [
-    'zod',
-  ],
+  external: ['zod'],
 });
diff --git a/packages/service-shared/src/index.ts b/packages/service-shared/src/index.ts
index e111347..94be734 100644
--- a/packages/service-shared/src/index.ts
+++ b/packages/service-shared/src/index.ts
@@ -20,11 +20,5 @@
 
 export { MainToServiceIpcMessage, ServiceToMainIpcMessage } from './ipc';
 
-export type {
-  UnreadCount,
-  WebSource,
-} from './schemas';
-export {
-  unreadCount,
-  webSource,
-} from './schemas';
+export type { UnreadCount, WebSource } from './schemas';
+export { unreadCount, webSource } from './schemas';
diff --git a/packages/service-shared/src/ipc.ts b/packages/service-shared/src/ipc.ts
index c0dab11..e0a8755 100644
--- a/packages/service-shared/src/ipc.ts
+++ b/packages/service-shared/src/ipc.ts
@@ -18,8 +18,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-export enum MainToServiceIpcMessage {
-}
+export enum MainToServiceIpcMessage {}
 
 export enum ServiceToMainIpcMessage {
   ApiExposedInMainWorld = 'sophie-service-to-main:api-exposed-in-main-world',
diff --git a/packages/service-shared/tsconfig.build.json b/packages/service-shared/tsconfig.build.json
index 9a0c835..d300514 100644
--- a/packages/service-shared/tsconfig.build.json
+++ b/packages/service-shared/tsconfig.build.json
@@ -6,7 +6,5 @@
     "emitDeclarationOnly": true,
     "rootDir": "src"
   },
-  "include": [
-    "src/**/*.ts"
-  ]
+  "include": ["src/**/*.ts"]
 }
diff --git a/packages/service-shared/tsconfig.json b/packages/service-shared/tsconfig.json
index 3e6c6ff..daad7c4 100644
--- a/packages/service-shared/tsconfig.json
+++ b/packages/service-shared/tsconfig.json
@@ -7,9 +7,5 @@
     "noEmit": true,
     "rootDir": null
   },
-  "include": [
-    "src/**/*.ts",
-    ".eslintrc.cjs",
-    "esbuild.config.js"
-  ]
+  "include": ["src/**/*.ts", ".eslintrc.cjs", "esbuild.config.js"]
 }
diff --git a/packages/shared/.eslintrc.cjs b/packages/shared/.eslintrc.cjs
index c19829d..25fd252 100644
--- a/packages/shared/.eslintrc.cjs
+++ b/packages/shared/.eslintrc.cjs
@@ -6,10 +6,7 @@ module.exports = {
   },
   overrides: [
     {
-      files: [
-        '.eslintrc.cjs',
-        'esbuild.config.js',
-      ],
+      files: ['.eslintrc.cjs', 'esbuild.config.js'],
       env: {
         node: true,
       },
diff --git a/packages/shared/esbuild.config.js b/packages/shared/esbuild.config.js
index 78249ab..44501bd 100644
--- a/packages/shared/esbuild.config.js
+++ b/packages/shared/esbuild.config.js
@@ -4,9 +4,7 @@ import getEsbuildConfig from '../../config/getEsbuildConfig.js';
 
 export default getEsbuildConfig({
   absWorkingDir: fileURLToDirname(import.meta.url),
-  entryPoints: [
-    'src/index.ts',
-  ],
+  entryPoints: ['src/index.ts'],
   outfile: 'dist/index.mjs',
   format: 'esm',
   // The package that includes this one will have a header comment,
@@ -14,9 +12,5 @@ export default getEsbuildConfig({
   banner: {},
   platform: 'node',
   target: [chrome, node],
-  external: [
-    'mobx',
-    'mobx-state-tree',
-    'zod',
-  ],
+  external: ['mobx', 'mobx-state-tree', 'zod'],
 });
diff --git a/packages/shared/src/index.ts b/packages/shared/src/index.ts
index 9828ec4..6383f63 100644
--- a/packages/shared/src/index.ts
+++ b/packages/shared/src/index.ts
@@ -22,18 +22,14 @@ export type { SophieRenderer } from './contextBridge/SophieRenderer';
 
 export { MainToRendererIpcMessage, RendererToMainIpcMessage } from './ipc';
 
-export type {
-  Action,
-  BrowserViewBounds,
-  ThemeSource,
-} from './schemas';
-export {
-  action,
-  browserViewBounds,
-  themeSource,
-} from './schemas';
+export type { Action, BrowserViewBounds, ThemeSource } from './schemas';
+export { action, browserViewBounds, themeSource } from './schemas';
 
-export type { Config, ConfigSnapshotIn, ConfigSnapshotOut } from './stores/Config';
+export type {
+  Config,
+  ConfigSnapshotIn,
+  ConfigSnapshotOut,
+} from './stores/Config';
 export { config } from './stores/Config';
 
 export type {
diff --git a/packages/shared/src/stores/Config.ts b/packages/shared/src/stores/Config.ts
index 432945c..1d98a33 100644
--- a/packages/shared/src/stores/Config.ts
+++ b/packages/shared/src/stores/Config.ts
@@ -18,12 +18,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import {
-  Instance,
-  types,
-  SnapshotIn,
-  SnapshotOut,
-} from 'mobx-state-tree';
+import { Instance, types, SnapshotIn, SnapshotOut } from 'mobx-state-tree';
 
 import { themeSource } from '../schemas';
 
diff --git a/packages/shared/src/stores/SharedStore.ts b/packages/shared/src/stores/SharedStore.ts
index c6c3ddc..cb14394 100644
--- a/packages/shared/src/stores/SharedStore.ts
+++ b/packages/shared/src/stores/SharedStore.ts
@@ -37,7 +37,8 @@ export interface SharedStore extends Instance<typeof sharedStore> {}
 
 export interface SharedStoreSnapshotIn extends SnapshotIn<typeof sharedStore> {}
 
-export interface SharedStoreSnapshotOut extends SnapshotOut<typeof sharedStore> {}
+export interface SharedStoreSnapshotOut
+  extends SnapshotOut<typeof sharedStore> {}
 
 export interface SharedStoreListener {
   onSnapshot(snapshot: SharedStoreSnapshotIn): void;
diff --git a/packages/shared/tsconfig.build.json b/packages/shared/tsconfig.build.json
index 9a0c835..d300514 100644
--- a/packages/shared/tsconfig.build.json
+++ b/packages/shared/tsconfig.build.json
@@ -6,7 +6,5 @@
     "emitDeclarationOnly": true,
     "rootDir": "src"
   },
-  "include": [
-    "src/**/*.ts"
-  ]
+  "include": ["src/**/*.ts"]
 }
diff --git a/packages/shared/tsconfig.json b/packages/shared/tsconfig.json
index 3e6c6ff..daad7c4 100644
--- a/packages/shared/tsconfig.json
+++ b/packages/shared/tsconfig.json
@@ -7,9 +7,5 @@
     "noEmit": true,
     "rootDir": null
   },
-  "include": [
-    "src/**/*.ts",
-    ".eslintrc.cjs",
-    "esbuild.config.js"
-  ]
+  "include": ["src/**/*.ts", ".eslintrc.cjs", "esbuild.config.js"]
 }