25ee793208
* Factor out section header * Remove daily balance change * Remove dead code * Layout, add streak * Fix visibility observer to work on server * Tweak * Search perserved by url * Add pill query param * Add search page * Extract component for ProbChangeRow * Explore groups page * Add search row * Add trending groups section * Add unfollow option for group * Experimental home: accommodate old saved sections. * Tweaks to search layout * Rearrange layout * Daily movers page * Add streak grayed out indicator * Use firebase query instead of algolia search for groups * Replace trending group card with pills * Hide streak if you turned off that notification * Listen for group updates * Better UI for adding / removing groups * Toast feedback for join/leave group. Customize button moved to bottom. * Remove Home title * Refactor arrange home * Add new for you section * Add prefetch * Move home out of experimental! * Remove unused import * Show non-public markets from group
447 lines
12 KiB
TypeScript
447 lines
12 KiB
TypeScript
import {
|
|
collection,
|
|
deleteDoc,
|
|
doc,
|
|
getDoc,
|
|
getDocs,
|
|
limit,
|
|
orderBy,
|
|
Query,
|
|
query,
|
|
setDoc,
|
|
startAfter,
|
|
updateDoc,
|
|
where,
|
|
} from 'firebase/firestore'
|
|
import { partition, sortBy, sum, uniqBy } from 'lodash'
|
|
|
|
import { coll, getValues, listenForValue, listenForValues } from './utils'
|
|
import { BinaryContract, Contract, CPMMContract } from 'common/contract'
|
|
import { chooseRandomSubset } from 'common/util/random'
|
|
import { formatMoney, formatPercent } from 'common/util/format'
|
|
import { DAY_MS } from 'common/util/time'
|
|
import { Bet } from 'common/bet'
|
|
import { Comment } from 'common/comment'
|
|
import { ENV_CONFIG } from 'common/envs/constants'
|
|
import { getBinaryProb } from 'common/contract-details'
|
|
import { Sort } from 'web/components/contract-search'
|
|
|
|
export const contracts = coll<Contract>('contracts')
|
|
|
|
export type { Contract }
|
|
|
|
export function contractPath(contract: Contract) {
|
|
return `/${contract.creatorUsername}/${contract.slug}`
|
|
}
|
|
|
|
export function contractPathWithoutContract(
|
|
creatorUsername: string,
|
|
slug: string
|
|
) {
|
|
return `/${creatorUsername}/${slug}`
|
|
}
|
|
|
|
export function homeContractPath(contract: Contract) {
|
|
return `/home?c=${contract.slug}`
|
|
}
|
|
|
|
export function contractUrl(contract: Contract) {
|
|
return `https://${ENV_CONFIG.domain}${contractPath(contract)}`
|
|
}
|
|
|
|
export function contractPool(contract: Contract) {
|
|
return contract.mechanism === 'cpmm-1'
|
|
? formatMoney(contract.totalLiquidity)
|
|
: contract.mechanism === 'dpm-2'
|
|
? formatMoney(sum(Object.values(contract.pool)))
|
|
: 'Empty pool'
|
|
}
|
|
|
|
export function getBinaryProbPercent(contract: BinaryContract) {
|
|
return formatPercent(getBinaryProb(contract))
|
|
}
|
|
|
|
export function tradingAllowed(contract: Contract) {
|
|
return (
|
|
!contract.isResolved &&
|
|
(!contract.closeTime || contract.closeTime > Date.now())
|
|
)
|
|
}
|
|
|
|
// Push contract to Firestore
|
|
export async function setContract(contract: Contract) {
|
|
await setDoc(doc(contracts, contract.id), contract)
|
|
}
|
|
|
|
export async function updateContract(
|
|
contractId: string,
|
|
update: Partial<Contract>
|
|
) {
|
|
await updateDoc(doc(contracts, contractId), update)
|
|
}
|
|
|
|
export async function getContractFromId(contractId: string) {
|
|
const result = await getDoc(doc(contracts, contractId))
|
|
return result.exists() ? result.data() : undefined
|
|
}
|
|
|
|
export async function getContractFromSlug(slug: string) {
|
|
const q = query(contracts, where('slug', '==', slug))
|
|
const snapshot = await getDocs(q)
|
|
return snapshot.empty ? undefined : snapshot.docs[0].data()
|
|
}
|
|
|
|
export async function deleteContract(contractId: string) {
|
|
await deleteDoc(doc(contracts, contractId))
|
|
}
|
|
|
|
export async function listContracts(creatorId: string): Promise<Contract[]> {
|
|
const q = query(
|
|
contracts,
|
|
where('creatorId', '==', creatorId),
|
|
orderBy('createdTime', 'desc')
|
|
)
|
|
const snapshot = await getDocs(q)
|
|
return snapshot.docs.map((doc) => doc.data())
|
|
}
|
|
|
|
export const tournamentContractsByGroupSlugQuery = (slug: string) =>
|
|
query(
|
|
contracts,
|
|
where('groupSlugs', 'array-contains', slug),
|
|
where('isResolved', '==', false),
|
|
orderBy('popularityScore', 'desc')
|
|
)
|
|
|
|
export async function listContractsByGroupSlug(
|
|
slug: string
|
|
): Promise<Contract[]> {
|
|
const q = query(contracts, where('groupSlugs', 'array-contains', slug))
|
|
const snapshot = await getDocs(q)
|
|
return snapshot.docs.map((doc) => doc.data())
|
|
}
|
|
|
|
export async function listTaggedContractsCaseInsensitive(
|
|
tag: string
|
|
): Promise<Contract[]> {
|
|
const q = query(
|
|
contracts,
|
|
where('lowercaseTags', 'array-contains', tag.toLowerCase()),
|
|
orderBy('createdTime', 'desc')
|
|
)
|
|
const snapshot = await getDocs(q)
|
|
return snapshot.docs.map((doc) => doc.data())
|
|
}
|
|
|
|
export async function listAllContracts(
|
|
n: number,
|
|
before?: string,
|
|
sortDescBy = 'createdTime'
|
|
): Promise<Contract[]> {
|
|
let q = query(contracts, orderBy(sortDescBy, 'desc'), limit(n))
|
|
if (before != null) {
|
|
const snap = await getDoc(doc(contracts, before))
|
|
q = query(q, startAfter(snap))
|
|
}
|
|
const snapshot = await getDocs(q)
|
|
return snapshot.docs.map((doc) => doc.data())
|
|
}
|
|
|
|
export function listenForContracts(
|
|
setContracts: (contracts: Contract[]) => void
|
|
) {
|
|
const q = query(contracts, orderBy('createdTime', 'desc'))
|
|
return listenForValues<Contract>(q, setContracts)
|
|
}
|
|
|
|
export function listenForUserContracts(
|
|
creatorId: string,
|
|
setContracts: (contracts: Contract[]) => void
|
|
) {
|
|
const q = query(
|
|
contracts,
|
|
where('creatorId', '==', creatorId),
|
|
orderBy('createdTime', 'desc')
|
|
)
|
|
return listenForValues<Contract>(q, setContracts)
|
|
}
|
|
|
|
export function getUserBetContracts(userId: string) {
|
|
return getValues<Contract>(getUserBetContractsQuery(userId))
|
|
}
|
|
|
|
export function getUserBetContractsQuery(userId: string) {
|
|
return query(
|
|
contracts,
|
|
where('uniqueBettorIds', 'array-contains', userId)
|
|
) as Query<Contract>
|
|
}
|
|
|
|
const inactiveContractsQuery = query(
|
|
contracts,
|
|
where('isResolved', '==', false),
|
|
where('closeTime', '>', Date.now()),
|
|
where('visibility', '==', 'public'),
|
|
where('volume24Hours', '==', 0)
|
|
)
|
|
|
|
export function getInactiveContracts() {
|
|
return getValues<Contract>(inactiveContractsQuery)
|
|
}
|
|
|
|
export function listenForInactiveContracts(
|
|
setContracts: (contracts: Contract[]) => void
|
|
) {
|
|
return listenForValues<Contract>(inactiveContractsQuery, setContracts)
|
|
}
|
|
|
|
const newContractsQuery = query(
|
|
contracts,
|
|
where('isResolved', '==', false),
|
|
where('volume7Days', '==', 0),
|
|
where('createdTime', '>', Date.now() - 7 * DAY_MS)
|
|
)
|
|
|
|
export function listenForNewContracts(
|
|
setContracts: (contracts: Contract[]) => void
|
|
) {
|
|
return listenForValues<Contract>(newContractsQuery, setContracts)
|
|
}
|
|
|
|
export function listenForContract(
|
|
contractId: string,
|
|
setContract: (contract: Contract | null) => void
|
|
) {
|
|
const contractRef = doc(contracts, contractId)
|
|
return listenForValue<Contract>(contractRef, setContract)
|
|
}
|
|
|
|
export function listenForContractFollows(
|
|
contractId: string,
|
|
setFollowIds: (followIds: string[]) => void
|
|
) {
|
|
const follows = collection(contracts, contractId, 'follows')
|
|
return listenForValues<{ id: string }>(follows, (docs) =>
|
|
setFollowIds(docs.map(({ id }) => id))
|
|
)
|
|
}
|
|
|
|
export async function followContract(contractId: string, userId: string) {
|
|
const followDoc = doc(collection(contracts, contractId, 'follows'), userId)
|
|
return await setDoc(followDoc, {
|
|
id: userId,
|
|
createdTime: Date.now(),
|
|
})
|
|
}
|
|
|
|
export async function unFollowContract(contractId: string, userId: string) {
|
|
const followDoc = doc(collection(contracts, contractId, 'follows'), userId)
|
|
await deleteDoc(followDoc)
|
|
}
|
|
|
|
const hotContractsQuery = query(
|
|
contracts,
|
|
where('isResolved', '==', false),
|
|
where('visibility', '==', 'public'),
|
|
orderBy('volume24Hours', 'desc'),
|
|
limit(16)
|
|
)
|
|
|
|
export function listenForHotContracts(
|
|
setHotContracts: (contracts: Contract[]) => void
|
|
) {
|
|
return listenForValues<Contract>(hotContractsQuery, (contracts) => {
|
|
const hotContracts = sortBy(
|
|
chooseRandomSubset(contracts, 4),
|
|
(contract) => contract.volume24Hours
|
|
)
|
|
setHotContracts(hotContracts)
|
|
})
|
|
}
|
|
|
|
export const trendingContractsQuery = query(
|
|
contracts,
|
|
where('isResolved', '==', false),
|
|
where('visibility', '==', 'public'),
|
|
orderBy('popularityScore', 'desc')
|
|
)
|
|
|
|
export async function getTrendingContracts(maxContracts = 10) {
|
|
return await getValues<Contract>(
|
|
query(trendingContractsQuery, limit(maxContracts))
|
|
)
|
|
}
|
|
|
|
export async function getContractsBySlugs(slugs: string[]) {
|
|
const q = query(contracts, where('slug', 'in', slugs))
|
|
const snapshot = await getDocs(q)
|
|
const data = snapshot.docs.map((doc) => doc.data())
|
|
return sortBy(data, (contract) => -1 * contract.volume24Hours)
|
|
}
|
|
|
|
const closingSoonQuery = query(
|
|
contracts,
|
|
where('isResolved', '==', false),
|
|
where('visibility', '==', 'public'),
|
|
where('closeTime', '>', Date.now()),
|
|
orderBy('closeTime', 'asc'),
|
|
limit(6)
|
|
)
|
|
|
|
export async function getClosingSoonContracts() {
|
|
const data = await getValues<Contract>(closingSoonQuery)
|
|
return sortBy(chooseRandomSubset(data, 2), (contract) => contract.closeTime)
|
|
}
|
|
|
|
export const getTopCreatorContracts = async (
|
|
creatorId: string,
|
|
count: number
|
|
) => {
|
|
const creatorContractsQuery = query(
|
|
contracts,
|
|
where('isResolved', '==', false),
|
|
where('creatorId', '==', creatorId),
|
|
orderBy('popularityScore', 'desc'),
|
|
limit(count)
|
|
)
|
|
return await getValues<Contract>(creatorContractsQuery)
|
|
}
|
|
|
|
export const getTopGroupContracts = async (
|
|
groupSlug: string,
|
|
count: number
|
|
) => {
|
|
const creatorContractsQuery = query(
|
|
contracts,
|
|
where('groupSlugs', 'array-contains', groupSlug),
|
|
where('isResolved', '==', false),
|
|
orderBy('popularityScore', 'desc'),
|
|
limit(count)
|
|
)
|
|
return await getValues<Contract>(creatorContractsQuery)
|
|
}
|
|
|
|
const sortToField = {
|
|
newest: 'createdTime',
|
|
score: 'popularityScore',
|
|
'most-traded': 'volume',
|
|
'24-hour-vol': 'volume24Hours',
|
|
'prob-change-day': 'probChanges.day',
|
|
'last-updated': 'lastUpdated',
|
|
liquidity: 'totalLiquidity',
|
|
'close-date': 'closeTime',
|
|
'resolve-date': 'resolutionTime',
|
|
'prob-descending': 'prob',
|
|
'prob-ascending': 'prob',
|
|
} as const
|
|
|
|
const sortToDirection = {
|
|
newest: 'desc',
|
|
score: 'desc',
|
|
'most-traded': 'desc',
|
|
'24-hour-vol': 'desc',
|
|
'prob-change-day': 'desc',
|
|
'last-updated': 'desc',
|
|
liquidity: 'desc',
|
|
'close-date': 'asc',
|
|
'resolve-date': 'desc',
|
|
'prob-ascending': 'asc',
|
|
'prob-descending': 'desc',
|
|
} as const
|
|
|
|
export const getContractsQuery = (
|
|
sort: Sort,
|
|
maxItems: number,
|
|
filters: { groupSlug?: string } = {},
|
|
visibility?: 'public'
|
|
) => {
|
|
const { groupSlug } = filters
|
|
return query(
|
|
contracts,
|
|
where('isResolved', '==', false),
|
|
...(visibility ? [where('visibility', '==', visibility)] : []),
|
|
...(groupSlug ? [where('groupSlugs', 'array-contains', groupSlug)] : []),
|
|
orderBy(sortToField[sort], sortToDirection[sort]),
|
|
limit(maxItems)
|
|
)
|
|
}
|
|
|
|
export const getRecommendedContracts = async (
|
|
contract: Contract,
|
|
excludeBettorId: string,
|
|
count: number
|
|
) => {
|
|
const { creatorId, groupSlugs, id } = contract
|
|
|
|
const [userContracts, groupContracts] = await Promise.all([
|
|
getTopCreatorContracts(creatorId, count * 2),
|
|
groupSlugs && groupSlugs[0]
|
|
? getTopGroupContracts(groupSlugs[0], count * 2)
|
|
: [],
|
|
])
|
|
|
|
const combined = uniqBy([...userContracts, ...groupContracts], (c) => c.id)
|
|
|
|
const open = combined
|
|
.filter((c) => c.closeTime && c.closeTime > Date.now())
|
|
.filter((c) => c.id !== id)
|
|
|
|
const [betOnContracts, nonBetOnContracts] = partition(
|
|
open,
|
|
(c) => c.uniqueBettorIds && c.uniqueBettorIds.includes(excludeBettorId)
|
|
)
|
|
const chosen = chooseRandomSubset(nonBetOnContracts, count)
|
|
if (chosen.length < count)
|
|
chosen.push(...chooseRandomSubset(betOnContracts, count - chosen.length))
|
|
|
|
return chosen
|
|
}
|
|
|
|
export async function getRecentBetsAndComments(contract: Contract) {
|
|
const contractDoc = doc(contracts, contract.id)
|
|
|
|
const [recentBets, recentComments] = await Promise.all([
|
|
getValues<Bet>(
|
|
query(
|
|
collection(contractDoc, 'bets'),
|
|
where('createdTime', '>', Date.now() - DAY_MS),
|
|
orderBy('createdTime', 'desc'),
|
|
limit(1)
|
|
)
|
|
),
|
|
|
|
getValues<Comment>(
|
|
query(
|
|
collection(contractDoc, 'comments'),
|
|
where('createdTime', '>', Date.now() - 3 * DAY_MS),
|
|
orderBy('createdTime', 'desc'),
|
|
limit(3)
|
|
)
|
|
),
|
|
])
|
|
|
|
return {
|
|
contract,
|
|
recentBets,
|
|
recentComments,
|
|
}
|
|
}
|
|
|
|
export const getProbChangesPositive = (userId: string) =>
|
|
query(
|
|
contracts,
|
|
where('uniqueBettorIds', 'array-contains', userId),
|
|
where('probChanges.day', '>', 0),
|
|
orderBy('probChanges.day', 'desc'),
|
|
limit(10)
|
|
) as Query<CPMMContract>
|
|
|
|
export const getProbChangesNegative = (userId: string) =>
|
|
query(
|
|
contracts,
|
|
where('uniqueBettorIds', 'array-contains', userId),
|
|
where('probChanges.day', '<', 0),
|
|
orderBy('probChanges.day', 'asc'),
|
|
limit(10)
|
|
) as Query<CPMMContract>
|