56cf890deb
* WIP - adding expo * WIP - adding expo 2 * Fix tsc * Finish adding expo * Disable the 'require cycle' warning * Tweak plist * Modify some dependency versions to make expo happy * Fix icon fill * Get Web compiling for expo * 1.7 * Switch to react-navigation in expo2 (#287) * WIP Switch to react-navigation * WIP Switch to react-navigation 2 * WIP Switch to react-navigation 3 * Convert all screens to react navigation * Update BottomBar for react navigation * Update mobile menu to be react-native drawer * Fixes to drawer and bottombar * Factor out some helpers * Replace the navigation model with react-navigation * Restructure the shell folder and fix the header positioning * Restore the error boundary * Fix tsc * Implement not-found page * Remove react-native-gesture-handler (no longer used) * Handle notifee card presses * Handle all navigations from the state layer * Fix drawer behaviors * Fix two linking issues * Switch to our react-native-progress fork to fix an svg rendering issue * Get Web working with react-navigation * Refactor routes and navigation for a bit more clarity * Remove dead code * Rework Web shell to left/right nav to make this easier * Fix ViewHeader for desktop web * Hide profileheader back btn on desktop web * Move the compose button to the left nav * Implement reply prompt in threads for desktop web * Composer refactors * Factor out all platform-specific text input behaviors from the composer * Small fix * Update the web build to use tiptap for the composer * Tune up the mention autocomplete dropdown * Simplify the default avatar and banner * Fixes to link cards in web composer * Fix dropdowns on web * Tweak load latest on desktop * Add web beta message and feedback link * Fix up links in desktop web
74 lines
2.5 KiB
TypeScript
74 lines
2.5 KiB
TypeScript
import notifee, {EventType} from '@notifee/react-native'
|
|
import {AppBskyEmbedImages} from '@atproto/api'
|
|
import {RootStoreModel} from 'state/models/root-store'
|
|
import {NotificationsViewItemModel} from 'state/models/notifications-view'
|
|
import {enforceLen} from 'lib/strings/helpers'
|
|
import {resetToTab} from '../Navigation'
|
|
|
|
export function init(store: RootStoreModel) {
|
|
store.onUnreadNotifications(count => notifee.setBadgeCount(count))
|
|
store.onPushNotification(displayNotificationFromModel)
|
|
store.onSessionLoaded(() => {
|
|
// request notifications permission once the user has logged in
|
|
notifee.requestPermission()
|
|
})
|
|
notifee.onForegroundEvent(async ({type}: {type: EventType}) => {
|
|
store.log.debug('Notifee foreground event', {type})
|
|
if (type === EventType.PRESS) {
|
|
store.log.debug('User pressed a notifee, opening notifications')
|
|
resetToTab('NotificationsTab')
|
|
}
|
|
})
|
|
notifee.onBackgroundEvent(async _e => {}) // notifee requires this but we handle it with onForegroundEvent
|
|
}
|
|
|
|
export function displayNotification(
|
|
title: string,
|
|
body?: string,
|
|
image?: string,
|
|
) {
|
|
const opts: {title: string; body?: string; ios?: any} = {title}
|
|
if (body) {
|
|
opts.body = enforceLen(body, 70, true)
|
|
}
|
|
if (image) {
|
|
opts.ios = {
|
|
attachments: [{url: image}],
|
|
}
|
|
}
|
|
return notifee.displayNotification(opts)
|
|
}
|
|
|
|
export function displayNotificationFromModel(
|
|
notif: NotificationsViewItemModel,
|
|
) {
|
|
let author = notif.author.displayName || notif.author.handle
|
|
let title: string
|
|
let body: string = ''
|
|
if (notif.isUpvote) {
|
|
title = `${author} liked your post`
|
|
body = notif.additionalPost?.thread?.postRecord?.text || ''
|
|
} else if (notif.isRepost) {
|
|
title = `${author} reposted your post`
|
|
body = notif.additionalPost?.thread?.postRecord?.text || ''
|
|
} else if (notif.isMention) {
|
|
title = `${author} mentioned you`
|
|
body = notif.additionalPost?.thread?.postRecord?.text || ''
|
|
} else if (notif.isReply) {
|
|
title = `${author} replied to your post`
|
|
body = notif.additionalPost?.thread?.postRecord?.text || ''
|
|
} else if (notif.isFollow) {
|
|
title = 'New follower!'
|
|
body = `${author} has followed you`
|
|
} else {
|
|
return
|
|
}
|
|
let image
|
|
if (
|
|
AppBskyEmbedImages.isPresented(notif.additionalPost?.thread?.post.embed) &&
|
|
notif.additionalPost?.thread?.post.embed.images[0]?.thumb
|
|
) {
|
|
image = notif.additionalPost.thread.post.embed.images[0].thumb
|
|
}
|
|
return displayNotification(title, body, image)
|
|
}
|