eose loading spinners
Changelog-Added: Add [NIP-15](https://github.com/nostr-protocol/nips/blob/master/15.md) loading spinners Signed-off-by: William Casarin <jb55@jb55.com>
This commit is contained in:
@@ -85,7 +85,7 @@ struct ContentView: View {
|
|||||||
var PostingTimelineView: some View {
|
var PostingTimelineView: some View {
|
||||||
ZStack {
|
ZStack {
|
||||||
if let damus = self.damus_state {
|
if let damus = self.damus_state {
|
||||||
TimelineView(events: $home.events, damus: damus)
|
TimelineView(events: $home.events, loading: $home.loading, damus: damus)
|
||||||
}
|
}
|
||||||
if privkey != nil {
|
if privkey != nil {
|
||||||
PostButtonContainer {
|
PostButtonContainer {
|
||||||
@@ -114,7 +114,7 @@ struct ContentView: View {
|
|||||||
PostingTimelineView
|
PostingTimelineView
|
||||||
|
|
||||||
case .notifications:
|
case .notifications:
|
||||||
TimelineView(events: $home.notifications, damus: damus)
|
TimelineView(events: $home.notifications, loading: $home.loading, damus: damus)
|
||||||
.navigationTitle("Notifications")
|
.navigationTitle("Notifications")
|
||||||
|
|
||||||
case .none:
|
case .none:
|
||||||
|
|||||||
@@ -23,6 +23,7 @@ class HomeModel: ObservableObject {
|
|||||||
@Published var new_notifications: Bool = false
|
@Published var new_notifications: Bool = false
|
||||||
@Published var notifications: [NostrEvent] = []
|
@Published var notifications: [NostrEvent] = []
|
||||||
@Published var events: [NostrEvent] = []
|
@Published var events: [NostrEvent] = []
|
||||||
|
@Published var loading: Bool = false
|
||||||
@Published var signal: SignalModel = SignalModel()
|
@Published var signal: SignalModel = SignalModel()
|
||||||
|
|
||||||
init() {
|
init() {
|
||||||
@@ -138,8 +139,10 @@ class HomeModel: ObservableObject {
|
|||||||
switch ev {
|
switch ev {
|
||||||
case .connected:
|
case .connected:
|
||||||
if !done_init {
|
if !done_init {
|
||||||
|
self.loading = true
|
||||||
send_initial_filters(relay_id: relay_id)
|
send_initial_filters(relay_id: relay_id)
|
||||||
} else {
|
} else {
|
||||||
|
self.loading = true
|
||||||
send_home_filters(relay_id: relay_id)
|
send_home_filters(relay_id: relay_id)
|
||||||
}
|
}
|
||||||
case .error(let merr):
|
case .error(let merr):
|
||||||
@@ -178,6 +181,7 @@ class HomeModel: ObservableObject {
|
|||||||
print(msg)
|
print(msg)
|
||||||
|
|
||||||
case .eose:
|
case .eose:
|
||||||
|
self.loading = false
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,6 +11,8 @@ import Foundation
|
|||||||
/// The data model for the SearchHome view, typically something global-like
|
/// The data model for the SearchHome view, typically something global-like
|
||||||
class SearchHomeModel: ObservableObject {
|
class SearchHomeModel: ObservableObject {
|
||||||
@Published var events: [NostrEvent] = []
|
@Published var events: [NostrEvent] = []
|
||||||
|
@Published var loading: Bool = false
|
||||||
|
|
||||||
let pool: RelayPool
|
let pool: RelayPool
|
||||||
let sub_id = UUID().description
|
let sub_id = UUID().description
|
||||||
let limit: UInt32 = 250
|
let limit: UInt32 = 250
|
||||||
@@ -27,10 +29,12 @@ class SearchHomeModel: ObservableObject {
|
|||||||
}
|
}
|
||||||
|
|
||||||
func subscribe() {
|
func subscribe() {
|
||||||
|
loading = true
|
||||||
pool.subscribe(sub_id: sub_id, filters: [get_base_filter()], handler: handle_event)
|
pool.subscribe(sub_id: sub_id, filters: [get_base_filter()], handler: handle_event)
|
||||||
}
|
}
|
||||||
|
|
||||||
func unsubscribe() {
|
func unsubscribe() {
|
||||||
|
loading = false
|
||||||
pool.unsubscribe(sub_id: sub_id)
|
pool.unsubscribe(sub_id: sub_id)
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -52,6 +56,7 @@ class SearchHomeModel: ObservableObject {
|
|||||||
case .notice(let msg):
|
case .notice(let msg):
|
||||||
print("search home notice: \(msg)")
|
print("search home notice: \(msg)")
|
||||||
case .eose:
|
case .eose:
|
||||||
|
loading = false
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ import Foundation
|
|||||||
|
|
||||||
class SearchModel: ObservableObject {
|
class SearchModel: ObservableObject {
|
||||||
@Published var events: [NostrEvent] = []
|
@Published var events: [NostrEvent] = []
|
||||||
|
@Published var loading: Bool = false
|
||||||
let pool: RelayPool
|
let pool: RelayPool
|
||||||
var search: NostrFilter
|
var search: NostrFilter
|
||||||
let sub_id = UUID().description
|
let sub_id = UUID().description
|
||||||
@@ -29,11 +30,13 @@ class SearchModel: ObservableObject {
|
|||||||
|
|
||||||
print("subscribing to search '\(search)' with sub_id \(sub_id)")
|
print("subscribing to search '\(search)' with sub_id \(sub_id)")
|
||||||
pool.register_handler(sub_id: sub_id, handler: handle_event)
|
pool.register_handler(sub_id: sub_id, handler: handle_event)
|
||||||
|
loading = true
|
||||||
pool.send(.subscribe(.init(filters: [search], sub_id: sub_id)))
|
pool.send(.subscribe(.init(filters: [search], sub_id: sub_id)))
|
||||||
}
|
}
|
||||||
|
|
||||||
func unsubscribe() {
|
func unsubscribe() {
|
||||||
self.pool.unsubscribe(sub_id: sub_id)
|
self.pool.unsubscribe(sub_id: sub_id)
|
||||||
|
loading = false
|
||||||
print("unsubscribing from search '\(search)' with sub_id \(sub_id)")
|
print("unsubscribing from search '\(search)' with sub_id \(sub_id)")
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -48,11 +51,15 @@ class SearchModel: ObservableObject {
|
|||||||
}
|
}
|
||||||
|
|
||||||
func handle_event(relay_id: String, ev: NostrConnectionEvent) {
|
func handle_event(relay_id: String, ev: NostrConnectionEvent) {
|
||||||
handle_subid_event(pool: pool, sub_id: sub_id, relay_id: relay_id, ev: ev) { ev in
|
let done = handle_subid_event(pool: pool, sub_id: sub_id, relay_id: relay_id, ev: ev) { ev in
|
||||||
if ev.known_kind == .text {
|
if ev.known_kind == .text {
|
||||||
self.add_event(ev)
|
self.add_event(ev)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if done {
|
||||||
|
loading = false
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -74,26 +81,29 @@ func event_matches_filter(_ ev: NostrEvent, filter: NostrFilter) -> Bool {
|
|||||||
return true
|
return true
|
||||||
}
|
}
|
||||||
|
|
||||||
func handle_subid_event(pool: RelayPool, sub_id: String, relay_id: String, ev: NostrConnectionEvent, handle: (NostrEvent) -> ()) {
|
func handle_subid_event(pool: RelayPool, sub_id: String, relay_id: String, ev: NostrConnectionEvent, handle: (NostrEvent) -> ()) -> Bool {
|
||||||
switch ev {
|
switch ev {
|
||||||
case .ws_event:
|
case .ws_event:
|
||||||
break
|
break
|
||||||
case .nostr_event(let res):
|
case .nostr_event(let res):
|
||||||
switch res {
|
switch res {
|
||||||
case .event(let ev_subid, let ev):
|
case .event(let ev_subid, let ev):
|
||||||
if ev_subid == sub_id {
|
if ev_subid == sub_id {
|
||||||
handle(ev)
|
handle(ev)
|
||||||
}
|
|
||||||
|
|
||||||
case .notice(let note):
|
|
||||||
if note.contains("Too many subscription filters") {
|
|
||||||
// TODO: resend filters?
|
|
||||||
pool.reconnect(to: [relay_id])
|
|
||||||
}
|
|
||||||
break
|
|
||||||
|
|
||||||
case .eose:
|
|
||||||
break
|
|
||||||
}
|
}
|
||||||
|
break
|
||||||
|
|
||||||
|
case .notice(let note):
|
||||||
|
if note.contains("Too many subscription filters") {
|
||||||
|
// TODO: resend filters?
|
||||||
|
pool.reconnect(to: [relay_id])
|
||||||
|
}
|
||||||
|
break
|
||||||
|
|
||||||
|
case .eose:
|
||||||
|
return true
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return false
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -33,6 +33,8 @@ class ThreadModel: ObservableObject {
|
|||||||
@Published var initial_event: InitialEvent
|
@Published var initial_event: InitialEvent
|
||||||
@Published var events: [NostrEvent] = []
|
@Published var events: [NostrEvent] = []
|
||||||
@Published var event_map: [String: Int] = [:]
|
@Published var event_map: [String: Int] = [:]
|
||||||
|
@Published var loading: Bool = false
|
||||||
|
|
||||||
var replies: ReplyMap = ReplyMap()
|
var replies: ReplyMap = ReplyMap()
|
||||||
|
|
||||||
var event: NostrEvent? {
|
var event: NostrEvent? {
|
||||||
@@ -121,6 +123,7 @@ class ThreadModel: ObservableObject {
|
|||||||
|
|
||||||
print("subscribing to thread \(initial_event.id) with sub_id \(sub_id)")
|
print("subscribing to thread \(initial_event.id) with sub_id \(sub_id)")
|
||||||
pool.register_handler(sub_id: sub_id, handler: handle_event)
|
pool.register_handler(sub_id: sub_id, handler: handle_event)
|
||||||
|
loading = true
|
||||||
pool.send(.subscribe(.init(filters: [ref_events, events_filter], sub_id: sub_id)))
|
pool.send(.subscribe(.init(filters: [ref_events, events_filter], sub_id: sub_id)))
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -162,11 +165,15 @@ class ThreadModel: ObservableObject {
|
|||||||
}
|
}
|
||||||
|
|
||||||
func handle_event(relay_id: String, ev: NostrConnectionEvent) {
|
func handle_event(relay_id: String, ev: NostrConnectionEvent) {
|
||||||
handle_subid_event(pool: pool, sub_id: sub_id, relay_id: relay_id, ev: ev) { ev in
|
let done = handle_subid_event(pool: pool, sub_id: sub_id, relay_id: relay_id, ev: ev) { ev in
|
||||||
if ev.known_kind == .text {
|
if ev.known_kind == .text {
|
||||||
self.add_event(ev)
|
self.add_event(ev)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if done {
|
||||||
|
loading = false
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -30,7 +30,7 @@ struct SearchHomeView: View {
|
|||||||
}
|
}
|
||||||
|
|
||||||
var GlobalContent: some View {
|
var GlobalContent: some View {
|
||||||
TimelineView(events: $model.events, damus: damus_state)
|
TimelineView(events: $model.events, loading: $model.loading, damus: damus_state)
|
||||||
}
|
}
|
||||||
|
|
||||||
var SearchContent: some View {
|
var SearchContent: some View {
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ struct SearchView: View {
|
|||||||
@Environment(\.dismiss) var dismiss
|
@Environment(\.dismiss) var dismiss
|
||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
TimelineView(events: $search.events, damus: appstate)
|
TimelineView(events: $search.events, loading: $search.loading, damus: appstate)
|
||||||
.navigationBarTitle(describe_search(search.search))
|
.navigationBarTitle(describe_search(search.search))
|
||||||
.padding([.leading, .trailing], 6)
|
.padding([.leading, .trailing], 6)
|
||||||
.onReceive(handle_notify(.switched_timeline)) { obj in
|
.onReceive(handle_notify(.switched_timeline)) { obj in
|
||||||
|
|||||||
@@ -33,6 +33,7 @@ struct InnerTimelineView: View {
|
|||||||
|
|
||||||
struct TimelineView: View {
|
struct TimelineView: View {
|
||||||
@Binding var events: [NostrEvent]
|
@Binding var events: [NostrEvent]
|
||||||
|
@Binding var loading: Bool
|
||||||
|
|
||||||
let damus: DamusState
|
let damus: DamusState
|
||||||
|
|
||||||
@@ -44,6 +45,10 @@ struct TimelineView: View {
|
|||||||
var MainContent: some View {
|
var MainContent: some View {
|
||||||
ScrollViewReader { scroller in
|
ScrollViewReader { scroller in
|
||||||
ScrollView {
|
ScrollView {
|
||||||
|
if loading {
|
||||||
|
ProgressView()
|
||||||
|
.progressViewStyle(.circular)
|
||||||
|
}
|
||||||
InnerTimelineView(events: $events, damus: damus)
|
InnerTimelineView(events: $events, damus: damus)
|
||||||
}
|
}
|
||||||
.onReceive(NotificationCenter.default.publisher(for: .scroll_to_top)) { _ in
|
.onReceive(NotificationCenter.default.publisher(for: .scroll_to_top)) { _ in
|
||||||
|
|||||||
Reference in New Issue
Block a user