@swiftbrowser/react 0.9.12 → 0.9.13

package/README.md

@@ -230,7 +230,11 @@ another sidebar row adds one (the first choice does not), and back or
 forward selects the row the entry recorded, through the row's own tap. The
 URL is left alone: an app that maps screens to paths sets them with
 `history.replaceState` on the entry the renderer made (a `pushState` of its
-own would add a second entry for the same screen).
+own would add a second entry for the same screen). When the app pops on its
+own (the bar's back button), the renderer's step back is asynchronous and
+the app's `replaceState` for what it shows now runs before it lands; the
+renderer sets that URL again on the entry it arrives at, so the address bar
+follows either back button.
 On a phone, a `fill` island follows the on-screen keyboard (`keyboard`,
 on by default for `fill`, or `mount(..., { keyboard: true })`): its height
 becomes a bottom inset, so a field, a bottom search field or a chat's
@@ -262,6 +266,10 @@ swapped item (`{playing ? <ToolbarItem>…stop…</ToolbarItem> :
 <ToolbarItem placement="bottomBar">{toolButtons}</ToolbarItem>
 ```
 
+`placement="largeTitle"` (iOS 26) puts a view in the large title row in
+place of the title's text, a logo beside the screen's name say; it scrolls
+away with the content and the bar shows `navigationTitle` once it has.
+
 ```tsx
 <List
   navigationTitle="Notes"
@@ -337,6 +345,10 @@ scroll view's leading edge (or `scrollPositionAnchor`), and setting it
 scrolls there, on that scroll view's axes only. `proxy.scrollTo(id, anchor,
 { axes: 'horizontal' })` limits a reader's scroll the same way, so a pager
 inside a list leaves the list where it is.
+`onScrollVisibilityChange={(visible) => …}` (or `{ threshold, action }`,
+0.5 by default) is `.onScrollVisibilityChange`: it hears when that share
+of the view comes into its scroll view's visible area, below a bar the
+view scrolls under, or leaves it.
 Name a coordinate space with `coordinateSpace="page"` on the `ScrollView`
 (or any view), and a `GeometryReader` inside reads its frame there with
 `proxy.frame({ named: 'page' })`, updated as the page scrolls.

package/dist/index.js

@@ -1676,6 +1676,8 @@ function toolbarPlacement(name) {
       return "leading";
     case "principal":
       return "principal";
+    case "largeTitle":
+      return "largeTitle";
     case "bottomBar":
       return "bottom";
     case "secondaryAction":
@@ -1752,6 +1754,7 @@ const MODIFIER_KEYS = /* @__PURE__ */ new Set([
   "alert",
   "confirmationDialog",
   "presentationDetents",
+  "onScrollVisibilityChange",
   "onTapGesture",
   "dragGesture",
   "magnifyGesture",
@@ -2093,6 +2096,10 @@ function apply(key, value, node, sides) {
     case "presentationDetents":
       sides.push(presentationDetents(value));
       return node;
+    case "onScrollVisibilityChange": {
+      const spec = typeof value === "function" ? { action: value } : value;
+      return sb("styled", { style: { scrollVisibility: { threshold: spec.threshold ?? 0.5 } } }, { scrollvisibility: (event) => spec.action(event.visible) }, node);
+    }
     case "onTapGesture":
       return sb("tapgesture", {}, { tap: value }, node);
     case "dragGesture": {