Merge pull request #19 from magicbell-io/develop

Develop

Example/Example/AppDelegate.swift

@@ -9,7 +9,11 @@ import UIKit
 import MagicBell
 import UserNotifications
 
-let magicBell = MagicBell(apiKey: "34ed17a8482e44c765d9e163015a8d586f0b3383", logLevel: .debug)
+// Application available instance of MagicBell
+let magicBell = MagicBell(
+ apiKey: "34ed17a8482e44c765d9e163015a8d586f0b3383",
+ logLevel: .debug
+)
 
 @main
 class AppDelegate: UIResponder, UIApplicationDelegate {

Example/Example/Helpers/Appearance.swift

@@ -0,0 +1,28 @@
+//
+// Appearance.swift
+// Example
+//
+// Created by Joan Martin on 28/12/21.
+//
+
+import Foundation
+import UIKit
+
+extension UIColor {
+ static let magicBell = UIColor(rgb: 0x6113A3)
+}
+
+
+enum Appearance {
+ static func apply() {
+ let appearance = UINavigationBarAppearance()
+ appearance.configureWithOpaqueBackground()
+ appearance.backgroundColor = .magicBell
+ appearance.titleTextAttributes = [
+ NSAttributedString.Key.foregroundColor: UIColor.white // nav text color
+ ]
+ UINavigationBar.appearance().standardAppearance = appearance
+ UINavigationBar.appearance().scrollEdgeAppearance = UINavigationBar.appearance().standardAppearance
+ UINavigationBar.appearance().tintColor = .white
+ }
+}

Example/Example/Helpers/UIHostingViewController.swift

@@ -0,0 +1,16 @@
+//
+// UIHostingViewController.swift
+// Example
+//
+// Created by Joan Martin on 28/12/21.
+//
+
+import Foundation
+import UIKit
+import SwiftUI
+
+class HostingController<ContentView>: UIHostingController<ContentView> where ContentView: View {
+ override var preferredStatusBarStyle: UIStatusBarStyle {
+ return .lightContent
+ }
+}

Example/Example/SceneDelegate.swift

@@ -6,6 +6,17 @@
 //
 
 import UIKit
+import SwiftUI
+import MagicBell
+
+enum Style {
+ case uiKit
+ case swiftUI
+}
+
+// Change style to determine how to run the app
+let style: Style = .uiKit
+// let style: Style = .swiftUI
 
 class SceneDelegate: UIResponder, UIWindowSceneDelegate {
 
@@ -17,7 +28,34 @@ class SceneDelegate: UIResponder, UIWindowSceneDelegate {
  // If using a storyboard, the `window` property will automatically be initialized and attached to the scene.
  // This delegate does not imply the connecting scene or session are
  // new (see `application:configurationForConnectingSceneSession` instead).
-// guard let _ = (scene as? UIWindowScene) else { return }
+
+ guard let scene = scene as? UIWindowScene else {
+ return
+ }
+
+ Appearance.apply()
+
+ window = UIWindow(windowScene: scene)
+
+ // Defining the user to test
+ let userBell = magicBell.forUser(email: "john@doe.com")
+
+ switch style {
+ case .uiKit:
+ let storyboard = UIStoryboard(name: "Main", bundle: nil)
+ guard let viewController = storyboard.instantiateInitialViewController() as? MagicBellStoreViewController else {
+ fatalError("Invalid Storyboard")
+ }
+ viewController.userBell = userBell
+ window?.rootViewController = viewController
+ case .swiftUI:
+ let store = userBell.store.forAll()
+ window?.rootViewController = HostingController(rootView: NavigationView {
+ MagicBellView(store: store)
+ })
+ }
+
+ window?.makeKeyAndVisible()
  }
 
  func sceneDidDisconnect(_ scene: UIScene) {

Example/Example/SwiftUI/MagicBellView.swift

@@ -0,0 +1,172 @@
+//
+// MagicBellView.swift
+// Example
+//
+// Created by Joan Martin on 28/12/21.
+//
+
+import SwiftUI
+import MagicBell
+import struct MagicBell.Notification
+
+struct MagicBellView: View {
+ let store: NotificationStore
+
+ @ObservedObject
+ private var bell: NotificationStorePublisher
+
+ init(store: NotificationStore) {
+ self.store = store
+ self.bell = NotificationStorePublisher(store)
+ }
+
+ enum SheetType {
+ case none
+ case notification(Notification)
+ case globalActions
+ }
+
+ @State var presentSheet = false
+ @State var sheetType: SheetType = .none
+
+ var body: some View {
+ List {
+ Section {
+ ForEach(bell.notifications, id: \.id) { notification in
+ Button {
+ sheetType = .notification(notification)
+ presentSheet = true
+ } label: {
+ HStack {
+ VStack(alignment: .leading) {
+ Text(notification.title)
+ .font(Font.system(size: 16, weight: .semibold))
+ Spacer()
+ .frame(height: 8)
+ Text(notification.content ?? "No Content")
+ .font(Font.system(size: 14, weight: .regular))
+ }
+ Spacer()
+ if !notification.isRead {
+ Circle()
+ .fill(Color(UIColor.magicBell))
+ .frame(width: 6, height: 6)
+ }
+ }
+ .padding([.top, .bottom], 3)
+ }
+ .buttonStyle(.plain)
+ }
+ } header: {
+ Text("\(bell.totalCount) Notifications (\(bell.unreadCount) unread)")
+ } footer: {
+ if bell.hasNextPage {
+ Button {
+ store.fetch()
+ } label: {
+ HStack {
+ Spacer()
+ Text("Load More")
+ Spacer()
+ }
+ }
+ }
+ }
+ }
+ .refreshable {
+ // Pull-to-refresh action
+ store.refresh()
+ }
+ .listRowInsets(.none)
+ .listStyle(.grouped)
+ .navigationBarTitle("MagicBell", displayMode: .inline)
+ .navigationBarItems(
+ trailing: Button(action: {
+ sheetType = .globalActions
+ presentSheet = true
+ }, label: {
+ ZStack(alignment: .top) {
+ Image("magicbellicon")
+ .renderingMode(.template)
+ .colorMultiply(.white)
+ if bell.unseenCount > 0 {
+ HStack {
+ Spacer()
+ Text("\(bell.unseenCount)")
+ .font(Font.system(size: 12, weight: .bold))
+ .padding([.trailing, .leading], 3)
+ .foregroundColor(.white)
+ .background(Color.red)
+ .cornerRadius(10)
+ }
+ }
+ }
+ })
+ )
+ .onAppear {
+ if store.isEmpty {
+ store.refresh()
+ }
+ }
+ .actionSheet(isPresented: $presentSheet) {
+ switch sheetType {
+ case .none:
+ fatalError("Should never happen")
+ case .notification(let notification):
+ return actionSheetFor(notification)
+ case .globalActions:
+ return globalActionSheet()
+ }
+ }
+ }
+
+ private func globalActionSheet() -> ActionSheet {
+ ActionSheet(
+ title: Text("Action"),
+ buttons: [
+ .default(Text("Mark all read")) {
+ _ = store.markAllRead()
+ },
+ .default(Text("Mark all seen")) {
+ _ = store.markAllSeen()
+ },
+ .cancel()
+ ]
+ )
+ }
+
+ private func actionSheetFor(_ notification: Notification) -> ActionSheet {
+ ActionSheet(
+ title: Text(notification.title),
+ buttons: [
+ .default(Text("\(notification.isRead ? "Mark unread" : "Mark read")")) {
+ if notification.isRead {
+ _ = store.markAsUnread(notification)
+ } else {
+ _ = store.markAsRead(notification)
+ }
+ },
+ .default(Text("\(notification.isArchived ? "Unarchive": "Archive")")) {
+ if notification.isArchived {
+ _ = store.unarchive(notification)
+ } else {
+ _ = store.archive(notification)
+ }
+ },
+ .destructive(Text("Delete")) {
+ _ = store.delete(notification)
+ },
+ .cancel()
+ ]
+ )
+ }
+}
+
+struct MagicBellView_Previews: PreviewProvider {
+ static let user = magicBell.forUser(email: "john@doe.com")
+ static var previews: some View {
+ NavigationView {
+ MagicBellView(store: user.store.forAll())
+ }
+ }
+}