playwright-repl 0.26.0 → 0.27.0

package/README.md

@@ -21,7 +21,7 @@ pw> screenshot
 ```bash
 npm install -g playwright-repl
 
-# Install Chromium (needed for standalone mode)
+# Install Chromium
 npx playwright install chromium
 ```
 
@@ -56,33 +56,31 @@ The skill defines `allowed-tools: Bash(pw-cli:*)` so the agent can run browser c
 
 | Mode | Flag | How it works |
 |------|------|--------------|
-| **Standalone** | *(default)* | Launches Chromium with Dramaturg extension — keyword + JS |
-| **Bridge** | `--bridge` | Connects to your real Chrome via Dramaturg extension — cookies and logins intact |
+| **Launch** | *(default)* | Launches Chromium directly — keyword + JS, full Playwright API |
+| **Connect** | `--connect [port]` | Connects to existing Chrome via CDP — cookies and logins intact |
 
-### Standalone
+### Launch (default)
 
-Launches Chromium with the Dramaturg extension pre-installed. Headed by default — use `--headless` for CI/scripting. Supports both keyword commands and JavaScript.
+Launches Chromium with full Playwright API. Headed by default — use `--headless` for CI/scripting. Supports both keyword commands and JavaScript.
 
 ```bash
-playwright-repl                # headed (default)
-playwright-repl --headless     # headless for CI/scripting
+playwright-repl                          # headed (default)
+playwright-repl --headless               # headless for CI/scripting
+playwright-repl --command "snapshot"     # run one command and exit
 ```
 
-### Bridge
+### Connect
 
-The bridge mode turns your terminal into a remote console for the Chrome extension. Commands run inside your real Chrome with your existing cookies and logins.
+Connect to an existing Chrome instance via CDP. Your cookies, logins, and extensions are available.
 
 ```bash
-playwright-repl --bridge                      # start bridge server, wait for extension
-playwright-repl --bridge --replay script.pw   # replay a script via bridge
-playwright-repl --bridge --replay examples/   # replay all .pw files
-playwright-repl --bridge --bridge-port 9877   # custom port (default 9876)
-playwright-repl --bridge --command "snapshot"  # run one command and exit
-```
-
-The extension connects automatically — no need to open the side panel.
+# Start Chrome with debugging enabled:
+# chrome --remote-debugging-port=9222
 
-> Requires the [Dramaturg Chrome extension](../extension/README.md).
+playwright-repl --connect                # connect to Chrome on port 9222
+playwright-repl --connect 9333           # custom port
+playwright-repl --connect --replay examples/  # replay scripts against existing Chrome
+```
 
 ### HTTP Mode
 
@@ -90,8 +88,7 @@ Add `--http` to any mode to start an HTTP server alongside the REPL. This lets o
 
 ```bash
 # Terminal 1: Start REPL with HTTP server
-playwright-repl --http                        # standalone + HTTP (port 9223)
-playwright-repl --bridge --http               # bridge + HTTP
+playwright-repl --http                        # launch + HTTP (port 9223)
 playwright-repl --http --http-port 9224       # custom port
 
 # Terminal 2: Send commands via HTTP (fast — reuses existing session)
@@ -152,7 +149,7 @@ playwright-repl --replay session.pw --step
 playwright-repl --record my-test.pw
 
 # Run a single command and exit
-playwright-repl --bridge --command "snapshot"
+playwright-repl --command "snapshot"
 
 # Pipe commands
 echo -e "goto https://example.com\nsnapshot" | playwright-repl
@@ -160,20 +157,19 @@ echo -e "goto https://example.com\nsnapshot" | playwright-repl
 
 ## Input Modes
 
-| Mode | Standalone | Bridge |
-|------|:---:|:---:|
-| **Keyword** — `click "Sign in"`, `goto https://...` | Yes | Yes |
-| **Playwright API / JS** — `await page.title()`, `1 + 1` | Yes | Yes |
+| Mode | Description |
+|------|-------------|
+| **Keyword** — `click "Sign in"`, `goto https://...` | Playwright commands in natural syntax |
+| **JavaScript** — `await page.title()`, `1 + 1` | Full Playwright API |
 
-Both modes auto-detect keyword commands and JavaScript expressions. For DOM access use `await page.evaluate(() => document.title)`. For keyword commands, see [Command Reference](#command-reference).
+The REPL auto-detects keyword commands and JavaScript expressions. For DOM access use `await page.evaluate(() => document.title)`. For keyword commands, see [Command Reference](#command-reference).
 
 ## CLI Options
 
 | Option | Description |
 |--------|-------------|
 | `--headless` | Run browser in headless mode (default: headed) |
-| `--bridge` | Connect to existing Chrome via WebSocket bridge |
-| `--bridge-port <port>` | Bridge server port (default: `9876`) |
+| `--connect [port]` | Connect to existing Chrome via CDP (default: `9222`) |
 | `--http` | Start HTTP server for external command access (port `9223`) |
 | `--http-port <port>` | HTTP server port (default: `9223`) |
 | `--command <cmd>` | Run a single command, print output, and exit |
@@ -345,7 +341,7 @@ pw> click "Submit" --frame "#my-iframe"      # click inside an iframe
 |---------|-------|-------------|
 | `snapshot` | `s` | Accessibility tree with element refs |
 | `screenshot` | `ss` | Take a screenshot (saved to file) |
-| `highlight <text\|selector>` | `hl` | Highlight matching elements on page |
+| `highlight <text\|role\|css>` | `hl` | Highlight matching elements on page |
 | `eval <expr>` | `e` | Evaluate JavaScript in browser context |
 | `console` | `con` | Browser console messages |
 | `network` | `net` | Network requests log |
@@ -417,8 +413,7 @@ pw> click "Submit" --frame "#my-iframe"      # click inside an iframe
 | `video-stop` | Stop recording and save video |
 | `video-chapter <title>` | Add chapter marker to recording |
 
-In **standalone mode**, video uses Playwright's screencast API and saves to `~/pw-videos/`.
-In **bridge mode**, video uses Chrome's tab capture and saves to `Downloads/pw-videos/`.
+Video uses Playwright's screencast API and saves to `~/pw-videos/`.
 
 ### Browser Control
 

package/dist/index.d.ts

@@ -5,11 +5,10 @@
  *   npx playwright-repl [options]
  *
  * Usage as library:
- *   import { Engine, parseInput, SessionRecorder } from 'playwright-repl';
+ *   import { parseInput, SessionRecorder } from 'playwright-repl';
  */
 export { parseInput, ALIASES, ALL_COMMANDS, buildCompletionItems } from '@playwright-repl/core';
-export { Engine } from './engine.js';
-export type { EngineOpts, EngineResult, ParsedArgs } from './engine.js';
+export type { EngineResult, ParsedArgs } from '@playwright-repl/core';
 export { SessionRecorder, SessionPlayer } from './recorder.js';
 export { startRepl } from './repl.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAGhG,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGxE,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAChG,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAGtE,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.js

@@ -5,12 +5,10 @@
  *   npx playwright-repl [options]
  *
  * Usage as library:
- *   import { Engine, parseInput, SessionRecorder } from 'playwright-repl';
+ *   import { parseInput, SessionRecorder } from 'playwright-repl';
  */
 // Re-export core utilities
 export { parseInput, ALIASES, ALL_COMMANDS, buildCompletionItems } from '@playwright-repl/core';
-// Engine (moved from core to cli)
-export { Engine } from './engine.js';
 // CLI-specific
 export { SessionRecorder, SessionPlayer } from './recorder.js';
 export { startRepl } from './repl.js';

package/dist/playwright-repl.d.ts

@@ -4,7 +4,7 @@
  *
  * Usage:
  *   playwright-repl [options]
- *   playwright-repl --bridge --command "snapshot"
+ *   playwright-repl --command "snapshot"
  *   playwright-repl --replay session.pw
  *   playwright-repl --replay session.pw --step
  *   playwright-repl --replay file1.pw file2.pw

package/dist/playwright-repl.js

@@ -4,7 +4,7 @@
  *
  * Usage:
  *   playwright-repl [options]
- *   playwright-repl --bridge --command "snapshot"
+ *   playwright-repl --command "snapshot"
  *   playwright-repl --replay session.pw
  *   playwright-repl --replay session.pw --step
  *   playwright-repl --replay file1.pw file2.pw
@@ -14,8 +14,8 @@
 import { minimist } from '@playwright-repl/core';
 import { startRepl } from './repl.js';
 const args = minimist(process.argv.slice(2), {
-    boolean: ['headed', 'headless', 'persistent', 'help', 'step', 'silent', 'spawn', 'bridge', 'engine', 'include-snapshot', 'verbose', 'http', 'interactive'],
-    string: ['session', 'browser', 'profile', 'config', 'replay', 'record', 'connect', 'port', 'cdp-port', 'bridge-port', 'command', 'http-port'],
+    boolean: ['headed', 'headless', 'persistent', 'help', 'step', 'silent', 'spawn', 'relay', 'include-snapshot', 'verbose', 'http', 'interactive'],
+    string: ['session', 'browser', 'profile', 'config', 'replay', 'record', 'connect', 'port', 'cdp-port', 'command', 'http-port'],
     alias: { s: 'session', h: 'help', b: 'browser', q: 'silent' },
     default: { session: 'default' },
 });
@@ -38,9 +38,6 @@ Options:
   --persistent           Use persistent browser profile
   --profile <dir>        Persistent profile directory
   --connect [port]       Connect to existing Chrome via CDP (default: 9222)
-  --bridge               Connect to extension via WebSocket bridge (no CDP required)
-  --bridge-port <port>   WebSocket bridge port (default: 9876)
-  --engine               Use standalone engine (no extension, keyword commands only)
   --cdp-port <number>    Chrome CDP port (default: 9222)
   --include-snapshot     Include snapshot in update command responses
   --verbose              Show raw response headers (### Result, ### Snapshot, etc.)
@@ -74,13 +71,11 @@ Examples:
   playwright-repl --headed               # start with visible browser
   playwright-repl --connect              # connect to Chrome on port 9222
   playwright-repl --connect 9333         # connect to Chrome on custom port
-  playwright-repl --bridge               # connect to extension via WebSocket bridge
-  playwright-repl --bridge --bridge-port 9877  # custom bridge port
   playwright-repl --replay login.pw      # replay a session
   playwright-repl --replay login.pw --step  # step through replay
   playwright-repl --replay tests/         # replay all .pw files in folder
   playwright-repl --replay a.pw b.pw      # replay multiple files
-  playwright-repl --bridge --command "snapshot"  # run one command and exit
+  playwright-repl --command "snapshot"   # run one command and exit
   echo "open https://example.com" | playwright-repl  # pipe commands
 `);
     process.exit(0);
@@ -109,12 +104,10 @@ startRepl({
     silent: args.silent || !!commandArg,
     record: args.record,
     step: args.step,
-    bridge: args.bridge,
-    engine: args.engine,
+    relay: args.relay,
     http: args.http,
     httpPort: args['http-port'] ? parseInt(args['http-port'], 10) : undefined,
     interactive: args.interactive,
-    bridgePort: args['bridge-port'] ? parseInt(args['bridge-port'], 10) : undefined,
     includeSnapshot: args['include-snapshot'],
     verbose: args.verbose,
 }).catch((err) => {

package/dist/pw-cli.d.ts

@@ -6,7 +6,6 @@
  *   pw-cli "snapshot"           # → --http --command "snapshot"
  *   pw-cli "click e5"           # → --http --command "click e5"
  *   pw-cli                      # → starts interactive REPL (same as playwright-repl)
- *   pw-cli --bridge             # → passes flags through to playwright-repl
  */
 export {};
 //# sourceMappingURL=pw-cli.d.ts.map

package/dist/pw-cli.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pw-cli.d.ts","sourceRoot":"","sources":["../src/pw-cli.ts"],"names":[],"mappings":";AAEA;;;;;;;;GAQG"}
+{"version":3,"file":"pw-cli.d.ts","sourceRoot":"","sources":["../src/pw-cli.ts"],"names":[],"mappings":";AAEA;;;;;;;GAOG"}

package/dist/pw-cli.js

@@ -6,13 +6,15 @@
  *   pw-cli "snapshot"           # → --http --command "snapshot"
  *   pw-cli "click e5"           # → --http --command "click e5"
  *   pw-cli                      # → starts interactive REPL (same as playwright-repl)
- *   pw-cli --bridge             # → passes flags through to playwright-repl
  */
 import { startRepl } from './repl.js';
 import { minimist } from '@playwright-repl/core';
+import { SessionPlayer } from './recorder.js';
+import fs from 'node:fs';
+import http from 'node:http';
 const args = minimist(process.argv.slice(2), {
-    boolean: ['headed', 'headless', 'bridge', 'http', 'interactive', 'help'],
-    string: ['http-port', 'bridge-port', 'command'],
+    boolean: ['headed', 'headless', 'http', 'interactive', 'help'],
+    string: ['http-port', 'command', 'replay', 'variable', 'load'],
     alias: { h: 'help' },
 });
 if (args.help) {
@@ -23,7 +25,6 @@ Usage:
   pw-cli "snapshot"              # send command via HTTP (fast)
   pw-cli "click e5"              # send command via HTTP
   pw-cli                         # start interactive REPL
-  pw-cli --bridge                # start bridge mode REPL
   pw-cli --http                  # start REPL with HTTP server
 
 Examples:
@@ -33,6 +34,77 @@ Examples:
 `);
     process.exit(0);
 }
+// --load: load .js file as a global function definition
+if (args.load) {
+    const httpPort = args['http-port'] ? parseInt(args['http-port'], 10) : 9223;
+    const filename = args.load;
+    if (!fs.existsSync(filename)) {
+        console.error(`File not found: ${filename}`);
+        process.exit(1);
+    }
+    const script = fs.readFileSync(filename, 'utf-8');
+    const result = await new Promise((resolve, reject) => {
+        const body = JSON.stringify({ command: script });
+        const req = http.request({ hostname: '127.0.0.1', port: httpPort, path: '/run', method: 'POST', headers: { 'Content-Type': 'application/json', 'Content-Length': Buffer.byteLength(body) } }, res => {
+            let data = '';
+            res.on('data', (chunk) => data += chunk);
+            res.on('end', () => { try {
+                resolve(JSON.parse(data));
+            }
+            catch {
+                reject(new Error('Invalid response'));
+            } });
+        });
+        req.on('error', reject);
+        req.write(body);
+        req.end();
+    }).catch((e) => ({ text: e.message, isError: true }));
+    if (result.isError) {
+        console.error(result.text);
+        process.exit(1);
+    }
+    console.log(`✓ Loaded ${filename}`);
+    process.exit(0);
+}
+// --replay: load .pw file, substitute variables, send commands via HTTP
+if (args.replay) {
+    const httpPort = args['http-port'] ? parseInt(args['http-port'], 10) : 9223;
+    // Parse --variable args (string or string[])
+    const variables = {};
+    const varArgs = args.variable ? (Array.isArray(args.variable) ? args.variable : [args.variable]) : [];
+    for (const v of varArgs) {
+        const [key, ...rest] = v.split('=');
+        if (key && rest.length > 0)
+            variables[key] = rest.join('=');
+    }
+    const commands = SessionPlayer.load(args.replay, Object.keys(variables).length > 0 ? variables : undefined);
+    let failed = false;
+    for (const cmd of commands) {
+        const result = await new Promise((resolve, reject) => {
+            const body = JSON.stringify({ command: cmd });
+            const req = http.request({ hostname: '127.0.0.1', port: httpPort, path: '/run', method: 'POST', headers: { 'Content-Type': 'application/json', 'Content-Length': Buffer.byteLength(body) } }, res => {
+                let data = '';
+                res.on('data', (chunk) => data += chunk);
+                res.on('end', () => { try {
+                    resolve(JSON.parse(data));
+                }
+                catch {
+                    reject(new Error('Invalid response'));
+                } });
+            });
+            req.on('error', reject);
+            req.write(body);
+            req.end();
+        }).catch((e) => ({ text: e.message, isError: true }));
+        const mark = result.isError ? '✗' : '✓';
+        console.log(`${mark} ${cmd}${result.isError && result.text ? ` — ${result.text}` : ''}`);
+        if (result.isError) {
+            failed = true;
+            break;
+        }
+    }
+    process.exit(failed ? 1 : 0);
+}
 // If positional args given, treat as --http --command
 const positional = args._;
 if (positional.length > 0) {
@@ -50,10 +122,8 @@ if (positional.length > 0) {
 else {
     // No args — start interactive REPL, pass through flags
     startRepl({
-        bridge: args.bridge,
         http: args.http,
         httpPort: args['http-port'] ? parseInt(args['http-port'], 10) : undefined,
-        bridgePort: args['bridge-port'] ? parseInt(args['bridge-port'], 10) : undefined,
         interactive: args.interactive,
         headed: args.headless ? false : args.headed ? true : undefined,
     }).catch((err) => {

package/dist/recorder.d.ts

@@ -1,95 +1,8 @@
 /**
- * Session recorder and player.
+ * Session recorder and player — re-exported from @playwright-repl/core.
  *
- * Records REPL commands to .pw files and replays them.
- *
- * File format (.pw):
- *   - One command per line (exactly as typed in REPL)
- *   - Comments start with #
- *   - Blank lines are ignored
- *   - First line is a metadata comment with timestamp
- *
- * Example:
- *   # Login test
- *   # recorded 2026-02-09T19:30:00Z
- *
- *   open https://myapp.com
- *   snapshot
- *   click e5
- *   fill e7 admin@test.com
- *   fill e9 password123
- *   click e12
- *   verify-text Welcome back
+ * The recording infrastructure (SessionRecorder, SessionPlayer, SessionManager)
+ * lives in packages/core so it can be shared by CLI, MCP, and VS Code.
  */
-export declare class SessionRecorder {
-    commands: string[];
-    recording: boolean;
-    filename: string | null;
-    paused: boolean;
-    /**
-     * Start recording commands.
-     */
-    start(filename?: string): string;
-    /**
-     * Record a command (called after each successful REPL command).
-     * Skips meta-commands (lines starting with .).
-     */
-    record(line: string): void;
-    /**
-     * Pause recording (toggle).
-     */
-    pause(): boolean;
-    /**
-     * Stop recording and save to file.
-     */
-    save(): {
-        filename: string;
-        count: number;
-    };
-    /**
-     * Discard recording without saving.
-     */
-    discard(): void;
-    get status(): string;
-    get commandCount(): number;
-}
-export declare class SessionPlayer {
-    filename: string;
-    commands: string[];
-    index: number;
-    /**
-     * Load commands from a .pw file.
-     */
-    static load(filename: string): string[];
-    /**
-     * Create a player that yields commands one at a time.
-     * Supports step-through mode where it pauses between commands.
-     */
-    constructor(filename: string);
-    get done(): boolean;
-    get current(): string | null;
-    get progress(): string;
-    next(): string | null;
-    reset(): void;
-}
-export declare class SessionManager {
-    #private;
-    /** Current mode: 'idle' | 'recording' | 'paused' | 'replaying' */
-    get mode(): string;
-    startRecording(filename?: string): string;
-    save(): {
-        filename: string;
-        count: number;
-    };
-    togglePause(): boolean;
-    discard(): void;
-    /** Called after each successful command — records if active. */
-    record(line: string): void;
-    get recordingFilename(): string | null;
-    get recordedCount(): number;
-    startReplay(filename: string, step?: boolean): SessionPlayer;
-    endReplay(): void;
-    get player(): SessionPlayer | null;
-    get step(): boolean;
-}
+export { SessionRecorder, SessionPlayer, SessionManager } from '@playwright-repl/core';
 //# sourceMappingURL=recorder.d.ts.map

package/dist/recorder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"recorder.d.ts","sourceRoot":"","sources":["../src/recorder.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAOH,qBAAa,eAAe;IAC1B,QAAQ,EAAE,MAAM,EAAE,CAAM;IACxB,SAAS,UAAS;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC/B,MAAM,UAAS;IAEf;;OAEG;IACH,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM;IAQhC;;;OAGG;IACH,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAO1B;;OAEG;IACH,KAAK,IAAI,OAAO;IAKhB;;OAEG;IACH,IAAI,IAAI;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;IA6B3C;;OAEG;IACH,OAAO,IAAI,IAAI;IAOf,IAAI,MAAM,IAAI,MAAM,CAInB;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;CACF;AAID,qBAAa,aAAa;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,SAAK;IAEV;;OAEG;IACH,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE;IAYvC;;;OAGG;gBACS,QAAQ,EAAE,MAAM;IAK5B,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAE3B;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,IAAI,MAAM,GAAG,IAAI;IAKrB,KAAK,IAAI,IAAI;CAGd;AAQD,qBAAa,cAAc;;IAKzB,kEAAkE;IAClE,IAAI,IAAI,IAAI,MAAM,CAGjB;IAID,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM;IAKzC,IAAI,IAAI;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;IAM3C,WAAW,IAAI,OAAO;IAMtB,OAAO,IAAI,IAAI;IAMf,gEAAgE;IAChE,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI1B,IAAI,iBAAiB,IAAI,MAAM,GAAG,IAAI,CAAoC;IAC1E,IAAI,aAAa,IAAI,MAAM,CAAwC;IAInE,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,UAAQ,GAAG,aAAa;IAO1D,SAAS,IAAI,IAAI;IAKjB,IAAI,MAAM,IAAI,aAAa,GAAG,IAAI,CAAyB;IAC3D,IAAI,IAAI,IAAI,OAAO,CAAuB;CAC3C"}
+{"version":3,"file":"recorder.d.ts","sourceRoot":"","sources":["../src/recorder.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/recorder.js

@@ -1,206 +1,7 @@
 /**
- * Session recorder and player.
+ * Session recorder and player — re-exported from @playwright-repl/core.
  *
- * Records REPL commands to .pw files and replays them.
- *
- * File format (.pw):
- *   - One command per line (exactly as typed in REPL)
- *   - Comments start with #
- *   - Blank lines are ignored
- *   - First line is a metadata comment with timestamp
- *
- * Example:
- *   # Login test
- *   # recorded 2026-02-09T19:30:00Z
- *
- *   open https://myapp.com
- *   snapshot
- *   click e5
- *   fill e7 admin@test.com
- *   fill e9 password123
- *   click e12
- *   verify-text Welcome back
+ * The recording infrastructure (SessionRecorder, SessionPlayer, SessionManager)
+ * lives in packages/core so it can be shared by CLI, MCP, and VS Code.
  */
-import fs from 'node:fs';
-import path from 'node:path';
-// ─── Session Recorder ────────────────────────────────────────────────────────
-export class SessionRecorder {
-    commands = [];
-    recording = false;
-    filename = null;
-    paused = false;
-    /**
-     * Start recording commands.
-     */
-    start(filename) {
-        this.filename = filename || `session-${new Date().toISOString().replace(/[:.]/g, '-')}.pw`;
-        this.commands = [];
-        this.recording = true;
-        this.paused = false;
-        return this.filename;
-    }
-    /**
-     * Record a command (called after each successful REPL command).
-     * Skips meta-commands (lines starting with .).
-     */
-    record(line) {
-        if (!this.recording || this.paused)
-            return;
-        const trimmed = line.trim();
-        if (!trimmed || trimmed.startsWith('.'))
-            return;
-        this.commands.push(trimmed);
-    }
-    /**
-     * Pause recording (toggle).
-     */
-    pause() {
-        this.paused = !this.paused;
-        return this.paused;
-    }
-    /**
-     * Stop recording and save to file.
-     */
-    save() {
-        if (!this.recording)
-            throw new Error('Not recording');
-        const header = [
-            `# Playwright REPL session`,
-            `# recorded ${new Date().toISOString()}`,
-            ``,
-        ];
-        const content = [...header, ...this.commands, ''].join('\n');
-        // Ensure directory exists
-        const dir = path.dirname(this.filename);
-        if (dir && dir !== '.') {
-            fs.mkdirSync(dir, { recursive: true });
-        }
-        fs.writeFileSync(this.filename, content, 'utf-8');
-        const result = { filename: this.filename, count: this.commands.length };
-        this.recording = false;
-        this.commands = [];
-        this.filename = null;
-        this.paused = false;
-        return result;
-    }
-    /**
-     * Discard recording without saving.
-     */
-    discard() {
-        this.recording = false;
-        this.commands = [];
-        this.filename = null;
-        this.paused = false;
-    }
-    get status() {
-        if (!this.recording)
-            return 'idle';
-        if (this.paused)
-            return 'paused';
-        return 'recording';
-    }
-    get commandCount() {
-        return this.commands.length;
-    }
-}
-// ─── Session Player ──────────────────────────────────────────────────────────
-export class SessionPlayer {
-    filename;
-    commands;
-    index = 0;
-    /**
-     * Load commands from a .pw file.
-     */
-    static load(filename) {
-        if (!fs.existsSync(filename)) {
-            throw new Error(`File not found: ${filename}`);
-        }
-        const content = fs.readFileSync(filename, 'utf-8');
-        return content
-            .split('\n')
-            .map(line => line.trim())
-            .filter(line => line && !line.startsWith('#'));
-    }
-    /**
-     * Create a player that yields commands one at a time.
-     * Supports step-through mode where it pauses between commands.
-     */
-    constructor(filename) {
-        this.filename = filename;
-        this.commands = SessionPlayer.load(filename);
-    }
-    get done() {
-        return this.index >= this.commands.length;
-    }
-    get current() {
-        return this.commands[this.index] || null;
-    }
-    get progress() {
-        return `[${this.index}/${this.commands.length}]`;
-    }
-    next() {
-        if (this.done)
-            return null;
-        return this.commands[this.index++];
-    }
-    reset() {
-        this.index = 0;
-    }
-}
-// ─── Session Manager (state machine) ────────────────────────────────────────
-//
-//  States: idle → recording ⇄ paused → idle
-//                                       idle → replaying → idle
-//
-export class SessionManager {
-    #recorder = new SessionRecorder();
-    #player = null;
-    #step = false;
-    /** Current mode: 'idle' | 'recording' | 'paused' | 'replaying' */
-    get mode() {
-        if (this.#player && !this.#player.done)
-            return 'replaying';
-        return this.#recorder.status;
-    }
-    // ── Recording ──────────────────────────────────────────────────
-    startRecording(filename) {
-        if (this.mode !== 'idle')
-            throw new Error(`Cannot record while ${this.mode}`);
-        return this.#recorder.start(filename);
-    }
-    save() {
-        if (this.mode !== 'recording' && this.mode !== 'paused')
-            throw new Error('Not recording');
-        return this.#recorder.save();
-    }
-    togglePause() {
-        if (this.mode !== 'recording' && this.mode !== 'paused')
-            throw new Error('Not recording');
-        return this.#recorder.pause();
-    }
-    discard() {
-        if (this.mode !== 'recording' && this.mode !== 'paused')
-            throw new Error('Not recording');
-        this.#recorder.discard();
-    }
-    /** Called after each successful command — records if active. */
-    record(line) {
-        this.#recorder.record(line);
-    }
-    get recordingFilename() { return this.#recorder.filename; }
-    get recordedCount() { return this.#recorder.commandCount; }
-    // ── Playback ───────────────────────────────────────────────────
-    startReplay(filename, step = false) {
-        if (this.mode !== 'idle')
-            throw new Error(`Cannot replay while ${this.mode}`);
-        this.#player = new SessionPlayer(filename);
-        this.#step = step;
-        return this.#player;
-    }
-    endReplay() {
-        this.#player = null;
-        this.#step = false;
-    }
-    get player() { return this.#player; }
-    get step() { return this.#step; }
-}
+export { SessionRecorder, SessionPlayer, SessionManager } from '@playwright-repl/core';