feat: add mix/remix product switcher and restructure docs under /documentation/mix#9
Merged
tilucasoli merged 22 commits intomainfrom Apr 18, 2026
Merged
Conversation
Captures the agreed structure for splitting docs into `documentation/mix/` and `documentation/remix/` with a sidebar-top switcher, route-scoped page map filtering, and redirects for existing URLs. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Task-by-task plan for splitting docs into mix/remix subtrees, adding the sidebar-top switcher, portal-based injection, CSS-driven filtering, and legacy URL redirects. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
…n/mix Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Client-side portal finds .nextra-sidebar and prepends the switcher. The mount component also sets data-product on <html>; global CSS rules keyed off that attribute hide the inactive product's top-level <li> (matched via its data-href button). Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
The client-portal approach didn't make the switcher visible. Switch to Nextra's native separator-with-React-title mechanism: _meta.tsx now imports MixRemixSwitcher and renders it as the first entry, so Nextra SSRs it directly inside .nextra-sidebar. MixRemixSwitcher itself now owns the data-product html attribute (previously in the deleted MixRemixSwitcherMount). CSS strips the default separator padding around the switcher row. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
|
To view this pull requests documentation preview, visit the following URL: Documentation is deployed and generated using docs.page. |
Contributor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Swap the sidebar MixRemixSwitcher for a FloatingNavbar pill that renders across all routes, add a standalone /remix landing page, and tighten the remix accent color. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Introduction, component references (19 components including divider rewritten in the Mix widgets format), and a dedicated Fortal design-system page. The .dark body now pulls a shared radial glow + grid from CSS custom properties so docs and homepage share the same backdrop. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Pulls remix 0.2.0 into mix_docs_preview and registers 19 component examples (accordion, avatar, badge, button, callout, card, checkbox, divider, icon_button, menu, progress, radio, select, slider, spinner, switch, tabs, textfield, tooltip), each adapted from the btwld/remix api examples and exposed as 'components/<name>.0' so FlutterPreview tags in the remix docs resolve without any per-doc wiring. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Adds a `## Interactive preview` section with a `<FlutterPreview>` pointing at the matching `components/<name>.0` entry in mix_docs_preview, right before the Fortal styles section. Heights are tuned per component (240 default, 280 for card/textfield, 320 for menu/select/tabs, 360 for accordion). Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Replace heading-style property lists with markdown tables matching the mix docs format (Prop | Type | Required / Default Value) across all 18 remix component pages. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Replace heading-style method lists with markdown tables (Method | Description) across all 17 remix component pages that have a Style Methods section. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Show a dismissible Nextra banner on the /remix landing and /documentation/remix/* pages linking to the remix GitHub repo, so readers know the package is still in active development. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Replace the top-of-page Nextra Banner with a fixed bottom-right alert styled to match the existing floating surfaces. Uses localStorage to persist dismissal. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Drop the close button and localStorage state; the banner now always renders on remix pages. Removing the client-only dismissed state also means the banner is SSR-rendered, eliminating the post-hydration flash. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
/documentation/*to/documentation/mix/*, scaffold a/documentation/remixplaceholder, and add redirects plus internal link rewrites so legacy URLs keep working.MixRemixSwitchersidebar component rendering Mix/Remix logos, mounted via_meta.tsx, with CSS that hides the inactive product and flattens the active one.data-productattribute on<html>from the pathname so the sidebar and a Remix-specific green accent theme switch automatically.Test plan
/documentation/mix/...and confirm only Mix sections show in the sidebar with the Mix logo highlighted./documentation/remixand confirm the green accent applies and only Remix is visible./documentation/<path>URL and confirm redirect to/documentation/mix/<path>.🤖 Generated with Claude Code