1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62import SwiftUI

struct Item: Identifiable, Hashable {
  let id: String
  let title: String
  let systemImage: String
}
let items = [Item(id: "notes", title: "Notes", systemImage: "note.text"), Item(id: "photos", title: "Photos", systemImage: "photo")]

struct ItemDetailView: View {
  let selection: String?
  var body: some View { Text(selection ?? "Select an item").frame(maxWidth: .infinity, maxHeight: .infinity) }
}
struct ItemInspectorView: View {
  let selection: String?
  var body: some View { Text("Metadata: \(selection ?? "No selection")").padding().frame(minWidth: 220) }
}
@MainActor final class LibraryStore: ObservableObject {
  @Published var entries = items
  @Published var selection: String?
  @Published var showInspector = true
  func addItem() {
    let item = Item(id: UUID().uuidString, title: "New Item", systemImage: "doc")
    entries.append(item)
    selection = item.id
  }
}

struct LibraryRootView: View {
  @StateObject private var store = LibraryStore()
  @SceneStorage("LibraryRootView.selection") private var savedSelection: Item.ID?
  @SceneStorage("LibraryRootView.showInspector") private var savedShowInspector = true

  var body: some View {
    NavigationSplitView {
      List(selection: $store.selection) {
        ForEach(store.entries) { item in
          Label(item.title, systemImage: item.systemImage)
            .tag(item.id)
        }
      }
      .listStyle(.sidebar)
      .navigationTitle("Library")
    } detail: {
      ItemDetailView(selection: store.selection)
        .inspector(isPresented: $store.showInspector) {
          ItemInspectorView(selection: store.selection)
        }
    }
    .focusedSceneObject(store)
    .onAppear {
      store.selection = savedSelection
      store.showInspector = savedShowInspector
    }
    .onChange(of: store.selection) { _, selection in
      savedSelection = selection
    }
    .onChange(of: store.showInspector) { _, showInspector in
      savedShowInspector = showInspector
    }
  }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28@main
struct LibraryApp: App {
  @FocusedObject private var store: LibraryStore?
  var body: some Scene {
    WindowGroup {
      LibraryRootView()
    }
    .commands {
      CommandMenu("Library") {
        Button("New Item") {
          store?.addItem()
        }
        .keyboardShortcut("n")
        .disabled(store == nil)

        Button("Toggle Inspector") {
          store?.showInspector.toggle()
        }
        .keyboardShortcut("i", modifiers: [.command, .option])
        .disabled(store == nil)
      }
    }

    Settings {
      LibrarySettingsView()
    }
  }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14struct LibrarySettingsView: View {
  @AppStorage("showItemMetadata") private var showItemMetadata = true

  var body: some View {
    TabView {
      Form {
        Toggle("Show Item Metadata", isOn: $showItemMetadata)
      }
      .tabItem { Label("General", systemImage: "gearshape") }
    }
    .frame(width: 460, height: 260)
    .scenePadding()
  }
}