Skip to content

feat(workers): restyle now.svg to match SiteDoing - #41

Merged
0froq merged 2 commits into
mainfrom
cursor/now-svg-sitedoing-7383
Oct 28, 2026
Merged

0froq merged 2 commits into
mainfrom
cursor/now-svg-sitedoing-7383

Conversation

@0froq

@0froq 0froq commented Oct 28, 2026 •

Copy link
Copy Markdown
Owner

GitHub profile README already embeds https://api.froq.me/now.svg / now-light.svg / now-dark.svg. This restyles that Camo SVG so it reads like froq.me SiteDoing instead of a Georgia serif text line.

Visual

Matches app/components/SiteDoing.vue:

  • Monospace (ui-monospace stack — LXGW is not available inside Camo)
  • 8px status dot: filled --ink when working, hollow --muted when sleeping
  • xs muted copy, one row, 16×16 app icon beside the process name
  • Small sleep crescent when sleeping
  • Chinese copy unchanged: 正在 {app} · media / 在 {app} 中眠了 / 眠了

Light/dark hex still come from site tokens (--ink / --colored-ink / --muted) via NOW_THEMES. Size is 640×24 so it still fits a GitHub README column; long app/media labels ellipsize in the drawn text (aria-label / <title> keep the full line).

now.svg light and dark rows: status dot, mono copy, inlined app icon

Camo / icons

<image href> to arbitrary hosts is unreliable behind Camo. The Worker fetches process.iconUrl and inlines a data:image/png;base64,… (other rasters if the magic bytes match). Failures are text-only — never an external image URL. CORS * and Cache-Control: max-age=60 are unchanged.

Deploy

PR only. Still manual Wrangler (pnpm worker:deploy). This does not ship to api.froq.me by itself.

Review

  • Core: workers/froq-api/src/nowSvg.ts
  • Tests: tests/now-svg.test.ts
  • Notes: workers/froq-api/README.md

Site UI is not touched.

Verification

  • pnpm exec vp test tests/now-svg.test.ts — 28 passed
  • pnpm --dir workers/froq-api exec wrangler deploy --dry-run — packages (70.73 KiB)
  • Chrome screenshot of light/dark working, media, truncation, and sleeping rows with a live R2 PNG inlined

To show artifacts inline, enable in settings.

Open in Web Open in Cursor 

Swap Georgia for mono type, add the 8px status dot, and inline
process.iconUrl as a PNG data URI so Camo can show the app icon.
@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Oct 28, 2026 •

Copy link
Copy Markdown

🚀 Deploying Preview to Cloudflare 🚀

Preview Deployments by commit

Status Deployment URL Commit Updated (UTC) See this deployment's details
  • Build: Success ✅

View logs ↗
No Preview URL. Enable ↗ 777336a 2026-10-28T16:06:32.986Z View logs ↗
  • Build: Success ✅

View logs ↗
No Preview URL. Enable ↗ 9691c79 2026-10-28T15:53:14.456Z View logs ↗

The full media line stays on title/aria-label; only the drawn text truncates.
@0froq
0froq merged commit ce74df4 into main Oct 28, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants