* replace NavigationStack with ElementNavigationStack to allow the content to be rendered without a NavigationStack in a11y tests * fix a11y tests * update xcodeproject * swiftformat fix * use iOS 26.1 for CI * use a wrapper to solve the issue for a11y tests * ElementNavigationStack only uses the trick in DEBUG mode, and added a swiftlint rule to prevent the usage of NavigationStack
199 lines
8.3 KiB
Swift
199 lines
8.3 KiB
Swift
//
|
|
// Copyright 2025 Element Creations Ltd.
|
|
// Copyright 2023-2025 New Vector Ltd.
|
|
//
|
|
// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
|
|
// Please see LICENSE files in the repository root for full details.
|
|
//
|
|
|
|
import Compound
|
|
import SwiftUI
|
|
|
|
struct StaticLocationScreen: View {
|
|
@Bindable var context: StaticLocationScreenViewModel.Context
|
|
|
|
var body: some View {
|
|
VStack(spacing: 0) {
|
|
if let locationDescription = context.viewState.locationDescription {
|
|
Text(locationDescription)
|
|
.lineLimit(2)
|
|
.foregroundColor(Color.compound.textPrimary)
|
|
.font(.compound.bodyMD)
|
|
.padding(.horizontal, 16)
|
|
.padding(.vertical, 8)
|
|
}
|
|
mapView
|
|
}
|
|
.track(screen: context.viewState.isLocationPickerMode ? .LocationSend : .LocationView)
|
|
.navigationTitle(context.viewState.navigationTitle)
|
|
.navigationBarTitleDisplayMode(.inline)
|
|
.toolbar { toolbar }
|
|
.alert(item: $context.alertInfo)
|
|
}
|
|
|
|
private var mapView: some View {
|
|
ZStack(alignment: .center) {
|
|
MapLibreMapView(mapURLBuilder: context.viewState.mapURLBuilder,
|
|
options: mapOptions,
|
|
showsUserLocationMode: $context.showsUserLocationMode,
|
|
error: $context.mapError,
|
|
mapCenterCoordinate: $context.mapCenterLocation,
|
|
isLocationAuthorized: $context.isLocationAuthorized,
|
|
geolocationUncertainty: $context.geolocationUncertainty) {
|
|
context.send(viewAction: .userDidPan)
|
|
}
|
|
.ignoresSafeArea(.all, edges: mapSafeAreaEdges)
|
|
|
|
if context.viewState.isLocationPickerMode {
|
|
LocationMarkerView()
|
|
}
|
|
}
|
|
.overlay(alignment: .bottomTrailing) {
|
|
centerToUserLocationButton
|
|
}
|
|
}
|
|
|
|
// MARK: - Private
|
|
|
|
@ToolbarContentBuilder
|
|
private var toolbar: some ToolbarContent {
|
|
ToolbarItem(placement: .navigationBarLeading) {
|
|
closeButton
|
|
}
|
|
|
|
if context.viewState.showShareAction {
|
|
ToolbarItem(placement: .navigationBarTrailing) {
|
|
shareButton
|
|
.popover(isPresented: $context.showShareSheet) { shareSheet }
|
|
}
|
|
}
|
|
|
|
if context.viewState.isLocationPickerMode {
|
|
ToolbarItemGroup(placement: .bottomBar) {
|
|
selectLocationButton
|
|
Spacer()
|
|
}
|
|
}
|
|
}
|
|
|
|
private var mapOptions: MapLibreMapView.Options {
|
|
var annotations: [LocationAnnotation] = []
|
|
if context.viewState.isLocationPickerMode == false {
|
|
let annotation = LocationAnnotation(coordinate: context.viewState.initialMapCenter, anchorPoint: .bottomCenter) {
|
|
LocationMarkerView()
|
|
}
|
|
annotations.append(annotation)
|
|
}
|
|
|
|
return .init(zoomLevel: context.viewState.zoomLevel,
|
|
initialZoomLevel: context.viewState.initialZoomLevel,
|
|
mapCenter: context.viewState.initialMapCenter,
|
|
annotations: annotations)
|
|
}
|
|
|
|
private var mapSafeAreaEdges: Edge.Set {
|
|
context.viewState.isLocationPickerMode ? .horizontal : [.horizontal, .bottom]
|
|
}
|
|
|
|
private var selectLocationButton: some View {
|
|
Button {
|
|
context.send(viewAction: .selectLocation)
|
|
} label: {
|
|
HStack(spacing: 8) {
|
|
CompoundIcon(\.shareIos)
|
|
Text(context.viewState.isSharingUserLocation ? L10n.screenShareMyLocationAction : L10n.screenShareThisLocationAction)
|
|
}
|
|
}
|
|
}
|
|
|
|
private var centerToUserLocationButton: some View {
|
|
Button {
|
|
context.send(viewAction: .centerToUser)
|
|
} label: {
|
|
CompoundIcon(context.viewState.isSharingUserLocation ? \.locationNavigatorCentred : \.locationNavigator)
|
|
.padding(8)
|
|
.background(.compound.bgCanvasDefault, in: RoundedRectangle(cornerRadius: 6))
|
|
}
|
|
.dynamicTypeSize(.large)
|
|
.padding(16)
|
|
}
|
|
|
|
private var closeButton: some View {
|
|
Button(L10n.actionCancel) {
|
|
context.send(viewAction: .close)
|
|
}
|
|
}
|
|
|
|
private var shareButton: some View {
|
|
Button {
|
|
context.showShareSheet = true
|
|
} label: {
|
|
Image(systemName: "square.and.arrow.up")
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
private var shareSheet: some View {
|
|
let location = context.viewState.initialMapCenter
|
|
let locationDescription = context.viewState.locationDescription
|
|
AppActivityView(activityItems: [ShareToMapsAppActivity.MapsAppType.apple.activityURL(for: location, locationDescription: locationDescription)],
|
|
applicationActivities: ShareToMapsAppActivity.MapsAppType.allCases.map { ShareToMapsAppActivity(type: $0, location: location, locationDescription: locationDescription) })
|
|
.edgesIgnoringSafeArea(.bottom)
|
|
.presentationDetents([.medium, .large])
|
|
.presentationCompactAdaptation(shareSheetCompactPresentation)
|
|
.presentationDragIndicator(.hidden)
|
|
}
|
|
|
|
private var shareSheetCompactPresentation: PresentationAdaptation {
|
|
if #available(iOS 26.0, *) {
|
|
.none // ShareLinks use a popover presentation on iOS 26, let it match that.
|
|
} else {
|
|
.sheet
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - Previews
|
|
|
|
struct StaticLocationScreenViewer_Previews: PreviewProvider, TestablePreview {
|
|
static let viewModel = StaticLocationScreenViewModel(interactionMode: .viewOnly(geoURI: .init(latitude: 41.9027835,
|
|
longitude: 12.4963655)),
|
|
mapURLBuilder: ServiceLocator.shared.settings.mapTilerConfiguration,
|
|
timelineController: MockTimelineController(),
|
|
analytics: ServiceLocator.shared.analytics,
|
|
userIndicatorController: UserIndicatorControllerMock())
|
|
static let pickerViewModel = StaticLocationScreenViewModel(interactionMode: .picker,
|
|
mapURLBuilder: ServiceLocator.shared.settings.mapTilerConfiguration,
|
|
timelineController: MockTimelineController(),
|
|
analytics: ServiceLocator.shared.analytics,
|
|
userIndicatorController: UserIndicatorControllerMock())
|
|
static let descriptionViewModel = StaticLocationScreenViewModel(interactionMode: .viewOnly(geoURI: .init(latitude: 41.9027835,
|
|
longitude: 12.4963655),
|
|
description: "Cool position"),
|
|
mapURLBuilder: ServiceLocator.shared.settings.mapTilerConfiguration,
|
|
timelineController: MockTimelineController(),
|
|
analytics: ServiceLocator.shared.analytics,
|
|
userIndicatorController: UserIndicatorControllerMock())
|
|
|
|
static var previews: some View {
|
|
ElementNavigationStack {
|
|
StaticLocationScreen(context: pickerViewModel.context)
|
|
}
|
|
.previewDisplayName("Picker")
|
|
|
|
ElementNavigationStack {
|
|
StaticLocationScreen(context: viewModel.context)
|
|
}
|
|
.previewDisplayName("View Only")
|
|
|
|
ElementNavigationStack {
|
|
StaticLocationScreen(context: descriptionViewModel.context)
|
|
}
|
|
.previewDisplayName("View Only (with description)")
|
|
}
|
|
}
|
|
|
|
private extension CGPoint {
|
|
static let bottomCenter: Self = .init(x: 0.5, y: 1)
|
|
}
|