infra: add linting and formatting for js projects (#230)

* wip

* wip

* wip

* format

* wip(mobile): lint and format

* cleanup

* nits

* nits

* idiomatic react

* nit

* format all root files

js/desktop/src/preload.ts

@@ -7,13 +7,17 @@ contextBridge.exposeInMainWorld('electronWindow', {
   maximize: () => ipcRenderer.send('window:maximize'),
   fullscreen: () => ipcRenderer.send('window:fullscreen'),
   close: () => ipcRenderer.send('window:close'),
-  openHuddle: (data: { token: string; serverUrl: string }) => ipcRenderer.send('window:open-huddle', data),
+  openHuddle: (data: { token: string; serverUrl: string }) =>
+    ipcRenderer.send('window:open-huddle', data),
   closeHuddle: () => ipcRenderer.send('window:close-huddle'),
   platform: process.platform,
   onMaximizeChange: (callback: (isMaximized: boolean) => void) => {
-    const handler = (_event: Electron.IpcRendererEvent, value: boolean) => callback(value);
+    const handler = (_event: Electron.IpcRendererEvent, value: boolean) =>
+      callback(value);
     ipcRenderer.on('window:maximize-changed', handler);
-    return () => { ipcRenderer.removeListener('window:maximize-changed', handler); };
+    return () => {
+      ipcRenderer.removeListener('window:maximize-changed', handler);
+    };
   },
 });
 
@@ -24,21 +28,34 @@ contextBridge.exposeInMainWorld('electronHuddle', {
 contextBridge.exposeInMainWorld('electronAutoplay', {
   play: (payload: unknown) => ipcRenderer.send('autoplay:play', payload),
   dismiss: () => ipcRenderer.send('autoplay:dismiss'),
-  navigate: (data: { networkId: string; streamId: string }) => ipcRenderer.send('autoplay:navigate', data),
+  navigate: (data: { networkId: string; streamId: string }) =>
+    ipcRenderer.send('autoplay:navigate', data),
   onPlay: (callback: (payload: unknown) => void) => {
-    const handler = (_event: Electron.IpcRendererEvent, payload: unknown) => callback(payload);
+    const handler = (_event: Electron.IpcRendererEvent, payload: unknown) =>
+      callback(payload);
     ipcRenderer.on('autoplay:play', handler);
-    return () => { ipcRenderer.removeListener('autoplay:play', handler); };
+    return () => {
+      ipcRenderer.removeListener('autoplay:play', handler);
+    };
   },
   onStop: (callback: () => void) => {
     const handler = () => callback();
     ipcRenderer.on('autoplay:stop', handler);
-    return () => { ipcRenderer.removeListener('autoplay:stop', handler); };
+    return () => {
+      ipcRenderer.removeListener('autoplay:stop', handler);
+    };
   },
-  onNavigate: (callback: (data: { networkId: string; streamId: string }) => void) => {
-    const handler = (_event: Electron.IpcRendererEvent, data: { networkId: string; streamId: string }) => callback(data);
+  onNavigate: (
+    callback: (data: { networkId: string; streamId: string }) => void,
+  ) => {
+    const handler = (
+      _event: Electron.IpcRendererEvent,
+      data: { networkId: string; streamId: string },
+    ) => callback(data);
     ipcRenderer.on('autoplay:navigate', handler);
-    return () => { ipcRenderer.removeListener('autoplay:navigate', handler); };
+    return () => {
+      ipcRenderer.removeListener('autoplay:navigate', handler);
+    };
   },
 });
 
@@ -49,7 +66,9 @@ contextBridge.exposeInMainWorld('electronScreen', {
   onStopRequested: (callback: () => void) => {
     const handler = () => callback();
     ipcRenderer.on('screen-record:stopped', handler);
-    return () => { ipcRenderer.removeListener('screen-record:stopped', handler); };
+    return () => {
+      ipcRenderer.removeListener('screen-record:stopped', handler);
+    };
   },
 });
 
@@ -58,7 +77,9 @@ contextBridge.exposeInMainWorld('electronScreenRecord', {
   onInit: (callback: () => void) => {
     const handler = () => callback();
     ipcRenderer.on('screen-record:init', handler);
-    return () => { ipcRenderer.removeListener('screen-record:init', handler); };
+    return () => {
+      ipcRenderer.removeListener('screen-record:init', handler);
+    };
   },
 });
 
@@ -72,6 +93,7 @@ contextBridge.exposeInMainWorld('electronAttachment', {
 });
 
 contextBridge.exposeInMainWorld('electronApp', {
-  setDockBadge: (count: number) => ipcRenderer.send('app:set-dock-badge', count),
+  setDockBadge: (count: number) =>
+    ipcRenderer.send('app:set-dock-badge', count),
   getVersion: () => ipcRenderer.invoke('app:get-version') as Promise<string>,
 });