playwriter
Code Issues

Update liveline.tsx

Browse Source
This commit is contained in:
Tommy D. Rossi
2026-02-20 15:26:34 +01:00
parent 5f764ed200
commit e7b7aad8a9
1 changed files with 21 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/routes/liveline.tsx
+21 -15
View File
@@ -47,7 +47,13 @@ export default function LivelinePage() {
<A href="https://github.com/remorses/playwriter">Star on GitHub</A>. <A href="https://github.com/remorses/playwriter">Star on GitHub</A>.
</P> </P>
<ChartPlaceholder height={300} label="demo" /> <div className="ll-bleed" style={{ display: "flex", justifyContent: "center" }}>
<img
src="/screenshot@2x.png"
alt="Playwriter controlling Chrome with accessibility labels overlay"
style={{ display: "block", maxWidth: "100%" }}
/>
</div>
<Caption> <Caption>
Your existing Chrome session. Extensions, logins, cookies &mdash; all there. Your existing Chrome session. Extensions, logins, cookies &mdash; all there.
</Caption> </Caption>
@@ -114,20 +120,20 @@ export default function LivelinePage() {
</P> </P>
<CodeBlock lang="bash">{dedent` <CodeBlock lang="bash">{dedent`
┌─────────────────────┐ ┌──────────────────────┐ ┌─────────────────┐ ┌─────────────────────┐ ┌──────────────────────┐ ┌─────────────────┐
│ BROWSER │ │ LOCALHOST │ │ CLIENT │ │ BROWSER │ │ LOCALHOST │ │ CLIENT │
│ │ │ │ │ │ │ │ │ │ │ │
│ ┌───────────────┐ │ │ WebSocket Server │ │ ┌───────────┐ │ │ ┌───────────────┐ │ │ WebSocket Server │ │ ┌───────────┐ │
│ │ Extension │<───────┬───> :19988 │ │ │ CLI / MCP │ │ │ │ Extension │<───────┬───> :19988 │ │ │ CLI / MCP │ │
│ └───────┬───────┘ │ WS │ │ │ └───────────┘ │ │ └───────┬───────┘ │ WS │ │ │ └───────────┘ │
│ │ │ │ /extension │ │ │ │ │ │ │ │ /extension │ │ │ │
│ chrome.debugger │ │ │ │ │ v │ │ chrome.debugger │ │ │ │ │ v │
│ v │ │ v │ │ ┌────────────┐ │ │ v │ │ v │ │ ┌────────────┐ │
│ ┌───────────────┐ │ │ /cdp/:id <───────────────>│ │ execute │ │ │ ┌───────────────┐ │ │ /cdp/:id <───────────────>│ │ execute │ │
│ │ Tab 1 (green) │ │ └──────────────────────┘ WS │ └────────────┘ │ │ │ Tab 1 (green) │ │ └──────────────────────┘ WS │ └────────────┘ │
│ │ Tab 2 (green) │ │ │ │ │ │ │ Tab 2 (green) │ │ │ │ │
│ │ Tab 3 (gray) │ │ Tab 3 not controlled │ Playwright API │ │ │ Tab 3 (gray) │ │ Tab 3 not controlled │ Playwright API │
└─────────────────────┘ (extension not clicked) └─────────────────┘ └─────────────────────┘ (extension not clicked) └─────────────────┘
`}</CodeBlock> `}</CodeBlock>
<P> <P>