Skip to content

docs(apollo-vertex): onboarding tour — docs page and live demo#954

Open
petervachon wants to merge 1 commit into
feat/vertex-onboarding-tour-joyride-providerfrom
feat/vertex-onboarding-tour-joyride-docs
Open

docs(apollo-vertex): onboarding tour — docs page and live demo#954
petervachon wants to merge 1 commit into
feat/vertex-onboarding-tour-joyride-providerfrom
feat/vertex-onboarding-tour-joyride-docs

Conversation

@petervachon

Copy link
Copy Markdown
Collaborator

What this does

Adds the documentation page for the Joyride onboarding tour component, including a live interactive demo you can click through in the browser.

Stacked on #953 (provider + welcome modal).

What's included

  • Live demo — a working tour triggered by a "Start tour demo" button. The tour runs on the docs page itself, stepping through the welcome modal, static previews, feature callout, and install snippet.
  • Static previews — side-by-side renders of the welcome modal card and step popover card so you can inspect the design without running a tour.
  • Full usage docs covering:
    • Defining tour steps (popover vs. modal type, selectors, placement)
    • Conditional step gating with waitFor
    • Persistence — how completed tours are remembered across sessions
    • The BrandingAdapter extension point for custom welcome modal images

What comes next

This is the final piece of the 3-PR stack. After this merges, product teams can install the component with a single shadcn command.

Test plan

  • Docs page renders at /patterns/onboarding-tour-joyride
  • "Start tour demo" button launches the tour
  • Welcome modal appears first, then step popovers advance through all 5 steps
  • Progress bars in the popover reflect the current step
  • Tour does not reappear after completion without resetting state
  • Static previews render in light and dark mode
  • pnpm --filter apollo-vertex lint passes

🤖 Generated with Claude Code

Wires the onboarding-tour-joyride registry component into the Apollo
Vertex docs site. Includes a live interactive demo using the shell
template, static previews of the welcome modal and step popover, and
full usage documentation covering step definitions, conditional gating,
persistence, and the BrandingAdapter extension point.

Co-Authored-By: Colin Reilly <colin.reilly@gmail.com>
@petervachon
petervachon requested a review from a team as a code owner July 22, 2026 18:54
@petervachon
petervachon requested review from alincadariu and pieman1313 and removed request for a team July 22, 2026 18:54
@github-actions

github-actions Bot commented Jul 22, 2026

Copy link
Copy Markdown
Contributor

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

Project Deployment Review Updated (PT)
apollo-design 🟢 Ready Preview, Logs Jul 22, 2026, 11:59:41 AM
apollo-docs 🟢 Ready Preview, Logs Jul 22, 2026, 11:59:41 AM
apollo-landing 🟢 Ready Preview, Logs Jul 22, 2026, 11:59:41 AM
apollo-vertex 🟢 Ready Preview, Logs Jul 22, 2026, 11:59:41 AM

@github-actions

Copy link
Copy Markdown
Contributor

Dependency License Review

  • 1950 package(s) scanned
  • ✅ No license issues found
  • ⚠️ 2 package(s) excluded (see details below)
License distribution
License Packages
MIT 1720
ISC 89
Apache-2.0 55
BSD-3-Clause 27
BSD-2-Clause 23
BlueOak-1.0.0 8
MPL-2.0 4
MIT-0 3
CC0-1.0 3
MIT OR Apache-2.0 2
(MIT OR Apache-2.0) 2
Unlicense 2
LGPL-3.0-or-later 1
Python-2.0 1
CC-BY-4.0 1
(MPL-2.0 OR Apache-2.0) 1
Unknown 1
Artistic-2.0 1
(WTFPL OR MIT) 1
(BSD-2-Clause OR MIT OR Apache-2.0) 1
CC-BY-3.0 1
0BSD 1
(MIT OR CC0-1.0) 1
MIT AND ISC 1
Excluded packages
Package Version License Reason
@img/sharp-libvips-linux-x64 1.2.4 LGPL-3.0-or-later LGPL pre-built binary, not linked
khroma 2.1.0 Unknown MIT per GitHub repo, missing license field in package.json

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant