Super Native#402
Open
simonhamp wants to merge 12 commits into
Open
Conversation
Document all core EDGE components: layout (Column, Row, ScrollView, Stack, Spacer, Pressable), content (Text, Button, Image, Icon, Divider, ActivityIndicator), forms (TextInput, Toggle), shapes (Canvas, Rect, Circle, Line), and overlays (BottomSheet). Add shared layout system reference covering sizing, spacing, flex, alignment, styling, and events. Update introduction to list all available components grouped by category. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…afe-area pages Edge components — reconciled every existing page with element + iOS/Android renderers: - bottom-nav: active-color, background-color, text-color, news; TabBar / Tab builder API; safe-area auto-handling; tab taps use replace semantics. - top-bar: subtitle, background-color, text-color, elevation (hairline overlay, not SwiftUI shadow); NavBar / NavAction builder API; navigationOptions(). - scroll-view: shows-indicators flagged iOS-only; Android LazyRow/Column. - stack: rewrote around the new custom Layout — children at natural size, centered. - layout: align-self stretch override of items-center; flex-1 shorthand. - button, toggle, checkbox, slider, select, radio-group, button-group, chip, text-input: Model 3 styling rule (per-instance bg/padding/font-size dropped). - text-input: replaced the (non-existent) <native:text-input> doc with separate outlined and filled coverage; corrected keyboard string enum. - image: corrected fit modes (renderer collapses to fit/fill). - text: fixed font-weight 7 → .heavy (was "extrabold"). - shapes: per-shape sections (rect / circle / line); flagged that <native:line> ignores from/to (renderer always draws horizontal). - divider: clarified border-color drives line color; horizontal-divider alias. - introduction: refreshed component inventory. New edge-components pages: - badge, button-group, canvas, card, carousel, checkbox, chip, list (covers list-item), modal, progress-bar, radio-group (covers radio), screen, select, slider, tab-row (covers tab). New the-basics pages: - layouts: NativeLayout + StackLayout / TabsLayout, route attachment, wrapWithChrome flow, navigationOptions / setNavBar / navTitle. - navigation: navigate / back / replace / exitToWeb, transitions, param/data. - safe-area: safeArea / safeAreaTop / safeAreaBottom; bitmask + auto-handling via wrapWithChrome based on which bars are present. - positioning: absolute / relative + anchor convention; FAB pattern; stack caveat. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Introduce a dedicated Super Native docs section (mobile v3), positioned after Concepts and before EDGE Components. Add a reusable Super Native icon component to flag Super Native features throughout the docs, and a beta note component for the top of Super Native pages. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Relocate the Web View page into the EDGE Components section and reframe its copy so native UI is the primary way to build apps, with the web view as one optional component you can surround with native UI. Add a Super Native shield icon, restyle the beta note (yellow, no left border), mark Super Native EDGE component menu labels with the shield, and add the beta note to those component pages. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Fill the Super Native section with the full set of component pages (migrated from the edge-components revision, adopting the pulled section's naming and keeping its introduction/index), and document the vibe websocket plugin. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
New section (order 48, after Super Native) documenting Native::test() and the in-process harness: interactions and ref targeting, native events and FakeBridge scripting, navigation flows and chrome assertions, platform variants, render guards, and wire snapshots. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Create mobile v4 docs containing all SuperNative-era content (EDGE component pages, SuperNative section, Testing section, vibe plugin doc) and restore mobile v3 docs to their stable pre-SuperNative state. Mark v4 as a pre-release version: v3 remains the default version for redirects and entry links, the version switcher lists newest versions first with a beta label on v4, and every v4 page shows a beta notice linking back to the stable equivalent. Replace the per-page SuperNative shield badges and beta banner with this general pre-release notice, and rename "Super Native" to "SuperNative" throughout. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
An earlier v3 reset used a stale local main ref, accidentally reverting main's v3 doc updates: the getting-started pages, the Jump page, the web view page, and the Contributing move into Getting Started. Restore the v3 docs to exactly match the current main branch. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Write the full SuperNative introduction (what/how/why, opt-out via a full-screen web view route, demo repo callout, roadmap, and plugin constraint guidance). Rework The Basics > Native Components into Native UI, combining a SuperNative/EDGE overview with pointers to Layouts and Navigation. Reset the v4 changelog for v4. Add a configurable renamed-pages map so pages renamed between doc versions redirect to their equivalent in both directions (direct URLs, version switcher, beta/old-version notices, and canonical URLs). Make On this page menus easier to scan: bold h2 entries, larger text, taller popover, and a small right offset. Fix heading levels in the v3 upgrade guide. Co-Authored-By: Claude Opus 4.8 (1M context) <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
2 participants
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
This PR brings the Super Native branch to
main. It includes the full body of Super Native work that has accumulated on the branch, plus the latestmainmerged in.Highlights from the most recent work:
<x-icons.super-native />— a reusable identifier icon to flag Super Native features throughout the docs.<x-docs.super-native-beta />— a beta note component for the top of Super Native pages (Super Native is in beta; APIs/behaviour may change).The branch also contains the broader Super Native documentation (EDGE components, the-basics pages) and other product work already present on the branch.
Notes
main). Reviewers may want to focus on the most recent docs-section commit.🤖 Generated with Claude Code