playwriter 0.0.80 → 0.0.89

package/src/cdp-relay.ts

@@ -83,6 +83,7 @@ export async function startPlayWriterCDPRelayServer({
 } = {}): Promise<RelayServer> {
   const emitter = new EventEmitter()
   const store = relayState.createRelayStore()
+  const extensionDownloadBehavior = new Map<string, Protocol.Browser.SetDownloadBehaviorRequest>()
 
   const resolvedCdpLogger = cdpLogger || createCdpLogger()
   const logCdpJson = (entry: CdpLogEntry) => {
@@ -557,6 +558,92 @@ export async function startPlayWriterCDPRelayServer({
     }
   }
 
+  function getPageTargetSessionIds({ extensionId }: { extensionId: string }): string[] {
+    const extensionState = store.getState().extensions.get(extensionId)
+    if (!extensionState) {
+      return []
+    }
+    return Array.from(extensionState.connectedTargets.values())
+      .filter((target) => {
+        return target.targetInfo.type === 'page'
+      })
+      .map((target) => {
+        return target.sessionId
+      })
+  }
+
+  function maybeEmitBrowserDownloadCompatEvent({
+    method,
+    params,
+    extensionId,
+  }: {
+    method: string
+    params: unknown
+    extensionId: string
+  }): void {
+    const browserEventMethod =
+      method === 'Page.downloadWillBegin'
+        ? 'Browser.downloadWillBegin'
+        : method === 'Page.downloadProgress'
+          ? 'Browser.downloadProgress'
+          : null
+    if (!browserEventMethod) {
+      return
+    }
+    sendToPlaywright({
+      message: {
+        method: browserEventMethod,
+        params,
+      } as CDPEventBase,
+      source: 'server',
+      extensionId,
+    })
+  }
+
+  async function applyDownloadBehaviorToTargets({
+    extensionId,
+    behavior,
+    source,
+    targetSessionIds,
+  }: {
+    extensionId: string
+    behavior: Protocol.Browser.SetDownloadBehaviorRequest
+    source?: CDPCommand['source']
+    targetSessionIds?: string[]
+  }): Promise<void> {
+    const pageBehavior: Protocol.Page.SetDownloadBehaviorRequest['behavior'] =
+      behavior.behavior === 'allowAndName' ? 'allow' : behavior.behavior
+    const pageParams: Protocol.Page.SetDownloadBehaviorRequest = (() => {
+      if (pageBehavior === 'allow' && behavior.downloadPath) {
+        return { behavior: pageBehavior, downloadPath: behavior.downloadPath }
+      }
+      return { behavior: pageBehavior }
+    })()
+    const sessions = targetSessionIds || getPageTargetSessionIds({ extensionId })
+    if (sessions.length === 0) {
+      return
+    }
+    await Promise.all(
+      sessions.map(async (targetSessionId) => {
+        try {
+          await sendToExtension({
+            extensionId,
+            method: 'forwardCDPCommand',
+            params: {
+              sessionId: targetSessionId,
+              method: 'Page.setDownloadBehavior',
+              params: pageParams,
+              source,
+            },
+          })
+        } catch (error) {
+          const message = error instanceof Error ? error.message : String(error)
+          logger?.log(pc.yellow(`[Server] Failed to apply Page.setDownloadBehavior to ${targetSessionId}: ${message}`))
+        }
+      }),
+    )
+  }
+
   async function routeCdpCommand({
     extensionId,
     method,
@@ -585,6 +672,18 @@ export async function startPlayWriterCDPRelayServer({
       }
 
       case 'Browser.setDownloadBehavior': {
+        const downloadBehaviorParams = params as Protocol.Browser.SetDownloadBehaviorRequest | undefined
+        if (!downloadBehaviorParams?.behavior) {
+          throw new Error('behavior is required for Browser.setDownloadBehavior')
+        }
+        if (resolvedExtensionId) {
+          extensionDownloadBehavior.set(resolvedExtensionId, downloadBehaviorParams)
+          await applyDownloadBehaviorToTargets({
+            extensionId: resolvedExtensionId,
+            behavior: downloadBehaviorParams,
+            source,
+          })
+        }
         return {}
       }
 
@@ -1336,6 +1435,8 @@ export async function startPlayWriterCDPRelayServer({
             const cdpEvent: CDPEventBase = { method, sessionId, params }
             emitter.emit('cdp:event', { event: cdpEvent, sessionId })
 
+            maybeEmitBrowserDownloadCompatEvent({ method, params, extensionId: connectionId })
+
             if (method === 'Target.attachedToTarget') {
               const targetParams = params as Protocol.Target.AttachedToTargetEvent
               const incomingSessionId = sessionId
@@ -1396,6 +1497,15 @@ export async function startPlayWriterCDPRelayServer({
                 }),
               )
 
+              const cachedDownloadBehavior = extensionDownloadBehavior.get(connectionId)
+              if (cachedDownloadBehavior && targetParams.targetInfo.type === 'page') {
+                void applyDownloadBehaviorToTargets({
+                  extensionId: connectionId,
+                  behavior: cachedDownloadBehavior,
+                  targetSessionIds: [targetParams.sessionId],
+                })
+              }
+
               // Only forward to Playwright if this is a new target to avoid duplicates
               if (!alreadyConnected) {
                 sendToPlaywright({

package/src/executor.ts

@@ -592,9 +592,10 @@ export class PlaywrightExecutor {
     const contexts = browser.contexts()
     const context = contexts.length > 0 ? contexts[0] : await browser.newContext()
 
-    // Action timeout (click, fill, hover, etc.) is short for fast agent failure.
-    // Navigation timeout (goto, reload) is longer since page loads are slower.
-    context.setDefaultTimeout(2000)
+    // Action timeout (click, fill, hover, etc.) is longer to tolerate slower
+    // SPA/Turbo navigations and post-click settling on real sites.
+    // Navigation timeout (goto, reload) remains separate.
+    context.setDefaultTimeout(60000)
     context.setDefaultNavigationTimeout(10000)
 
     context.on('page', (page) => {
@@ -674,9 +675,10 @@ export class PlaywrightExecutor {
     const contexts = browser.contexts()
     const context = contexts.length > 0 ? contexts[0] : await browser.newContext()
 
-    // Action timeout (click, fill, hover, etc.) is short for fast agent failure.
-    // Navigation timeout (goto, reload) is longer since page loads are slower.
-    context.setDefaultTimeout(2000)
+    // Action timeout (click, fill, hover, etc.) is longer to tolerate slower
+    // SPA/Turbo navigations and post-click settling on real sites.
+    // Navigation timeout (goto, reload) remains separate.
+    context.setDefaultTimeout(60000)
     context.setDefaultNavigationTimeout(10000)
 
     context.on('page', (page) => {

package/src/ffmpeg.ts

@@ -14,8 +14,8 @@ import path from 'node:path'
 // Constants
 // ---------------------------------------------------------------------------
 
-/** Seconds of normal-speed buffer kept before and after each execution */
-export const INTERACTION_BUFFER_SECONDS = 1
+/** Seconds of normal-speed buffer kept before and after each execution (0.5s each side = 1s total) */
+export const INTERACTION_BUFFER_SECONDS = 0.5
 
 // ---------------------------------------------------------------------------
 // Hardware encoder detection
@@ -635,13 +635,13 @@ export interface ExecutionTimestamp {
 export function computeIdleSections({
     executionTimestamps,
     totalDurationMs,
-    speed = 5,
+    speed = 6,
     bufferSeconds = INTERACTION_BUFFER_SECONDS,
 }: {
     executionTimestamps: ExecutionTimestamp[]
     /** Total recording duration in milliseconds (from stopRecording result) */
     totalDurationMs: number
-    /** Speed multiplier for idle sections (default 5) */
+    /** Speed multiplier for idle sections (default 6) */
     speed?: number
     /** Override the default buffer around each execution (seconds) */
     bufferSeconds?: number
@@ -711,7 +711,7 @@ export interface CreateDemoVideoOptions {
     durationMs: number
     /** Execution timestamps (from stopRecording result) */
     executionTimestamps: ExecutionTimestamp[]
-    /** Speed multiplier for idle sections (default 5) */
+    /** Speed multiplier for idle sections (default 6) */
     speed?: number
     /** Output file path (defaults to recordingPath with `-demo` suffix) */
     outputFile?: string
@@ -722,8 +722,8 @@ export interface CreateDemoVideoOptions {
  * Create a demo video from a recording by speeding up idle sections
  * (gaps between execute() calls) while keeping interactions at normal speed.
  *
- * A 1-second buffer (INTERACTION_BUFFER_SECONDS) is preserved around each
- * interaction so viewers see context before and after each action.
+ * A 0.5-second buffer (INTERACTION_BUFFER_SECONDS) is preserved on each side of
+ * an interaction (1 second total) so viewers see context before and after each action.
  *
  * Requires `ffmpeg` and `ffprobe` installed on the system.
  *
@@ -736,7 +736,7 @@ export async function createDemoVideo(
         recordingPath,
         durationMs,
         executionTimestamps,
-        speed = 5,
+        speed = 6,
         signal,
     } = options
 

package/src/ghost-cursor-client.ts

@@ -247,7 +247,8 @@ function applyRuntimeVisualOptions(): void {
   }
 
   if (runtime.options.style === 'minimal') {
-    const triangleSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="${runtime.options.color}" d="m23.284 19.124l-6.866-6.895a.4.4 0 0 1-.118-.296a.43.43 0 0 1 .163-.282l4.439-3.077a1.48 1.48 0 0 0 .621-1.48a1.48 1.48 0 0 0-1.036-1.198L1.623.302a1.14 1.14 0 0 0-1.11.282A1.13 1.13 0 0 0 .29 1.649L5.928 20.44a1.48 1.48 0 0 0 1.183 1.035a1.48 1.48 0 0 0 1.48-.621l3.078-4.44a.37.37 0 0 1 .31-.118a.43.43 0 0 1 .296.104l6.91 6.91a1.48 1.48 0 0 0 2.087 0l2.086-2.086a1.48 1.48 0 0 0-.074-2.101"/></svg>`
+    // White fill with dark border stroke, like a standard macOS cursor
+    const triangleSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="-1 -1 26 26"><path fill="white" stroke="${runtime.options.color}" stroke-width="1.5" stroke-linejoin="round" d="m23.284 19.124l-6.866-6.895a.4.4 0 0 1-.118-.296a.43.43 0 0 1 .163-.282l4.439-3.077a1.48 1.48 0 0 0 .621-1.48a1.48 1.48 0 0 0-1.036-1.198L1.623.302a1.14 1.14 0 0 0-1.11.282A1.13 1.13 0 0 0 .29 1.649L5.928 20.44a1.48 1.48 0 0 0 1.183 1.035a1.48 1.48 0 0 0 1.48-.621l3.078-4.44a.37.37 0 0 1 .31-.118a.43.43 0 0 1 .296.104l6.91 6.91a1.48 1.48 0 0 0 2.087 0l2.086-2.086a1.48 1.48 0 0 0-.074-2.101"/></svg>`
     const triangleDataUrl = `url("data:image/svg+xml,${encodeURIComponent(triangleSvg)}")`
     runtime.cursorElement.style.borderRadius = '0'
     runtime.cursorElement.style.border = 'none'
@@ -258,7 +259,7 @@ function applyRuntimeVisualOptions(): void {
     runtime.cursorElement.style.backgroundPosition = 'left top'
     runtime.cursorElement.style.backdropFilter = 'none'
     runtime.cursorElement.style.boxShadow = 'none'
-    runtime.cursorElement.style.filter = 'drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3))'
+    runtime.cursorElement.style.filter = 'drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4))'
     runtime.cursorElement.style.opacity = getBaseOpacity()
     return
   }

package/src/recording-ghost-cursor.ts

@@ -4,7 +4,12 @@
  */
 
 import type { BrowserContext, Page } from '@xmorse/playwright-core'
-import { applyGhostCursorMouseAction, disableGhostCursor, enableGhostCursor, type GhostCursorClientOptions } from './ghost-cursor.js'
+import {
+  applyGhostCursorMouseAction,
+  disableGhostCursor,
+  enableGhostCursor,
+  type GhostCursorClientOptions,
+} from './ghost-cursor.js'
 
 interface RecordingGhostCursorLogger {
   error: (...args: unknown[]) => void
@@ -53,6 +58,7 @@ export class RecordingGhostCursorController {
 
     try {
       await enableGhostCursor({ page })
+
       if (!this.previousMouseActionByPage.has(page)) {
         this.previousMouseActionByPage.set(page, page.onMouseAction)
       }

package/src/relay-client.ts

@@ -27,7 +27,7 @@ export type ExtensionStatus = {
 export async function getRelayServerVersion(port: number = RELAY_PORT): Promise<string | null> {
   try {
     const response = await fetch(`http://127.0.0.1:${port}/version`, {
-      signal: AbortSignal.timeout(500),
+      signal: AbortSignal.timeout(2000),
     })
     if (!response.ok) {
       return null