@omercnet/paseo-shared-browser 0.4.1 → 0.4.2-next.129.1

package/client/browser.tsx

@@ -1,46 +1,46 @@
-import { useMutation, useQuery } from "@tanstack/react-query";
 import {
   type PluginClientContext,
   type PluginWorkspacePanelProps,
   useRpc,
 } from "@getpaseo/plugin/client";
 import { Icon, Modal, ScrollView, TextInput } from "@getpaseo/plugin/client/react-native";
-import { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from "react";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   ActivityIndicator,
+  type GestureResponderEvent,
   Image,
+  type LayoutChangeEvent,
   PanResponder,
   Pressable,
+  type StyleProp,
   StyleSheet,
   Text,
-  View,
-  type GestureResponderEvent,
-  type LayoutChangeEvent,
-  type StyleProp,
   type TextInputProps,
   type TextStyle,
+  View,
   type ViewStyle,
 } from "react-native";
 import {
-  DEVICE_PRESETS,
-  MAX_VIEWPORT,
-  MIN_VIEWPORT,
   acquireControlRpc,
   applyDevicePresetRpc,
   attachBrowserRpc,
+  type BrowserFrame,
+  type BrowserInputEvent,
+  type BrowserState,
   captureBrowserRpc,
+  DEVICE_PRESETS,
+  type DevicePresetId,
   detachBrowserRpc,
+  didBrowserRuntimeRestart,
+  isBrowserStateCurrent,
   listOpenBrowserWorkspacesRpc,
+  MAX_VIEWPORT,
+  MIN_VIEWPORT,
   navigateBrowserRpc,
   releaseControlRpc,
   resizeBrowserRpc,
   sendBrowserInputRpc,
-  didBrowserRuntimeRestart,
-  isBrowserStateCurrent,
-  type BrowserFrame,
-  type BrowserInputEvent,
-  type BrowserState,
-  type DevicePresetId,
 } from "../shared/browser";
 
 const SPACE = {

package/index.client.tsx

@@ -1,5 +1,5 @@
 import type { PluginClientContext } from "@getpaseo/plugin/client";
-import { SharedBrowserPanel, contributeSharedBrowserClient } from "./client/browser";
+import { contributeSharedBrowserClient, SharedBrowserPanel } from "./client/browser";
 
 export default function contribute(client: PluginClientContext) {
   client.addWorkspacePanel({

package/index.server.ts

@@ -1,7 +1,7 @@
-import type { PluginServerContext } from "@getpaseo/plugin/server";
 import { randomBytes } from "node:crypto";
 import { homedir } from "node:os";
 import { join } from "node:path";
+import type { PluginServerContext } from "@getpaseo/plugin/server";
 import {
   bindAgentTicket,
   cleanupBrowserServer,
@@ -94,6 +94,7 @@ export default function contribute(server: PluginServerContext) {
             env: {
               PASEO_HOME: paseoHome(),
               [TICKET_ENV]: ticket,
+              ELECTRON_RUN_AS_NODE: "1",
             },
           },
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omercnet/paseo-shared-browser",
-  "version": "0.4.1",
+  "version": "0.4.2-next.129.1",
   "description": "One real Chromium session per Paseo workspace, shared live across every connected client.",
   "keywords": [
     "browser",
@@ -39,12 +39,14 @@
   },
   "scripts": {
     "typecheck": "tsc --noEmit",
-    "lint": "oxlint --deny-warnings .",
-    "format": "oxfmt --ignore-path .formatignore .",
-    "format:check": "oxfmt --check --ignore-path .formatignore .",
     "prepare:runtime": "node scripts/prepare-runtime.mjs",
     "test:unit": "node --test scripts/prepare-dependencies.test.mjs && vitest run tests/contracts.test.ts tests/lease.test.ts tests/runtime-lifecycle.test.ts tests/agent-access.test.ts",
-    "test:smoke": "vitest run tests/browser.smoke.test.ts --testTimeout=30000"
+    "test:smoke": "vitest run tests/browser.smoke.test.ts --testTimeout=30000",
+    "check": "biome check --error-on-warnings .",
+    "check:write": "biome check --write .",
+    "test": "run-s test:ci:*",
+    "test:ci:unit": "npm run test:unit",
+    "build": "node ../.github/scripts/build-plugin.mjs"
   },
   "dependencies": {
     "@getpaseo/plugin": "0.8.0",
@@ -54,12 +56,13 @@
     "zod": "4.4.3"
   },
   "devDependencies": {
+    "@biomejs/biome": "^2.5.14",
     "@getpaseo/plugin": "0.9.0-beta.1",
+    "@getpaseo/server": "0.9.0-beta.1",
     "@tanstack/react-query": "^5.90.11",
     "@types/node": "^22.0.0",
     "@types/react": "~19.2.0",
-    "oxfmt": "0.66.0",
-    "oxlint": "1.81.0",
+    "npm-run-all2": "^9.0.3",
     "react": "19.1.0",
     "react-native": "0.81.5",
     "typescript": "^7.0.0",

package/paseo-plugin.json

@@ -3,8 +3,5 @@
   "requirements": {
     "paseo": "^0.8.0 || ^0.9.0-beta.1"
   },
-  "build": [
-    ["node", "scripts/prepare-dependencies.mjs"],
-    ["npm", "run", "prepare:runtime"]
-  ]
+  "build": [["node", "scripts/prepare-dependencies.mjs"], ["npm", "run", "prepare:runtime"]]
 }

package/scripts/prepare-dependencies.mjs

@@ -1,6 +1,6 @@
-import { createRequire } from "node:module";
 import { execFileSync } from "node:child_process";
 import { existsSync } from "node:fs";
+import { createRequire } from "node:module";
 import { dirname, join } from "node:path";
 import { fileURLToPath, pathToFileURL } from "node:url";
 

package/scripts/prepare-runtime.mjs

@@ -1,6 +1,5 @@
-import { resolveDependencyRoot } from "./prepare-dependencies.mjs";
-import { build } from "esbuild";
 import { execFile } from "node:child_process";
+import { constants } from "node:fs";
 import {
   access,
   chmod,
@@ -13,11 +12,12 @@ import {
   symlink,
   writeFile,
 } from "node:fs/promises";
-import { constants } from "node:fs";
 import { arch, homedir, platform, userInfo } from "node:os";
 import { dirname, join, resolve } from "node:path";
-import { promisify } from "node:util";
 import { fileURLToPath } from "node:url";
+import { promisify } from "node:util";
+import { build } from "esbuild";
+import { resolveDependencyRoot } from "./prepare-dependencies.mjs";
 
 const execFileAsync = promisify(execFile);
 const expectedVersion = "0.37.1";

package/server/agent-browser-runtime.ts

@@ -3,14 +3,14 @@ import { chmod, mkdir, readFile, rm } from "node:fs/promises";
 import { isAbsolute, resolve } from "node:path";
 import { promisify } from "node:util";
 import {
+  attachToTarget,
   CdpConnection,
-  CdpSession,
+  type CdpEvent,
+  type CdpSession,
+  type CdpTarget,
   CdpUnavailableError,
   CdpUnknownOutcomeError,
-  attachToTarget,
   listPageTargets,
-  type CdpEvent,
-  type CdpTarget,
 } from "./cdp";
 
 const execFileAsync = promisify(execFile);
@@ -164,9 +164,7 @@ function parseJsonOutput(stdout: string): unknown {
   for (const line of lines) {
     try {
       return JSON.parse(line);
-    } catch {
-      continue;
-    }
+    } catch {}
   }
   throw new AgentBrowserIncompatibleError("agent-browser returned invalid JSON");
 }
@@ -508,9 +506,7 @@ export class AgentBrowserRuntime {
 
   async mouseMove(x: number, y: number): Promise<void> {
     this.assertPoint(x, y);
-    await (
-      await this.requirePage()
-    ).send(
+    await (await this.requirePage()).send(
       "Input.dispatchMouseEvent",
       {
         type: "mouseMoved",
@@ -530,9 +526,7 @@ export class AgentBrowserRuntime {
     clickCount = 1,
   ): Promise<void> {
     this.assertPoint(x, y);
-    await (
-      await this.requirePage()
-    ).send(
+    await (await this.requirePage()).send(
       "Input.dispatchMouseEvent",
       {
         type: "mousePressed",
@@ -549,9 +543,7 @@ export class AgentBrowserRuntime {
 
   async mouseUp(x: number, y: number, button: MouseButton = "left", clickCount = 1): Promise<void> {
     this.assertPoint(x, y);
-    await (
-      await this.requirePage()
-    ).send(
+    await (await this.requirePage()).send(
       "Input.dispatchMouseEvent",
       {
         type: "mouseReleased",
@@ -568,9 +560,7 @@ export class AgentBrowserRuntime {
 
   async wheel(x: number, y: number, deltaX: number, deltaY: number): Promise<void> {
     this.assertPoint(x, y);
-    await (
-      await this.requirePage()
-    ).send(
+    await (await this.requirePage()).send(
       "Input.dispatchMouseEvent",
       {
         type: "mouseWheel",
@@ -590,9 +580,7 @@ export class AgentBrowserRuntime {
   }
 
   async keyDown(key: string, code = key): Promise<void> {
-    await (
-      await this.requirePage()
-    ).send(
+    await (await this.requirePage()).send(
       "Input.dispatchKeyEvent",
       {
         type: "keyDown",
@@ -606,9 +594,11 @@ export class AgentBrowserRuntime {
   }
 
   async keyUp(key: string, code = key): Promise<void> {
-    await (
-      await this.requirePage()
-    ).send("Input.dispatchKeyEvent", { type: "keyUp", key, code }, { mutation: true });
+    await (await this.requirePage()).send(
+      "Input.dispatchKeyEvent",
+      { type: "keyUp", key, code },
+      { mutation: true },
+    );
     this.heldKeys.delete(key);
   }
 
@@ -617,9 +607,7 @@ export class AgentBrowserRuntime {
     points: Array<{ x: number; y: number; id?: number }>,
   ): Promise<void> {
     for (const point of points) this.assertPoint(point.x, point.y);
-    await (
-      await this.requirePage()
-    ).send(
+    await (await this.requirePage()).send(
       "Input.dispatchTouchEvent",
       {
         type,

package/server/browser-policy.ts

@@ -1,20 +1,20 @@
-import type { RpcInput } from "@getpaseo/plugin";
 import { randomBytes } from "node:crypto";
+import type { RpcInput } from "@getpaseo/plugin";
 import {
-  DEVICE_PRESETS,
+  type applyDevicePresetRpc,
+  type BrowserFrame,
+  type BrowserInputEvent,
+  type BrowserState,
   DEFAULT_VIEWPORT,
+  DEVICE_PRESETS,
+  type DevicePresetId,
   FRAME_MAX_BYTES,
   MAX_VIEWPORT,
   MIN_VIEWPORT,
   mapDisplayedPoint,
-  applyDevicePresetRpc,
-  navigateBrowserRpc,
-  resizeBrowserRpc,
-  sendBrowserInputRpc,
-  type BrowserFrame,
-  type BrowserInputEvent,
-  type BrowserState,
-  type DevicePresetId,
+  type navigateBrowserRpc,
+  type resizeBrowserRpc,
+  type sendBrowserInputRpc,
   type Viewport,
 } from "../shared/browser";
 import type { JsonValue } from "./runtime-protocol";

package/server/browser.ts

@@ -1,11 +1,11 @@
-import type { RpcInput, RpcOutput } from "@getpaseo/plugin";
-import type { PluginHandlerContext } from "@getpaseo/plugin/server";
 import { spawn } from "node:child_process";
 import { randomUUID } from "node:crypto";
 import { access } from "node:fs/promises";
 import { homedir } from "node:os";
 import { join } from "node:path";
-import {
+import type { RpcInput, RpcOutput } from "@getpaseo/plugin";
+import type { PluginHandlerContext } from "@getpaseo/plugin/server";
+import type {
   acquireControlRpc,
   applyDevicePresetRpc,
   attachBrowserRpc,
@@ -18,15 +18,15 @@ import {
   sendBrowserInputRpc,
 } from "../shared/browser";
 import type { JsonValue } from "./runtime-protocol";
-import { SupervisorClient } from "./supervisor-client";
 import { resolveSupervisorPaths } from "./supervisor";
+import { SupervisorClient } from "./supervisor-client";
 
-export { SessionManager, normalizeBrowserUrl } from "./browser-policy";
 export type {
   BrowserRuntimeClient,
   SessionManagerOptions,
   WorkspaceValidator,
 } from "./browser-policy";
+export { normalizeBrowserUrl, SessionManager } from "./browser-policy";
 
 type AttachInput = RpcInput<typeof attachBrowserRpc>;
 type AttachOutput = RpcOutput<typeof attachBrowserRpc>;

package/server/mcp-entry.ts

@@ -1,11 +1,11 @@
-import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
-import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import { homedir } from "node:os";
 import { join } from "node:path";
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import { z } from "zod";
 import type { JsonValue } from "./runtime-protocol";
-import { AgentSupervisorClient } from "./supervisor-client";
 import { resolveSupervisorPaths } from "./supervisor";
+import { AgentSupervisorClient } from "./supervisor-client";
 
 const TICKET_ENV = "PASEO_SHARED_BROWSER_TICKET";
 const MIN_VIEWPORT = { width: 320, height: 480 } as const;

package/server/supervisor-client.ts

@@ -1,14 +1,14 @@
+import { randomUUID } from "node:crypto";
 import { readFile, stat } from "node:fs/promises";
 import { createConnection, type Socket } from "node:net";
-import { randomUUID } from "node:crypto";
 import {
-  RUNTIME_PROTOCOL_VERSION,
-  RuntimeProtocolError,
-  isRuntimeResponse,
   type AgentBrowserOperation,
   type BridgeLease,
+  isRuntimeResponse,
   type JsonValue,
+  RUNTIME_PROTOCOL_VERSION,
   type RuntimeDescriptor,
+  RuntimeProtocolError,
   type RuntimeRequest,
   type RuntimeResponse,
   type RuntimeResult,

package/server/supervisor.ts

@@ -7,15 +7,15 @@ import type { BrowserFrame, BrowserInputEvent, BrowserState, Viewport } from "..
 import { SessionManager } from "./browser-policy";
 import { CdpUnknownOutcomeError } from "./cdp";
 import {
+  type BridgeLease,
   DEFAULT_BRIDGE_HEARTBEAT_MS,
   DEFAULT_BRIDGE_TIMEOUT_MS,
   DEFAULT_ORPHAN_GRACE_MS,
-  RUNTIME_PROTOCOL_VERSION,
-  RuntimeProtocolError,
-  parseRuntimeRequest,
-  type BridgeLease,
   type JsonValue,
+  parseRuntimeRequest,
+  RUNTIME_PROTOCOL_VERSION,
   type RuntimeDescriptor,
+  RuntimeProtocolError,
   type RuntimeRequest,
   type RuntimeResponse,
   type RuntimeResult,