Building a productivity app for Apple Watch
At a glance
| Item | Summary |
|---|---|
| Purpose | Create a watch app to manage and share a task list and visualize the status with a chart. |
| App architecture | A Swift sample with the source-visible chain WatchTaskListSampleApp → ContentView → ItemListModel → SwiftUI / Charts APIs. |
| Main patterns | View-controller organization, Delegate or data-source callbacks, SwiftUI environment injection, Binding-based state propagation |
| Project style | 14 scanned source file(s) across Swift, organized around ranked entry, type, and file boundaries. |
Project structure
Source bundle/
└── WatchTaskListSample/
├── WatchTaskListSampleApp.swift
├── Models/
│ ├── ItemListModel.swift
│ ├── Color+AppColors.swift
│ ├── ChartData.swift
│ ├── DateFormatStyle.swift
│ ├── IntegerFormatStyle.swift
│ └── ListItem.swift
├── Views/
│ ├── ContentView.swift
│ ├── AddItemLink.swift
│ ├── ItemDetail.swift
│ └── ItemList.swift
└── ComplicationController.swift
Structure observations
- Architecturally prominent files are ranked from entry points and role-named declarations; resource-only paths are omitted.
- Primary languages: Swift.
- The verified tree contains 3 project/configuration file(s) and 14 source declaration(s).
Overall architecture
flowchart LR
N1["WatchTaskListSampleApp"]
N2["ContentView"]
N3["ItemListModel"]
N4["SwiftUI / Charts APIs"]
N1 --> N2
N2 --> N3
N3 --> N4
Reference code
WatchTaskListSample/WatchTaskListSampleApp.swift:10 — architecture anchor
@main
struct WatchTaskListSampleApp: App {
// ...
}Interpretation
The arrows summarize the source-visible entry, role-named types or folders, and framework direction; when nodes come from structural folders, the sequence is a high-level interpretation rather than proof that every adjacent node calls the next. Ownership is claimed only where the next section cites a stored property or assignment. The diagram is intentionally limited to the dominant path into watchOS-Apps.
Ownership and state
classDiagram
WatchTaskListSampleApp *-- ItemListModel : itemListModel
Color_AppColors *-- Color : appYellow
Color_AppColors *-- Color : appCoolGray
Color_AppColors *-- Color : appDarkGray
Ownership evidence
WatchTaskListSample/WatchTaskListSampleApp.swift:13 — stored dependency or nearest verified ownership anchor
@main
struct WatchTaskListSampleApp: App {
// ...
@StateObject var itemListModel = ItemListModel()
// ...
}| Owner | Object or state | Relationship | Mutation authority |
|---|---|---|---|
WatchTaskListSampleApp |
ItemListModel (itemListModel) |
owns wrapper-managed state | App/module collaborators |
Color+AppColors |
Color (appYellow) |
creates and retains | Initialized by the owner; the binding is immutable |
Color+AppColors |
Color (appCoolGray) |
creates and retains | Initialized by the owner; the binding is immutable |
Color+AppColors |
Color (appDarkGray) |
creates and retains | Initialized by the owner; the binding is immutable |
Composition arrows indicate a source-visible construction expression or locally owned value state; aggregation means the owner stores or receives a dependency without proving exclusive lifetime ownership.
Class and protocol design
WatchTaskListSample/WatchTaskListSampleApp.swift:11 — representative type boundary
struct WatchTaskListSampleApp: App {
// ...
}| Type | Responsibility | Depends on or conforms to |
|---|---|---|
WatchTaskListSampleApp |
Application entry and top-level composition | App |
ItemListModel |
Feature data or observable state | NSObject, ObservableObject |
ContentView |
User-interface presentation and input forwarding | View |
ComplicationController |
View lifecycle, callbacks, and feature coordination | NSObject, CLKComplicationDataSource |
ChartData |
Represents feature data | Concrete collaborators/imported frameworks |
DataElement |
Represents a feature value or composable behavior | Identifiable |
DateFormatStyle |
Represents a feature value or composable behavior | FormatStyle |
IntegerFormatStyle |
Represents a feature value or composable behavior | FormatStyle |
ListItem |
Represents feature data | Identifiable, Hashable |
AddItemLink |
Represents a feature value or composable behavior | View |
No local protocol conformance is claimed as protocol-oriented design; external framework conformances are listed only as dependencies.
Access control
| Symbol | Access | Verified effect | Likely rationale |
|---|---|---|---|
dateFormatTemplate (WatchTaskListSample/Models/DateFormatStyle.swift:16) |
private |
Use is restricted to the lexical declaration and same-file extensions allowed by Swift. | Inference: keep state mutation or dependency lifetime inside the owning implementation. |
formatter (WatchTaskListSample/Models/DateFormatStyle.swift:17) |
private |
Use is restricted to the lexical declaration and same-file extensions allowed by Swift. | Inference: keep state mutation or dependency lifetime inside the owning implementation. |
model (WatchTaskListSample/Views/AddItemLink.swift:11) |
private |
Use is restricted to the lexical declaration and same-file extensions allowed by Swift. | Inference: keep state mutation or dependency lifetime inside the owning implementation. |
model (WatchTaskListSample/Views/ItemList.swift:11) |
private |
Use is restricted to the lexical declaration and same-file extensions allowed by Swift. | Inference: keep state mutation or dependency lifetime inside the owning implementation. |
Reference code
WatchTaskListSample/Models/DateFormatStyle.swift:16 — representative boundary
struct DateFormatStyle: FormatStyle {
// ...
private var dateFormatTemplate: String
// ...
}Swift declarations without a modifier are internal; explicit private, fileprivate, private(set), public, or open entries above are interpreted by language semantics. Objective-C/C samples instead rely on header and implementation boundaries, which are not equivalent to Swift lexical privacy.
Logic ownership and placement
| Logic | Owning type or file | Placement rationale |
|---|---|---|
| Application entry and top-level composition | WatchTaskListSampleApp |
The source’s App suffix makes this role explicit. |
| View lifecycle, callbacks, and feature coordination | ComplicationController |
The source’s Controller suffix makes this role explicit. |
| Feature data or observable state | ItemListModel |
The source’s Model suffix makes this role explicit. |
| User-interface presentation and input forwarding | ContentView |
The source’s View suffix makes this role explicit. |
Design patterns
| Pattern | Source evidence | Purpose or tradeoff |
|---|---|---|
| View-controller organization | WatchTaskListSample/ComplicationController.swift:10 |
A controller is the verified coordination boundary; this is MVC-style only where a separate model is present. |
| Delegate or data-source callbacks | WatchTaskListSample/ComplicationController.swift:10 |
Callback protocols invert event delivery back into the sample’s owner. |
| SwiftUI environment injection | WatchTaskListSample/Views/AddItemLink.swift:11 |
The environment supplies state or a capability without threading it through every initializer. |
| Binding-based state propagation | WatchTaskListSample/Views/ItemDetail.swift:11 |
A binding exposes controlled read/write access while the upstream owner remains authoritative. |
Naming conventions
- Types: App: WatchTaskListSampleApp; Controller: ComplicationController; Model: ItemListModel; View: ContentView.
- Protocols: no local protocol declaration in the scanned source.
- Methods:
getComplicationDescriptors,handleSharedComplicationDescriptors,getTimelineEndDate,getPrivacyBehavior,getCurrentTimelineEntry,getTimelineEntries,getLocalizableSampleTemplate,createData. - Files:
WatchTaskListSample/WatchTaskListSampleApp.swift,WatchTaskListSample/Models/ItemListModel.swift,WatchTaskListSample/Views/ContentView.swift,WatchTaskListSample/ComplicationController.swift,WatchTaskListSample/Models/ChartData.swift,WatchTaskListSample/Models/DateFormatStyle.swift.
Architecture takeaways
WatchTaskListSampleAppis the main source-visible entry or composition anchor for this sample.- Framework work reaches SwiftUI, Charts, ClockKit through a deliberately small high-level chain; the detailed API graph remains inside the cited implementation files.
- Stored-property evidence identifies lifecycle collaboration; it does not by itself prove exclusive object ownership.
- Access-control conclusions separate verified language visibility from the likely design rationale.
- The source does not justify labeling the design protocol-oriented.
Source map
| Source file | Relevant symbols |
|---|---|
WatchTaskListSample/WatchTaskListSampleApp.swift |
WatchTaskListSampleApp |
WatchTaskListSample/Models/ItemListModel.swift |
ItemListModel |
WatchTaskListSample/Views/ContentView.swift |
ContentView, ContentView_Previews |
WatchTaskListSample/ComplicationController.swift |
ComplicationController |
WatchTaskListSample/Models/Color+AppColors.swift |
Feature implementation |
WatchTaskListSample/Models/ChartData.swift |
ChartData, DataElement |
WatchTaskListSample/Models/DateFormatStyle.swift |
DateFormatStyle, CodingKeys |
WatchTaskListSample/Models/IntegerFormatStyle.swift |
IntegerFormatStyle |
WatchTaskListSample/Models/ListItem.swift |
ListItem |
WatchTaskListSample/Views/AddItemLink.swift |
AddItemLink, AddItemLink_Previews |