@planningcenter/chat-react-native 4.2.1-qa-staging.5 → 4.3.0-rc.0

package/src/hooks/use_fetch_newer_on_foreground.ts

@@ -1,25 +0,0 @@
-import { useEffect, useRef } from 'react'
-import { useAppState } from './use_app_state'
-
-type Options = {
-  fetchNewer: (newestMessageId: string) => Promise<void>
-  newestMessageId?: string
-  enabled: boolean
-}
-
-export const useFetchNewerOnForeground = ({ fetchNewer, newestMessageId, enabled }: Options) => {
-  const appState = useAppState()
-  const wasInBackground = useRef(false)
-
-  useEffect(() => {
-    if (appState !== 'active') {
-      wasInBackground.current = true
-      return
-    }
-    const returnedToForeground = wasInBackground.current
-    wasInBackground.current = false
-    if (!returnedToForeground || !enabled || !newestMessageId) return
-
-    fetchNewer(newestMessageId).catch(() => {})
-  }, [appState, enabled, fetchNewer, newestMessageId])
-}

package/src/hooks/use_held_back_messages.ts

@@ -1,33 +0,0 @@
-import { useCallback, useEffect, useRef } from 'react'
-
-type Options = {
-  fetchNewer: (newestMessageId: string) => Promise<void>
-  newestMessageId?: string
-  readingHistory: boolean
-  caughtUp: boolean
-}
-
-export const useHeldBackMessages = ({
-  fetchNewer,
-  newestMessageId,
-  readingHistory,
-  caughtUp,
-}: Options) => {
-  const heldBackSince = useRef<string | null>(null)
-
-  const onSkippedNewMessage = useCallback(() => {
-    heldBackSince.current ??= newestMessageId ?? null
-  }, [newestMessageId])
-
-  useEffect(() => {
-    const since = heldBackSince.current
-    if (readingHistory || !caughtUp || !since) return
-
-    heldBackSince.current = null
-    fetchNewer(since).catch(() => {
-      heldBackSince.current ??= since
-    })
-  }, [caughtUp, fetchNewer, readingHistory])
-
-  return { onSkippedNewMessage }
-}

package/src/utils/cache/__tests__/find_message_in_caches.test.ts

@@ -1,37 +0,0 @@
-import { QueryClient } from '@tanstack/react-query'
-import { getMessagesQueryKey } from '../../request/get_messages'
-import { findMessageInCaches } from '../find_message_in_caches'
-
-const page = (ids: string[]) => ({
-  data: ids.map(id => ({ id, type: 'Message' })),
-  links: {},
-  meta: { count: ids.length, totalCount: ids.length },
-})
-
-const seed = (queryClient: QueryClient, key: unknown[], ids: string[]) =>
-  queryClient.setQueryData(key, { pages: [page(ids)], pageParams: [{}] })
-
-describe('findMessageInCaches', () => {
-  const queryClient = new QueryClient()
-
-  beforeEach(() => {
-    queryClient.clear()
-    seed(queryClient, getMessagesQueryKey({ conversation_id: 1 }), ['01C', '01B'])
-    seed(queryClient, getMessagesQueryKey({ conversation_id: 1, anchor: '01A' }), ['01A', '00Z'])
-    seed(queryClient, getMessagesQueryKey({ conversation_id: 1, reply_root_id: '01B' }), ['01R'])
-    seed(queryClient, getMessagesQueryKey({ conversation_id: 2 }), ['02A'])
-  })
-
-  it('finds a message in the live cache', () => {
-    expect(findMessageInCaches(queryClient, 1, '01B')?.id).toBe('01B')
-  })
-
-  it('finds a message that only the anchored cache holds', () => {
-    expect(findMessageInCaches(queryClient, 1, '00Z')?.id).toBe('00Z')
-  })
-
-  it('ignores reply threads and other conversations', () => {
-    expect(findMessageInCaches(queryClient, 1, '01R')).toBeUndefined()
-    expect(findMessageInCaches(queryClient, 1, '02A')).toBeUndefined()
-  })
-})

package/src/utils/cache/__tests__/invalidate_refetchable_queries.test.ts

@@ -1,23 +0,0 @@
-import { QueryClient } from '@tanstack/react-query'
-import { getMessagesQueryKey } from '../../request/get_messages'
-import { invalidateRefetchableQueries } from '../invalidate_refetchable_queries'
-
-describe('invalidateRefetchableQueries', () => {
-  const queryClient = new QueryClient()
-  const live = getMessagesQueryKey({ conversation_id: 1 })
-  const anchored = getMessagesQueryKey({ conversation_id: 1, anchor: '01A' })
-  const other = ['/me/conversations']
-
-  beforeEach(() => {
-    queryClient.clear()
-    for (const key of [live, anchored, other]) queryClient.setQueryData(key, { pages: [], pageParams: [] })
-  })
-
-  it('invalidates everything except anchored message windows', async () => {
-    await invalidateRefetchableQueries(queryClient)
-
-    expect(queryClient.getQueryState(live)?.isInvalidated).toBe(true)
-    expect(queryClient.getQueryState(other)?.isInvalidated).toBe(true)
-    expect(queryClient.getQueryState(anchored)?.isInvalidated).toBe(false)
-  })
-})

package/src/utils/cache/__tests__/prepend_newer_page.test.ts

@@ -1,34 +0,0 @@
-import { prependNewerPage } from '../prepend_newer_page'
-
-const page = (ids: string[], next?: { idGt: string }) => ({
-  data: ids.map(id => ({ id, type: 'Message' })),
-  links: {},
-  meta: { count: ids.length, totalCount: ids.length, next },
-})
-
-describe('prependNewerPage', () => {
-  const cached = { pages: [page(['01C', '01B']), page(['01A'])], pageParams: [{}, { offset: 1 }] }
-
-  it('merges the new rows into the first page and leaves the page params alone', () => {
-    const result = prependNewerPage(cached, [page(['01C', '01D', '01E'])])
-
-    expect(result?.pages).toHaveLength(2)
-    expect(result?.pages[0].data.map(m => m.id)).toEqual(['01D', '01E', '01C', '01B'])
-    expect(result?.pageParams).toEqual(cached.pageParams)
-  })
-
-  it('merges every fetched batch, newest last', () => {
-    const result = prependNewerPage(cached, [page(['01D', '01E']), page(['01F'])])
-
-    expect(result?.pages[0].data.map(m => m.id)).toEqual(['01D', '01E', '01F', '01C', '01B'])
-  })
-
-  it('returns the same data when nothing new came back', () => {
-    expect(prependNewerPage(cached, [page(['01C'])])).toBe(cached)
-    expect(prependNewerPage(cached, [])).toBe(cached)
-  })
-
-  it('does nothing without cached data', () => {
-    expect(prependNewerPage(undefined, [page(['01D'])])).toBeUndefined()
-  })
-})

package/src/utils/cache/find_message_in_caches.ts

@@ -1,20 +0,0 @@
-import { InfiniteData, QueryClient } from '@tanstack/react-query'
-import { ApiCollection, MessageResource } from '../../types'
-import { getMessagesRequestArgs } from '../request/get_messages'
-
-type QueryData = InfiniteData<ApiCollection<MessageResource>>
-
-export const findMessageInCaches = (
-  queryClient: QueryClient,
-  conversation_id: number,
-  message_id: string
-): MessageResource | undefined => {
-  const { url } = getMessagesRequestArgs({ conversation_id })
-
-  for (const [, data] of queryClient.getQueriesData<QueryData>({ queryKey: [url] })) {
-    const found = data?.pages.flatMap(page => page.data).find(message => message.id === message_id)
-    if (found) return found
-  }
-
-  return undefined
-}

package/src/utils/cache/invalidate_refetchable_queries.ts

@@ -1,9 +0,0 @@
-import { Query, QueryClient } from '@tanstack/react-query'
-
-const isAnchoredMessagesWindow = (query: Query) => {
-  const [, params] = query.queryKey as [unknown, { where?: { id_around?: string } } | undefined]
-  return !!params?.where?.id_around
-}
-
-export const invalidateRefetchableQueries = (queryClient: QueryClient) =>
-  queryClient.invalidateQueries({ predicate: query => !isAnchoredMessagesWindow(query) })

package/src/utils/cache/prepend_newer_page.ts

@@ -1,19 +0,0 @@
-import { InfiniteData } from '@tanstack/react-query'
-import { ApiCollection, ResourceObject } from '../../types'
-import { RequestData } from '../client'
-
-type PagesData<T extends ResourceObject> = InfiniteData<ApiCollection<T>, Partial<RequestData>>
-
-export function prependNewerPage<T extends ResourceObject>(
-  data: PagesData<T> | undefined,
-  pages: ApiCollection<T>[]
-): PagesData<T> | undefined {
-  if (!data || data.pages.length === 0) return data
-
-  const knownIds = new Set(data.pages.flatMap(page => page.data.map(record => record.id)))
-  const fresh = pages.flatMap(page => page.data).filter(record => !knownIds.has(record.id))
-  if (fresh.length === 0) return data
-
-  const [first, ...rest] = data.pages
-  return { ...data, pages: [{ ...first, data: [...fresh, ...first.data] }, ...rest] }
-}

package/src/utils/gated_message_cache.ts

@@ -1,19 +0,0 @@
-import type { MessagesCache } from '../hooks/use_conversation_messages_jolt_events'
-
-export const gatedMessageCache = ({
-  queryKey,
-  acceptNewMessages,
-  onSkippedNewMessage,
-}: {
-  queryKey: unknown[]
-  acceptNewMessages: boolean
-  onSkippedNewMessage?: () => void
-}): MessagesCache => ({
-  queryKey,
-  canUpdate: event => {
-    if (event !== 'message.created' || acceptNewMessages) return true
-
-    onSkippedNewMessage?.()
-    return false
-  },
-})

package/src/utils/ulid.ts

@@ -1,11 +0,0 @@
-export const ULID_CHARS = '0123456789ABCDEFGHJKMNPQRSTVWXYZ' // Crockford's Base32
-
-const TIME_LENGTH = 10
-
-export function decodeUlidTime(ulid: string): number {
-  return ulid
-    .slice(0, TIME_LENGTH)
-    .toUpperCase()
-    .split('')
-    .reduce((time, char) => time * 32 + ULID_CHARS.indexOf(char), 0)
-}