playwriter
Code Issues

liveline: JetBrainsMono Nerd Font Mono for code blocks, fix diagram alignment

Browse Source 
- Add @font-face for JetBrainsMono Nerd Font Mono (nerd-fonts v3.3.0) with
  proper box-drawing glyph support for seamless Unicode diagram rendering
- Update --ll-font-code to use NF Mono as primary, fallback to JetBrains Mono/SF Mono
- Fix liveline-prism.css: use var(--ll-font-code) instead of hardcoded SF Mono
- Remove unused Google Fonts JetBrains Mono link from root.tsx
- Fix diagram: keep Unicode box chars for seamless lines, use ASCII < > v for
  arrows (◄ ► ▼ render at inconsistent widths), recount all columns
This commit is contained in:
Tommy D. Rossi
2026-02-20 12:25:32 +01:00
parent 8511d17ed7
commit 7fe09ea35e
3 changed files with 119 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/routes/liveline.tsx
+14 -14
View File
@@ -652,20 +652,20 @@ playwriter -s 1 -e "await page.locator('aria-ref=e5').click()"`}</CodeBlock>
back.
</Paragraph>
<CodeBlock lang="bash">{`+---------------------+ +-------------------+ +-----------------+
| BROWSER | | LOCALHOST | | CLIENT |
| | | | | |
| +---------------+ | | WebSocket Server | | +-----------+ |
| | Extension |<---------> :19988 | | | CLI / MCP | |
| +-------+-------+ | WS | | | +-----------+ |
| | | | /extension | | | |
| chrome.debugger | | | | | v |
| v | | v | | +-----------+ |
| +---------------+ | | /cdp/:id <------------> | | execute | |
| | Tab 1 (green) | | +--------------------+ WS | +-----------+ |
| | Tab 2 (green) | | | | |
| | Tab 3 (gray) | | Tab 3 not controlled | Playwright API |
+---------------------+ (extension not clicked) +-----------------+`}</CodeBlock>
<CodeBlock lang="bash">{`┌─────────────────────┐ ┌─────────────────────┐ ┌─────────────────┐
│ BROWSER │ │ LOCALHOST │ │ CLIENT │
│ │ │ │ │ │
│ ┌───────────────┐ │ │ WebSocket Server │ │ ┌───────────┐ │
│ │ Extension │<-----------> :19988 │ │ │ CLI / MCP │ │
│ └───────┬───────┘ │ WS │ │ │ └───────────┘ │
│ │ │ │ /extension │ │ │ │
│ chrome.debugger │ │ │ │ │ v │
│ v │ │ v │ │ ┌───────────┐ │
│ ┌───────────────┐ │ │ /cdp/:id <--------------->│ │ execute │ │
│ │ Tab 1 (green) │ │ └──────────────────────┘ WS │ └───────────┘ │
│ │ Tab 2 (green) │ │ │ │ │
│ │ Tab 3 (gray) │ │ Tab 3 not controlled │ Playwright API │
└─────────────────────┘ (extension not clicked) └─────────────────┘`}</CodeBlock>
<Paragraph>
No Chrome restart required. No <InlineCode>--remote-debugging-port</InlineCode>{" "}