@momo-kits/native-kits 0.0.1-beta.4 → 0.0.2-alpha.1

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

@@ -0,0 +1,85 @@
+//
+//  UploaderDemo.swift
+//  Example
+//
+//  Preview + Playground demo, mirroring Compose's UploaderUsage.kt.
+//
+
+import MoMoUIKits
+import SwiftUI
+
+private let uploaderMockURL = "https://static.momocdn.net/app/img/kits/navigation-bar.png"
+
+struct UploaderDemo: View {
+    var body: some View {
+        if #available(iOS 16.0, *) {
+            DemoScreen(preview: { UploaderPreview() }, playground: { UploaderPlayground() })
+        } else {
+            Text("Requires iOS 16+").padding()
+        }
+    }
+}
+
+// MARK: - Preview
+
+private struct UploaderPreview: View {
+    var body: some View {
+        BasicColumnBox("Default — single slot, no images", alignment: .leading) {
+            Uploader(images: [], numberOfImages: 1, onAdd: {})
+        }
+        BasicColumnBox("With image + cancel button", alignment: .leading) {
+            Uploader(images: [UploadImage(uri: uploaderMockURL)], numberOfImages: 3, onAdd: {}, onCancel: { _, _ in })
+        }
+        BasicColumnBox("Multiple images (slot full)", alignment: .leading) {
+            Uploader(
+                images: [UploadImage(uri: uploaderMockURL), UploadImage(uri: uploaderMockURL), UploadImage(uri: uploaderMockURL)],
+                numberOfImages: 3, onAdd: {}, onCancel: { _, _ in }
+            )
+        }
+        BasicColumnBox("Loading state", alignment: .leading) {
+            Uploader(images: [UploadImage(uri: uploaderMockURL, loading: true)], numberOfImages: 3, onAdd: {}, onCancel: { _, _ in })
+        }
+        BasicColumnBox("Disabled", alignment: .leading) {
+            Uploader(images: [], numberOfImages: 1, disabled: true, onAdd: {})
+        }
+        BasicColumnBox("Custom size (80 x 80)", alignment: .leading) {
+            Uploader(images: [UploadImage(uri: uploaderMockURL)], numberOfImages: 3, width: 80, height: 80, onAdd: {}, onCancel: { _, _ in })
+        }
+    }
+}
+
+// MARK: - Playground
+
+@available(iOS 16.0, *)
+private struct UploaderPlayground: View {
+    @State private var images: [UploadImage] = []
+    @State private var numberOfImages: Double = 3
+    @State private var disabled = false
+    @State private var width: Double = 64
+    @State private var height: Double = 64
+
+    var body: some View {
+        PlaygroundTab(
+            component: {
+                Uploader(
+                    images: images,
+                    numberOfImages: Int(numberOfImages),
+                    disabled: disabled,
+                    width: CGFloat(width),
+                    height: CGFloat(height),
+                    onAdd: { images.append(UploadImage(uri: uploaderMockURL)) },
+                    onCancel: { _, index in
+                        if images.indices.contains(index) { images.remove(at: index) }
+                    },
+                    onPressImage: { _, _ in }
+                )
+            },
+            params: [
+                .slider("NumberOfImages", $numberOfImages, min: 1, max: 6, step: 1),
+                .checkbox("Disabled", $disabled),
+                .slider("Width", $width, min: 48, max: 120, step: 1),
+                .slider("Height", $height, min: 48, max: 120, step: 1),
+            ]
+        )
+    }
+}

package/ios-demo/Sources/MoMoUIKitsDemo/SwiftUIDemoBrowserView.swift

@@ -0,0 +1,53 @@
+import SwiftUI
+import MoMoUIKits
+
+struct SwiftUIDemoBrowserView: View {
+    let context: MoMoUIKitsDemoContext
+    let onOpenCompose: () -> Void
+    @State private var searchText = ""
+
+    var body: some View {
+        ZStack {
+            if #available(iOS 16.0, *) {
+                HomeView(
+                    onOpenCompose: onOpenCompose,
+                    applicationContext: context.miniAppContext
+                )
+            } else {
+                fallbackBrowser
+            }
+
+            BaselineView()
+        }
+        .environment(\.appTheme, defaultTheme)
+    }
+
+    private var fallbackBrowser: some View {
+        NavigationView {
+            List {
+                ForEach(ScreenUsages) { item in
+                    NavigationLink(destination: item.destination) {
+                        MomoText(item.title, typography: .headerDefaultBold)
+                            .padding(.vertical, 8)
+                    }
+                }
+            }
+            .listStyle(.insetGrouped)
+            .navigationTitle("UI Kits SwiftUI")
+        }
+        .navigationViewStyle(.stack)
+    }
+
+    private var filteredSections: [UIKitsDemoSection] {
+        guard !searchText.isEmpty else { return UIKitsDemoRegistry.sections }
+
+        return UIKitsDemoRegistry.sections.compactMap { section in
+            let items = section.items.filter { item in
+                item.title.localizedCaseInsensitiveContains(searchText)
+                    || item.subtitle.localizedCaseInsensitiveContains(searchText)
+            }
+            guard !items.isEmpty else { return nil }
+            return UIKitsDemoSection(id: section.id, title: section.title, items: items)
+        }
+    }
+}

package/ios-demo/Sources/MoMoUIKitsDemo/UIKitsDemoModels.swift

@@ -0,0 +1,15 @@
+import SwiftUI
+
+struct UIKitsDemoItem: Identifiable {
+    let id: String
+    let title: String
+    let subtitle: String
+    let destination: AnyView
+}
+
+struct UIKitsDemoSection: Identifiable {
+    let id: String
+    let title: String
+    let items: [UIKitsDemoItem]
+}
+

package/ios-demo/Sources/MoMoUIKitsDemo/UIKitsDemoRegistry.swift

@@ -0,0 +1,73 @@
+import SwiftUI
+
+enum UIKitsDemoRegistry {
+    static let sections: [UIKitsDemoSection] = [
+        UIKitsDemoSection(
+            id: "components",
+            title: "Components",
+            items: [
+                UIKitsDemoItem(
+                    id: "typography",
+                    title: "Typography",
+                    subtitle: "Text styles and semantic colors",
+                    destination: AnyView(UIKitsTypographyDemoView())
+                ),
+                UIKitsDemoItem(
+                    id: "button",
+                    title: "Button",
+                    subtitle: "Primary, secondary, outline, loading",
+                    destination: AnyView(UIKitsButtonDemoView())
+                ),
+                UIKitsDemoItem(
+                    id: "badge",
+                    title: "Badge",
+                    subtitle: "Numeric and label badges",
+                    destination: AnyView(UIKitsBadgeDemoView())
+                ),
+                UIKitsDemoItem(
+                    id: "chip",
+                    title: "Chip",
+                    subtitle: "Selectable labels and compact filters",
+                    destination: AnyView(UIKitsChipDemoView())
+                )
+            ]
+        ),
+        UIKitsDemoSection(
+            id: "inputs",
+            title: "Inputs",
+            items: [
+                UIKitsDemoItem(
+                    id: "input",
+                    title: "Input",
+                    subtitle: "Text, error, password, disabled states",
+                    destination: AnyView(UIKitsInputDemoView())
+                ),
+                UIKitsDemoItem(
+                    id: "checkbox",
+                    title: "Checkbox",
+                    subtitle: "Checked, indeterminate, disabled",
+                    destination: AnyView(UIKitsCheckboxDemoView())
+                ),
+                UIKitsDemoItem(
+                    id: "radio",
+                    title: "Radio",
+                    subtitle: "Single choice controls",
+                    destination: AnyView(UIKitsRadioDemoView())
+                )
+            ]
+        ),
+        UIKitsDemoSection(
+            id: "feedback",
+            title: "Feedback",
+            items: [
+                UIKitsDemoItem(
+                    id: "popup",
+                    title: "Popup Notify",
+                    subtitle: "Notification popup content and actions",
+                    destination: AnyView(UIKitsPopupDemoView())
+                )
+            ]
+        )
+    ]
+}
+

package/package.json

@@ -1,8 +1,8 @@
 {
-    "name": "@momo-kits/native-kits",
-    "version": "0.0.1-beta.4",
-    "private": false,
-    "dependencies": {},
-    "devDependencies": {},
-    "license": "MoMo"
+  "name": "@momo-kits/native-kits",
+  "version": "0.0.2-alpha.1",
+  "private": false,
+  "dependeNavigationncies": {},
+  "devDependencies": {},
+  "license": "MoMo"
 }