Skip to content

feat(cursor): add SVG pointer and transient click locator demo - #51

Open
OleksandrKucherenko wants to merge 2 commits into
shreyaskarnik:mainfrom
OleksandrKucherenko:feat/issue-37-svg-cursor-demo
Open

feat(cursor): add SVG pointer and transient click locator demo#51
OleksandrKucherenko wants to merge 2 commits into
shreyaskarnik:mainfrom
OleksandrKucherenko:feat/issue-37-svg-cursor-demo

Conversation

@OleksandrKucherenko

Copy link
Copy Markdown
Contributor

Adds a visible SVG pointer to recorded demos, with brief location feedback instead of a circle following every movement. With cursorHighlight: { mode: 'click' }, a circle contracts toward the pointer on appearance, click, or Control release, then disappears after 700 ms. Repeated triggers restart one circle; existing continuous-ring behavior remains the default.

Exports createHumanCursor() with reproducible curved movement, pre-click dwell, real Playwright mouse events, navigation restoration, and explicit hide/dispose methods. The SVG and highlight use the same click hotspot and compose above other overlays without intercepting input. Adapts the pointer prototype shared in #37, with attribution in the source.

Includes a self-contained HTML playground, recording configuration, scenes manifest, and a 47-second recorded demo. The demo shows three simultaneous overlays, pointer-only travel, click feedback, Control-key location feedback, navigation, styling, and cleanup. No app server or TTS engine is needed.

Also fixes the Windows recording launcher by invoking the installed Playwright CLI through Node instead of executing the npx.cmd shim, and retains subprocess error details when stdout/stderr are empty.

Validation:

  • npm run build
  • 77 focused tests across cursor, human-cursor, browser E2E, narration, recording, and demo recording guards
  • Strict TypeScript check of the demo script and node bin/argo.js validate pseudo-cursor
  • Full node bin/argo.js pipeline pseudo-cursor run on Windows; inspected exported frames for circle-free movement and transient locator feedback (1280 x 720, 30 fps)
  • git diff --check

Closes #37.

@salir-admin

Copy link
Copy Markdown
pseudo-cursor.mp4

@salir-admin

Copy link
Copy Markdown

@shreyaskarnik I add skill updates, demo and details tom make pseudo mouse cursor "matching" the project standard

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.

overlay with pseudo mouse support

3 participants