openuispec 0.1.27 → 0.1.28

package/examples/taskflow/generated/ios/TaskFlow/Sources/TaskFlow/Screens/TaskDetailView.swift

@@ -0,0 +1,219 @@
+import AVKit
+import SwiftUI
+
+struct TaskDetailView: View {
+    @Bindable var model: AppModel
+    let taskID: UUID
+    @State private var showDeletePrompt = false
+
+    private var task: Task? {
+        model.tasks.first(where: { $0.id == taskID })
+    }
+
+    var body: some View {
+        Group {
+            if let task {
+                ScrollView {
+                    TaskDetailContent(model: model, task: task) {
+                        showDeletePrompt = true
+                    }
+                    .padding(24)
+                }
+                .navigationTitle(task.title)
+                .navigationBarTitleDisplayMode(.inline)
+                .alert(model.localized("task_detail.delete_title"), isPresented: $showDeletePrompt) {
+                    Button(model.localized("common.cancel"), role: .cancel) {}
+                    Button(model.localized("common.delete"), role: .destructive) {
+                        model.delete(task: task)
+                    }
+                } message: {
+                    Text(String(format: model.localized("task_detail.delete_message"), task.title))
+                }
+            } else {
+                ContentUnavailableView("Task missing", systemImage: "exclamationmark.triangle")
+            }
+        }
+    }
+}
+
+struct TaskDetailPanel: View {
+    @Bindable var model: AppModel
+    let taskID: UUID
+    @State private var showDeletePrompt = false
+
+    private var task: Task? {
+        model.tasks.first(where: { $0.id == taskID })
+    }
+
+    var body: some View {
+        Group {
+            if let task {
+                TaskDetailContent(model: model, task: task) {
+                    showDeletePrompt = true
+                }
+                .padding(24)
+                .background(.background)
+                .clipShape(RoundedRectangle(cornerRadius: 28))
+                .alert(model.localized("task_detail.delete_title"), isPresented: $showDeletePrompt) {
+                    Button(model.localized("common.cancel"), role: .cancel) {}
+                    Button(model.localized("common.delete"), role: .destructive) {
+                        model.delete(task: task)
+                    }
+                } message: {
+                    Text(String(format: model.localized("task_detail.delete_message"), task.title))
+                }
+            }
+        }
+    }
+}
+
+private struct TaskDetailContent: View {
+    @Bindable var model: AppModel
+    let task: Task
+    let requestDelete: () -> Void
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 24) {
+            VStack(alignment: .leading, spacing: 12) {
+                Text(task.title)
+                    .font(.system(size: 28, weight: .bold, design: .rounded))
+                HStack(spacing: 12) {
+                    badge(model.statusLabel(task.status), color: statusColor(task.status))
+                    badge(model.priorityLabel(task.priority), color: priorityColor(task.priority))
+                }
+            }
+
+            HStack(spacing: 12) {
+                statCard(model.localized("task_detail.status"), value: model.statusLabel(task.status), color: statusColor(task.status))
+                statCard(model.localized("task_detail.priority"), value: model.priorityLabel(task.priority), color: priorityColor(task.priority))
+                statCard(model.localized("task_detail.due"), value: task.dueDate?.formatted(date: .abbreviated, time: .omitted) ?? "No due date", color: AppPalette.info)
+            }
+
+            if let description = task.description, !description.isEmpty {
+                detailBlock(title: model.localized("task_detail.description")) {
+                    Text(description)
+                        .foregroundStyle(AppPalette.textSecondary)
+                }
+            }
+
+            if let attachment = task.attachment {
+                detailBlock(title: "Media") {
+                    VStack(alignment: .leading, spacing: 10) {
+                        Label(attachment.title, systemImage: attachment.mediaType == "video" ? "play.rectangle.fill" : "waveform")
+                            .font(.headline)
+                        if attachment.mediaType == "video", let mediaURL = attachment.url {
+                            VideoPlayer(player: AVPlayer(url: mediaURL))
+                                .frame(minHeight: 220)
+                                .clipShape(RoundedRectangle(cornerRadius: 16))
+                        } else {
+                            Text(model.localized("media_player.error"))
+                                .font(.subheadline)
+                                .foregroundStyle(AppPalette.textSecondary)
+                        }
+                    }
+                    .padding()
+                    .frame(maxWidth: .infinity, alignment: .leading)
+                    .background(AppPalette.surfaceSecondary)
+                    .clipShape(RoundedRectangle(cornerRadius: 20))
+                }
+            }
+
+            detailBlock(title: model.localized("task_detail.details")) {
+                VStack(spacing: 12) {
+                    detailRow(model.localized("task_detail.project"), value: model.project(for: task)?.name ?? "No project", symbol: "folder")
+                    detailRow(model.localized("task_detail.assignee"), value: model.assignee(for: task)?.name ?? model.localized("task_detail.unassigned"), symbol: "person")
+                    detailRow(model.localized("task_detail.tags"), value: task.tags.isEmpty ? "No tags" : task.tags.joined(separator: ", "), symbol: "tag")
+                    detailRow(model.localized("task_detail.created"), value: task.createdAt.formatted(date: .abbreviated, time: .shortened), symbol: "clock")
+                }
+            }
+
+            HStack(spacing: 12) {
+                Button(model.localized("task_detail.edit")) {
+                    model.presentedSheet = .editTask(task.id)
+                }
+                .buttonStyle(.borderedProminent)
+
+                Button(model.localized("task_detail.assign_to")) {
+                    model.presentedSheet = .assignTask(task.id)
+                }
+                .buttonStyle(.bordered)
+
+                Button(task.status == .done ? model.localized("task_detail.reopen") : model.localized("task_detail.complete")) {
+                    model.toggle(task: task)
+                }
+                .buttonStyle(.bordered)
+
+                Button(model.localized("task_detail.delete"), role: .destructive) {
+                    requestDelete()
+                }
+                .buttonStyle(.bordered)
+            }
+        }
+    }
+
+    private func badge(_ text: String, color: Color) -> some View {
+        Text(text)
+            .font(.subheadline.weight(.semibold))
+            .padding(.horizontal, 12)
+            .padding(.vertical, 8)
+            .background(color.opacity(0.14))
+            .foregroundStyle(color)
+            .clipShape(Capsule())
+    }
+
+    private func statCard(_ title: String, value: String, color: Color) -> some View {
+        VStack(alignment: .leading, spacing: 8) {
+            Text(title)
+                .font(.caption.weight(.semibold))
+                .foregroundStyle(AppPalette.textSecondary)
+            Text(value)
+                .font(.headline)
+            Circle()
+                .fill(color)
+                .frame(width: 10, height: 10)
+        }
+        .frame(maxWidth: .infinity, alignment: .leading)
+        .padding()
+        .background(AppPalette.surfaceSecondary)
+        .clipShape(RoundedRectangle(cornerRadius: 20))
+    }
+
+    private func detailBlock<Content: View>(title: String, @ViewBuilder content: () -> Content) -> some View {
+        VStack(alignment: .leading, spacing: 10) {
+            Text(title.uppercased())
+                .font(.caption.weight(.bold))
+                .foregroundStyle(AppPalette.textTertiary)
+            content()
+        }
+    }
+
+    private func detailRow(_ title: String, value: String, symbol: String) -> some View {
+        HStack {
+            Label(title, systemImage: symbol)
+                .foregroundStyle(AppPalette.textSecondary)
+            Spacer()
+            Text(value)
+                .multilineTextAlignment(.trailing)
+        }
+        .padding()
+        .background(AppPalette.surfaceSecondary)
+        .clipShape(RoundedRectangle(cornerRadius: 18))
+    }
+
+    private func priorityColor(_ priority: TaskPriority) -> Color {
+        switch priority {
+        case .low: Color(hex: "#9CA3AF")
+        case .medium: AppPalette.info
+        case .high: AppPalette.warning
+        case .urgent: AppPalette.danger
+        }
+    }
+
+    private func statusColor(_ status: TaskStatus) -> Color {
+        switch status {
+        case .todo: Color(hex: "#9CA3AF")
+        case .inProgress: AppPalette.brandPrimary
+        case .done: AppPalette.success
+        }
+    }
+}

package/examples/taskflow/generated/ios/TaskFlow/Sources/TaskFlow/Support/AppModel.swift

@@ -0,0 +1,320 @@
+import Foundation
+import Observation
+import SwiftUI
+
+@MainActor
+@Observable
+final class AppModel {
+    var selectedSection: AppSection = .home
+    var homeFilter: HomeFilter = .today
+    var sortOrder: SortOrder = .dueDate
+    var searchQuery = ""
+    var selectedTaskID: UUID?
+    var selectedProjectID: UUID?
+    var presentedSheet: PresentedSheet?
+    var preferences = Preferences(
+        theme: .system,
+        defaultPriority: .medium,
+        notificationsEnabled: true,
+        remindersEnabled: true
+    )
+    var currentUser: UserProfile
+    var team: [UserProfile]
+    var projects: [Project]
+    var tasks: [Task]
+    var toastMessage: String?
+
+    private let calendar = Calendar.current
+
+    init() {
+        let me = UserProfile(
+            id: UUID(),
+            name: "Nora Malik",
+            firstName: "Nora",
+            email: "nora@taskflow.app",
+            avatarSymbol: "person.crop.circle.fill"
+        )
+        currentUser = me
+
+        let inbox = Project(id: UUID(), name: "Inbox Zero", colorHex: "#5B4FE8", icon: "tray.full")
+        let launch = Project(id: UUID(), name: "Product Launch", colorHex: "#E8634F", icon: "rocket")
+        let studio = Project(id: UUID(), name: "Studio Refresh", colorHex: "#2D9D5E", icon: "paintbrush.pointed")
+        projects = [inbox, launch, studio]
+
+        let leo = UserProfile(id: UUID(), name: "Leo Park", firstName: "Leo", email: "leo@taskflow.app", avatarSymbol: "person.crop.circle")
+        let maya = UserProfile(id: UUID(), name: "Maya Chen", firstName: "Maya", email: "maya@taskflow.app", avatarSymbol: "person.crop.circle.badge.checkmark")
+        team = [me, leo, maya]
+
+        let now = Date()
+        tasks = [
+            Task(
+                id: UUID(),
+                title: "Finalize keynote outline",
+                description: "Align story arc, confirm metrics slide, and leave time for live demo rehearsal.",
+                status: .inProgress,
+                priority: .urgent,
+                dueDate: calendar.date(byAdding: .hour, value: 6, to: now),
+                projectID: launch.id,
+                assigneeID: me.id,
+                tags: ["launch", "slides"],
+                createdAt: calendar.date(byAdding: .day, value: -4, to: now) ?? now,
+                updatedAt: now,
+                attachment: TaskAttachment(mediaType: "video", title: "Preview reel", url: URL(string: "https://example.com/reel.mp4"))
+            ),
+            Task(
+                id: UUID(),
+                title: "Book photographer",
+                description: "Shortlist candidates and secure availability for the launch event.",
+                status: .todo,
+                priority: .high,
+                dueDate: calendar.date(byAdding: .day, value: 2, to: now),
+                projectID: launch.id,
+                assigneeID: leo.id,
+                tags: ["launch", "vendor"],
+                createdAt: calendar.date(byAdding: .day, value: -2, to: now) ?? now,
+                updatedAt: now,
+                attachment: nil
+            ),
+            Task(
+                id: UUID(),
+                title: "Refine onboarding checklist",
+                description: "Add copy tweaks from user testing and reduce setup friction.",
+                status: .done,
+                priority: .medium,
+                dueDate: calendar.date(byAdding: .day, value: -1, to: now),
+                projectID: inbox.id,
+                assigneeID: maya.id,
+                tags: ["ux", "copy"],
+                createdAt: calendar.date(byAdding: .day, value: -5, to: now) ?? now,
+                updatedAt: calendar.date(byAdding: .day, value: -1, to: now) ?? now,
+                attachment: nil
+            ),
+            Task(
+                id: UUID(),
+                title: "Source new desk lamps",
+                description: "Collect options that fit the warm material palette for the studio.",
+                status: .todo,
+                priority: .low,
+                dueDate: calendar.date(byAdding: .day, value: 5, to: now),
+                projectID: studio.id,
+                assigneeID: nil,
+                tags: ["studio"],
+                createdAt: calendar.date(byAdding: .day, value: -3, to: now) ?? now,
+                updatedAt: now,
+                attachment: nil
+            )
+        ]
+
+        selectedTaskID = tasks.first?.id
+        selectedProjectID = projects.first?.id
+    }
+
+    var selectedTask: Task? {
+        tasks.first(where: { $0.id == selectedTaskID }) ?? filteredTasks.first
+    }
+
+    var selectedProject: Project? {
+        projects.first(where: { $0.id == selectedProjectID }) ?? projects.first
+    }
+
+    var filteredTasks: [Task] {
+        let filtered = tasks.filter { task in
+            let queryMatches: Bool
+            if searchQuery.isEmpty {
+                queryMatches = true
+            } else {
+                let haystack = [
+                    task.title,
+                    task.description ?? "",
+                    project(for: task)?.name ?? "",
+                    task.tags.joined(separator: " ")
+                ].joined(separator: " ").localizedCaseInsensitiveContains(searchQuery)
+                queryMatches = haystack
+            }
+
+            let filterMatches: Bool
+            switch homeFilter {
+            case .all:
+                filterMatches = true
+            case .today:
+                filterMatches = task.dueDate.map(calendar.isDateInToday) ?? false
+            case .upcoming:
+                filterMatches = task.status != .done && (task.dueDate.map { $0 > Date() } ?? false)
+            case .done:
+                filterMatches = task.status == .done
+            }
+            return queryMatches && filterMatches
+        }
+
+        switch sortOrder {
+        case .dueDate:
+            return filtered.sorted { ($0.dueDate ?? .distantFuture) < ($1.dueDate ?? .distantFuture) }
+        case .priority:
+            return filtered.sorted { $0.priority.rank > $1.priority.rank }
+        case .createdAt:
+            return filtered.sorted { $0.createdAt > $1.createdAt }
+        }
+    }
+
+    func project(for task: Task) -> Project? {
+        guard let projectID = task.projectID else { return nil }
+        return projects.first(where: { $0.id == projectID })
+    }
+
+    func assignee(for task: Task) -> UserProfile? {
+        guard let assigneeID = task.assigneeID else { return nil }
+        return team.first(where: { $0.id == assigneeID })
+    }
+
+    func tasks(for project: Project) -> [Task] {
+        tasks.filter { $0.projectID == project.id }
+    }
+
+    func count(for filter: HomeFilter) -> Int {
+        switch filter {
+        case .all:
+            return tasks.count
+        case .today:
+            return tasks.filter { $0.dueDate.map(calendar.isDateInToday) ?? false }.count
+        case .upcoming:
+            return tasks.filter { $0.status != .done && ($0.dueDate.map { $0 > Date() } ?? false) }.count
+        case .done:
+            return tasks.filter { $0.status == .done }.count
+        }
+    }
+
+    func greeting() -> String {
+        let hour = calendar.component(.hour, from: Date())
+        let key = hour < 12 ? "home.greeting.morning" : (hour < 18 ? "home.greeting.afternoon" : "home.greeting.evening")
+        return String(format: localized(key), currentUser.firstName)
+    }
+
+    func todayCountText() -> String {
+        let count = count(for: .today)
+        if count == 0 { return localized("home.task_count.none") }
+        if count == 1 { return String(format: localized("home.task_count.one"), count) }
+        return String(format: localized("home.task_count.other"), count)
+    }
+
+    func statusLabel(_ status: TaskStatus) -> String {
+        localized("status.\(status.rawValue)")
+    }
+
+    func priorityLabel(_ priority: TaskPriority) -> String {
+        localized("priority.\(priority.rawValue)")
+    }
+
+    func localized(_ key: String) -> String {
+        NSLocalizedString(key, comment: "")
+    }
+
+    func toggle(task: Task) {
+        guard let index = tasks.firstIndex(where: { $0.id == task.id }) else { return }
+        tasks[index].status = task.status == .done ? .todo : .done
+        tasks[index].updatedAt = Date()
+        toastMessage = localized("task_detail.task_updated")
+    }
+
+    func delete(task: Task) {
+        tasks.removeAll { $0.id == task.id }
+        if selectedTaskID == task.id {
+            selectedTaskID = filteredTasks.first?.id
+        }
+        toastMessage = localized("task_detail.task_deleted")
+    }
+
+    func saveTask(_ draft: TaskDraft, editing taskID: UUID?) {
+        let tags = draft.tagsText
+            .split(separator: ",")
+            .map { $0.trimmingCharacters(in: .whitespacesAndNewlines) }
+            .filter { !$0.isEmpty }
+        let dueDate = draft.dueDateEnabled ? draft.dueDate : nil
+        let assignee = draft.assignToSelf ? currentUser.id : nil
+
+        if let taskID, let index = tasks.firstIndex(where: { $0.id == taskID }) {
+            tasks[index].title = draft.title
+            tasks[index].description = draft.description.isEmpty ? nil : draft.description
+            tasks[index].projectID = draft.projectID
+            tasks[index].priority = draft.priority
+            tasks[index].dueDate = dueDate
+            tasks[index].assigneeID = assignee
+            tasks[index].tags = tags
+            tasks[index].updatedAt = Date()
+            selectedTaskID = taskID
+            toastMessage = localized("edit_task.success")
+        } else {
+            let task = Task(
+                id: UUID(),
+                title: draft.title,
+                description: draft.description.isEmpty ? nil : draft.description,
+                status: .todo,
+                priority: draft.priority,
+                dueDate: dueDate,
+                projectID: draft.projectID,
+                assigneeID: assignee,
+                tags: tags,
+                createdAt: Date(),
+                updatedAt: Date(),
+                attachment: nil
+            )
+            tasks.insert(task, at: 0)
+            selectedTaskID = task.id
+            toastMessage = localized("create_task.success")
+        }
+    }
+
+    func makeDraft(task: Task?) -> TaskDraft {
+        guard let task else { return TaskDraft() }
+        return TaskDraft(
+            title: task.title,
+            description: task.description ?? "",
+            projectID: task.projectID,
+            priority: task.priority,
+            dueDateEnabled: task.dueDate != nil,
+            dueDate: task.dueDate ?? Date(),
+            tagsText: task.tags.joined(separator: ", "),
+            assignToSelf: task.assigneeID == currentUser.id
+        )
+    }
+
+    func createProject(_ draft: ProjectDraft) {
+        let project = Project(
+            id: UUID(),
+            name: draft.name,
+            colorHex: draft.colorHex,
+            icon: "folder"
+        )
+        projects.append(project)
+        selectedProjectID = project.id
+        toastMessage = localized("projects.created")
+    }
+
+    func updateProfile(name: String, email: String) {
+        currentUser.name = name
+        currentUser.firstName = name.split(separator: " ").first.map(String.init) ?? name
+        currentUser.email = email
+        toastMessage = localized("profile.success")
+    }
+
+    func assignTask(taskID: UUID, userID: UUID) {
+        guard let index = tasks.firstIndex(where: { $0.id == taskID }) else { return }
+        tasks[index].assigneeID = userID
+        tasks[index].updatedAt = Date()
+        toastMessage = localized("task_detail.task_updated")
+    }
+
+    func exportData() {
+        toastMessage = localized("settings.export_success")
+    }
+}
+
+private extension TaskPriority {
+    var rank: Int {
+        switch self {
+        case .low: 1
+        case .medium: 2
+        case .high: 3
+        case .urgent: 4
+        }
+    }
+}

package/examples/taskflow/generated/ios/TaskFlow/Sources/TaskFlow/Support/AppSupport.swift

@@ -0,0 +1,41 @@
+import SwiftUI
+
+extension Color {
+    init(hex: String) {
+        let value = hex.trimmingCharacters(in: CharacterSet.alphanumerics.inverted)
+        var int: UInt64 = 0
+        Scanner(string: value).scanHexInt64(&int)
+        let a, r, g, b: UInt64
+        switch value.count {
+        case 3:
+            (a, r, g, b) = (255, (int >> 8) * 17, (int >> 4 & 0xF) * 17, (int & 0xF) * 17)
+        case 6:
+            (a, r, g, b) = (255, int >> 16, int >> 8 & 0xFF, int & 0xFF)
+        case 8:
+            (a, r, g, b) = (int >> 24, int >> 16 & 0xFF, int >> 8 & 0xFF, int & 0xFF)
+        default:
+            (a, r, g, b) = (255, 91, 79, 232)
+        }
+        self.init(
+            .sRGB,
+            red: Double(r) / 255,
+            green: Double(g) / 255,
+            blue: Double(b) / 255,
+            opacity: Double(a) / 255
+        )
+    }
+}
+
+enum AppPalette {
+    static let brandPrimary = Color(hex: "#5B4FE8")
+    static let brandSecondary = Color(hex: "#E8634F")
+    static let surfaceSecondary = Color(hex: "#F7F6F3")
+    static let surfaceTertiary = Color(hex: "#EFEEE8")
+    static let textSecondary = Color(hex: "#6B6966")
+    static let textTertiary = Color(hex: "#9C9A94")
+    static let border = Color(hex: "#E5E3DE")
+    static let success = Color(hex: "#2D9D5E")
+    static let warning = Color(hex: "#D4920E")
+    static let danger = Color(hex: "#D43B3B")
+    static let info = Color(hex: "#3B82D4")
+}

package/examples/taskflow/generated/ios/TaskFlow/project.yml

@@ -0,0 +1,26 @@
+name: TaskFlow
+options:
+  bundleIdPrefix: uz.rsteam
+  deploymentTarget:
+    iOS: "17.0"
+settings:
+  base:
+    PRODUCT_NAME: TaskFlow
+targets:
+  TaskFlow:
+    type: application
+    platform: iOS
+    deploymentTarget: "17.0"
+    sources:
+      - path: Sources/TaskFlow
+      - path: Resources
+        buildPhase: resources
+    settings:
+      base:
+        GENERATE_INFOPLIST_FILE: YES
+        INFOPLIST_KEY_CFBundleDisplayName: TaskFlow
+        INFOPLIST_KEY_UILaunchScreen_Generation: true
+        INFOPLIST_KEY_UIApplicationSceneManifest_Generation: true
+        INFOPLIST_KEY_UIUserInterfaceStyle: Automatic
+        SWIFT_VERSION: 5.10
+        PRODUCT_BUNDLE_IDENTIFIER: uz.rsteam.taskflow

package/examples/taskflow/generated/web/TaskFlow/README.md

@@ -0,0 +1,19 @@
+# TaskFlow Web Target
+
+This web target was generated from the local `openuispec/` source in this example only.
+
+Included:
+- React + TypeScript + Vite scaffold
+- Adaptive navigation derived from TaskFlow size classes
+- Spec-derived screens: home, task detail, projects, project detail, calendar, settings, profile edit
+- Spec-derived create/edit task and new-project modal flows
+- Local sample state matching the manifest data model
+- English locale values derived from `openuispec/locales/en.json`
+- Token-driven styling based on the TaskFlow color, spacing, typography, and theme specs
+
+Run:
+
+```bash
+npm install
+npm run dev
+```

package/examples/taskflow/generated/web/TaskFlow/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>TaskFlow</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>