lint

Author: charlesvien

apps/code/src/main/di/container.ts

@@ -16,6 +16,7 @@ import { ElectronAppMetrics } from "../platform-adapters/electron-app-metrics";
 import { ElectronBundledResources } from "../platform-adapters/electron-bundled-resources";
 import { ElectronClipboard } from "../platform-adapters/electron-clipboard";
 import { ElectronContextMenu } from "../platform-adapters/electron-context-menu";
+import { ElectronDevHostActions } from "../platform-adapters/electron-dev-host-actions";
 import { ElectronDialog } from "../platform-adapters/electron-dialog";
 import { ElectronFileIcon } from "../platform-adapters/electron-file-icon";
 import { ElectronImageProcessor } from "../platform-adapters/electron-image-processor";
@@ -110,6 +111,7 @@ container.bind(MAIN_TOKENS.ContextMenu).to(ElectronContextMenu);
 container.bind(MAIN_TOKENS.BundledResources).to(ElectronBundledResources);
 container.bind(MAIN_TOKENS.ImageProcessor).to(ElectronImageProcessor);
 container.bind(MAIN_TOKENS.AppMetrics).to(ElectronAppMetrics);
+container.bind(MAIN_TOKENS.DevHostActions).to(ElectronDevHostActions);
 
 container.bind(MAIN_TOKENS.DatabaseService).to(DatabaseService);
 container

apps/code/src/main/di/tokens.ts

@@ -22,6 +22,7 @@ export const MAIN_TOKENS = Object.freeze({
   BundledResources: Symbol.for("Platform.BundledResources"),
   ImageProcessor: Symbol.for("Platform.ImageProcessor"),
   AppMetrics: Symbol.for("Platform.AppMetrics"),
+  DevHostActions: Symbol.for("Platform.DevHostActions"),
 
   // Stores
   SettingsStore: Symbol.for("Main.SettingsStore"),

apps/code/src/main/platform-adapters/electron-dev-host-actions.ts

@@ -0,0 +1,25 @@
+import type { IDevHostActions } from "@posthog/platform/dev-host-actions";
+import { app, BrowserWindow, shell } from "electron";
+import { injectable } from "inversify";
+
+@injectable()
+export class ElectronDevHostActions implements IDevHostActions {
+  public async openPath(path: string): Promise<void> {
+    await shell.openPath(path);
+  }
+
+  public reloadAllWindows(): void {
+    for (const window of BrowserWindow.getAllWindows()) {
+      window.webContents.reload();
+    }
+  }
+
+  public relaunch(): void {
+    app.relaunch();
+    app.exit(0);
+  }
+
+  public crash(): void {
+    process.crash();
+  }
+}

apps/code/src/main/services/dev-actions/service.ts

@@ -1,4 +1,4 @@
-import { app, BrowserWindow, shell } from "electron";
+import type { IDevHostActions } from "@posthog/platform/dev-host-actions";
 import { inject, injectable } from "inversify";
 import { MAIN_TOKENS } from "../../di/tokens";
 import { getUserDataDir } from "../../utils/env";
@@ -20,33 +20,32 @@ export class DevActionsService extends TypedEventEmitter<DevActionsEvents> {
   constructor(
     @inject(MAIN_TOKENS.DevNetworkService)
     private readonly network: DevNetworkService,
+    @inject(MAIN_TOKENS.DevHostActions)
+    private readonly host: IDevHostActions,
   ) {
     super();
   }
 
   async openUserDataDir(): Promise<void> {
-    await shell.openPath(getUserDataDir());
+    await this.host.openPath(getUserDataDir());
   }
 
   async openLogFile(): Promise<void> {
-    await shell.openPath(getLogFilePath());
+    await this.host.openPath(getLogFilePath());
   }
 
   reloadRenderer(): void {
-    for (const window of BrowserWindow.getAllWindows()) {
-      window.webContents.reload();
-    }
+    this.host.reloadAllWindows();
   }
 
   restartMain(): void {
     log.warn("Restarting main process from dev toolbar");
-    app.relaunch();
-    app.exit(0);
+    this.host.relaunch();
   }
 
   crashMain(): void {
     log.warn("Crashing main process from dev toolbar");
-    process.crash();
+    this.host.crash();
   }
 
   triggerToast(variant: "info" | "error", message: string): DevToast {

apps/code/src/main/services/dev-network/service.ts

@@ -149,8 +149,13 @@ export class DevNetworkService extends TypedEventEmitter<DevNetworkEvents> {
       }
     };
 
+    const preconnect = (
+      original as unknown as {
+        preconnect?: (...args: unknown[]) => unknown;
+      }
+    ).preconnect;
     Object.defineProperty(wrapped, "preconnect", {
-      value: original.preconnect?.bind(original) ?? (() => undefined),
+      value: preconnect?.bind(original) ?? (() => undefined),
     });
 
     globalThis.fetch = wrapped as typeof fetch;

apps/code/src/renderer/features/dev-toolbar/components/DevToolbar.tsx

@@ -291,9 +291,7 @@ function ResizeHandle({
 
   return (
     <div
-      role="separator"
-      aria-orientation="horizontal"
-      aria-label="Resize panel"
+      aria-hidden="true"
       onPointerDown={handlePointerDown}
       onPointerMove={handlePointerMove}
       onPointerUp={handlePointerUp}

apps/code/src/renderer/features/dev-toolbar/components/LogsPanel.tsx

@@ -89,7 +89,7 @@ export function LogsPanel({ enabled }: LogsPanelProps) {
           placeholder="Filter message or scope..."
           value={filter}
           onChange={(e) => setFilter(e.target.value)}
-          className="flex-1 min-w-[180px]"
+          className="min-w-[180px] flex-1"
         />
         <Select.Root
           size="1"

apps/code/src/renderer/features/dev-toolbar/components/NetworkPanel.tsx

@@ -96,7 +96,7 @@ export function NetworkPanel({ enabled }: NetworkPanelProps) {
           placeholder="Filter url, host, status..."
           value={filter}
           onChange={(e) => setFilter(e.target.value)}
-          className="flex-1 min-w-[180px]"
+          className="min-w-[180px] flex-1"
         />
         <Flex align="center" gap="1">
           <Switch

packages/platform/package.json

@@ -67,6 +67,10 @@
     "./app-metrics": {
       "types": "./dist/app-metrics.d.ts",
       "import": "./dist/app-metrics.js"
+    },
+    "./dev-host-actions": {
+      "types": "./dist/dev-host-actions.d.ts",
+      "import": "./dist/dev-host-actions.js"
     }
   },
   "scripts": {

packages/platform/src/dev-host-actions.ts

@@ -0,0 +1,6 @@
+export interface IDevHostActions {
+  openPath(path: string): Promise<void>;
+  reloadAllWindows(): void;
+  relaunch(): void;
+  crash(): void;
+}