chore: format code

apps/chrome-extension/README.md

@@ -22,7 +22,7 @@ export default {
     project: ['./tsconfig.json', './tsconfig.node.json'],
     tsconfigRootDir: __dirname,
   },
-}
+};
 ```
 
 - Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`

apps/chrome-extension/public/_locales/en/messages.json

@@ -1,10 +1,10 @@
-{
-  "extensionDescription": {
-    "description": "Extension description",
-    "message": "Chrome extension boilerplate developed with Vite, React and Typescript"
-  },
-  "extensionName": {
-    "description": "Extension name",
-    "message": "Chrome extension boilerplate"
-  }
-}
+{
+  "extensionDescription": {
+    "description": "Extension description",
+    "message": "Chrome extension boilerplate developed with Vite, React and Typescript"
+  },
+  "extensionName": {
+    "description": "Extension name",
+    "message": "Chrome extension boilerplate"
+  }
+}

apps/chrome-extension/src/shared/hoc/withErrorBoundary.tsx

@@ -30,7 +30,7 @@ class ErrorBoundary extends Component<
 
 export default function withErrorBoundary<T extends Record<string, unknown>>(
   Component: ComponentType<T>,
-  ErrorComponent: ReactElement,
+  ErrorComponent: ReactElement
 ) {
   return function WithErrorBoundary(props: T) {
     return (

apps/chrome-extension/src/shared/hoc/withSuspense.tsx

@@ -2,7 +2,7 @@ import { ComponentType, ReactElement, Suspense } from 'react';
 
 export default function withSuspense<T extends Record<string, unknown>>(
   Component: ComponentType<T>,
-  SuspenseComponent: ReactElement,
+  SuspenseComponent: ReactElement
 ) {
   return function WithSuspense(props: T) {
     return (

apps/chrome-extension/src/shared/hooks/useStorage.tsx

@@ -8,7 +8,10 @@ export default function useStorage<
   Storage extends BaseStorage<Data>,
   Data = Storage extends BaseStorage<infer Data> ? Data : unknown,
 >(storage: Storage) {
-  const _data = useSyncExternalStore<Data | null>(storage.subscribe, storage.getSnapshot);
+  const _data = useSyncExternalStore<Data | null>(
+    storage.subscribe,
+    storage.getSnapshot
+  );
 
   if (!storageMap.has(storage)) {
     storageMap.set(storage, wrapPromise(storage.get()));
@@ -31,7 +34,7 @@ function wrapPromise<R>(promise: Promise<R>) {
     e => {
       status = 'error';
       result = e;
-    },
+    }
   );
 
   return {

apps/chrome-extension/src/shared/storages/base.ts

@@ -74,14 +74,21 @@ type StorageConfig = {
 /**
  * Sets or updates an arbitrary cache with a new value or the result of an update function.
  */
-async function updateCache<D>(valueOrUpdate: ValueOrUpdate<D>, cache: D | null): Promise<D> {
+async function updateCache<D>(
+  valueOrUpdate: ValueOrUpdate<D>,
+  cache: D | null
+): Promise<D> {
   // Type guard to check if our value or update is a function
-  function isFunction<D>(value: ValueOrUpdate<D>): value is (prev: D) => D | Promise<D> {
+  function isFunction<D>(
+    value: ValueOrUpdate<D>
+  ): value is (prev: D) => D | Promise<D> {
     return typeof value === 'function';
   }
 
   // Type guard to check in case of a function, if its a Promise
-  function returnsPromise<D>(func: (prev: D) => D | Promise<D>): func is (prev: D) => Promise<D> {
+  function returnsPromise<D>(
+    func: (prev: D) => D | Promise<D>
+  ): func is (prev: D) => Promise<D> {
     // Use ReturnType to infer the return type of the function and check if it's a Promise
     return (func as (prev: D) => Promise<D>) instanceof Promise;
   }
@@ -102,21 +109,28 @@ async function updateCache<D>(valueOrUpdate: ValueOrUpdate<D>, cache: D | null):
  * If one session storage needs access from content scripts, we need to enable it globally.
  * @default false
  */
-let globalSessionAccessLevelFlag: StorageConfig['sessionAccessForContentScripts'] = false;
+let globalSessionAccessLevelFlag: StorageConfig['sessionAccessForContentScripts'] =
+  false;
 
 /**
  * Checks if the storage permission is granted in the manifest.json.
  */
 function checkStoragePermission(storageType: StorageType): void {
   if (chrome.storage[storageType] === undefined) {
-    throw new Error(`Check your storage permission in manifest.json: ${storageType} is not defined`);
+    throw new Error(
+      `Check your storage permission in manifest.json: ${storageType} is not defined`
+    );
   }
 }
 
 /**
  * Creates a storage area for persisting and exchanging data.
  */
-export function createStorage<D>(key: string, fallback: D, config?: StorageConfig): BaseStorage<D> {
+export function createStorage<D>(
+  key: string,
+  fallback: D,
+  config?: StorageConfig
+): BaseStorage<D> {
   let cache: D | null = null;
   let listeners: Array<() => void> = [];
   const storageType = config?.storageType ?? StorageType.Local;
@@ -170,7 +184,9 @@ export function createStorage<D>(key: string, fallback: D, config?: StorageConfi
   });
 
   // Listener for live updates from the browser
-  async function _updateFromStorageOnChanged(changes: { [key: string]: chrome.storage.StorageChange }) {
+  async function _updateFromStorageOnChanged(changes: {
+    [key: string]: chrome.storage.StorageChange;
+  }) {
     // Check if the key we are listening for is in the changes object
     if (changes[key] === undefined) return;
 
@@ -185,7 +201,9 @@ export function createStorage<D>(key: string, fallback: D, config?: StorageConfi
 
   // Register listener for live updates for our storage area
   if (liveUpdate) {
-    chrome.storage[storageType].onChanged.addListener(_updateFromStorageOnChanged);
+    chrome.storage[storageType].onChanged.addListener(
+      _updateFromStorageOnChanged
+    );
   }
 
   return {

apps/chrome-extension/src/shared/storages/exampleThemeStorage.ts

@@ -1,4 +1,8 @@
-import { BaseStorage, createStorage, StorageType } from '@src/shared/storages/base';
+import {
+  BaseStorage,
+  createStorage,
+  StorageType,
+} from '@src/shared/storages/base';
 
 type Theme = 'light' | 'dark';
 

apps/chrome-extension/utils/plugins/add-hmr.ts

@@ -5,7 +5,10 @@ import type { PluginOption } from 'vite';
 const DUMMY_CODE = `export default function(){};`;
 
 function getInjectionCode(fileName: string): string {
-  return readFileSync(path.resolve(__dirname, '..', 'reload', 'injections', fileName), { encoding: 'utf8' });
+  return readFileSync(
+    path.resolve(__dirname, '..', 'reload', 'injections', fileName),
+    { encoding: 'utf8' }
+  );
 }
 
 type Config = {

apps/chrome-extension/utils/plugins/inline-vite-preload-script.ts

@@ -14,7 +14,9 @@ export default function inlineVitePreloadScript(): PluginOption {
         return null;
       }
       if (!__vitePreload) {
-        const chunkName: string | undefined = Object.keys(meta.chunks).find(key => /preload/.test(key));
+        const chunkName: string | undefined = Object.keys(meta.chunks).find(
+          key => /preload/.test(key)
+        );
         const modules = meta.chunks?.[chunkName]?.modules;
         __vitePreload = modules?.[Object.keys(modules)?.[0]]?.code;
         __vitePreload = __vitePreload?.replaceAll('const ', 'var ');

apps/chrome-extension/utils/plugins/watch-rebuild.ts

@@ -3,7 +3,9 @@ import { WebSocket } from 'ws';
 import MessageInterpreter from '../reload/interpreter';
 import { LOCAL_RELOAD_SOCKET_URL } from '../reload/constant';
 
-export default function watchRebuild(config: { afterWriteBundle: () => void }): PluginOption {
+export default function watchRebuild(config: {
+  afterWriteBundle: () => void;
+}): PluginOption {
   const ws = new WebSocket(LOCAL_RELOAD_SOCKET_URL);
   return {
     name: 'watch-rebuild',

apps/chrome-extension/utils/reload/initReloadClient.ts

@@ -45,7 +45,7 @@ export default function initReloadClient({
 
   socket.onclose = () => {
     console.log(
-      `Reload server disconnected.\nPlease check if the WebSocket server is running properly on ${LOCAL_RELOAD_SOCKET_URL}. This feature detects changes in the code and helps the browser to reload the extension or refresh the current tab.`,
+      `Reload server disconnected.\nPlease check if the WebSocket server is running properly on ${LOCAL_RELOAD_SOCKET_URL}. This feature detects changes in the code and helps the browser to reload the extension or refresh the current tab.`
     );
     setTimeout(() => {
       initReloadClient({ watchPath, onUpdate });

apps/chrome-extension/utils/reload/utils.ts

@@ -1,6 +1,9 @@
 import { clearTimeout } from 'timers';
 
-export function debounce<A extends unknown[]>(callback: (...args: A) => void, delay: number) {
+export function debounce<A extends unknown[]>(
+  callback: (...args: A) => void,
+  delay: number
+) {
   let timer: NodeJS.Timeout;
   return function (...args: A) {
     clearTimeout(timer);