craft-native 0.0.202 → 0.0.203

package/dist/ios/templates/CraftNativeFlatList.swift

@@ -1,11 +1,40 @@
 import UIKit
 
 private final class CraftNativeFlatListLayout: UICollectionViewFlowLayout {
+    private var preparedExtent: CGFloat?
+
+    override func prepare() {
+        // Content-size queries can prepare layout before layoutSubviews runs.
+        (collectionView as? CraftNativeFlatList)?.updateItemEstimate()
+        super.prepare()
+        preparedExtent = collectionView.map { extent(of: $0.bounds) }
+    }
+
+    private func extent(of bounds: CGRect) -> CGFloat {
+        scrollDirection == .vertical ? bounds.width : bounds.height
+    }
+
     override func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) -> Bool {
-        guard let current = collectionView?.bounds else { return true }
-        return scrollDirection == .vertical
-            ? abs(current.width - newBounds.width) > .ulpOfOne
-            : abs(current.height - newBounds.height) > .ulpOfOne
+        guard let preparedExtent else { return true }
+        return abs(preparedExtent - extent(of: newBounds)) > .ulpOfOne
+    }
+
+    override func invalidationContext(forBoundsChange newBounds: CGRect) -> UICollectionViewLayoutInvalidationContext {
+        let context = super.invalidationContext(forBoundsChange: newBounds)
+        if shouldInvalidateLayout(forBoundsChange: newBounds), let flow = context as? UICollectionViewFlowLayoutInvalidationContext {
+            flow.invalidateFlowLayoutDelegateMetrics = true
+            flow.invalidateFlowLayoutAttributes = true
+            // Self-sized item dimensions are cached separately from flow
+            // metrics. Clear them before a narrower viewport validates old
+            // widths, while keeping the cells and their rendered state.
+            if let collectionView {
+                let paths = (0..<collectionView.numberOfSections).flatMap { section in
+                    (0..<collectionView.numberOfItems(inSection: section)).map { IndexPath(item: $0, section: section) }
+                }
+                flow.invalidateItems(at: paths)
+            }
+        }
+        return context
     }
 }
 
@@ -190,9 +219,30 @@ final class CraftNativeFlatList: UICollectionView, UICollectionViewDelegateFlowL
     /// room again as they are.
     func fittingHeight(width: CGFloat) -> CGFloat {
         guard !isScrollEnabled else { return 0 }
-        if abs(bounds.width - width) > 0.5 { frame.size.width = width }
-        layoutIfNeeded()
-        let content = flowLayout.collectionViewContentSize.height
+        // Flex measurement proposes several widths before committing a frame.
+        // Mutating the collection here lets self-sizing cache a provisional
+        // width and can reenter parent measurement through contentSize.didSet.
+        // Read the committed measurement, or estimate until layout measures
+        // rows at their actual width and onFittingHeightChanged asks for room.
+        let content: CGFloat
+        if abs(bounds.width - width) <= 0.5, contentSize.height > 0 {
+            content = contentSize.height
+        } else if flowLayout.scrollDirection == .horizontal {
+            content = items.isEmpty ? 0 : 44
+        } else {
+            var rows = 0
+            var pending = 0
+            for item in items {
+                if item.isChrome {
+                    rows += (pending + columns - 1) / columns + 1
+                    pending = 0
+                } else {
+                    pending += 1
+                }
+            }
+            rows += (pending + columns - 1) / columns
+            content = CGFloat(rows) * 44 + CGFloat(max(0, rows - 1)) * flowLayout.minimumLineSpacing
+        }
         return max(0, ceil(content + contentInset.top + contentInset.bottom))
     }
 
@@ -208,13 +258,17 @@ final class CraftNativeFlatList: UICollectionView, UICollectionViewDelegateFlowL
         return max(1, (width - spacing) / CGFloat(count))
     }
 
-    override func layoutSubviews() {
+    fileprivate func updateItemEstimate() {
         let estimate = flowLayout.scrollDirection == .horizontal
             ? CGSize(width: 44, height: itemExtent(isChrome: true))
             : CGSize(width: itemExtent(isChrome: false), height: 44)
         if flowLayout.estimatedItemSize != estimate, bounds.width > 0 {
             flowLayout.estimatedItemSize = estimate
         }
+    }
+
+    override func layoutSubviews() {
+        updateItemEstimate()
         super.layoutSubviews()
         craftApplyCornerRadius()
     }

package/dist/ios/templates/CraftNativeScreen.swift

@@ -4650,16 +4650,22 @@ final class CraftNativeScreenController: UIViewController, UIScrollViewDelegate,
         }
         /// The scroll view the screen starts with, when nothing sits above it:
         /// the root's first child, its first, and so on, none padded on top.
-        func leading(_ node: RenderedNode) -> UIScrollView? {
-            if let scroll = node.view as? CraftNativeScrollView { return scroll.isVertical && scroll.isScrollEnabled ? scroll : nil }
+        func leading(_ node: RenderedNode) -> RenderedNode? {
+            if let scroll = node.view as? CraftNativeScrollView { return scroll.isVertical && scroll.isScrollEnabled ? node : nil }
             if let list = node.view as? CraftNativeFlatList {
-                return list.isScrollEnabled && (list.collectionViewLayout as? UICollectionViewFlowLayout)?.scrollDirection != .horizontal ? list : nil
+                return list.isScrollEnabled && (list.collectionViewLayout as? UICollectionViewFlowLayout)?.scrollDirection != .horizontal ? node : nil
             }
             guard paddingInsets(node.style).top == 0,
                   let first = node.children.first(where: { $0.type != "Modal" && !$0.view.isHidden }) else { return nil }
             return leading(first)
         }
         let scroll = find(renderedRoot)
+        let leadingScroll = leading(renderedRoot)
+        // Only the screen's leading scroller draws beneath floating chrome.
+        // A bounded list inside a form must clip its rows to its viewport.
+        if let leadingScroll, leadingScroll.style["overflow"] as? String != "hidden" {
+            leadingScroll.view.clipsToBounds = false
+        }
         // Under a large title the screen runs edge to edge, as UIKit's own
         // screens do: the scroll view starts under the bar and insets its
         // content by it, so the title collapses and pull to refresh draws
@@ -4667,7 +4673,7 @@ final class CraftNativeScreenController: UIViewController, UIScrollViewDelegate,
         // view: its content scrolls up under the bar behind iOS's scroll edge
         // effect, rather than over the bar's back button. Other screens stay
         // inside the safe area.
-        let edgeToEdge = scroll != nil && (prefersLargeTitle == true || scroll === leading(renderedRoot))
+        let edgeToEdge = scroll != nil && (prefersLargeTitle == true || scroll === leadingScroll?.view)
         let fullEdgeToEdge = rootIsSafeAreaView
         let topEdgeToEdge = fullEdgeToEdge || edgeToEdge
         rootTopToSafeArea?.isActive = !topEdgeToEdge
@@ -5801,6 +5807,8 @@ final class CraftNativeScreenController: UIViewController, UIScrollViewDelegate,
         case "sectionlist": return "SectionList"
         case "flatlist": return "FlatList"
         case "svg": return "Svg"
+        case "g": return "G"
+        case "svgtext", "svg-text": return "SvgText"
         case "touchableopacity": return "TouchableOpacity"
         case "touchablehighlight": return "TouchableHighlight"
         case "pressable": return "Pressable"
@@ -5848,7 +5856,20 @@ final class CraftNativeScreenController: UIViewController, UIScrollViewDelegate,
             stack.removeArrangedSubview(spacer)
             spacer.removeFromSuperview()
         }
-        let nodes = children.compactMap { $0 as? [String: Any] }
+        // STX permits text directly inside containers (including HTML links).
+        // Give it a native label, inheriting typography without duplicating
+        // the parent's padding, dimensions or flex layout.
+        let typography = style.filter { key, _ in
+            key == "color" || key == "letterSpacing" || key == "lineHeight"
+                || key.hasPrefix("font") || key.hasPrefix("text")
+        }
+        let nodes = children.compactMap { child -> [String: Any]? in
+            if let node = child as? [String: Any] { return node }
+            if let text = child as? String {
+                return ["type": "Text", "style": typography, "children": [text]]
+            }
+            return nil
+        }
         let keys = nodes.compactMap { explicitKey($0, props: $0["props"] as? [String: Any] ?? [:]) }
         let counts = Dictionary(keys.map { ($0, 1) }, uniquingKeysWith: +)
         let old = Dictionary(uniqueKeysWithValues: parent.children.map { ($0.identity, $0) })
@@ -6157,10 +6178,10 @@ final class CraftNativeScreenController: UIViewController, UIScrollViewDelegate,
     }
 
     /// Views that take their own touches whatever handlers the screen gives
-    /// them: a scroll view, a modal, and a video's system controls (with
+    /// them: native controls, a scroll view, a modal, and a video's controls (with
     /// interaction off, its play, scrubber and full screen never answered).
     private func ownsTouches(_ view: UIView) -> Bool {
-        view is UIScrollView || view is CraftNativeModalView || view is CraftNativeVideoView
+        view is UIControl || view is UIScrollView || view is CraftNativeModalView || view is CraftNativeVideoView
     }
 
     private func updatePressHandler(_ handler: String?, for view: UIView) {
@@ -6172,7 +6193,7 @@ final class CraftNativeScreenController: UIViewController, UIScrollViewDelegate,
             let recognizer = UITapGestureRecognizer(target: self, action: #selector(viewPressed(_:)))
             tapRecognizers[id] = recognizer
             view.addGestureRecognizer(recognizer)
-        } else if handler == nil, let recognizer = tapRecognizers.removeValue(forKey: id) {
+        } else if !actionable, let recognizer = tapRecognizers.removeValue(forKey: id) {
             view.removeGestureRecognizer(recognizer)
         }
         // A container keeps receiving touches without a handler of its own,
@@ -6420,11 +6441,12 @@ final class CraftNativeScreenController: UIViewController, UIScrollViewDelegate,
         )
         // A label paints its background inside its own bounds, so a rounded
         // chip of text clips to its corners.
-        // A scroll view does not clip either: its content runs on under the
-        // floating tab bar and the home indicator, as iOS 26's own screens'
-        // does. At the top, a screen that starts with one runs edge to edge
-        // (trackContentScrollView), so nothing scrolls over the bar.
-        view.clipsToBounds = style["overflow"] as? String == "hidden"
+        // Native scrollers clip their viewport unless explicitly made
+        // visible. trackContentScrollView opens only the leading scroller
+        // beneath the screen's floating chrome.
+        let overflow = style["overflow"] as? String
+        view.clipsToBounds = overflow == "hidden"
+            || (view is UIScrollView && overflow != "visible")
             || (view is UILabel && (view.craftRequestedCornerRadius ?? 0) > 0)
         view.layer.masksToBounds = view.clipsToBounds
         view.craftLayoutStyle = CraftNativeLayoutStyle(style)
@@ -6809,7 +6831,9 @@ final class CraftNativeScreenController: UIViewController, UIScrollViewDelegate,
         } else if type != "TextInput" {
             view.accessibilityValue = nil
         }
-        let role = props["accessibilityRole"] as? String
+        let hasLinkTarget = ["href", "to"].contains { !(props[$0] as? String ?? "").isEmpty }
+        let linkedControl = ["Link", "TouchableOpacity", "TouchableHighlight", "Pressable"].contains(type) && hasLinkTarget
+        let role = (props["accessibilityRole"] as? String) ?? (linkedControl ? "link" : nil)
         // A scroll view, a list or a group of controls holds what VoiceOver
         // reads: its label names the group, as a tab strip or a pager's
         // name, and never stands in for its content. As an element of its

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "craft-native",
-  "version": "0.0.202",
+  "version": "0.0.203",
   "type": "module",
   "description": "Build desktop apps with web languages - TypeScript SDK for Craft",
   "author": "Chris Breuer <chris@stacksjs.org>",