Skip to content

UX-1: click-to-copy node IDs + reusable CopyableId chip#112

Merged
mvalancy merged 1 commit into
devfrom
feat/copy-ids
Jun 18, 2026
Merged

UX-1: click-to-copy node IDs + reusable CopyableId chip#112
mvalancy merged 1 commit into
devfrom
feat/copy-ids

Conversation

@mvalancy

Copy link
Copy Markdown
Member

#23 — click-to-copy IDs with a reusable confirmation chip.

  • lib/clipboard.ts (pure): shortId + copyText (Clipboard API → hidden-textarea/execCommand fallback). Unit-tested first, 5/5.
  • CopyableId chip: short id + copy-on-click + transient "Copied!" flash; reusable anywhere an id appears.
  • Wired into the NodeInspector header (visible in all modes).

Tests: clipboard unit 5/5; copy-id @copyid e2e — clicking the chip copies the full id (clipboard asserted) and flashes "Copied!". THE GATE 5/5; typecheck clean.

🤖 Generated with Claude Code

- New pure lib/clipboard.ts: shortId(id,len) + copyText() (Clipboard API with a
  hidden-textarea/execCommand fallback). Unit-tested first (5/5).
- New reusable CopyableId chip: shows a short id, copies the full id on click,
  flashes a transient "Copied!" confirmation. Drop-in anywhere an id is shown.
- Wired into the NodeInspector header (always visible across Card/Contents/
  Diagram modes).

Tests: clipboard unit 5/5; copy-id @CopyID e2e (chip copies → clipboard holds
the full id → "Copied!" flashes). THE GATE 5/5.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown

🧪 Comprehensive Test Suite

  • Unit suites (Node 18.x & 20.x) — core, web, server, mcp-server: ✅ passed
  • Installer & deploy config: ✅ passed

Full-stack smoke gate runs in the CI workflow.

@mvalancy mvalancy merged commit 48641e6 into dev Jun 18, 2026
16 checks passed
@mvalancy mvalancy deleted the feat/copy-ids branch June 18, 2026 14:48
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