Add contest page (#14122)

Author: dylanjeffers

packages/common/src/api/tan-query/events/index.ts

@@ -1,5 +1,6 @@
 // Queries
 export * from './useAllEvents'
+export * from './useAllRemixContests'
 export * from './useEvent'
 export * from './useEvents'
 export * from './useEventsByEntityId'

packages/common/src/api/tan-query/events/useAllRemixContests.ts

@@ -0,0 +1,90 @@
+import { GetRemixContestsStatusEnum, Event as SDKEvent } from '@audius/sdk'
+import { useInfiniteQuery, useQueryClient } from '@tanstack/react-query'
+
+import { eventMetadataFromSDK } from '~/adapters/event'
+import { useQueryContext } from '~/api/tan-query/utils'
+import { ID } from '~/models'
+import { removeNullable } from '~/utils'
+
+import { QUERY_KEYS } from '../queryKeys'
+import { QueryKey, QueryOptions } from '../types'
+
+import { getEventQueryKey } from './utils'
+
+const DEFAULT_PAGE_SIZE = 25
+
+export type RemixContestStatus = GetRemixContestsStatusEnum
+
+type UseAllRemixContestsArgs = {
+  pageSize?: number
+  /**
+   * Filter by contest status. Defaults to `'all'` (the backend's default),
+   * which returns active contests first (ordered by soonest-ending end_date)
+   * followed by ended contests (most-recently-ended first).
+   */
+  status?: RemixContestStatus
+}
+
+export const getAllRemixContestsQueryKey = ({
+  pageSize = DEFAULT_PAGE_SIZE,
+  status = GetRemixContestsStatusEnum.All
+}: UseAllRemixContestsArgs = {}) =>
+  [QUERY_KEYS.remixContestsList, { pageSize, status }] as unknown as QueryKey<
+    ID[]
+  >
+
+/**
+ * Hook to fetch all remix contest events with infinite query support.
+ * Calls the dedicated discovery endpoint `GET /v1/events/remix-contests`
+ * (SDK: `events.getRemixContests`), which returns events ordered with
+ * currently-active contests first (by soonest-ending end_date) followed by
+ * ended contests.
+ *
+ * Each page is mapped to the remix contest's parent track ID
+ * (`event.entityId`) so consumers like `ContestCard` can receive a
+ * `trackId` prop and resolve the event internally via `useRemixContest`.
+ */
+export const useAllRemixContests = (
+  {
+    pageSize = DEFAULT_PAGE_SIZE,
+    status = GetRemixContestsStatusEnum.All
+  }: UseAllRemixContestsArgs = {},
+  options?: QueryOptions
+) => {
+  const { audiusSdk } = useQueryContext()
+  const queryClient = useQueryClient()
+
+  return useInfiniteQuery({
+    queryKey: getAllRemixContestsQueryKey({ pageSize, status }),
+    initialPageParam: 0,
+    getNextPageParam: (lastPage: ID[], allPages) => {
+      if (lastPage.length < pageSize) return undefined
+      return allPages.length * pageSize
+    },
+    queryFn: async ({ pageParam }) => {
+      const sdk = await audiusSdk()
+      const { data } = await sdk.events.getRemixContests({
+        limit: pageSize,
+        offset: pageParam,
+        status
+      })
+
+      if (!data) return []
+
+      return data
+        .map((sdkEvent: SDKEvent) => {
+          const event = eventMetadataFromSDK(sdkEvent)
+          if (!event) return null
+          // Prime the per-event cache so useEvent / useRemixContest hits
+          // immediately downstream.
+          queryClient.setQueryData(getEventQueryKey(event.eventId), event)
+          // Return the contest's parent track ID (event.entityId). The card
+          // takes a trackId and resolves the event via useRemixContest.
+          return event.entityId ?? null
+        })
+        .filter(removeNullable)
+    },
+    select: (data) => data.pages.flat(),
+    ...options
+  })
+}

packages/common/src/api/tan-query/queryKeys.ts

@@ -89,6 +89,7 @@ export const QUERY_KEYS = {
   userCoinBalance: 'userCoinBalance',
   events: 'events',
   eventsByEntityId: 'eventsByEntityId',
+  remixContestsList: 'remixContestsList',
   walletOwner: 'walletOwner',
   tokenPrice: 'tokenPrice',
   usdcBalance: 'usdcBalance',

packages/common/src/messages/explore.ts

@@ -6,6 +6,7 @@ export const exploreMessages = {
   featuredPlaylists: 'Community Playlists',
   fanClubs: 'Fan Clubs',
   featuredRemixContests: 'Featured Remix Contests',
+  contests: 'Contests',
   forYou: 'For You',
   recentlyListedForSale: 'Recently Listed for Sale',
   bestSelling: 'Best Selling',

packages/common/src/services/remote-config/feature-flags.ts

@@ -15,7 +15,8 @@ export enum FeatureFlags {
   REACT_QUERY_SYNC = 'react_query_sync',
   COLLAPSED_EXPLORE_HEADER = 'collapsed_explore_header',
   LAUNCHPAD_VERIFICATION = 'launchpad_verification',
-  FAN_CLUB_TEXT_POST_POSTING = 'fan_club_text_post_posting'
+  FAN_CLUB_TEXT_POST_POSTING = 'fan_club_text_post_posting',
+  CONTESTS = 'contests'
 }
 
 type FlagDefaults = Record<FeatureFlags, boolean>
@@ -25,7 +26,8 @@ export const environmentFlagDefaults: Record<
   Partial<FlagDefaults>
 > = {
   development: {
-    [FeatureFlags.FAN_CLUB_TEXT_POST_POSTING]: true
+    [FeatureFlags.FAN_CLUB_TEXT_POST_POSTING]: true,
+    [FeatureFlags.CONTESTS]: true
   },
   production: {}
 }
@@ -47,5 +49,6 @@ export const flagDefaults: FlagDefaults = {
   [FeatureFlags.REACT_QUERY_SYNC]: false,
   [FeatureFlags.COLLAPSED_EXPLORE_HEADER]: false,
   [FeatureFlags.LAUNCHPAD_VERIFICATION]: true,
-  [FeatureFlags.FAN_CLUB_TEXT_POST_POSTING]: false
+  [FeatureFlags.FAN_CLUB_TEXT_POST_POSTING]: false,
+  [FeatureFlags.CONTESTS]: false
 }

packages/common/src/utils/route.ts

@@ -31,6 +31,7 @@ export const TRENDING_PLAYLISTS_PAGE_LEGACY = '/trending/playlists'
 export const EXPLORE_PAGE = '/explore'
 export const TRENDING_PLAYLISTS_PAGE = '/explore/playlists'
 export const TRENDING_UNDERGROUND_PAGE = '/explore/underground'
+export const CONTESTS_PAGE = '/contests'
 
 // DEPRECATED - use /library instead.
 export const SAVED_PAGE = '/favorites'
@@ -294,6 +295,7 @@ export const orderedRoutes = [
   TRENDING_GENRES,
   TRENDING_PAGE,
   EXPLORE_PAGE,
+  CONTESTS_PAGE,
   EMPTY_PAGE,
   SEARCH_PAGE,
   UPLOAD_ALBUM_PAGE,
@@ -347,6 +349,7 @@ export const staticRoutes = new Set([
   FEED_PAGE,
   TRENDING_PAGE,
   EXPLORE_PAGE,
+  CONTESTS_PAGE,
   TRENDING_PLAYLISTS_PAGE,
   TRENDING_PLAYLISTS_PAGE_LEGACY,
   TRENDING_UNDERGROUND_PAGE,

packages/discovery-provider/plugins/pedalboard/apps/solana-relay/src/routes/meteora/swap_coin_quote.ts

@@ -1,4 +1,4 @@
-import { CpAmm } from '@meteora-ag/cp-amm-sdk'
+import { CpAmm, SwapMode as DammSwapMode } from '@meteora-ag/cp-amm-sdk'
 import {
   DynamicBondingCurveClient,
   SwapMode
@@ -97,13 +97,17 @@ const getDammPoolQuote = async (
   const inputTokenMint =
     swapDirection === 'audioToCoin' ? audioMintPubkey : coinMintPubkey
 
-  const quote = await cpAmm.getQuote({
-    inAmount: inputAmountBN,
+  const currentSlot = await connection.getSlot()
+  const currentPoint = poolState.activationType
+    ? new BN(new Date().getTime())
+    : new BN(currentSlot)
+
+  const quote = cpAmm.getQuote2({
+    amountIn: inputAmountBN,
     inputTokenMint,
     slippage: 2,
     poolState,
-    currentTime: new Date().getTime(),
-    currentSlot: await connection.getSlot(),
+    currentPoint,
     inputTokenInfo: {
       mint: tokenAMintInfo,
       currentEpoch
@@ -113,10 +117,12 @@ const getDammPoolQuote = async (
       currentEpoch
     },
     tokenADecimal: tokenAMintInfo.decimals,
-    tokenBDecimal: tokenBMintInfo.decimals
+    tokenBDecimal: tokenBMintInfo.decimals,
+    swapMode: DammSwapMode.PartialFill,
+    hasReferral: false
   })
 
-  return quote.swapOutAmount.toString()
+  return quote.outputAmount.toString()
 }
 /**
  * Gets a quote for swapping AUDIO to/from an artist coin using Meteora's DBC