Skip to content

Add circular cursor gesture collection and redraw mode - #340

Draft
spencerc99 wants to merge 5 commits into
mainfrom
cx/redraw-circles
Draft

Add circular cursor gesture collection and redraw mode#340
spencerc99 wants to merge 5 commits into
mainfrom
cx/redraw-circles

Conversation

@spencerc99

Copy link
Copy Markdown
Owner

Summary

  • Add /circle-draw/, a guided page where extension users can trace large circles slowly enough for archival cursor sampling.
  • Add a Circles mode to /redraw/ that reads cursor events from wewere.online/circle-draw, detects rough circular gestures inside longer trails, and arranges them into an overlapping composition.
  • Add controls for gesture confidence, circle count, spatial overlap, timing overlap, pace, and stroke width.
  • Link both surfaces directly to each other.

Detection

The detector scores closed trail windows using radial consistency, angular coverage, turn direction, aspect ratio, and distributed curvature. It rejects open arcs, back-and-forth movement, and corner-dominated rectangles. Detected paths retain their original gesture shape when they are translated and uniformly scaled into the composition.

Validation

  • bunx vitest run redraw/__tests__/circles.test.ts (5 tests)
  • bunx tsc --noEmit --pretty false
  • Targeted ESLint on the changed TypeScript files
  • bun run build
  • Browser verification of /circle-draw/ and /redraw/?mode=circles with clean console logs
  • Synthetic browser fixture: 24 of 24 circular gestures detected from 648 cursor events

The screenshot fixture uses generated cursor paths to exercise the production detector and renderer. It is not archived user data.

No changeset, starter-template update, or developer-doc update is needed because this change is confined to the extension website and does not change a package API.

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Jul 29, 2026

Copy link
Copy Markdown

Deploying we-were-online-website with  Cloudflare Pages  Cloudflare Pages

Latest commit: ad3a7a8
Status: ✅  Deploy successful!
Preview URL: https://6b3f7cba.we-were-online-website.pages.dev
Branch Preview URL: https://cx-redraw-circles.we-were-online-website.pages.dev

View logs

@pkg-pr-new

pkg-pr-new Bot commented Jul 29, 2026

Copy link
Copy Markdown

Open in StackBlitz

bun add https://pkg.pr.new/@playhtml/common@340
bun add https://pkg.pr.new/playhtml@340
bun add https://pkg.pr.new/@playhtml/react@340

commit: ad3a7a8

@spencerc99

spencerc99 commented Jul 29, 2026

Copy link
Copy Markdown
Owner Author

Preview evidence

Circles scans 100,000 archived events by default and offers guided-page filtering.

Open preview · Review all evidence · Commit ad3a7a8

Archive-wide scan is the default

Archive-wide scan is the default

The deployed mode scanned 100,000 real archived events and correctly rejected ordinary browsing loops.

Open captured page · 1280×720

Guided circle collection page

Guided circle collection page

Participants can intentionally contribute circle trails on the deployed collection route.

Open captured page · 1440×900

Synthetic composition fixture

Synthetic composition fixture

This development fixture uses 24 generated cursor paths, not archived user gestures, to demonstrate the intended overlapping composition.

Open captured page · 1440×900

Published by PR Evidence. Media is temporary and is removed after retention expires.

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.

1 participant