Skip to content

feat: add mobile deep-link button to invite code flow#257

Open
SeanROlszewski wants to merge 5 commits into
mainfrom
fix/invite-code-connector-url
Open

feat: add mobile deep-link button to invite code flow#257
SeanROlszewski wants to merge 5 commits into
mainfrom
fix/invite-code-connector-url

Conversation

@SeanROlszewski
Copy link
Copy Markdown
Contributor

@SeanROlszewski SeanROlszewski commented May 13, 2026

Summary

  • Add an "Open World App" deep-link button to the invite code widget on mobile, matching the pattern already used by the standard QR flow (QRState)
  • On mobile (≤1024px), show the deep-link button instead of the QR code; on desktop, show the QR code as before
  • Update subtext to match the standard flow's mobile copy ("You will be redirected to the app...")
  • Also show the connector URL section in the iOS sample app for invite code mode

Test plan

  • Deploy Vercel preview and open the invite code widget on a mobile device/viewport — verify the "Open World App" button appears and opens the connector URL
  • On desktop viewport, verify the QR code and invite code text still display as before
  • Verify the "Connecting..." overlay still appears on desktop when awaiting confirmation

🤖 Generated with Claude Code

The generate() method already sets connectorURL for both connect URL
and invite code modes, but the UI guard restricted the Connector URL
section to connect URL mode only. Remove the mode check so the "Open
Connector URL" and copy buttons appear whenever a connector URL is
available.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented May 13, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
idkit-js-example Ready Ready Preview, Comment May 14, 2026 2:44pm

Request Review

The InviteCodeState component only showed a QR code and invite code
text, with no way to open the connector URL directly on mobile. Add
the same mobile/desktop split used by QRState: on mobile, show an
"Open World App" deep-link button; on desktop, show the QR code.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@SeanROlszewski SeanROlszewski changed the title fix(examples): show connector URL section for invite code mode feat: add mobile deep-link button to invite code flow May 13, 2026
…ode widget

The previous commit only added a mobile-only deep-link button. Add a
visible link on all viewports so users can open the connector URL
directly from the invite code widget.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Extract and display the invite code from the connector URL's `c` query
parameter so developers can see the code alongside the connector URL.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Keep the connector URL link and invite code display added on this
branch; extract the invite code from the connector URI's `c` query
parameter so the variable is properly defined.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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