2022-12-23 09:41:55 +00:00
|
|
|
import SwiftUI
|
2022-12-25 05:55:33 +00:00
|
|
|
import Accounts
|
|
|
|
import Env
|
|
|
|
import DesignSystem
|
|
|
|
import TextView
|
2022-12-25 07:17:16 +00:00
|
|
|
import Models
|
|
|
|
import Network
|
2022-12-25 18:15:35 +00:00
|
|
|
import PhotosUI
|
2022-12-27 15:16:25 +00:00
|
|
|
import NukeUI
|
2023-01-12 05:58:04 +00:00
|
|
|
import EmojiText
|
2022-12-23 09:41:55 +00:00
|
|
|
|
|
|
|
public struct StatusEditorView: View {
|
2023-01-11 11:44:34 +00:00
|
|
|
@EnvironmentObject private var preferences: UserPreferences
|
2022-12-29 09:39:34 +00:00
|
|
|
@EnvironmentObject private var theme: Theme
|
2022-12-25 07:17:16 +00:00
|
|
|
@EnvironmentObject private var client: Client
|
2022-12-25 05:55:33 +00:00
|
|
|
@EnvironmentObject private var currentAccount: CurrentAccount
|
2022-12-23 09:41:55 +00:00
|
|
|
@Environment(\.dismiss) private var dismiss
|
|
|
|
|
2022-12-25 07:17:16 +00:00
|
|
|
@StateObject private var viewModel: StatusEditorViewModel
|
2022-12-28 09:45:05 +00:00
|
|
|
@FocusState private var isSpoilerTextFocused: Bool
|
2022-12-25 05:55:33 +00:00
|
|
|
|
2023-01-11 11:44:34 +00:00
|
|
|
@State private var isDismissAlertPresented: Bool = false
|
2023-01-13 17:43:02 +00:00
|
|
|
@State private var isLoadingAIRequest: Bool = false
|
2023-01-11 11:44:34 +00:00
|
|
|
|
2022-12-26 07:24:55 +00:00
|
|
|
public init(mode: StatusEditorViewModel.Mode) {
|
|
|
|
_viewModel = StateObject(wrappedValue: .init(mode: mode))
|
2022-12-23 09:41:55 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public var body: some View {
|
|
|
|
NavigationStack {
|
2022-12-25 07:17:16 +00:00
|
|
|
ZStack(alignment: .bottom) {
|
2022-12-27 12:38:10 +00:00
|
|
|
ScrollView {
|
2022-12-27 18:10:31 +00:00
|
|
|
Divider()
|
2022-12-28 09:45:05 +00:00
|
|
|
spoilerTextView
|
2022-12-27 12:38:10 +00:00
|
|
|
VStack(spacing: 12) {
|
|
|
|
accountHeaderView
|
2023-01-03 06:41:29 +00:00
|
|
|
.padding(.horizontal, .layoutPadding)
|
2022-12-27 18:10:31 +00:00
|
|
|
TextView($viewModel.statusText, $viewModel.selectedRange)
|
2022-12-27 12:38:10 +00:00
|
|
|
.placeholder("What's on your mind")
|
2023-01-03 06:41:29 +00:00
|
|
|
.padding(.horizontal, .layoutPadding)
|
2023-01-05 17:54:18 +00:00
|
|
|
StatusEditorMediaView(viewModel: viewModel)
|
2022-12-27 12:38:10 +00:00
|
|
|
if let status = viewModel.embededStatus {
|
|
|
|
StatusEmbededView(status: status)
|
2023-01-03 06:41:29 +00:00
|
|
|
.padding(.horizontal, .layoutPadding)
|
2023-01-05 17:54:18 +00:00
|
|
|
.disabled(true)
|
|
|
|
} else if let status = viewModel.replyToStatus {
|
|
|
|
Divider()
|
|
|
|
.padding(.top, 20)
|
|
|
|
StatusEmbededView(status: status)
|
|
|
|
.padding(.horizontal, .layoutPadding)
|
|
|
|
.disabled(true)
|
2022-12-27 12:38:10 +00:00
|
|
|
}
|
2023-01-13 06:30:15 +00:00
|
|
|
if viewModel.showPoll {
|
|
|
|
StatusEditorPollView(viewModel: viewModel, showPoll: $viewModel.showPoll)
|
|
|
|
.padding(.horizontal)
|
|
|
|
}
|
2022-12-27 12:38:10 +00:00
|
|
|
Spacer()
|
|
|
|
}
|
2022-12-27 18:10:31 +00:00
|
|
|
.padding(.top, 8)
|
2022-12-31 08:10:27 +00:00
|
|
|
.padding(.bottom, 40)
|
|
|
|
}
|
|
|
|
VStack(alignment: .leading, spacing: 0) {
|
|
|
|
StatusEditorAutoCompleteView(viewModel: viewModel)
|
|
|
|
StatusEditorAccessoryView(isSpoilerTextFocused: $isSpoilerTextFocused,
|
|
|
|
viewModel: viewModel)
|
2022-12-25 07:17:16 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
.onAppear {
|
|
|
|
viewModel.client = client
|
2022-12-30 21:49:09 +00:00
|
|
|
viewModel.currentAccount = currentAccount.account
|
2022-12-31 11:11:42 +00:00
|
|
|
viewModel.theme = theme
|
2022-12-26 07:24:55 +00:00
|
|
|
viewModel.prepareStatusText()
|
2022-12-27 07:31:57 +00:00
|
|
|
if !client.isAuth {
|
|
|
|
dismiss()
|
|
|
|
}
|
2022-12-23 09:41:55 +00:00
|
|
|
}
|
2022-12-29 09:39:34 +00:00
|
|
|
.background(theme.primaryBackgroundColor)
|
2022-12-26 07:24:55 +00:00
|
|
|
.navigationTitle(viewModel.mode.title)
|
2022-12-23 09:41:55 +00:00
|
|
|
.navigationBarTitleDisplayMode(.inline)
|
|
|
|
.toolbar {
|
2023-01-13 17:43:02 +00:00
|
|
|
ToolbarItem(placement: .navigationBarTrailing) {
|
|
|
|
AIMenu
|
|
|
|
.disabled(!viewModel.canPost)
|
|
|
|
}
|
2022-12-23 09:41:55 +00:00
|
|
|
ToolbarItem(placement: .navigationBarTrailing) {
|
|
|
|
Button {
|
2022-12-25 07:17:16 +00:00
|
|
|
Task {
|
2022-12-25 16:46:51 +00:00
|
|
|
let status = await viewModel.postStatus()
|
|
|
|
if status != nil {
|
|
|
|
dismiss()
|
|
|
|
}
|
2022-12-25 07:17:16 +00:00
|
|
|
}
|
2022-12-23 09:41:55 +00:00
|
|
|
} label: {
|
2022-12-25 16:46:51 +00:00
|
|
|
if viewModel.isPosting {
|
|
|
|
ProgressView()
|
|
|
|
} else {
|
|
|
|
Text("Post")
|
|
|
|
}
|
2022-12-23 09:41:55 +00:00
|
|
|
}
|
2023-01-10 13:44:11 +00:00
|
|
|
.disabled(!viewModel.canPost)
|
2022-12-23 09:41:55 +00:00
|
|
|
}
|
|
|
|
ToolbarItem(placement: .navigationBarLeading) {
|
|
|
|
Button {
|
2023-01-11 11:44:34 +00:00
|
|
|
if !viewModel.statusText.string.isEmpty {
|
|
|
|
isDismissAlertPresented = true
|
|
|
|
} else {
|
|
|
|
dismiss()
|
|
|
|
}
|
2022-12-23 09:41:55 +00:00
|
|
|
} label: {
|
|
|
|
Text("Cancel")
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2023-01-11 11:44:34 +00:00
|
|
|
.confirmationDialog("",
|
|
|
|
isPresented: $isDismissAlertPresented,
|
|
|
|
actions: {
|
|
|
|
Button("Delete Draft", role: .destructive) {
|
|
|
|
dismiss()
|
|
|
|
}
|
|
|
|
Button("Save Draft") {
|
|
|
|
preferences.draftsPosts.insert(viewModel.statusText.string, at: 0)
|
|
|
|
dismiss()
|
|
|
|
}
|
|
|
|
Button("Cancel", role: .cancel) { }
|
|
|
|
})
|
|
|
|
.interactiveDismissDisabled(!viewModel.statusText.string.isEmpty)
|
2022-12-23 09:41:55 +00:00
|
|
|
}
|
2022-12-25 05:55:33 +00:00
|
|
|
|
2022-12-28 09:45:05 +00:00
|
|
|
@ViewBuilder
|
|
|
|
private var spoilerTextView: some View {
|
|
|
|
if viewModel.spoilerOn {
|
|
|
|
VStack {
|
|
|
|
TextField("Spoiler Text", text: $viewModel.spoilerText)
|
|
|
|
.focused($isSpoilerTextFocused)
|
2023-01-03 06:41:29 +00:00
|
|
|
.padding(.horizontal, .layoutPadding)
|
2022-12-28 09:45:05 +00:00
|
|
|
}
|
|
|
|
.frame(height: 35)
|
2022-12-29 09:39:34 +00:00
|
|
|
.background(theme.tintColor.opacity(0.20))
|
2022-12-28 09:45:05 +00:00
|
|
|
.offset(y: -8)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-12-25 18:15:35 +00:00
|
|
|
@ViewBuilder
|
|
|
|
private var accountHeaderView: some View {
|
2022-12-25 05:55:33 +00:00
|
|
|
if let account = currentAccount.account {
|
|
|
|
HStack {
|
|
|
|
AvatarView(url: account.avatar, size: .status)
|
2023-01-11 11:44:34 +00:00
|
|
|
VStack(alignment: .leading, spacing: 4) {
|
|
|
|
privacyMenu
|
2022-12-25 05:55:33 +00:00
|
|
|
Text("@\(account.acct)")
|
|
|
|
.font(.footnote)
|
|
|
|
.foregroundColor(.gray)
|
|
|
|
}
|
|
|
|
Spacer()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2023-01-11 11:44:34 +00:00
|
|
|
|
|
|
|
private var privacyMenu: some View {
|
|
|
|
Menu {
|
|
|
|
Section("Post visibility") {
|
|
|
|
ForEach(Models.Visibility.allCases, id: \.self) { visibility in
|
|
|
|
Button {
|
|
|
|
viewModel.visibility = visibility
|
|
|
|
} label: {
|
|
|
|
Label(visibility.title, systemImage: visibility.iconName)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} label: {
|
|
|
|
HStack {
|
|
|
|
Label(viewModel.visibility.title, systemImage: viewModel.visibility.iconName)
|
|
|
|
Image(systemName: "chevron.down")
|
|
|
|
}
|
|
|
|
.font(.footnote)
|
|
|
|
.padding(4)
|
|
|
|
.overlay(
|
|
|
|
RoundedRectangle(cornerRadius: 8)
|
|
|
|
.stroke(theme.tintColor, lineWidth: 1)
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
2023-01-13 17:43:02 +00:00
|
|
|
|
|
|
|
private var AIMenu: some View {
|
|
|
|
Menu {
|
|
|
|
ForEach(StatusEditorAIPrompts.allCases, id: \.self) { prompt in
|
|
|
|
Button {
|
|
|
|
Task {
|
|
|
|
isLoadingAIRequest = true
|
|
|
|
await viewModel.runOpenAI(prompt: prompt.toRequestPrompt(text: viewModel.statusText.string))
|
|
|
|
isLoadingAIRequest = false
|
|
|
|
}
|
|
|
|
} label: {
|
|
|
|
prompt.label
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if let backup = viewModel.backupStatustext {
|
|
|
|
Button {
|
|
|
|
viewModel.replaceTextWith(text: backup.string)
|
|
|
|
viewModel.backupStatustext = nil
|
|
|
|
} label: {
|
|
|
|
Label("Restore previous text", systemImage: "arrow.uturn.right")
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} label: {
|
|
|
|
if isLoadingAIRequest {
|
|
|
|
ProgressView()
|
|
|
|
} else {
|
|
|
|
Image(systemName: "faxmachine")
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
2022-12-23 09:41:55 +00:00
|
|
|
}
|