@momo-kits/native-kits 0.163.1-sp.8-debug → 0.163.2-beta.1-debug

package/ios/Application/Navigation/NavigatorManager.swift

@@ -1,49 +0,0 @@
-//
-//  NavigatorManager.swift
-//  MoMoUIKits
-//
-//  Host bridge for the native iOS edge-swipe back — the SwiftUI mirror of Compose's
-//  `ComposeNavigatorManager` (momo-app `vn.momo.compose.uikits.ComposeNavigatorManager`).
-//
-//  The kit does NOT own the swipe gesture. In the host app a kit screen lives inside a
-//  `UIHostingController` hosted by the mini-app container VC, and that VC owns the
-//  `UIScreenEdgePanGestureRecognizer`. When the swipe fires the host asks this manager
-//  whether a kit stack is mounted (`checkCanPop`) and, if so, routes the back into it
-//  (`pop` → `Navigator.onBackSafe`) instead of dismissing the whole mini-app. Standalone
-//  (no such host, e.g. the demo app) there is no edge swipe — same as Compose on iOS,
-//  whose `BackHandler` is a no-op and which relies entirely on the host.
-//
-
-import Foundation
-
-@available(iOS 16.0, *)
-public final class NavigatorManager {
-    public static let shared = NavigatorManager()
-    private init() {}
-
-    /// Stack of mounted navigators; the last one is the visible top (nested mini-apps
-    /// push more than one). Held strongly, mirroring `ComposeNavigatorManager` — entries
-    /// are released by `NavigationContainer` on disappear, not by ARC.
-    private var navigators: [Navigator] = []
-
-    /// Idempotent: SwiftUI can re-run a view's `onAppear`, and a double push would need a
-    /// matching double remove to unwind.
-    public func push(_ navigator: Navigator) {
-        guard !navigators.contains(where: { $0 === navigator }) else { return }
-        navigators.append(navigator)
-    }
-
-    /// Removes by identity rather than `removeLast` so a spurious disappear of a covered
-    /// (non-top) container can't drop the wrong navigator.
-    public func remove(_ navigator: Navigator) {
-        navigators.removeAll { $0 === navigator }
-    }
-
-    /// True while any kit stack is mounted — tells the host to route the back into the kit
-    /// instead of dismissing the mini-app. Matches `ComposeNavigatorManager.checkCanPop`:
-    /// it does not inspect stack depth; `onBackSafe` handles the at-root case itself by
-    /// asking the host to dismiss (via `composeApi`).
-    public func checkCanPop() -> Bool { !navigators.isEmpty }
-
-    public func pop() { navigators.last?.onBackSafe() }
-}

package/ios/Application/Navigation/component/NavigationFooter.swift

@@ -1,90 +0,0 @@
-//
-//  NavigationFooter.swift
-//  MoMoUIKits
-//
-//  SwiftUI mirror of Compose's `Footer` (navigation/StackScreen.kt): the band
-//  pinned under the screen content — surface background, S/M padding, the
-//  navigation-bar reserve, and the 6pt gradient shadow cast up onto the content.
-//
-//  Named `NavigationFooter` to coexist with the legacy `Footer` in `Screen.swift`
-//  (kept as-is for the old `Screen` path). Used by `StackScreen`.
-//
-
-import SwiftUI
-
-public struct NavigationFooter: View {
-    /// Compose's `footerComponent`: nothing renders when nil.
-    var footerComponent: (() -> AnyView)?
-    /// Current keyboard height, measured from the bottom of the screen.
-    var keyboardSize: CGFloat
-
-    public init(
-        footerComponent: (() -> AnyView)?,
-        keyboardSize: CGFloat = 0
-    ) {
-        self.footerComponent = footerComponent
-        self.keyboardSize = keyboardSize
-    }
-
-    @Environment(\.appTheme) private var theme
-
-    /// Read from the window, not from an enclosing `GeometryProxy`: the proxy's bottom
-    /// inset grows to the keyboard height while the keyboard is up.
-    static var safeAreaBottom: CGFloat {
-        UIApplication.shared.connectedScenes
-            .compactMap { ($0 as? UIWindowScene)?.keyWindow?.safeAreaInsets.bottom }
-            .first ?? 0
-    }
-
-    /// Compose's `AppNavigationBar.current` (`getNavigationBarHeight` clamps iOS to 21pt).
-    static var navigationBarInset: CGFloat { min(safeAreaBottom, 21) }
-
-    /// Compose's `bottomPadding + Spacing.S` with the keyboard down. The footer is laid
-    /// out inside the safe area, which already covers part of that gap.
-    static var bottomPadding: CGFloat {
-        max(navigationBarInset + Spacing.S - safeAreaBottom, 0)
-    }
-
-    /// Deliberately an offset and not padding: growing the footer feeds back into SwiftUI's
-    /// keyboard avoidance, so a padding-based lift never settles at the right place.
-    /// Negative lifts the band over the keyboard; positive shaves the few points by which
-    /// the safe area over-reserves compared to Compose. `FloatingContent` rides the same
-    /// amount so the FAB keeps its distance above the band.
-    ///
-    /// Natural position is `safeAreaBottom + bottomPadding` above the bottom of the screen;
-    /// Compose puts it at `(AppNavigationBar - keyboard).coerceAtLeast(0) + Spacing.S` on
-    /// top of the `imePadding()` lift — i.e. `max(navigationBar, keyboard) + Spacing.S`.
-    static func verticalOffset(keyboardSize: CGFloat) -> CGFloat {
-        (safeAreaBottom + bottomPadding) - (max(navigationBarInset, keyboardSize) + Spacing.S)
-    }
-
-    public var body: some View {
-        if let footerComponent = footerComponent {
-            VStack(alignment: .leading, spacing: 0) {
-                footerComponent()
-            }
-            .frame(maxWidth: .infinity, alignment: .leading)
-            .padding(.top, Spacing.S)
-            .padding(.horizontal, Spacing.M)
-            .padding(.bottom, Self.bottomPadding)
-            // Compose paints the surface all the way to the bottom of the screen; the
-            // footer's own frame stops at the safe area, so only the fill bleeds down.
-            .background(theme.colors.background.surface.ignoresSafeArea(.container, edges: .bottom))
-            .overlay(alignment: .top) { shadow }
-            .offset(y: Self.verticalOffset(keyboardSize: keyboardSize))
-        }
-    }
-
-    /// Compose offsets the shadow box by -6dp, so it lands on the content above the
-    /// footer rather than on the footer surface itself.
-    private var shadow: some View {
-        LinearGradient(
-            colors: [Color.clear, Color.black.opacity(0.05)],
-            startPoint: .top,
-            endPoint: .bottom
-        )
-        .frame(height: 6)
-        .offset(y: -6)
-        .allowsHitTesting(false)
-    }
-}

package/ios/Layout/GridContext.swift

@@ -1,30 +0,0 @@
-import SwiftUI
-
-/// Grid metrics published by a layout container (`SectionView`) so span-based children
-/// can size themselves. Mirrors `vn.momo.kits.layout.GridContext`.
-public struct GridContext: Equatable {
-    public let numberOfColumns: Int
-    public let gutter: CGFloat
-    public let sizePerSpan: CGFloat
-
-    public init(numberOfColumns: Int = 12, gutter: CGFloat = Spacing.M, sizePerSpan: CGFloat = 0) {
-        self.numberOfColumns = numberOfColumns
-        self.gutter = gutter
-        self.sizePerSpan = sizePerSpan
-    }
-
-    public func sizeForSpan(_ span: Int) -> CGFloat {
-        sizePerSpan * CGFloat(span) + gutter * CGFloat(span - 1)
-    }
-}
-
-private struct GridContextKey: EnvironmentKey {
-    static let defaultValue: GridContext? = nil
-}
-
-public extension EnvironmentValues {
-    var gridContext: GridContext? {
-        get { self[GridContextKey.self] }
-        set { self[GridContextKey.self] = newValue }
-    }
-}

package/ios/Layout/Item.swift

@@ -1,42 +0,0 @@
-import SwiftUI
-
-/// Span-sized cell inside a `SectionView`. Reads the grid published by its container;
-/// without one it just wraps its content. Mirrors `vn.momo.kits.layout.Item`.
-public struct ItemView<Content: View>: View {
-    // MARK: Lifecycle
-
-    public init(
-        widthSpan: Int = 12,
-        heightSpan: Int = 0,
-        @ViewBuilder content: @escaping () -> Content
-    ) {
-        self.widthSpan = widthSpan
-        self.heightSpan = heightSpan
-        self.content = content
-    }
-
-    // MARK: Public
-
-    public var body: some View {
-        // A VStack (not a ZStack) so multiple children flow VERTICALLY instead of stacking
-        // on top of each other — matches the React Item's flex-column content.
-        VStack(alignment: .leading, spacing: 0) { content() }
-            .frame(width: width, height: height, alignment: .topLeading)
-    }
-
-    // MARK: Private
-
-    private let widthSpan: Int
-    private let heightSpan: Int
-    private let content: () -> Content
-
-    @Environment(\.gridContext) private var grid
-
-    private var width: CGFloat? {
-        grid.map { $0.sizeForSpan(widthSpan) }
-    }
-
-    private var height: CGFloat? {
-        heightSpan > 0 ? grid.map { $0.sizeForSpan(heightSpan) } : nil
-    }
-}

package/ios/Layout/Section.swift

@@ -1,134 +0,0 @@
-import SwiftUI
-
-/// 12-column section container: horizontal margin, optional background image, and a
-/// wrapping row of children that read their span size from `\.gridContext`.
-/// Mirrors `vn.momo.kits.layout.Section`.
-public struct SectionView<Content: View>: View {
-    // MARK: Lifecycle
-
-    public init(
-        useMargin: Bool = true,
-        backgroundImage: String? = nil,
-        @ViewBuilder content: @escaping () -> Content
-    ) {
-        self.useMargin = useMargin
-        self.backgroundImage = backgroundImage
-        self.content = content
-    }
-
-    // MARK: Public
-
-    public var body: some View {
-        flow
-            .environment(\.gridContext, grid)
-            .frame(maxWidth: .infinity, alignment: .topLeading)
-            .background(widthReader)
-            .background(background)
-            .padding(.horizontal, useMargin ? Spacing.M : 0)
-    }
-
-    // MARK: Private
-
-    private static var columns: Int { 12 }
-    private static var gutter: CGFloat { Spacing.M }
-
-    private let useMargin: Bool
-    private let backgroundImage: String?
-    private let content: () -> Content
-
-    /// Width available *inside* the horizontal margin — the Compose `BoxWithConstraints` equivalent.
-    @State private var availableWidth: CGFloat = 0
-
-    private var grid: GridContext {
-        let columns = CGFloat(Self.columns)
-        // The trailing `- 1 / columns` mirrors Compose: it absorbs rounding so 12 spans
-        // plus their gutters never overflow the row by a sub-point.
-        let sizePerSpan = (availableWidth - Self.gutter * (columns - 1)) / columns - 1 / columns
-        return GridContext(numberOfColumns: Self.columns, gutter: Self.gutter, sizePerSpan: max(0, sizePerSpan))
-    }
-
-    @ViewBuilder private var flow: some View {
-        if #available(iOS 16.0, *) {
-            FlowRowLayout(gutter: Self.gutter) { content() }
-        } else {
-            // No `Layout` protocol before iOS 16: children stack instead of wrapping.
-            // Full-width (span 12) items — the common case — look identical.
-            VStack(alignment: .leading, spacing: Self.gutter) { content() }
-        }
-    }
-
-    @ViewBuilder private var background: some View {
-        if let backgroundImage {
-            ImageView(backgroundImage, contentMode: .fill).clipped()
-        }
-    }
-
-    private var widthReader: some View {
-        GeometryReader { proxy in
-            Color.clear.preference(key: SectionWidthKey.self, value: proxy.size.width)
-        }
-        .onPreferenceChange(SectionWidthKey.self) { availableWidth = $0 }
-    }
-}
-
-private struct SectionWidthKey: PreferenceKey {
-    static var defaultValue: CGFloat = 0
-
-    static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
-        value = max(value, nextValue())
-    }
-}
-
-/// Wrapping row with equal horizontal/vertical spacing — the Compose `FlowRow` equivalent.
-@available(iOS 16.0, *)
-private struct FlowRowLayout: Layout {
-    struct Row {
-        var items: [(index: Int, size: CGSize)] = []
-        var width: CGFloat = 0
-        var height: CGFloat = 0
-    }
-
-    let gutter: CGFloat
-
-    func sizeThatFits(proposal: ProposedViewSize, subviews: Subviews, cache: inout Void) -> CGSize {
-        let maxWidth = proposal.width ?? .infinity
-        let rows = rows(for: subviews, maxWidth: maxWidth)
-        let height = rows.reduce(0) { $0 + $1.height } + gutter * CGFloat(max(0, rows.count - 1))
-        return CGSize(width: proposal.width ?? rows.map(\.width).max() ?? 0, height: height)
-    }
-
-    func placeSubviews(in bounds: CGRect, proposal: ProposedViewSize, subviews: Subviews, cache: inout Void) {
-        var y = bounds.minY
-        for row in rows(for: subviews, maxWidth: bounds.width) {
-            var x = bounds.minX
-            for item in row.items {
-                subviews[item.index].place(
-                    at: CGPoint(x: x, y: y),
-                    anchor: .topLeading,
-                    proposal: ProposedViewSize(item.size)
-                )
-                x += item.size.width + gutter
-            }
-            y += row.height + gutter
-        }
-    }
-
-    private func rows(for subviews: Subviews, maxWidth: CGFloat) -> [Row] {
-        var rows: [Row] = []
-        var current = Row()
-        for index in subviews.indices {
-            let size = subviews[index].sizeThatFits(ProposedViewSize(width: maxWidth, height: nil))
-            let widthIfAppended = current.items.isEmpty ? size.width : current.width + gutter + size.width
-            // Sub-point tolerance: spans are computed to land exactly on `maxWidth`.
-            if !current.items.isEmpty, widthIfAppended > maxWidth + 0.5 {
-                rows.append(current)
-                current = Row()
-            }
-            current.width = current.items.isEmpty ? size.width : current.width + gutter + size.width
-            current.height = max(current.height, size.height)
-            current.items.append((index, size))
-        }
-        if !current.items.isEmpty { rows.append(current) }
-        return rows
-    }
-}

package/ios-demo/Sources/MoMoUIKitsDemo/SampleDemos/IconDemo.swift

@@ -1,104 +0,0 @@
-import MoMoUIKits
-import SwiftUI
-
-// MARK: - IconDemo
-
-struct IconDemo: View {
-    var body: some View {
-        ScrollView {
-            VStack(alignment: .leading, spacing: 24) {
-                Group {
-                    Text("Source")
-                        .font(.headline)
-                    HStack(spacing: 12) {
-                        Icon(source: "basic_home", size: 24)
-                        Icon(source: "basic_flag", size: 24)
-                        Icon(source: "basic_filter", size: 24)
-                        Icon(source: "basic_delete", size: 24)
-                    }
-                }
-
-                Group {
-                    Text("Size")
-                        .font(.headline)
-                    HStack(alignment: .center, spacing: 12) {
-                        Icon(source: "basic_home", size: 16)
-                        Icon(source: "basic_flag", size: 20)
-                        Icon(source: "basic_filter", size: 24)
-                        Icon(source: "basic_delete", size: 28)
-                    }
-                }
-
-                Group {
-                    Text("Color")
-                        .font(.headline)
-                    HStack(spacing: 12) {
-                        Icon(source: "basic_home", size: 24, color: Colors.red03)
-                        Icon(source: "basic_flag", size: 24, color: Colors.green04)
-                        Icon(source: "basic_filter", size: 24, color: Colors.pink06)
-                        Icon(source: "basic_delete", size: 24, color: Colors.yellow02)
-                    }
-                }
-
-                Group {
-                    // Untinted / explicit colour / theme default (no colour argument)
-                    Text("URL source")
-                        .font(.headline)
-                    HStack(spacing: 12) {
-                        Icon(source: remoteIcon, size: 24, color: nil)
-                        Icon(source: remoteIcon, size: 24, color: Colors.blue04)
-                        Icon(source: remoteIcon, size: 24)
-                    }
-                }
-
-                Group {
-                    Text("No theme icon")
-                        .font(.headline)
-                    // `ic_round_momo_tiny` is in noThemeIcons: the tint is dropped, so
-                    // both render identically.
-                    HStack(spacing: 12) {
-                        Icon(source: "ic_round_momo_tiny", size: 24)
-                        Icon(source: "ic_round_momo_tiny", size: 24, color: Colors.red03)
-                    }
-                }
-
-                Group {
-                    Text("Gallery")
-                        .font(.headline)
-                    LazyVGrid(
-                        columns: Array(repeating: GridItem(.flexible(), spacing: 12), count: 4),
-                        spacing: 16
-                    ) {
-                        ForEach(gallery, id: \.self) { source in
-                            VStack(spacing: 6) {
-                                Icon(source: source, size: 24, color: Colors.black17)
-                                Text(source)
-                                    .font(.caption2)
-                                    .multilineTextAlignment(.center)
-                                    .foregroundColor(Colors.black17)
-                            }
-                        }
-                    }
-                }
-            }
-            .padding(16)
-        }
-        .padding(.top)
-    }
-
-    // MARK: Private
-
-    private let remoteIcon = "https://img.mservice.com.vn/app/img/kits/basic_home.png"
-
-    private let gallery = [
-        "basic_home",
-        "basic_flag",
-        "basic_filter",
-        "basic_delete",
-        "arrow_chevron_right",
-        "shopping_coupon",
-        "shopping_store",
-        "travel_plane",
-        "time_alarm_check",
-    ]
-}

package/ios-demo/Sources/MoMoUIKitsDemo/SampleDemos/SectionDemo.swift

@@ -1,100 +0,0 @@
-import SwiftUI
-import MoMoUIKits
-
-struct SectionDemo: View {
-    var body: some View {
-        ScrollView {
-            // No horizontal padding here — SectionView brings its own 12pt margin.
-            VStack(alignment: .leading, spacing: 24) {
-                block("Full width — span 12") {
-                    SectionView {
-                        SectionTile("12")
-                    }
-                }
-
-                block("Even splits") {
-                    SectionView {
-                        ItemView(widthSpan: 6) { SectionTile("6") }
-                        ItemView(widthSpan: 6) { SectionTile("6") }
-                        ItemView(widthSpan: 4) { SectionTile("4") }
-                        ItemView(widthSpan: 4) { SectionTile("4") }
-                        ItemView(widthSpan: 4) { SectionTile("4") }
-                        ItemView(widthSpan: 3) { SectionTile("3") }
-                        ItemView(widthSpan: 3) { SectionTile("3") }
-                        ItemView(widthSpan: 3) { SectionTile("3") }
-                        ItemView(widthSpan: 3) { SectionTile("3") }
-                    }
-                }
-
-                block("Wrapping — a row that overflows breaks to the next line") {
-                    SectionView {
-                        ItemView(widthSpan: 8) { SectionTile("8") }
-                        ItemView(widthSpan: 5) { SectionTile("5") }
-                        ItemView(widthSpan: 7) { SectionTile("7") }
-                    }
-                }
-
-                block("heightSpan — square tiles") {
-                    SectionView {
-                        ItemView(widthSpan: 3, heightSpan: 3) { SectionTile("3×3") }
-                        ItemView(widthSpan: 3, heightSpan: 3) { SectionTile("3×3") }
-                        ItemView(widthSpan: 6, heightSpan: 3) { SectionTile("6×3") }
-                    }
-                }
-
-                block("useMargin: false — edge to edge") {
-                    SectionView(useMargin: false) {
-                        ItemView(widthSpan: 6) { SectionTile("6") }
-                        ItemView(widthSpan: 6) { SectionTile("6") }
-                    }
-                }
-
-                block("backgroundImage") {
-                    SectionView(backgroundImage: "https://images.unsplash.com/photo-1509395062183-67c5ad6faff9") {
-                        ItemView(widthSpan: 6, heightSpan: 4) { SectionTile("6×4") }
-                        ItemView(widthSpan: 6, heightSpan: 4) { SectionTile("6×4") }
-                    }
-                }
-
-                block("Multiple children stack vertically inside one Item") {
-                    SectionView {
-                        ItemView(widthSpan: 6) {
-                            SectionTile("top")
-                            SectionTile("bottom")
-                        }
-                        ItemView(widthSpan: 6) { SectionTile("6") }
-                    }
-                }
-            }
-            .padding(.vertical)
-        }
-    }
-
-    @ViewBuilder
-    private func block<Content: View>(_ title: String, @ViewBuilder content: () -> Content) -> some View {
-        VStack(alignment: .leading, spacing: 8) {
-            Text(title)
-                .font(.headline)
-                .padding(.horizontal, Spacing.M)
-            content()
-        }
-    }
-}
-
-/// Filled placeholder so span widths are visible.
-private struct SectionTile: View {
-    let label: String
-
-    init(_ label: String) {
-        self.label = label
-    }
-
-    var body: some View {
-        Text(label)
-            .font(.footnote)
-            .foregroundColor(Colors.black17)
-            .frame(maxWidth: .infinity, minHeight: 44, maxHeight: .infinity)
-            .background(Colors.blue08)
-            .clipShape(RoundedRectangle(cornerRadius: Radius.S, style: .continuous))
-    }
-}