Откат случайно включённых изменений дизайн-системы
Предыдущий коммит случайно включил изменения из рабочей директории: упрощение GlassModifier, GlassModifiers, RosettaTabBar, ButtonStyles, GlassCard и других файлов, что сломало iOS 26 glass-эффекты и внешний вид tab bar. Восстановлены оригинальные файлы из состояния до этих изменений. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
1
.gitignore
vendored
1
.gitignore
vendored
@@ -25,4 +25,3 @@ Package.resolved
|
|||||||
.DS_Store
|
.DS_Store
|
||||||
*.swp
|
*.swp
|
||||||
*~
|
*~
|
||||||
.claude.local.md
|
|
||||||
|
|||||||
@@ -264,7 +264,7 @@
|
|||||||
ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
|
ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
|
||||||
CODE_SIGN_IDENTITY = "Apple Development";
|
CODE_SIGN_IDENTITY = "Apple Development";
|
||||||
CODE_SIGN_STYLE = Automatic;
|
CODE_SIGN_STYLE = Automatic;
|
||||||
CURRENT_PROJECT_VERSION = 4;
|
CURRENT_PROJECT_VERSION = 1;
|
||||||
DEVELOPMENT_TEAM = QN8Z263QGX;
|
DEVELOPMENT_TEAM = QN8Z263QGX;
|
||||||
ENABLE_PREVIEWS = YES;
|
ENABLE_PREVIEWS = YES;
|
||||||
GENERATE_INFOPLIST_FILE = YES;
|
GENERATE_INFOPLIST_FILE = YES;
|
||||||
@@ -280,7 +280,7 @@
|
|||||||
"$(inherited)",
|
"$(inherited)",
|
||||||
"@executable_path/Frameworks",
|
"@executable_path/Frameworks",
|
||||||
);
|
);
|
||||||
MARKETING_VERSION = 1.0.3;
|
MARKETING_VERSION = 1.0.0;
|
||||||
PRODUCT_BUNDLE_IDENTIFIER = com.rosetta.dev;
|
PRODUCT_BUNDLE_IDENTIFIER = com.rosetta.dev;
|
||||||
PRODUCT_NAME = "$(TARGET_NAME)";
|
PRODUCT_NAME = "$(TARGET_NAME)";
|
||||||
PROVISIONING_PROFILE_SPECIFIER = "";
|
PROVISIONING_PROFILE_SPECIFIER = "";
|
||||||
@@ -301,7 +301,7 @@
|
|||||||
ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
|
ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
|
||||||
CODE_SIGN_IDENTITY = "Apple Development";
|
CODE_SIGN_IDENTITY = "Apple Development";
|
||||||
CODE_SIGN_STYLE = Automatic;
|
CODE_SIGN_STYLE = Automatic;
|
||||||
CURRENT_PROJECT_VERSION = 4;
|
CURRENT_PROJECT_VERSION = 1;
|
||||||
DEVELOPMENT_TEAM = QN8Z263QGX;
|
DEVELOPMENT_TEAM = QN8Z263QGX;
|
||||||
ENABLE_PREVIEWS = YES;
|
ENABLE_PREVIEWS = YES;
|
||||||
GENERATE_INFOPLIST_FILE = YES;
|
GENERATE_INFOPLIST_FILE = YES;
|
||||||
@@ -317,7 +317,7 @@
|
|||||||
"$(inherited)",
|
"$(inherited)",
|
||||||
"@executable_path/Frameworks",
|
"@executable_path/Frameworks",
|
||||||
);
|
);
|
||||||
MARKETING_VERSION = 1.0.3;
|
MARKETING_VERSION = 1.0.0;
|
||||||
PRODUCT_BUNDLE_IDENTIFIER = com.rosetta.dev;
|
PRODUCT_BUNDLE_IDENTIFIER = com.rosetta.dev;
|
||||||
PRODUCT_NAME = "$(TARGET_NAME)";
|
PRODUCT_NAME = "$(TARGET_NAME)";
|
||||||
PROVISIONING_PROFILE_SPECIFIER = "";
|
PROVISIONING_PROFILE_SPECIFIER = "";
|
||||||
|
|||||||
@@ -31,7 +31,7 @@
|
|||||||
shouldAutocreateTestPlan = "YES">
|
shouldAutocreateTestPlan = "YES">
|
||||||
</TestAction>
|
</TestAction>
|
||||||
<LaunchAction
|
<LaunchAction
|
||||||
buildConfiguration = "Release"
|
buildConfiguration = "Debug"
|
||||||
selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
|
selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
|
||||||
selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
|
selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
|
||||||
launchStyle = "0"
|
launchStyle = "0"
|
||||||
|
|||||||
@@ -1,13 +0,0 @@
|
|||||||
{
|
|
||||||
"images" : [
|
|
||||||
{
|
|
||||||
"filename" : "back_5.png",
|
|
||||||
"idiom" : "universal",
|
|
||||||
"scale" : "1x"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"info" : {
|
|
||||||
"author" : "xcode",
|
|
||||||
"version" : 1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 MiB |
@@ -72,25 +72,12 @@ final class DialogRepository {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/// Creates or updates a dialog from an incoming message packet.
|
/// Creates or updates a dialog from an incoming message packet.
|
||||||
///
|
func updateFromMessage(_ packet: PacketMessage, myPublicKey: String, decryptedText: String) {
|
||||||
/// - Parameters:
|
|
||||||
/// - isNewMessage: `true` when the message was NOT already known locally.
|
|
||||||
/// Pass `false` for sync duplicates to avoid inflating `unreadCount`.
|
|
||||||
/// - isDialogActive: `true` when the user currently has this chat open.
|
|
||||||
/// Incoming messages in an active dialog do NOT increment `unreadCount`.
|
|
||||||
func updateFromMessage(
|
|
||||||
_ packet: PacketMessage,
|
|
||||||
myPublicKey: String,
|
|
||||||
decryptedText: String,
|
|
||||||
isNewMessage: Bool = true,
|
|
||||||
isDialogActive: Bool = false
|
|
||||||
) {
|
|
||||||
if currentAccount.isEmpty {
|
if currentAccount.isEmpty {
|
||||||
currentAccount = myPublicKey
|
currentAccount = myPublicKey
|
||||||
}
|
}
|
||||||
let fromMe = packet.fromPublicKey == myPublicKey
|
let fromMe = packet.fromPublicKey == myPublicKey
|
||||||
let opponentKey = fromMe ? packet.toPublicKey : packet.fromPublicKey
|
let opponentKey = fromMe ? packet.toPublicKey : packet.fromPublicKey
|
||||||
let incomingTimestamp = normalizeTimestamp(packet.timestamp)
|
|
||||||
|
|
||||||
var dialog = dialogs[opponentKey] ?? Dialog(
|
var dialog = dialogs[opponentKey] ?? Dialog(
|
||||||
id: opponentKey,
|
id: opponentKey,
|
||||||
@@ -111,21 +98,14 @@ final class DialogRepository {
|
|||||||
lastMessageDelivered: .waiting
|
lastMessageDelivered: .waiting
|
||||||
)
|
)
|
||||||
|
|
||||||
// Android parity: only overwrite last-message fields when the incoming
|
dialog.lastMessage = decryptedText
|
||||||
// message is at least as new as the current latest. During sync, older
|
dialog.lastMessageTimestamp = normalizeTimestamp(packet.timestamp)
|
||||||
// messages must not overwrite a newer last-message preview.
|
dialog.lastMessageFromMe = fromMe
|
||||||
if incomingTimestamp >= dialog.lastMessageTimestamp {
|
dialog.lastMessageDelivered = fromMe ? .waiting : .delivered
|
||||||
dialog.lastMessage = decryptedText
|
|
||||||
dialog.lastMessageTimestamp = incomingTimestamp
|
|
||||||
dialog.lastMessageFromMe = fromMe
|
|
||||||
dialog.lastMessageDelivered = fromMe ? .waiting : .delivered
|
|
||||||
}
|
|
||||||
|
|
||||||
if fromMe {
|
if fromMe {
|
||||||
dialog.iHaveSent = true
|
dialog.iHaveSent = true
|
||||||
} else if isNewMessage && !isDialogActive {
|
} else {
|
||||||
// Only increment unread for genuinely new incoming messages
|
|
||||||
// when the user is NOT currently viewing this dialog.
|
|
||||||
dialog.unreadCount += 1
|
dialog.unreadCount += 1
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -208,9 +188,9 @@ final class DialogRepository {
|
|||||||
if !title.isEmpty { dialog.opponentTitle = title }
|
if !title.isEmpty { dialog.opponentTitle = title }
|
||||||
if !username.isEmpty { dialog.opponentUsername = username }
|
if !username.isEmpty { dialog.opponentUsername = username }
|
||||||
if verified > 0 { dialog.verified = max(dialog.verified, verified) }
|
if verified > 0 { dialog.verified = max(dialog.verified, verified) }
|
||||||
// online: server sends inverted values (0 = online, 1 = offline), -1 = not provided
|
// online: 0 = offline, 1 = online, -1 = not provided (don't update)
|
||||||
if online >= 0 {
|
if online >= 0 {
|
||||||
dialog.isOnline = online == 0
|
dialog.isOnline = online > 0
|
||||||
if !dialog.isOnline { dialog.lastSeen = Int64(Date().timeIntervalSince1970 * 1000) }
|
if !dialog.isOnline { dialog.lastSeen = Int64(Date().timeIntervalSince1970 * 1000) }
|
||||||
}
|
}
|
||||||
dialogs[publicKey] = dialog
|
dialogs[publicKey] = dialog
|
||||||
|
|||||||
@@ -21,9 +21,8 @@ struct PacketOnlineState: Packet {
|
|||||||
var list: [OnlineStateEntry] = []
|
var list: [OnlineStateEntry] = []
|
||||||
for _ in 0..<count {
|
for _ in 0..<count {
|
||||||
let publicKey = stream.readString()
|
let publicKey = stream.readString()
|
||||||
let rawOnline = stream.readBoolean()
|
let isOnline = stream.readBoolean()
|
||||||
// Server sends inverted: true = offline, false = online — negate it
|
list.append(OnlineStateEntry(publicKey: publicKey, isOnline: isOnline))
|
||||||
list.append(OnlineStateEntry(publicKey: publicKey, isOnline: !rawOnline))
|
|
||||||
}
|
}
|
||||||
entries = list
|
entries = list
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -328,13 +328,14 @@ final class ProtocolManager: @unchecked Sendable {
|
|||||||
|
|
||||||
private func startHeartbeat(interval: Int) {
|
private func startHeartbeat(interval: Int) {
|
||||||
heartbeatTask?.cancel()
|
heartbeatTask?.cancel()
|
||||||
// Match Android: intervalMs = (intervalSeconds * 1000L) / 2
|
let intervalMs = UInt64(interval) * 1_000_000_000 / 3
|
||||||
let intervalNs = UInt64(interval) * 1_000_000_000 / 2
|
|
||||||
|
|
||||||
heartbeatTask = Task {
|
heartbeatTask = Task {
|
||||||
// Match Android: delay first, then send (no immediate first beat)
|
// Send first heartbeat immediately
|
||||||
|
client.sendText("heartbeat")
|
||||||
|
|
||||||
while !Task.isCancelled {
|
while !Task.isCancelled {
|
||||||
try? await Task.sleep(nanoseconds: intervalNs)
|
try? await Task.sleep(nanoseconds: intervalMs)
|
||||||
guard !Task.isCancelled else { break }
|
guard !Task.isCancelled else { break }
|
||||||
client.sendText("heartbeat")
|
client.sendText("heartbeat")
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,10 +6,6 @@ final class WebSocketClient: NSObject, @unchecked Sendable, URLSessionWebSocketD
|
|||||||
|
|
||||||
private static let logger = Logger(subsystem: "com.rosetta.messenger", category: "WebSocket")
|
private static let logger = Logger(subsystem: "com.rosetta.messenger", category: "WebSocket")
|
||||||
|
|
||||||
// Match Android: RECONNECT_INTERVAL = 10000L, MAX_RECONNECT_ATTEMPTS = 5
|
|
||||||
private static let reconnectInterval: UInt64 = 10_000_000_000 // 10 seconds (ns)
|
|
||||||
private static let maxReconnectAttempts = 5
|
|
||||||
|
|
||||||
private let url = URL(string: "wss://wss.rosetta.im")!
|
private let url = URL(string: "wss://wss.rosetta.im")!
|
||||||
private var session: URLSession!
|
private var session: URLSession!
|
||||||
private var webSocketTask: URLSessionWebSocketTask?
|
private var webSocketTask: URLSessionWebSocketTask?
|
||||||
@@ -18,7 +14,6 @@ final class WebSocketClient: NSObject, @unchecked Sendable, URLSessionWebSocketD
|
|||||||
private var hasNotifiedConnected = false
|
private var hasNotifiedConnected = false
|
||||||
private(set) var isConnected = false
|
private(set) var isConnected = false
|
||||||
private var disconnectHandledForCurrentSocket = false
|
private var disconnectHandledForCurrentSocket = false
|
||||||
private var reconnectAttempts = 0
|
|
||||||
|
|
||||||
var onConnected: (() -> Void)?
|
var onConnected: (() -> Void)?
|
||||||
var onDisconnected: ((Error?) -> Void)?
|
var onDisconnected: ((Error?) -> Void)?
|
||||||
@@ -28,9 +23,6 @@ final class WebSocketClient: NSObject, @unchecked Sendable, URLSessionWebSocketD
|
|||||||
super.init()
|
super.init()
|
||||||
let config = URLSessionConfiguration.default
|
let config = URLSessionConfiguration.default
|
||||||
config.waitsForConnectivity = true
|
config.waitsForConnectivity = true
|
||||||
// Match Android OkHttp readTimeout(0) — disable client-side idle timeout
|
|
||||||
config.timeoutIntervalForRequest = 604800 // 1 week
|
|
||||||
config.timeoutIntervalForResource = 604800
|
|
||||||
session = URLSession(configuration: config, delegate: self, delegateQueue: nil)
|
session = URLSession(configuration: config, delegate: self, delegateQueue: nil)
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -96,7 +88,6 @@ final class WebSocketClient: NSObject, @unchecked Sendable, URLSessionWebSocketD
|
|||||||
hasNotifiedConnected = true
|
hasNotifiedConnected = true
|
||||||
isConnected = true
|
isConnected = true
|
||||||
disconnectHandledForCurrentSocket = false
|
disconnectHandledForCurrentSocket = false
|
||||||
reconnectAttempts = 0 // Match Android: reset on successful connection
|
|
||||||
reconnectTask?.cancel()
|
reconnectTask?.cancel()
|
||||||
reconnectTask = nil
|
reconnectTask = nil
|
||||||
onConnected?()
|
onConnected?()
|
||||||
@@ -148,17 +139,10 @@ final class WebSocketClient: NSObject, @unchecked Sendable, URLSessionWebSocketD
|
|||||||
|
|
||||||
guard !isManuallyClosed else { return }
|
guard !isManuallyClosed else { return }
|
||||||
|
|
||||||
// Match Android: MAX_RECONNECT_ATTEMPTS = 5
|
|
||||||
guard reconnectAttempts < Self.maxReconnectAttempts else {
|
|
||||||
Self.logger.error("Max reconnect attempts reached (\(Self.maxReconnectAttempts))")
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
guard reconnectTask == nil else { return }
|
guard reconnectTask == nil else { return }
|
||||||
reconnectAttempts += 1
|
|
||||||
reconnectTask = Task { [weak self] in
|
reconnectTask = Task { [weak self] in
|
||||||
Self.logger.info("Reconnecting in 10 seconds (attempt \(self?.reconnectAttempts ?? 0)/\(Self.maxReconnectAttempts))...")
|
Self.logger.info("Reconnecting in 5 seconds...")
|
||||||
try? await Task.sleep(nanoseconds: Self.reconnectInterval)
|
try? await Task.sleep(nanoseconds: 5_000_000_000)
|
||||||
guard let self, !isManuallyClosed, !Task.isCancelled else { return }
|
guard let self, !isManuallyClosed, !Task.isCancelled else { return }
|
||||||
self.reconnectTask = nil
|
self.reconnectTask = nil
|
||||||
self.connect()
|
self.connect()
|
||||||
|
|||||||
@@ -410,7 +410,6 @@ final class SessionManager {
|
|||||||
let fromMe = packet.fromPublicKey == myKey
|
let fromMe = packet.fromPublicKey == myKey
|
||||||
let opponentKey = fromMe ? packet.toPublicKey : packet.fromPublicKey
|
let opponentKey = fromMe ? packet.toPublicKey : packet.fromPublicKey
|
||||||
let wasKnownBefore = MessageRepository.shared.hasMessage(packet.messageId)
|
let wasKnownBefore = MessageRepository.shared.hasMessage(packet.messageId)
|
||||||
let dialogIsActive = MessageRepository.shared.isDialogActive(opponentKey)
|
|
||||||
|
|
||||||
let decryptedText = Self.decryptIncomingMessage(
|
let decryptedText = Self.decryptIncomingMessage(
|
||||||
packet: packet,
|
packet: packet,
|
||||||
@@ -426,11 +425,7 @@ final class SessionManager {
|
|||||||
}
|
}
|
||||||
|
|
||||||
DialogRepository.shared.updateFromMessage(
|
DialogRepository.shared.updateFromMessage(
|
||||||
packet,
|
packet, myPublicKey: myKey, decryptedText: text
|
||||||
myPublicKey: myKey,
|
|
||||||
decryptedText: text,
|
|
||||||
isNewMessage: !wasKnownBefore,
|
|
||||||
isDialogActive: dialogIsActive
|
|
||||||
)
|
)
|
||||||
MessageRepository.shared.upsertFromMessagePacket(
|
MessageRepository.shared.upsertFromMessagePacket(
|
||||||
packet,
|
packet,
|
||||||
|
|||||||
@@ -38,16 +38,16 @@ struct AvatarView: View {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.frame(width: size, height: size)
|
.frame(width: size, height: size)
|
||||||
.overlay(alignment: .bottomTrailing) {
|
.overlay(alignment: .bottomLeading) {
|
||||||
if isOnline {
|
if isOnline {
|
||||||
Circle()
|
Circle()
|
||||||
.fill(RosettaColors.figmaBlue)
|
.fill(Color(hex: 0x4CD964))
|
||||||
.frame(width: size * 0.19, height: size * 0.19)
|
.frame(width: badgeSize, height: badgeSize)
|
||||||
.overlay {
|
.overlay {
|
||||||
Circle()
|
Circle()
|
||||||
.stroke(RosettaColors.Adaptive.background, lineWidth: size * 0.04)
|
.stroke(RosettaColors.Adaptive.background, lineWidth: size * 0.05)
|
||||||
}
|
}
|
||||||
.offset(x: 0, y: -size * 0.06)
|
.offset(x: -1, y: 1)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.accessibilityLabel(isSavedMessages ? "Saved Messages" : initials)
|
.accessibilityLabel(isSavedMessages ? "Saved Messages" : initials)
|
||||||
|
|||||||
@@ -19,9 +19,20 @@ struct GlassBackButton: View {
|
|||||||
.clipShape(Circle())
|
.clipShape(Circle())
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ViewBuilder
|
||||||
private var glassCircle: some View {
|
private var glassCircle: some View {
|
||||||
Circle()
|
if #available(iOS 26, *) {
|
||||||
.fill(Color.white.opacity(0.15))
|
Circle()
|
||||||
|
.fill(Color.white.opacity(0.08))
|
||||||
|
.glassEffect(.regular, in: .circle)
|
||||||
|
} else {
|
||||||
|
Circle()
|
||||||
|
.fill(Color.white.opacity(0.08))
|
||||||
|
.overlay {
|
||||||
|
Circle()
|
||||||
|
.stroke(Color.white.opacity(0.12), lineWidth: 0.5)
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -35,9 +46,19 @@ struct RosettaPrimaryButtonStyle: ButtonStyle {
|
|||||||
}
|
}
|
||||||
|
|
||||||
func makeBody(configuration: Configuration) -> some View {
|
func makeBody(configuration: Configuration) -> some View {
|
||||||
configuration.label
|
Group {
|
||||||
.background { glassBackground(isPressed: configuration.isPressed) }
|
if #available(iOS 26, *) {
|
||||||
.clipShape(Capsule())
|
configuration.label
|
||||||
|
.background {
|
||||||
|
Capsule().fill(fillColor.opacity(configuration.isPressed ? 0.7 : 1.0))
|
||||||
|
}
|
||||||
|
.glassEffect(.regular, in: Capsule())
|
||||||
|
} else {
|
||||||
|
configuration.label
|
||||||
|
.background { glassBackground(isPressed: configuration.isPressed) }
|
||||||
|
.clipShape(Capsule())
|
||||||
|
}
|
||||||
|
}
|
||||||
.scaleEffect(configuration.isPressed && isEnabled ? 0.97 : 1.0)
|
.scaleEffect(configuration.isPressed && isEnabled ? 0.97 : 1.0)
|
||||||
.animation(.easeOut(duration: 0.15), value: configuration.isPressed)
|
.animation(.easeOut(duration: 0.15), value: configuration.isPressed)
|
||||||
.allowsHitTesting(isEnabled)
|
.allowsHitTesting(isEnabled)
|
||||||
@@ -46,6 +67,20 @@ struct RosettaPrimaryButtonStyle: ButtonStyle {
|
|||||||
private func glassBackground(isPressed: Bool) -> some View {
|
private func glassBackground(isPressed: Bool) -> some View {
|
||||||
Capsule()
|
Capsule()
|
||||||
.fill(fillColor.opacity(isPressed ? 0.7 : 1.0))
|
.fill(fillColor.opacity(isPressed ? 0.7 : 1.0))
|
||||||
|
.overlay {
|
||||||
|
Capsule()
|
||||||
|
.fill(
|
||||||
|
LinearGradient(
|
||||||
|
colors: [
|
||||||
|
Color.white.opacity(isEnabled ? 0.18 : 0.05),
|
||||||
|
Color.clear,
|
||||||
|
Color.black.opacity(0.08),
|
||||||
|
],
|
||||||
|
startPoint: .top,
|
||||||
|
endPoint: .bottom
|
||||||
|
)
|
||||||
|
)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -16,13 +16,25 @@ struct GlassCard<Content: View>: View {
|
|||||||
}
|
}
|
||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
content()
|
if #available(iOS 26, *) {
|
||||||
.background {
|
content()
|
||||||
RoundedRectangle(cornerRadius: cornerRadius)
|
.glassEffect(.regular, in: RoundedRectangle(cornerRadius: cornerRadius))
|
||||||
.fill(RosettaColors.adaptive(
|
} else {
|
||||||
light: Color.black.opacity(fillOpacity),
|
content()
|
||||||
dark: Color.white.opacity(fillOpacity)
|
.background {
|
||||||
))
|
RoundedRectangle(cornerRadius: cornerRadius)
|
||||||
}
|
.fill(RosettaColors.adaptive(
|
||||||
|
light: Color.black.opacity(fillOpacity),
|
||||||
|
dark: Color.white.opacity(fillOpacity)
|
||||||
|
))
|
||||||
|
.overlay {
|
||||||
|
RoundedRectangle(cornerRadius: cornerRadius)
|
||||||
|
.stroke(RosettaColors.adaptive(
|
||||||
|
light: Color.black.opacity(0.06),
|
||||||
|
dark: Color.white.opacity(0.08)
|
||||||
|
), lineWidth: 0.5)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,45 +1,81 @@
|
|||||||
import SwiftUI
|
import SwiftUI
|
||||||
|
|
||||||
// MARK: - Glass Modifier
|
// MARK: - Glass Modifier (5-layer glass that works on black)
|
||||||
//
|
//
|
||||||
// Solid adaptive background — no glass or material effects
|
// Layer stack:
|
||||||
|
// 1. .ultraThinMaterial — system blur
|
||||||
|
// 2. black.opacity(0.22) — dark tint (depth on dark mode)
|
||||||
|
// 3. white→clear gradient — highlight / light refraction, blendMode(.screen)
|
||||||
|
// 4. double stroke — outer weak + inner stronger = glass edge
|
||||||
|
// 5. shadow — depth
|
||||||
|
|
||||||
struct GlassModifier: ViewModifier {
|
struct GlassModifier: ViewModifier {
|
||||||
let cornerRadius: CGFloat
|
let cornerRadius: CGFloat
|
||||||
|
|
||||||
private var fillColor: Color {
|
|
||||||
RosettaColors.adaptive(
|
|
||||||
light: Color(hex: 0xF2F2F7),
|
|
||||||
dark: Color(hex: 0x1C1C1E)
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
func body(content: Content) -> some View {
|
func body(content: Content) -> some View {
|
||||||
content
|
let shape = RoundedRectangle(cornerRadius: cornerRadius, style: .continuous)
|
||||||
.background {
|
|
||||||
RoundedRectangle(cornerRadius: cornerRadius, style: .continuous)
|
if #available(iOS 26, *) {
|
||||||
.fill(fillColor)
|
content
|
||||||
}
|
.background {
|
||||||
|
shape.fill(.clear)
|
||||||
|
.glassEffect(.regular, in: .rect(cornerRadius: cornerRadius))
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
content
|
||||||
|
.background {
|
||||||
|
ZStack {
|
||||||
|
shape.fill(.ultraThinMaterial)
|
||||||
|
shape.fill(Color.black.opacity(0.22))
|
||||||
|
shape.fill(
|
||||||
|
LinearGradient(
|
||||||
|
colors: [Color.white.opacity(0.14), .clear],
|
||||||
|
startPoint: .top,
|
||||||
|
endPoint: .bottom
|
||||||
|
)
|
||||||
|
).blendMode(.screen)
|
||||||
|
shape.stroke(Color.white.opacity(0.10), lineWidth: 1)
|
||||||
|
shape.stroke(Color.white.opacity(0.18), lineWidth: 1).padding(1.5)
|
||||||
|
}
|
||||||
|
.shadow(color: Color.black.opacity(0.45), radius: 22, y: 14)
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// MARK: - View Extension
|
// MARK: - View Extension
|
||||||
|
|
||||||
extension View {
|
extension View {
|
||||||
/// Solid background with rounded corners.
|
/// 5-layer frosted glass background.
|
||||||
func glass(cornerRadius: CGFloat = 24) -> some View {
|
func glass(cornerRadius: CGFloat = 24) -> some View {
|
||||||
modifier(GlassModifier(cornerRadius: cornerRadius))
|
modifier(GlassModifier(cornerRadius: cornerRadius))
|
||||||
}
|
}
|
||||||
|
|
||||||
/// Solid capsule background — convenience for pill-shaped elements.
|
/// Glass capsule — convenience for pill-shaped elements.
|
||||||
|
@ViewBuilder
|
||||||
func glassCapsule() -> some View {
|
func glassCapsule() -> some View {
|
||||||
background {
|
if #available(iOS 26, *) {
|
||||||
Capsule().fill(
|
background {
|
||||||
RosettaColors.adaptive(
|
Capsule().fill(.clear)
|
||||||
light: Color(hex: 0xF2F2F7),
|
.glassEffect(.regular, in: .capsule)
|
||||||
dark: Color(hex: 0x1C1C1E)
|
}
|
||||||
)
|
} else {
|
||||||
)
|
background {
|
||||||
|
ZStack {
|
||||||
|
Capsule().fill(.ultraThinMaterial)
|
||||||
|
Capsule().fill(Color.black.opacity(0.22))
|
||||||
|
Capsule().fill(
|
||||||
|
LinearGradient(
|
||||||
|
colors: [Color.white.opacity(0.14), .clear],
|
||||||
|
startPoint: .top,
|
||||||
|
endPoint: .bottom
|
||||||
|
)
|
||||||
|
).blendMode(.screen)
|
||||||
|
Capsule().stroke(Color.white.opacity(0.10), lineWidth: 1)
|
||||||
|
Capsule().stroke(Color.white.opacity(0.18), lineWidth: 1).padding(1.5)
|
||||||
|
}
|
||||||
|
.shadow(color: Color.black.opacity(0.45), radius: 22, y: 14)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,8 +5,12 @@ import SwiftUI
|
|||||||
/// Applies glassmorphism effect to the navigation bar on iOS 26+, falling back to ultra-thin material.
|
/// Applies glassmorphism effect to the navigation bar on iOS 26+, falling back to ultra-thin material.
|
||||||
struct GlassNavBarModifier: ViewModifier {
|
struct GlassNavBarModifier: ViewModifier {
|
||||||
func body(content: Content) -> some View {
|
func body(content: Content) -> some View {
|
||||||
content
|
if #available(iOS 26, *) {
|
||||||
.toolbarBackground(RosettaColors.Adaptive.background, for: .navigationBar)
|
content
|
||||||
|
} else {
|
||||||
|
content
|
||||||
|
.toolbarBackground(.ultraThinMaterial, for: .navigationBar)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -21,7 +25,12 @@ extension View {
|
|||||||
/// Applies glassmorphism capsule effect on iOS 26+.
|
/// Applies glassmorphism capsule effect on iOS 26+.
|
||||||
struct GlassSearchBarModifier: ViewModifier {
|
struct GlassSearchBarModifier: ViewModifier {
|
||||||
func body(content: Content) -> some View {
|
func body(content: Content) -> some View {
|
||||||
content
|
if #available(iOS 26, *) {
|
||||||
|
content
|
||||||
|
.glassEffect(.regular, in: .capsule)
|
||||||
|
} else {
|
||||||
|
content
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -52,297 +52,479 @@ struct TabBarSwipeState {
|
|||||||
let fractionalIndex: CGFloat
|
let fractionalIndex: CGFloat
|
||||||
}
|
}
|
||||||
|
|
||||||
// MARK: - Tab Bar Colors
|
|
||||||
|
|
||||||
private enum TabBarColors {
|
|
||||||
static let pillBackground = Color(hex: 0x2C2C2E)
|
|
||||||
static let selectionBackground = Color(hex: 0x3A3A3C)
|
|
||||||
static let selectedTint = Color(hex: 0x008BFF)
|
|
||||||
static let unselectedTint = Color.white
|
|
||||||
static let pillBorder = Color.white.opacity(0.08)
|
|
||||||
}
|
|
||||||
|
|
||||||
// MARK: - Preference Keys
|
|
||||||
|
|
||||||
private struct TabWidthPreferenceKey: PreferenceKey {
|
|
||||||
static var defaultValue: [Int: CGFloat] = [:]
|
|
||||||
static func reduce(value: inout [Int: CGFloat], nextValue: () -> [Int: CGFloat]) {
|
|
||||||
value.merge(nextValue()) { $1 }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private struct TabOriginPreferenceKey: PreferenceKey {
|
|
||||||
static var defaultValue: [Int: CGFloat] = [:]
|
|
||||||
static func reduce(value: inout [Int: CGFloat], nextValue: () -> [Int: CGFloat]) {
|
|
||||||
value.merge(nextValue()) { $1 }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// MARK: - RosettaTabBar
|
// MARK: - RosettaTabBar
|
||||||
|
|
||||||
struct RosettaTabBar: View {
|
struct RosettaTabBar: View {
|
||||||
let selectedTab: RosettaTab
|
let selectedTab: RosettaTab
|
||||||
var onTabSelected: ((RosettaTab) -> Void)?
|
var onTabSelected: ((RosettaTab) -> Void)?
|
||||||
var onSwipeStateChanged: ((TabBarSwipeState?) -> Void)?
|
var onSwipeStateChanged: ((TabBarSwipeState?) -> Void)?
|
||||||
|
var badges: [TabBadge] = []
|
||||||
|
|
||||||
private let allTabs = RosettaTab.interactionOrder
|
@State private var tabFrames: [RosettaTab: CGRect] = [:]
|
||||||
private let tabCount = RosettaTab.interactionOrder.count
|
@State private var interactionState: TabPressInteraction?
|
||||||
|
|
||||||
// Drag state
|
private static let tabBarSpace = "RosettaTabBarSpace"
|
||||||
@State private var isDragging = false
|
private let lensLiftOffset: CGFloat = 12
|
||||||
@State private var dragFractional: CGFloat = 0
|
|
||||||
@State private var dragStartIndex: CGFloat = 0
|
|
||||||
|
|
||||||
// Measured tab geometry
|
|
||||||
@State private var tabWidths: [Int: CGFloat] = [:]
|
|
||||||
@State private var tabOrigins: [Int: CGFloat] = [:]
|
|
||||||
|
|
||||||
/// Cached badge text to avoid reading DialogRepository inside body
|
|
||||||
/// (which creates @Observable tracking and causes re-render storms during drag).
|
|
||||||
@State private var cachedBadgeText: String?
|
|
||||||
|
|
||||||
private var effectiveFractional: CGFloat {
|
|
||||||
isDragging ? dragFractional : CGFloat(selectedTab.interactionIndex)
|
|
||||||
}
|
|
||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
// Single pill with all tabs — same structure as iOS 26 system TabView
|
interactiveTabBarContent
|
||||||
HStack(spacing: 0) {
|
.padding(.horizontal, 25)
|
||||||
ForEach(Array(allTabs.enumerated()), id: \.element) { index, tab in
|
.padding(.top, 4)
|
||||||
tabContent(tab: tab, index: index)
|
|
||||||
.background(
|
|
||||||
GeometryReader { geo in
|
|
||||||
Color.clear
|
|
||||||
.preference(
|
|
||||||
key: TabWidthPreferenceKey.self,
|
|
||||||
value: [index: geo.size.width]
|
|
||||||
)
|
|
||||||
.preference(
|
|
||||||
key: TabOriginPreferenceKey.self,
|
|
||||||
value: [index: geo.frame(in: .named("tabBar")).minX]
|
|
||||||
)
|
|
||||||
}
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.padding(4)
|
|
||||||
.coordinateSpace(name: "tabBar")
|
|
||||||
.onPreferenceChange(TabWidthPreferenceKey.self) { tabWidths = $0 }
|
|
||||||
.onPreferenceChange(TabOriginPreferenceKey.self) { tabOrigins = $0 }
|
|
||||||
.background(alignment: .leading) {
|
|
||||||
selectionIndicator
|
|
||||||
}
|
|
||||||
.background {
|
|
||||||
if #available(iOS 26.0, *) {
|
|
||||||
// iOS 26+ — liquid glass material for the capsule pill
|
|
||||||
Capsule()
|
|
||||||
.fill(.ultraThinMaterial)
|
|
||||||
} else {
|
|
||||||
// iOS < 26 — solid dark capsule
|
|
||||||
Capsule()
|
|
||||||
.fill(TabBarColors.pillBackground)
|
|
||||||
.overlay(
|
|
||||||
Capsule()
|
|
||||||
.strokeBorder(TabBarColors.pillBorder, lineWidth: 0.5)
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.contentShape(Capsule())
|
|
||||||
.gesture(dragGesture)
|
|
||||||
.modifier(TabBarShadowModifier())
|
|
||||||
.padding(.horizontal, 25)
|
|
||||||
.padding(.top, 16)
|
|
||||||
.padding(.bottom, 12)
|
|
||||||
.onAppear { Task { @MainActor in refreshBadges() } }
|
|
||||||
.onChange(of: selectedTab) { _, _ in Task { @MainActor in refreshBadges() } }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/// Reads DialogRepository outside the body's observation scope.
|
private var interactiveTabBarContent: some View {
|
||||||
private func refreshBadges() {
|
tabBarContent
|
||||||
let repo = DialogRepository.shared
|
.coordinateSpace(name: Self.tabBarSpace)
|
||||||
let unread = repo.sortedDialogs
|
.onPreferenceChange(TabFramePreferenceKey.self) { frames in
|
||||||
.filter { !$0.isMuted }
|
tabFrames = frames
|
||||||
.reduce(0) { $0 + $1.unreadCount }
|
|
||||||
if unread <= 0 {
|
|
||||||
cachedBadgeText = nil
|
|
||||||
} else {
|
|
||||||
cachedBadgeText = unread > 999 ? "\(unread / 1000)K" : "\(unread)"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// MARK: - Selection Indicator
|
|
||||||
|
|
||||||
@ViewBuilder
|
|
||||||
private var selectionIndicator: some View {
|
|
||||||
let frac = effectiveFractional
|
|
||||||
let nearestIdx = Int(frac.rounded()).clamped(to: 0...(tabCount - 1))
|
|
||||||
let width = tabWidths[nearestIdx] ?? 80
|
|
||||||
let xOffset = interpolatedOrigin(for: frac)
|
|
||||||
|
|
||||||
Group {
|
|
||||||
if #available(iOS 26.0, *) {
|
|
||||||
Capsule().fill(.thinMaterial)
|
|
||||||
.frame(width: width)
|
|
||||||
.offset(x: xOffset)
|
|
||||||
} else {
|
|
||||||
Capsule().fill(TabBarColors.selectionBackground)
|
|
||||||
.frame(width: width - 4)
|
|
||||||
.padding(.vertical, 4)
|
|
||||||
.offset(x: xOffset)
|
|
||||||
}
|
}
|
||||||
}
|
.contentShape(Rectangle())
|
||||||
.animation(
|
.gesture(tabSelectionGesture)
|
||||||
isDragging ? nil : .spring(response: 0.34, dampingFraction: 0.82),
|
.overlay(alignment: .topLeading) {
|
||||||
value: frac
|
liftedLensOverlay
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
private func interpolatedOrigin(for fractional: CGFloat) -> CGFloat {
|
|
||||||
let lower = Int(fractional).clamped(to: 0...(tabCount - 1))
|
|
||||||
let upper = (lower + 1).clamped(to: 0...(tabCount - 1))
|
|
||||||
let t = fractional - CGFloat(lower)
|
|
||||||
let lowerX = tabOrigins[lower] ?? 0
|
|
||||||
let upperX = tabOrigins[upper] ?? lowerX
|
|
||||||
return lowerX + (upperX - lowerX) * t
|
|
||||||
}
|
|
||||||
|
|
||||||
// MARK: - Drag Gesture
|
|
||||||
|
|
||||||
private var dragGesture: some Gesture {
|
|
||||||
DragGesture(minimumDistance: 8)
|
|
||||||
.onChanged { value in
|
|
||||||
if !isDragging {
|
|
||||||
isDragging = true
|
|
||||||
dragStartIndex = CGFloat(selectedTab.interactionIndex)
|
|
||||||
}
|
|
||||||
|
|
||||||
let avgTabWidth = totalTabWidth / CGFloat(tabCount)
|
|
||||||
guard avgTabWidth > 0 else { return }
|
|
||||||
let delta = value.translation.width / avgTabWidth
|
|
||||||
let newFrac = (dragStartIndex - delta)
|
|
||||||
.clamped(to: 0...CGFloat(tabCount - 1))
|
|
||||||
|
|
||||||
dragFractional = newFrac
|
|
||||||
|
|
||||||
let nearestIdx = Int(newFrac.rounded()).clamped(to: 0...(tabCount - 1))
|
|
||||||
onSwipeStateChanged?(TabBarSwipeState(
|
|
||||||
fromTab: selectedTab,
|
|
||||||
hoveredTab: allTabs[nearestIdx],
|
|
||||||
fractionalIndex: newFrac
|
|
||||||
))
|
|
||||||
}
|
}
|
||||||
.onEnded { value in
|
.onDisappear {
|
||||||
let avgTabWidth = totalTabWidth / CGFloat(tabCount)
|
interactionState = nil
|
||||||
let velocity = avgTabWidth > 0 ? value.predictedEndTranslation.width / avgTabWidth : 0
|
|
||||||
let projected = dragFractional - velocity * 0.15
|
|
||||||
let snappedIdx = Int(projected.rounded()).clamped(to: 0...(tabCount - 1))
|
|
||||||
let targetTab = allTabs[snappedIdx]
|
|
||||||
|
|
||||||
isDragging = false
|
|
||||||
dragFractional = CGFloat(snappedIdx)
|
|
||||||
|
|
||||||
UIImpactFeedbackGenerator(style: .light).impactOccurred()
|
|
||||||
onTabSelected?(targetTab)
|
|
||||||
onSwipeStateChanged?(nil)
|
onSwipeStateChanged?(nil)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private var totalTabWidth: CGFloat {
|
private var tabBarContent: some View {
|
||||||
tabWidths.values.reduce(0, +)
|
HStack(spacing: 8) {
|
||||||
|
mainTabsPill
|
||||||
|
searchPill
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// MARK: - Tab Content
|
private var visualSelectedTab: RosettaTab {
|
||||||
|
if let interactionState, interactionState.isLifted {
|
||||||
|
return interactionState.hoveredTab
|
||||||
|
}
|
||||||
|
return selectedTab
|
||||||
|
}
|
||||||
|
|
||||||
private func tabContent(tab: RosettaTab, index: Int) -> some View {
|
private var tabSelectionGesture: some Gesture {
|
||||||
let frac = effectiveFractional
|
DragGesture(minimumDistance: 0, coordinateSpace: .named(Self.tabBarSpace))
|
||||||
let distance = abs(frac - CGFloat(index))
|
.onChanged(handleGestureChanged)
|
||||||
let blend = (1 - distance).clamped(to: 0...1)
|
.onEnded(handleGestureEnded)
|
||||||
let tint = tintColor(blend: blend)
|
}
|
||||||
let isEffectivelySelected = blend > 0.5
|
|
||||||
let badge: String? = (tab == .chats) ? cachedBadgeText : nil
|
|
||||||
|
|
||||||
return Button {
|
private func handleGestureChanged(_ value: DragGesture.Value) {
|
||||||
guard !isDragging else { return }
|
guard !tabFrames.isEmpty else {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
if interactionState == nil {
|
||||||
|
guard let startTab = tabAtStart(location: value.startLocation),
|
||||||
|
let startFrame = tabFrames[startTab]
|
||||||
|
else {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
let state = TabPressInteraction(
|
||||||
|
id: UUID(),
|
||||||
|
startTab: startTab,
|
||||||
|
startCenterX: startFrame.midX,
|
||||||
|
currentCenterX: startFrame.midX,
|
||||||
|
hoveredTab: startTab,
|
||||||
|
isLifted: true
|
||||||
|
)
|
||||||
UIImpactFeedbackGenerator(style: .light).impactOccurred()
|
UIImpactFeedbackGenerator(style: .light).impactOccurred()
|
||||||
onTabSelected?(tab)
|
interactionState = state
|
||||||
} label: {
|
publishSwipeState(for: state)
|
||||||
VStack(spacing: 2) {
|
return
|
||||||
ZStack(alignment: .topTrailing) {
|
}
|
||||||
Image(systemName: isEffectivelySelected ? tab.selectedIcon : tab.icon)
|
|
||||||
.font(.system(size: 22, weight: .regular))
|
|
||||||
.foregroundStyle(tint)
|
|
||||||
.frame(height: 28)
|
|
||||||
|
|
||||||
if let badge {
|
guard var state = interactionState else {
|
||||||
Text(badge)
|
return
|
||||||
.font(.system(size: 10, weight: .bold))
|
}
|
||||||
|
|
||||||
|
state.currentCenterX = clampedCenterX(state.startCenterX + value.translation.width)
|
||||||
|
|
||||||
|
if let nearest = nearestTab(toX: state.currentCenterX), nearest != state.hoveredTab {
|
||||||
|
state.hoveredTab = nearest
|
||||||
|
if state.isLifted {
|
||||||
|
UIImpactFeedbackGenerator(style: .soft).impactOccurred()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
interactionState = state
|
||||||
|
publishSwipeState(for: state)
|
||||||
|
}
|
||||||
|
|
||||||
|
private func handleGestureEnded(_ value: DragGesture.Value) {
|
||||||
|
guard let state = interactionState else {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
let targetTab = nearestTab(toX: value.location.x) ?? state.hoveredTab
|
||||||
|
|
||||||
|
withAnimation(.spring(response: 0.34, dampingFraction: 0.72)) {
|
||||||
|
interactionState = nil
|
||||||
|
}
|
||||||
|
|
||||||
|
onSwipeStateChanged?(nil)
|
||||||
|
onTabSelected?(targetTab)
|
||||||
|
}
|
||||||
|
|
||||||
|
private func publishSwipeState(for state: TabPressInteraction) {
|
||||||
|
guard state.isLifted,
|
||||||
|
let fractionalIndex = fractionalIndex(for: state.currentCenterX)
|
||||||
|
else {
|
||||||
|
onSwipeStateChanged?(nil)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
onSwipeStateChanged?(
|
||||||
|
TabBarSwipeState(
|
||||||
|
fromTab: state.startTab,
|
||||||
|
hoveredTab: state.hoveredTab,
|
||||||
|
fractionalIndex: fractionalIndex
|
||||||
|
)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
private func tabAtStart(location: CGPoint) -> RosettaTab? {
|
||||||
|
guard let nearest = nearestTab(toX: location.x),
|
||||||
|
let frame = tabFrames[nearest]
|
||||||
|
else {
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
return frame.insetBy(dx: -18, dy: -18).contains(location) ? nearest : nil
|
||||||
|
}
|
||||||
|
|
||||||
|
private func nearestTab(toX x: CGFloat) -> RosettaTab? {
|
||||||
|
tabFrames.min { lhs, rhs in
|
||||||
|
abs(lhs.value.midX - x) < abs(rhs.value.midX - x)
|
||||||
|
}?.key
|
||||||
|
}
|
||||||
|
|
||||||
|
private func clampedCenterX(_ value: CGFloat) -> CGFloat {
|
||||||
|
let centers = tabFrames.values.map(\.midX)
|
||||||
|
guard let minX = centers.min(), let maxX = centers.max() else {
|
||||||
|
return value
|
||||||
|
}
|
||||||
|
return min(max(value, minX), maxX)
|
||||||
|
}
|
||||||
|
|
||||||
|
private func fractionalIndex(for centerX: CGFloat) -> CGFloat? {
|
||||||
|
let centers = RosettaTab.interactionOrder.compactMap { tab -> CGFloat? in
|
||||||
|
tabFrames[tab]?.midX
|
||||||
|
}
|
||||||
|
|
||||||
|
guard centers.count == RosettaTab.interactionOrder.count else {
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
if centerX <= centers[0] {
|
||||||
|
return 0
|
||||||
|
}
|
||||||
|
if centerX >= centers[centers.count - 1] {
|
||||||
|
return CGFloat(centers.count - 1)
|
||||||
|
}
|
||||||
|
|
||||||
|
for index in 0 ..< centers.count - 1 {
|
||||||
|
let left = centers[index]
|
||||||
|
let right = centers[index + 1]
|
||||||
|
guard centerX >= left, centerX <= right else {
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
let progress = (centerX - left) / max(1, right - left)
|
||||||
|
return CGFloat(index) + progress
|
||||||
|
}
|
||||||
|
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
private func badgeText(for tab: RosettaTab) -> String? {
|
||||||
|
badges.first(where: { $0.tab == tab })?.text
|
||||||
|
}
|
||||||
|
|
||||||
|
private func isCoveredByLens(_ tab: RosettaTab) -> Bool {
|
||||||
|
interactionState?.isLifted == true && interactionState?.hoveredTab == tab
|
||||||
|
}
|
||||||
|
|
||||||
|
private func lensDiameter(for tab: RosettaTab) -> CGFloat {
|
||||||
|
switch tab {
|
||||||
|
case .search:
|
||||||
|
return 88
|
||||||
|
default:
|
||||||
|
return 104
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: - Main Tabs Pill
|
||||||
|
|
||||||
|
private extension RosettaTabBar {
|
||||||
|
var mainTabsPill: some View {
|
||||||
|
HStack(spacing: 0) {
|
||||||
|
ForEach(RosettaTab.allCases.filter { $0 != .search }, id: \.self) { tab in
|
||||||
|
TabItemView(
|
||||||
|
tab: tab,
|
||||||
|
isSelected: tab == visualSelectedTab,
|
||||||
|
isCoveredByLens: isCoveredByLens(tab),
|
||||||
|
badgeText: badgeText(for: tab)
|
||||||
|
)
|
||||||
|
.tabFramePreference(tab: tab, in: Self.tabBarSpace)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.padding(.horizontal, 4)
|
||||||
|
.padding(.top, 3)
|
||||||
|
.padding(.bottom, 3)
|
||||||
|
.frame(height: 62)
|
||||||
|
.background {
|
||||||
|
mainPillGlass
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@ViewBuilder
|
||||||
|
var mainPillGlass: some View {
|
||||||
|
ZStack {
|
||||||
|
Capsule().fill(.ultraThinMaterial)
|
||||||
|
Capsule().fill(Color.black.opacity(0.34))
|
||||||
|
Capsule().fill(
|
||||||
|
LinearGradient(
|
||||||
|
colors: [Color.white.opacity(0.08), .clear],
|
||||||
|
startPoint: .top,
|
||||||
|
endPoint: .bottom
|
||||||
|
)
|
||||||
|
).blendMode(.screen)
|
||||||
|
Capsule().stroke(Color.white.opacity(0.12), lineWidth: 1)
|
||||||
|
Capsule().stroke(Color.white.opacity(0.08), lineWidth: 1).padding(1.5)
|
||||||
|
}
|
||||||
|
.shadow(color: Color.black.opacity(0.45), radius: 22, y: 14)
|
||||||
|
}
|
||||||
|
|
||||||
|
@ViewBuilder
|
||||||
|
var liftedLensOverlay: some View {
|
||||||
|
if let state = interactionState,
|
||||||
|
state.isLifted,
|
||||||
|
let hoveredFrame = tabFrames[state.hoveredTab]
|
||||||
|
{
|
||||||
|
let diameter = lensDiameter(for: state.hoveredTab)
|
||||||
|
|
||||||
|
ZStack {
|
||||||
|
lensBubble
|
||||||
|
LensTabContentView(
|
||||||
|
tab: state.hoveredTab,
|
||||||
|
badgeText: badgeText(for: state.hoveredTab)
|
||||||
|
)
|
||||||
|
.padding(.top, state.hoveredTab == .search ? 0 : 8)
|
||||||
|
}
|
||||||
|
.frame(width: diameter, height: diameter)
|
||||||
|
.position(x: state.currentCenterX, y: hoveredFrame.midY - lensLiftOffset)
|
||||||
|
.shadow(color: .black.opacity(0.42), radius: 24, y: 15)
|
||||||
|
.shadow(color: Color.cyan.opacity(0.10), radius: 20, y: 1)
|
||||||
|
.allowsHitTesting(false)
|
||||||
|
.transition(.scale(scale: 0.86).combined(with: .opacity))
|
||||||
|
.animation(.spring(response: 0.34, dampingFraction: 0.74), value: state.isLifted)
|
||||||
|
.zIndex(20)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@ViewBuilder
|
||||||
|
var lensBubble: some View {
|
||||||
|
ZStack {
|
||||||
|
Circle().fill(.ultraThinMaterial)
|
||||||
|
Circle().fill(Color.black.opacity(0.38))
|
||||||
|
Circle().fill(
|
||||||
|
LinearGradient(
|
||||||
|
colors: [Color.white.opacity(0.08), Color.white.opacity(0.01), .clear],
|
||||||
|
startPoint: .topLeading,
|
||||||
|
endPoint: .bottomTrailing
|
||||||
|
)
|
||||||
|
)
|
||||||
|
Circle().stroke(Color.white.opacity(0.16), lineWidth: 1)
|
||||||
|
Circle().stroke(Color.white.opacity(0.06), lineWidth: 1).padding(1.6)
|
||||||
|
Circle().stroke(
|
||||||
|
AngularGradient(
|
||||||
|
colors: [
|
||||||
|
Color.cyan.opacity(0.34),
|
||||||
|
Color.blue.opacity(0.28),
|
||||||
|
Color.pink.opacity(0.28),
|
||||||
|
Color.orange.opacity(0.30),
|
||||||
|
Color.yellow.opacity(0.20),
|
||||||
|
Color.cyan.opacity(0.34),
|
||||||
|
],
|
||||||
|
center: .center
|
||||||
|
),
|
||||||
|
lineWidth: 1.1
|
||||||
|
).blendMode(.screen)
|
||||||
|
}
|
||||||
|
.compositingGroup()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: - Tab Item
|
||||||
|
|
||||||
|
private struct TabItemView: View {
|
||||||
|
let tab: RosettaTab
|
||||||
|
let isSelected: Bool
|
||||||
|
let isCoveredByLens: Bool
|
||||||
|
let badgeText: String?
|
||||||
|
|
||||||
|
var body: some View {
|
||||||
|
VStack(spacing: 1) {
|
||||||
|
ZStack(alignment: .topTrailing) {
|
||||||
|
Image(systemName: isSelected ? tab.selectedIcon : tab.icon)
|
||||||
|
.font(.system(size: 22))
|
||||||
|
.foregroundStyle(tabColor)
|
||||||
|
.frame(height: 30)
|
||||||
|
|
||||||
|
if let badgeText {
|
||||||
|
Text(badgeText)
|
||||||
|
.font(.system(size: 10, weight: .medium))
|
||||||
|
.foregroundStyle(.white)
|
||||||
|
.padding(.horizontal, badgeText.count > 2 ? 4 : 0)
|
||||||
|
.frame(minWidth: 18, minHeight: 18)
|
||||||
|
.background(Capsule().fill(RosettaColors.error))
|
||||||
|
.offset(x: 10, y: -4)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Text(tab.label)
|
||||||
|
.font(.system(size: 10, weight: isSelected ? .bold : .medium))
|
||||||
|
.foregroundStyle(tabColor)
|
||||||
|
}
|
||||||
|
.frame(maxWidth: .infinity)
|
||||||
|
.padding(14)
|
||||||
|
.opacity(isCoveredByLens ? 0.07 : 1)
|
||||||
|
.animation(.easeInOut(duration: 0.14), value: isCoveredByLens)
|
||||||
|
.accessibilityLabel(tab.label)
|
||||||
|
.accessibilityAddTraits(isSelected ? .isSelected : [])
|
||||||
|
}
|
||||||
|
|
||||||
|
private var tabColor: Color {
|
||||||
|
isSelected
|
||||||
|
? RosettaColors.primaryBlue
|
||||||
|
: RosettaColors.adaptive(
|
||||||
|
light: Color(hex: 0x404040),
|
||||||
|
dark: Color(hex: 0x8E8E93)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: - Search Pill
|
||||||
|
|
||||||
|
private extension RosettaTabBar {
|
||||||
|
var searchPill: some View {
|
||||||
|
SearchPillView(
|
||||||
|
isSelected: visualSelectedTab == .search,
|
||||||
|
isCoveredByLens: isCoveredByLens(.search)
|
||||||
|
)
|
||||||
|
.tabFramePreference(tab: .search, in: Self.tabBarSpace)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private struct SearchPillView: View {
|
||||||
|
let isSelected: Bool
|
||||||
|
let isCoveredByLens: Bool
|
||||||
|
|
||||||
|
var body: some View {
|
||||||
|
Image(systemName: "magnifyingglass")
|
||||||
|
.font(.system(size: 17, weight: .semibold))
|
||||||
|
.foregroundStyle(
|
||||||
|
isSelected
|
||||||
|
? RosettaColors.primaryBlue
|
||||||
|
: RosettaColors.adaptive(
|
||||||
|
light: Color(hex: 0x404040),
|
||||||
|
dark: Color(hex: 0x8E8E93)
|
||||||
|
)
|
||||||
|
)
|
||||||
|
.frame(width: 62, height: 62)
|
||||||
|
.opacity(isCoveredByLens ? 0.08 : 1)
|
||||||
|
.animation(.easeInOut(duration: 0.14), value: isCoveredByLens)
|
||||||
|
.background { searchPillGlass }
|
||||||
|
.accessibilityLabel("Search")
|
||||||
|
.accessibilityAddTraits(isSelected ? .isSelected : [])
|
||||||
|
}
|
||||||
|
|
||||||
|
@ViewBuilder
|
||||||
|
private var searchPillGlass: some View {
|
||||||
|
ZStack {
|
||||||
|
Circle().fill(.ultraThinMaterial)
|
||||||
|
Circle().fill(Color.black.opacity(0.34))
|
||||||
|
Circle().fill(
|
||||||
|
LinearGradient(
|
||||||
|
colors: [Color.white.opacity(0.08), .clear],
|
||||||
|
startPoint: .top,
|
||||||
|
endPoint: .bottom
|
||||||
|
)
|
||||||
|
).blendMode(.screen)
|
||||||
|
Circle().stroke(Color.white.opacity(0.12), lineWidth: 1)
|
||||||
|
Circle().stroke(Color.white.opacity(0.08), lineWidth: 1).padding(1.5)
|
||||||
|
}
|
||||||
|
.shadow(color: Color.black.opacity(0.45), radius: 22, y: 14)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private struct LensTabContentView: View {
|
||||||
|
let tab: RosettaTab
|
||||||
|
let badgeText: String?
|
||||||
|
|
||||||
|
var body: some View {
|
||||||
|
if tab == .search {
|
||||||
|
Image(systemName: "magnifyingglass")
|
||||||
|
.font(.system(size: 29, weight: .semibold))
|
||||||
|
.foregroundStyle(RosettaColors.primaryBlue)
|
||||||
|
} else {
|
||||||
|
VStack(spacing: 3) {
|
||||||
|
ZStack(alignment: .topTrailing) {
|
||||||
|
Image(systemName: tab.selectedIcon)
|
||||||
|
.font(.system(size: 30))
|
||||||
|
.foregroundStyle(.white)
|
||||||
|
.frame(height: 36)
|
||||||
|
|
||||||
|
if let badgeText {
|
||||||
|
Text(badgeText)
|
||||||
|
.font(.system(size: 10, weight: .medium))
|
||||||
.foregroundStyle(.white)
|
.foregroundStyle(.white)
|
||||||
.padding(.horizontal, badge.count > 2 ? 4 : 0)
|
.padding(.horizontal, badgeText.count > 2 ? 5 : 0)
|
||||||
.frame(minWidth: 18, minHeight: 18)
|
.frame(minWidth: 20, minHeight: 20)
|
||||||
.background(Capsule().fill(RosettaColors.error))
|
.background(Capsule().fill(RosettaColors.error))
|
||||||
.offset(x: 10, y: -4)
|
.offset(x: 16, y: -9)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Text(tab.label)
|
Text(tab.label)
|
||||||
.font(.system(size: 10, weight: isEffectivelySelected ? .bold : .medium))
|
.font(.system(size: 17, weight: .semibold))
|
||||||
.foregroundStyle(tint)
|
.foregroundStyle(RosettaColors.primaryBlue)
|
||||||
}
|
}
|
||||||
.frame(minWidth: 66, maxWidth: .infinity)
|
|
||||||
.padding(.vertical, 6)
|
|
||||||
}
|
|
||||||
.buttonStyle(.plain)
|
|
||||||
.accessibilityLabel(tab.label)
|
|
||||||
.accessibilityAddTraits(isEffectivelySelected ? .isSelected : [])
|
|
||||||
}
|
|
||||||
|
|
||||||
// MARK: - Color Interpolation
|
|
||||||
|
|
||||||
/// Pre-computed RGBA to avoid creating UIColor on every drag frame.
|
|
||||||
private static let unselectedRGBA: (CGFloat, CGFloat, CGFloat, CGFloat) = {
|
|
||||||
var r: CGFloat = 0, g: CGFloat = 0, b: CGFloat = 0, a: CGFloat = 0
|
|
||||||
UIColor(TabBarColors.unselectedTint).getRed(&r, green: &g, blue: &b, alpha: &a)
|
|
||||||
return (r, g, b, a)
|
|
||||||
}()
|
|
||||||
|
|
||||||
private static let selectedRGBA: (CGFloat, CGFloat, CGFloat, CGFloat) = {
|
|
||||||
var r: CGFloat = 0, g: CGFloat = 0, b: CGFloat = 0, a: CGFloat = 0
|
|
||||||
UIColor(TabBarColors.selectedTint).getRed(&r, green: &g, blue: &b, alpha: &a)
|
|
||||||
return (r, g, b, a)
|
|
||||||
}()
|
|
||||||
|
|
||||||
private func tintColor(blend: CGFloat) -> Color {
|
|
||||||
let t = blend.clamped(to: 0...1)
|
|
||||||
let (fr, fg, fb, fa) = Self.unselectedRGBA
|
|
||||||
let (tr, tg, tb, ta) = Self.selectedRGBA
|
|
||||||
return Color(
|
|
||||||
red: fr + (tr - fr) * t,
|
|
||||||
green: fg + (tg - fg) * t,
|
|
||||||
blue: fb + (tb - fb) * t,
|
|
||||||
opacity: fa + (ta - fa) * t
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// MARK: - Shadow (iOS < 26 only)
|
|
||||||
|
|
||||||
/// Glass has built-in depth on iOS 26+, so shadow is only needed on older versions.
|
|
||||||
private struct TabBarShadowModifier: ViewModifier {
|
|
||||||
func body(content: Content) -> some View {
|
|
||||||
if #available(iOS 26.0, *) {
|
|
||||||
content
|
|
||||||
} else {
|
|
||||||
content
|
|
||||||
.shadow(color: Color.black.opacity(0.12), radius: 20, y: 8)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// MARK: - Comparable Clamping
|
// MARK: - Geometry Helpers
|
||||||
|
|
||||||
private extension Comparable {
|
private struct TabPressInteraction {
|
||||||
func clamped(to range: ClosedRange<Self>) -> Self {
|
let id: UUID
|
||||||
min(max(self, range.lowerBound), range.upperBound)
|
let startTab: RosettaTab
|
||||||
|
let startCenterX: CGFloat
|
||||||
|
var currentCenterX: CGFloat
|
||||||
|
var hoveredTab: RosettaTab
|
||||||
|
var isLifted: Bool
|
||||||
|
}
|
||||||
|
|
||||||
|
private struct TabFramePreferenceKey: PreferenceKey {
|
||||||
|
static var defaultValue: [RosettaTab: CGRect] = [:]
|
||||||
|
|
||||||
|
static func reduce(value: inout [RosettaTab: CGRect], nextValue: () -> [RosettaTab: CGRect]) {
|
||||||
|
value.merge(nextValue(), uniquingKeysWith: { _, new in new })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private extension View {
|
||||||
|
func tabFramePreference(tab: RosettaTab, in coordinateSpace: String) -> some View {
|
||||||
|
background {
|
||||||
|
GeometryReader { proxy in
|
||||||
|
Color.clear.preference(
|
||||||
|
key: TabFramePreferenceKey.self,
|
||||||
|
value: [tab: proxy.frame(in: .named(coordinateSpace))]
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -351,6 +533,12 @@ private extension Comparable {
|
|||||||
#Preview {
|
#Preview {
|
||||||
ZStack(alignment: .bottom) {
|
ZStack(alignment: .bottom) {
|
||||||
Color.black.ignoresSafeArea()
|
Color.black.ignoresSafeArea()
|
||||||
RosettaTabBar(selectedTab: .chats)
|
|
||||||
|
RosettaTabBar(
|
||||||
|
selectedTab: .chats,
|
||||||
|
badges: [
|
||||||
|
TabBadge(tab: .chats, text: "7"),
|
||||||
|
]
|
||||||
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ import SwiftUI
|
|||||||
|
|
||||||
// MARK: - Auth Screen Enum
|
// MARK: - Auth Screen Enum
|
||||||
|
|
||||||
enum AuthScreen: Hashable {
|
enum AuthScreen: Equatable {
|
||||||
case welcome
|
case welcome
|
||||||
case seedPhrase
|
case seedPhrase
|
||||||
case confirmSeed
|
case confirmSeed
|
||||||
@@ -16,12 +16,69 @@ struct AuthCoordinator: View {
|
|||||||
let onAuthComplete: () -> Void
|
let onAuthComplete: () -> Void
|
||||||
var onBackToUnlock: (() -> Void)?
|
var onBackToUnlock: (() -> Void)?
|
||||||
|
|
||||||
@State private var path = NavigationPath()
|
@State private var currentScreen: AuthScreen = .welcome
|
||||||
@State private var seedPhrase: [String] = []
|
@State private var seedPhrase: [String] = []
|
||||||
@State private var isImportMode = false
|
@State private var isImportMode = false
|
||||||
|
@State private var navigationDirection: NavigationDirection = .forward
|
||||||
|
@State private var swipeOffset: CGFloat = 0
|
||||||
|
|
||||||
|
private var canSwipeBack: Bool {
|
||||||
|
currentScreen != .welcome
|
||||||
|
}
|
||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
NavigationStack(path: $path) {
|
GeometryReader { geometry in
|
||||||
|
let screenWidth = geometry.size.width
|
||||||
|
|
||||||
|
ZStack {
|
||||||
|
RosettaColors.authBackground
|
||||||
|
.ignoresSafeArea()
|
||||||
|
|
||||||
|
// Previous screen — peeks from behind during swipe
|
||||||
|
if canSwipeBack {
|
||||||
|
previousScreenView
|
||||||
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||||||
|
.background { RosettaColors.authBackground.ignoresSafeArea() }
|
||||||
|
.offset(x: -screenWidth * 0.3 + swipeOffset * 0.3)
|
||||||
|
.overlay {
|
||||||
|
Color.black
|
||||||
|
.opacity(swipeOffset > 0
|
||||||
|
? 0.5 * (1.0 - swipeOffset / screenWidth)
|
||||||
|
: 1.0)
|
||||||
|
.ignoresSafeArea()
|
||||||
|
}
|
||||||
|
.allowsHitTesting(false)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Current screen — slides right during swipe
|
||||||
|
currentScreenView
|
||||||
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||||||
|
.background { RosettaColors.authBackground.ignoresSafeArea() }
|
||||||
|
.transition(.move(edge: navigationDirection == .forward ? .trailing : .leading))
|
||||||
|
.id(currentScreen)
|
||||||
|
.offset(x: swipeOffset)
|
||||||
|
}
|
||||||
|
.overlay(alignment: .leading) {
|
||||||
|
if canSwipeBack {
|
||||||
|
Color.clear
|
||||||
|
.frame(width: 20)
|
||||||
|
.contentShape(Rectangle())
|
||||||
|
.padding(.top, 60)
|
||||||
|
.gesture(swipeBackGesture(screenWidth: screenWidth))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.preferredColorScheme(.dark)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: - Screen Views
|
||||||
|
|
||||||
|
private extension AuthCoordinator {
|
||||||
|
@ViewBuilder
|
||||||
|
var currentScreenView: some View {
|
||||||
|
switch currentScreen {
|
||||||
|
case .welcome:
|
||||||
WelcomeView(
|
WelcomeView(
|
||||||
onGenerateSeed: { navigateTo(.seedPhrase) },
|
onGenerateSeed: { navigateTo(.seedPhrase) },
|
||||||
onImportSeed: {
|
onImportSeed: {
|
||||||
@@ -30,40 +87,22 @@ struct AuthCoordinator: View {
|
|||||||
},
|
},
|
||||||
onBack: onBackToUnlock
|
onBack: onBackToUnlock
|
||||||
)
|
)
|
||||||
.toolbar(.hidden, for: .navigationBar)
|
|
||||||
.navigationDestination(for: AuthScreen.self) { screen in
|
|
||||||
destinationView(for: screen)
|
|
||||||
.toolbar(.hidden, for: .navigationBar)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preferredColorScheme(.dark)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// MARK: - Screen Views
|
|
||||||
|
|
||||||
private extension AuthCoordinator {
|
|
||||||
@ViewBuilder
|
|
||||||
func destinationView(for screen: AuthScreen) -> some View {
|
|
||||||
switch screen {
|
|
||||||
case .welcome:
|
|
||||||
EmptyView()
|
|
||||||
|
|
||||||
case .seedPhrase:
|
case .seedPhrase:
|
||||||
SeedPhraseView(
|
SeedPhraseView(
|
||||||
seedPhrase: $seedPhrase,
|
seedPhrase: $seedPhrase,
|
||||||
onContinue: { navigateTo(.confirmSeed) },
|
onContinue: { navigateTo(.confirmSeed) },
|
||||||
onBack: { navigateBack() }
|
onBack: { navigateBack(to: .welcome) }
|
||||||
)
|
)
|
||||||
|
|
||||||
case .confirmSeed:
|
case .confirmSeed:
|
||||||
ConfirmSeedPhraseView(
|
ConfirmSeedPhraseView(
|
||||||
seedPhrase: $seedPhrase,
|
seedPhrase: seedPhrase,
|
||||||
onConfirmed: {
|
onConfirmed: {
|
||||||
isImportMode = false
|
isImportMode = false
|
||||||
navigateTo(.setPassword)
|
navigateTo(.setPassword)
|
||||||
},
|
},
|
||||||
onBack: { navigateBack() }
|
onBack: { navigateBack(to: .seedPhrase) }
|
||||||
)
|
)
|
||||||
|
|
||||||
case .importSeed:
|
case .importSeed:
|
||||||
@@ -73,33 +112,113 @@ private extension AuthCoordinator {
|
|||||||
isImportMode = true
|
isImportMode = true
|
||||||
navigateTo(.setPassword)
|
navigateTo(.setPassword)
|
||||||
},
|
},
|
||||||
onBack: { navigateBack() }
|
onBack: { navigateBack(to: .welcome) }
|
||||||
)
|
)
|
||||||
|
|
||||||
case .setPassword:
|
case .setPassword:
|
||||||
SetPasswordView(
|
SetPasswordView(
|
||||||
seedPhrase: $seedPhrase,
|
seedPhrase: seedPhrase,
|
||||||
isImportMode: isImportMode,
|
isImportMode: isImportMode,
|
||||||
onAccountCreated: onAuthComplete,
|
onAccountCreated: onAuthComplete,
|
||||||
onBack: { navigateBack() }
|
onBack: {
|
||||||
|
if isImportMode {
|
||||||
|
navigateBack(to: .importSeed)
|
||||||
|
} else {
|
||||||
|
navigateBack(to: .confirmSeed)
|
||||||
|
}
|
||||||
|
}
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ViewBuilder
|
||||||
|
var previousScreenView: some View {
|
||||||
|
switch currentScreen {
|
||||||
|
case .welcome:
|
||||||
|
EmptyView()
|
||||||
|
case .seedPhrase:
|
||||||
|
WelcomeView(onGenerateSeed: {}, onImportSeed: {}, onBack: onBackToUnlock)
|
||||||
|
case .confirmSeed:
|
||||||
|
SeedPhraseView(seedPhrase: .constant(seedPhrase), onContinue: {}, onBack: {})
|
||||||
|
case .importSeed:
|
||||||
|
WelcomeView(onGenerateSeed: {}, onImportSeed: {}, onBack: onBackToUnlock)
|
||||||
|
case .setPassword:
|
||||||
|
if isImportMode {
|
||||||
|
ImportSeedPhraseView(seedPhrase: .constant(seedPhrase), onContinue: {}, onBack: {})
|
||||||
|
} else {
|
||||||
|
ConfirmSeedPhraseView(seedPhrase: seedPhrase, onConfirmed: {}, onBack: {})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// MARK: - Transitions (kept minimal — pure slide, no opacity, to avoid flash)
|
||||||
|
|
||||||
// MARK: - Navigation
|
// MARK: - Navigation
|
||||||
|
|
||||||
private extension AuthCoordinator {
|
private extension AuthCoordinator {
|
||||||
func navigateTo(_ screen: AuthScreen) {
|
func navigateTo(_ screen: AuthScreen) {
|
||||||
path.append(screen)
|
navigationDirection = .forward
|
||||||
|
withAnimation(.spring(response: 0.45, dampingFraction: 0.92)) {
|
||||||
|
currentScreen = screen
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
func navigateBack() {
|
func navigateBack(to screen: AuthScreen) {
|
||||||
guard !path.isEmpty else { return }
|
navigationDirection = .backward
|
||||||
path.removeLast()
|
withAnimation(.spring(response: 0.4, dampingFraction: 0.95)) {
|
||||||
|
currentScreen = screen
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// MARK: - Swipe Back Gesture
|
||||||
|
|
||||||
|
private extension AuthCoordinator {
|
||||||
|
func swipeBackGesture(screenWidth: CGFloat) -> some Gesture {
|
||||||
|
DragGesture(minimumDistance: 10)
|
||||||
|
.onChanged { value in
|
||||||
|
swipeOffset = max(value.translation.width, 0)
|
||||||
|
}
|
||||||
|
.onEnded { value in
|
||||||
|
let shouldGoBack = value.translation.width > 100
|
||||||
|
|| value.predictedEndTranslation.width > 200
|
||||||
|
|
||||||
|
if shouldGoBack {
|
||||||
|
withAnimation(.easeOut(duration: 0.25)) {
|
||||||
|
swipeOffset = screenWidth
|
||||||
|
}
|
||||||
|
DispatchQueue.main.asyncAfter(deadline: .now() + 0.25) {
|
||||||
|
swipeOffset = 0
|
||||||
|
navigationDirection = .backward
|
||||||
|
currentScreen = backDestination
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
withAnimation(.spring(response: 0.3, dampingFraction: 0.85)) {
|
||||||
|
swipeOffset = 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var backDestination: AuthScreen {
|
||||||
|
switch currentScreen {
|
||||||
|
case .welcome: return .welcome
|
||||||
|
case .seedPhrase: return .welcome
|
||||||
|
case .confirmSeed: return .seedPhrase
|
||||||
|
case .importSeed: return .welcome
|
||||||
|
case .setPassword: return isImportMode ? .importSeed : .confirmSeed
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: - Navigation Direction
|
||||||
|
|
||||||
|
private enum NavigationDirection {
|
||||||
|
case forward
|
||||||
|
case backward
|
||||||
|
}
|
||||||
|
|
||||||
#Preview {
|
#Preview {
|
||||||
AuthCoordinator(onAuthComplete: {})
|
AuthCoordinator(onAuthComplete: {})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import SwiftUI
|
import SwiftUI
|
||||||
|
|
||||||
struct ConfirmSeedPhraseView: View {
|
struct ConfirmSeedPhraseView: View {
|
||||||
@Binding var seedPhrase: [String]
|
let seedPhrase: [String]
|
||||||
let onConfirmed: () -> Void
|
let onConfirmed: () -> Void
|
||||||
let onBack: () -> Void
|
let onBack: () -> Void
|
||||||
|
|
||||||
@@ -13,7 +13,6 @@ struct ConfirmSeedPhraseView: View {
|
|||||||
private let confirmPositions = [1, 4, 8, 11]
|
private let confirmPositions = [1, 4, 8, 11]
|
||||||
|
|
||||||
private var allCorrect: Bool {
|
private var allCorrect: Bool {
|
||||||
guard seedPhrase.count >= 12 else { return false }
|
|
||||||
for (inputIndex, seedIndex) in confirmPositions.enumerated() {
|
for (inputIndex, seedIndex) in confirmPositions.enumerated() {
|
||||||
let input = confirmationInputs[inputIndex].lowercased().trimmingCharacters(in: .whitespaces)
|
let input = confirmationInputs[inputIndex].lowercased().trimmingCharacters(in: .whitespaces)
|
||||||
if input != seedPhrase[seedIndex].lowercased() { return false }
|
if input != seedPhrase[seedIndex].lowercased() { return false }
|
||||||
@@ -25,31 +24,26 @@ struct ConfirmSeedPhraseView: View {
|
|||||||
VStack(spacing: 0) {
|
VStack(spacing: 0) {
|
||||||
AuthNavigationBar(onBack: onBack)
|
AuthNavigationBar(onBack: onBack)
|
||||||
|
|
||||||
if seedPhrase.count >= 12 {
|
ScrollView(showsIndicators: false) {
|
||||||
ScrollView(showsIndicators: false) {
|
VStack(spacing: 24) {
|
||||||
VStack(spacing: 24) {
|
headerSection
|
||||||
headerSection
|
pasteButton
|
||||||
pasteButton
|
pasteSuccessMessage
|
||||||
pasteSuccessMessage
|
wordGrid
|
||||||
wordGrid
|
errorMessage
|
||||||
errorMessage
|
|
||||||
}
|
|
||||||
.padding(.horizontal, 24)
|
|
||||||
.padding(.top, 16)
|
|
||||||
.padding(.bottom, 100)
|
|
||||||
}
|
}
|
||||||
.scrollDismissesKeyboard(.interactively)
|
.padding(.horizontal, 24)
|
||||||
.onTapGesture(count: 1) { focusedInputIndex = nil }
|
.padding(.top, 16)
|
||||||
.simultaneousGesture(TapGesture().onEnded {})
|
.padding(.bottom, 100)
|
||||||
|
|
||||||
confirmButton
|
|
||||||
.padding(.horizontal, 24)
|
|
||||||
.padding(.bottom, 16)
|
|
||||||
} else {
|
|
||||||
Spacer()
|
|
||||||
}
|
}
|
||||||
|
.scrollDismissesKeyboard(.interactively)
|
||||||
|
.onTapGesture(count: 1) { focusedInputIndex = nil }
|
||||||
|
.simultaneousGesture(TapGesture().onEnded {})
|
||||||
|
|
||||||
|
confirmButton
|
||||||
|
.padding(.horizontal, 24)
|
||||||
|
.padding(.bottom, 16)
|
||||||
}
|
}
|
||||||
.background { RosettaColors.authBackground.ignoresSafeArea() }
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -134,7 +128,7 @@ private extension ConfirmSeedPhraseView {
|
|||||||
.foregroundStyle(RosettaColors.numberGray)
|
.foregroundStyle(RosettaColors.numberGray)
|
||||||
.frame(width: 28, alignment: .trailing)
|
.frame(width: 28, alignment: .trailing)
|
||||||
|
|
||||||
TextField("enter", text: $confirmationInputs[inputIndex])
|
TextField("enter word", text: $confirmationInputs[inputIndex])
|
||||||
.font(.system(size: 17, weight: .semibold, design: .monospaced))
|
.font(.system(size: 17, weight: .semibold, design: .monospaced))
|
||||||
.foregroundStyle(.white)
|
.foregroundStyle(.white)
|
||||||
.autocorrectionDisabled()
|
.autocorrectionDisabled()
|
||||||
@@ -287,8 +281,8 @@ private extension ConfirmSeedPhraseView {
|
|||||||
|
|
||||||
#Preview {
|
#Preview {
|
||||||
ConfirmSeedPhraseView(
|
ConfirmSeedPhraseView(
|
||||||
seedPhrase: .constant(["abandon", "ability", "able", "about", "above", "absent",
|
seedPhrase: ["abandon", "ability", "able", "about", "above", "absent",
|
||||||
"absorb", "abstract", "absurd", "abuse", "access", "accident"]),
|
"absorb", "abstract", "absurd", "abuse", "access", "accident"],
|
||||||
onConfirmed: {},
|
onConfirmed: {},
|
||||||
onBack: {}
|
onBack: {}
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -37,7 +37,6 @@ struct ImportSeedPhraseView: View {
|
|||||||
.padding(.horizontal, 24)
|
.padding(.horizontal, 24)
|
||||||
.padding(.bottom, 16)
|
.padding(.bottom, 16)
|
||||||
}
|
}
|
||||||
.background { RosettaColors.authBackground.ignoresSafeArea() }
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -37,7 +37,6 @@ struct SeedPhraseView: View {
|
|||||||
.padding(.horizontal, 24)
|
.padding(.horizontal, 24)
|
||||||
.padding(.bottom, 16)
|
.padding(.bottom, 16)
|
||||||
}
|
}
|
||||||
.background { RosettaColors.authBackground.ignoresSafeArea() }
|
|
||||||
.onAppear(perform: generateSeedPhraseIfNeeded)
|
.onAppear(perform: generateSeedPhraseIfNeeded)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -118,12 +117,21 @@ private struct SeedCardStyle: ViewModifier {
|
|||||||
let color: Color
|
let color: Color
|
||||||
|
|
||||||
func body(content: Content) -> some View {
|
func body(content: Content) -> some View {
|
||||||
content
|
if #available(iOS 26, *) {
|
||||||
.background {
|
content
|
||||||
RoundedRectangle(cornerRadius: 14)
|
.glassEffect(.regular, in: RoundedRectangle(cornerRadius: 12))
|
||||||
.fill(color.opacity(0.15))
|
} else {
|
||||||
}
|
content
|
||||||
.clipShape(RoundedRectangle(cornerRadius: 14))
|
.background {
|
||||||
|
RoundedRectangle(cornerRadius: 12)
|
||||||
|
.fill(color.opacity(0.12))
|
||||||
|
.overlay {
|
||||||
|
RoundedRectangle(cornerRadius: 12)
|
||||||
|
.stroke(color.opacity(0.18), lineWidth: 0.5)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.clipShape(RoundedRectangle(cornerRadius: 12))
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -145,7 +153,7 @@ private extension SeedPhraseView {
|
|||||||
.font(.system(size: 15, weight: .medium))
|
.font(.system(size: 15, weight: .medium))
|
||||||
}
|
}
|
||||||
.foregroundStyle(showCopiedToast ? RosettaColors.success : RosettaColors.primaryBlue)
|
.foregroundStyle(showCopiedToast ? RosettaColors.success : RosettaColors.primaryBlue)
|
||||||
.animation(.easeInOut(duration: 0.2), value: showCopiedToast)
|
.contentTransition(.symbolEffect(.replace))
|
||||||
}
|
}
|
||||||
.accessibilityLabel(showCopiedToast ? "Copied to clipboard" : "Copy seed phrase to clipboard")
|
.accessibilityLabel(showCopiedToast ? "Copied to clipboard" : "Copy seed phrase to clipboard")
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import SwiftUI
|
import SwiftUI
|
||||||
|
|
||||||
struct SetPasswordView: View {
|
struct SetPasswordView: View {
|
||||||
@Binding var seedPhrase: [String]
|
let seedPhrase: [String]
|
||||||
let isImportMode: Bool
|
let isImportMode: Bool
|
||||||
let onAccountCreated: () -> Void
|
let onAccountCreated: () -> Void
|
||||||
let onBack: () -> Void
|
let onBack: () -> Void
|
||||||
@@ -72,7 +72,6 @@ struct SetPasswordView: View {
|
|||||||
.padding(.horizontal, 24)
|
.padding(.horizontal, 24)
|
||||||
.padding(.bottom, 16)
|
.padding(.bottom, 16)
|
||||||
}
|
}
|
||||||
.background { RosettaColors.authBackground.ignoresSafeArea() }
|
|
||||||
.ignoresSafeArea(.keyboard)
|
.ignoresSafeArea(.keyboard)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -279,8 +278,8 @@ private extension SetPasswordView {
|
|||||||
|
|
||||||
#Preview {
|
#Preview {
|
||||||
SetPasswordView(
|
SetPasswordView(
|
||||||
seedPhrase: .constant(["abandon", "ability", "able", "about", "above", "absent",
|
seedPhrase: ["abandon", "ability", "able", "about", "above", "absent",
|
||||||
"absorb", "abstract", "absurd", "abuse", "access", "accident"]),
|
"absorb", "abstract", "absurd", "abuse", "access", "accident"],
|
||||||
isImportMode: false,
|
isImportMode: false,
|
||||||
onAccountCreated: {},
|
onAccountCreated: {},
|
||||||
onBack: {}
|
onBack: {}
|
||||||
|
|||||||
@@ -49,7 +49,6 @@ struct WelcomeView: View {
|
|||||||
.accessibilityLabel("Back")
|
.accessibilityLabel("Back")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.background { RosettaColors.authBackground.ignoresSafeArea() }
|
|
||||||
.onAppear {
|
.onAppear {
|
||||||
guard !isVisible else { return }
|
guard !isVisible else { return }
|
||||||
withAnimation(.easeOut(duration: 0.5)) { isVisible = true }
|
withAnimation(.easeOut(duration: 0.5)) { isVisible = true }
|
||||||
|
|||||||
@@ -103,8 +103,15 @@ final class ChatListViewModel: ObservableObject {
|
|||||||
self.serverSearchResults = packet.users
|
self.serverSearchResults = packet.users
|
||||||
self.isServerSearching = false
|
self.isServerSearching = false
|
||||||
Self.logger.debug("📥 isServerSearching=\(self.isServerSearching), count=\(self.serverSearchResults.count)")
|
Self.logger.debug("📥 isServerSearching=\(self.isServerSearching), count=\(self.serverSearchResults.count)")
|
||||||
// Note: DialogRepository.updateUserInfo is handled by
|
for user in packet.users {
|
||||||
// SessionManager.setupUserInfoSearchHandler — avoid duplicate mutations.
|
DialogRepository.shared.updateUserInfo(
|
||||||
|
publicKey: user.publicKey,
|
||||||
|
title: user.title,
|
||||||
|
username: user.username,
|
||||||
|
verified: user.verified,
|
||||||
|
online: user.online
|
||||||
|
)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -9,19 +9,7 @@ struct OnboardingPager<Page: View>: UIViewControllerRepresentable {
|
|||||||
let count: Int
|
let count: Int
|
||||||
let buildPage: (Int) -> Page
|
let buildPage: (Int) -> Page
|
||||||
|
|
||||||
func makeCoordinator() -> OnboardingPagerCoordinator {
|
func makeCoordinator() -> Coordinator { Coordinator(self) }
|
||||||
OnboardingPagerCoordinator(
|
|
||||||
currentIndex: currentIndex,
|
|
||||||
count: count,
|
|
||||||
currentIndexSetter: { [self] idx in self._currentIndex.wrappedValue = idx },
|
|
||||||
continuousProgressSetter: { [self] val in self._continuousProgress.wrappedValue = val },
|
|
||||||
buildControllers: { (0..<count).map { i in
|
|
||||||
let hc = UIHostingController(rootView: buildPage(i))
|
|
||||||
hc.view.backgroundColor = .clear
|
|
||||||
return hc
|
|
||||||
}}
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
func makeUIViewController(context: Context) -> UIPageViewController {
|
func makeUIViewController(context: Context) -> UIPageViewController {
|
||||||
let vc = UIPageViewController(
|
let vc = UIPageViewController(
|
||||||
@@ -48,95 +36,85 @@ struct OnboardingPager<Page: View>: UIViewControllerRepresentable {
|
|||||||
}
|
}
|
||||||
|
|
||||||
func updateUIViewController(_ vc: UIPageViewController, context: Context) {
|
func updateUIViewController(_ vc: UIPageViewController, context: Context) {
|
||||||
context.coordinator.count = count
|
context.coordinator.parent = self
|
||||||
context.coordinator.currentIndex = currentIndex
|
|
||||||
context.coordinator.currentIndexSetter = { [self] idx in self._currentIndex.wrappedValue = idx }
|
|
||||||
context.coordinator.continuousProgressSetter = { [self] val in self._continuousProgress.wrappedValue = val }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// MARK: - Coordinator (non-generic to avoid Swift compiler crash in Release optimiser)
|
|
||||||
|
|
||||||
final class OnboardingPagerCoordinator: NSObject,
|
|
||||||
UIPageViewControllerDataSource,
|
|
||||||
UIPageViewControllerDelegate,
|
|
||||||
UIScrollViewDelegate
|
|
||||||
{
|
|
||||||
let controllers: [UIViewController]
|
|
||||||
var count: Int
|
|
||||||
var currentIndex: Int
|
|
||||||
var currentIndexSetter: (Int) -> Void
|
|
||||||
var continuousProgressSetter: (CGFloat) -> Void
|
|
||||||
var pageWidth: CGFloat = 0
|
|
||||||
private var pendingIndex: Int = 0
|
|
||||||
|
|
||||||
init(
|
|
||||||
currentIndex: Int,
|
|
||||||
count: Int,
|
|
||||||
currentIndexSetter: @escaping (Int) -> Void,
|
|
||||||
continuousProgressSetter: @escaping (CGFloat) -> Void,
|
|
||||||
buildControllers: () -> [UIViewController]
|
|
||||||
) {
|
|
||||||
self.currentIndex = currentIndex
|
|
||||||
self.count = count
|
|
||||||
self.currentIndexSetter = currentIndexSetter
|
|
||||||
self.continuousProgressSetter = continuousProgressSetter
|
|
||||||
self.pendingIndex = currentIndex
|
|
||||||
self.controllers = buildControllers()
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// MARK: DataSource
|
// MARK: - Coordinator
|
||||||
|
|
||||||
func pageViewController(
|
final class Coordinator: NSObject,
|
||||||
_ pvc: UIPageViewController,
|
UIPageViewControllerDataSource,
|
||||||
viewControllerBefore vc: UIViewController
|
UIPageViewControllerDelegate,
|
||||||
) -> UIViewController? {
|
UIScrollViewDelegate
|
||||||
guard let idx = controllers.firstIndex(where: { $0 === vc }), idx > 0 else { return nil }
|
{
|
||||||
return controllers[idx - 1]
|
var parent: OnboardingPager
|
||||||
}
|
let controllers: [UIHostingController<Page>]
|
||||||
|
var pageWidth: CGFloat = 0
|
||||||
|
private var pendingIndex: Int = 0
|
||||||
|
|
||||||
func pageViewController(
|
init(_ parent: OnboardingPager) {
|
||||||
_ pvc: UIPageViewController,
|
self.parent = parent
|
||||||
viewControllerAfter vc: UIViewController
|
self.pendingIndex = parent.currentIndex
|
||||||
) -> UIViewController? {
|
self.controllers = (0..<parent.count).map { i in
|
||||||
guard let idx = controllers.firstIndex(where: { $0 === vc }),
|
let hc = UIHostingController(rootView: parent.buildPage(i))
|
||||||
idx < count - 1 else { return nil }
|
hc.view.backgroundColor = .clear
|
||||||
return controllers[idx + 1]
|
return hc
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// MARK: Delegate
|
// MARK: DataSource
|
||||||
|
|
||||||
func pageViewController(
|
func pageViewController(
|
||||||
_ pvc: UIPageViewController,
|
_ pvc: UIPageViewController,
|
||||||
willTransitionTo pendingVCs: [UIViewController]
|
viewControllerBefore vc: UIViewController
|
||||||
) {
|
) -> UIViewController? {
|
||||||
if let vc = pendingVCs.first,
|
guard let idx = controllers.firstIndex(where: { $0 === vc }), idx > 0 else { return nil }
|
||||||
let idx = controllers.firstIndex(where: { $0 === vc }) {
|
return controllers[idx - 1]
|
||||||
pendingIndex = idx
|
}
|
||||||
|
|
||||||
|
func pageViewController(
|
||||||
|
_ pvc: UIPageViewController,
|
||||||
|
viewControllerAfter vc: UIViewController
|
||||||
|
) -> UIViewController? {
|
||||||
|
guard let idx = controllers.firstIndex(where: { $0 === vc }),
|
||||||
|
idx < parent.count - 1 else { return nil }
|
||||||
|
return controllers[idx + 1]
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: Delegate
|
||||||
|
|
||||||
|
func pageViewController(
|
||||||
|
_ pvc: UIPageViewController,
|
||||||
|
willTransitionTo pendingVCs: [UIViewController]
|
||||||
|
) {
|
||||||
|
if let vc = pendingVCs.first,
|
||||||
|
let idx = controllers.firstIndex(where: { $0 === vc }) {
|
||||||
|
pendingIndex = idx
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func pageViewController(
|
||||||
|
_ pvc: UIPageViewController,
|
||||||
|
didFinishAnimating finished: Bool,
|
||||||
|
previousViewControllers: [UIViewController],
|
||||||
|
transitionCompleted completed: Bool
|
||||||
|
) {
|
||||||
|
guard completed,
|
||||||
|
let current = pvc.viewControllers?.first,
|
||||||
|
let idx = controllers.firstIndex(where: { $0 === current }) else { return }
|
||||||
|
parent.currentIndex = idx
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: ScrollView — real-time progress
|
||||||
|
|
||||||
|
func scrollViewDidScroll(_ scrollView: UIScrollView) {
|
||||||
|
let w = scrollView.frame.width
|
||||||
|
guard w > 0 else { return }
|
||||||
|
// UIPageViewController's scroll view rests at x = width.
|
||||||
|
// Dragging left (next page) increases x; dragging right decreases.
|
||||||
|
let offsetFromCenter = scrollView.contentOffset.x - w
|
||||||
|
let fraction = offsetFromCenter / w
|
||||||
|
let progress = CGFloat(parent.currentIndex) + fraction
|
||||||
|
parent.continuousProgress = max(0, min(CGFloat(parent.count - 1), progress))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
func pageViewController(
|
|
||||||
_ pvc: UIPageViewController,
|
|
||||||
didFinishAnimating finished: Bool,
|
|
||||||
previousViewControllers: [UIViewController],
|
|
||||||
transitionCompleted completed: Bool
|
|
||||||
) {
|
|
||||||
guard completed,
|
|
||||||
let current = pvc.viewControllers?.first,
|
|
||||||
let idx = controllers.firstIndex(where: { $0 === current }) else { return }
|
|
||||||
currentIndex = idx
|
|
||||||
currentIndexSetter(idx)
|
|
||||||
}
|
|
||||||
|
|
||||||
// MARK: ScrollView — real-time progress
|
|
||||||
|
|
||||||
func scrollViewDidScroll(_ scrollView: UIScrollView) {
|
|
||||||
let w = scrollView.frame.width
|
|
||||||
guard w > 0 else { return }
|
|
||||||
let offsetFromCenter = scrollView.contentOffset.x - w
|
|
||||||
let fraction = offsetFromCenter / w
|
|
||||||
let progress = CGFloat(currentIndex) + fraction
|
|
||||||
continuousProgressSetter(max(0, min(CGFloat(count - 1), progress)))
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 MiB |
Reference in New Issue
Block a user