prizes: implement the prize-wall

GGonryun · Aug 11, 2024 · 89d7dde · 89d7dde
1 parent c0b34e6
commit 89d7dde
Show file tree

Hide file tree

Showing 99 changed files with 2,466 additions and 321 deletions.
diff --git a/apps/blog/pages/_app.tsx b/apps/blog/pages/_app.tsx
@@ -2,7 +2,6 @@ import './styles.css';
 
 import * as FullStory from '@fullstory/browser';
 import { CssBaseline, ThemeProvider } from '@mui/material';
-import { AdSenseScript } from '@worksheets/ui/components/advertisements';
 import { COOKIE_DOMAIN, IS_PRODUCTION } from '@worksheets/ui/env';
 import { BlogLayoutContainer } from '@worksheets/ui/layout';
 import theme from '@worksheets/ui/theme';
@@ -27,7 +26,6 @@ function CustomApp({
     <>
       <DefaultSeo {...defaultSeo} />
       <CssBaseline />
-      <AdSenseScript />
       <Head>
         <meta
           name="viewport"

diff --git a/apps/blog/pages/_document.tsx b/apps/blog/pages/_document.tsx
@@ -1,3 +1,4 @@
+import { AdSenseScript } from '@worksheets/ui/components/advertisements';
 import {
   DocumentInitialProps,
   Head,
@@ -55,6 +56,7 @@ export default function MyDocument(props: DocumentProps) {
         ></script>
       </Head>
       <body>
+        <AdSenseScript />
         <Main />
         <NextScript />
       </body>

diff --git a/apps/charity/next.config.js b/apps/charity/next.config.js
@@ -68,6 +68,10 @@ const nextConfig = {
         protocol: 'https',
         hostname: 'picsum.photos',
       },
+      {
+        protocol: 'https',
+        hostname: 'shared.akamai.steamstatic.com',
+      },
     ],
   },
   nx: {

diff --git a/apps/charity/pages/api/cron/shuffle-prizes.ts b/apps/charity/pages/api/cron/shuffle-prizes.ts
@@ -0,0 +1,9 @@
+import { prisma } from '@worksheets/prisma';
+import { PrizeService } from '@worksheets/services/prizes';
+import { createCronJob } from '@worksheets/util/cron';
+const shufflePrizes = async () => {
+  const service = new PrizeService(prisma);
+  await service.shuffle();
+};
+
+export default createCronJob(shufflePrizes);
diff --git a/apps/charity/pages/api/sitemap.ts b/apps/charity/pages/api/sitemap.ts
@@ -29,6 +29,7 @@ import {
   monstersSeo,
   playSeo,
   privacySeo,
+  prizesSeo,
   rafflesSeo,
   signUpSeo,
   termsSeo,
@@ -58,6 +59,7 @@ const addBasicPages = () => {
     rafflesSeo.canonical,
     vipSeo.canonical,
     bossBattlesSeo.canonical,
+    prizesSeo.canonical,
     helpCenterSeo.canonical,
     helpAccountsSeo.canonical,
     helpFaqSeo.canonical,
@@ -147,41 +149,17 @@ const getDevelopers = async () => {
     .join('');
 };
 
-const getMonsters = async () => {
-  const monsters = await prisma.mob.findMany({
-    select: {
-      id: true,
-      updatedAt: true,
-    },
-  });
-
-  return monsters
-    .map(
-      (monster) =>
-        `<url><loc>${routes.monster.url({
-          params: {
-            monsterId: monster.id,
-          },
-        })}</loc><lastmod>${
-          // use w3c date format yyyy-mm-dd
-          printShortDate(monster.updatedAt, 'fr-CA')
-        }</lastmod><priority>0.3</priority></url>`
-    )
-    .join('');
-};
-
 const handler: NextApiHandler = async (req, res) => {
   res.statusCode = 200;
   res.setHeader('Content-Type', 'application/xml');
 
   // Instructing the Vercel edge to cache the file for 7 days in seconds
   res.setHeader('Cache-control', 'stale-while-revalidate, s-maxage=604800');
 
-  const [games, tags, developers, monsters] = await Promise.all([
+  const [games, tags, developers] = await Promise.all([
     getGames(),
     getTags(),
     getDevelopers(),
-    getMonsters(),
   ]);
 
   // generate sitemap here
@@ -192,7 +170,6 @@ const handler: NextApiHandler = async (req, res) => {
       ${games}
       ${tags}
       ${developers}
-      ${monsters}
       </urlset>`;
 
   res.end(xml);

diff --git a/apps/charity/pages/prizes/index.tsx b/apps/charity/pages/prizes/index.tsx
@@ -0,0 +1,28 @@
+import { AppLayoutContainer } from '@worksheets/ui/layout';
+import { DynamicPrizesPage } from '@worksheets/ui/pages/prizes';
+import { NextPageWithLayout } from '@worksheets/util-next';
+import { GetStaticProps } from 'next';
+import { NextSeo, NextSeoProps } from 'next-seo';
+
+import { prizesSeo } from '../../util/seo';
+
+type Props = {
+  seo: NextSeoProps;
+};
+
+const Page: NextPageWithLayout<Props> = ({ seo }) => (
+  <>
+    <NextSeo {...seo} />
+    <DynamicPrizesPage />
+  </>
+);
+
+export const getStaticProps = (async () => ({
+  props: { seo: prizesSeo },
+})) satisfies GetStaticProps<Props>;
+
+Page.getLayout = (page) => {
+  return <AppLayoutContainer>{page}</AppLayoutContainer>;
+};
+
+export default Page;
diff --git a/apps/charity/util/seo.ts b/apps/charity/util/seo.ts
@@ -5,6 +5,7 @@ import {
   DeveloperSchema,
   ItemSchema,
   MonsterSchema,
+  PrizeSchema,
   RaffleSchema,
   SerializableGameSchema,
   TagSchema,
@@ -475,35 +476,35 @@ export const auctionsSeo = createSeo({
   path: routes.auctions.path(),
   title: 'Auctions',
   description:
-    'Bid on digital prizes and win free games. Every token you spend is a donation towards charity. Win tokens by playing browser games and completing tasks.',
+    'Bid on digital prizes and win free games. Win tokens by playing browser games and completing tasks.',
 });
 
 export const monstersSeo = createSeo({
   path: routes.monsters.path(),
   title: 'Monsters',
   description:
-    'Defeat monsters and earn rewards. Every token you spend is a donation towards charity. Win tokens by playing browser games.',
+    'Defeat monsters and earn rewards. Win tokens by playing browser games.',
 });
 
 export const monsterSeo = (monster: MonsterSchema): NextSeoProps =>
   createSeo({
     path: routes.monster.path({ params: { monsterId: monster.id } }),
     title: `${monster.name} | Monster`,
-    description: `Defeat ${monster.name} and earn rewards. Every token you spend is a donation towards charity. Win prizes by playing browser games.`,
+    description: `Defeat ${monster.name} and earn rewards. Win prizes by playing browser games.`,
   });
 
 export const itemsSeo = createSeo({
   path: routes.items.path(),
   title: 'Items',
   description:
-    'View all items available on Charity Games. Every token you spend is a donation towards charity. Win tokens by playing browser games.',
+    'View all items available on Charity Games. Win tokens by playing browser games.',
 });
 
 export const itemSeo = (item: ItemSchema): NextSeoProps =>
   createSeo({
     path: routes.item.path({ params: { itemId: item.id } }),
     title: `${item.name} | Item`,
-    description: `View ${item.name} and learn how to use it. Every token you spend is a donation towards charity. Win prizes by playing browser games.`,
+    description: `View ${item.name} and learn how to use it. Win prizes by playing browser games.`,
   });
 
 export const userSeo = (userId: string): NextSeoProps => {
@@ -521,3 +522,17 @@ export const connectSeo = (providerId: string): NextSeoProps => {
     description: `Connect an external account to Charity Games. Turn your games into donations. Help us make a difference.`,
   });
 };
+
+export const prizesSeo = createSeo({
+  path: routes.prizes.path(),
+  title: 'Prizes',
+  description:
+    'Trade your tokens for digital and physical prizes. Win prizes by playing browser games.',
+});
+
+export const prizeSeo = (item: PrizeSchema): NextSeoProps =>
+  createSeo({
+    path: routes.prizes.prize.path({ params: { prizeId: item.id } }),
+    title: `${item.name} | Prize`,
+    description: `Trade your tokens for ${item.name}. Win prizes by playing browser games.`,
+  });
diff --git a/libs/prisma/src/schemas/main.prisma b/libs/prisma/src/schemas/main.prisma
@@ -67,6 +67,7 @@ model User {
   gameScores       GameScore[]
   experience       UserExperience?
   achievement      PlayerAchievement[]
+  prizes           Prize[]
 }
 
 model Account {
@@ -542,22 +543,31 @@ model RaffleParticipation {
   @@unique([userId, raffleId])
 }
 
+enum ActivationCodeType {
+  STEAM
+}
+
 model ActivationCode {
-  id         String    @id @default(cuid())
-  createdAt  DateTime  @default(now())
-  updatedAt  DateTime  @updatedAt
+  id         String             @id @default(cuid())
+  createdAt  DateTime           @default(now())
+  updatedAt  DateTime           @updatedAt
   // the redemption/secret code for the prize.
   content    String
   accessedAt DateTime?
-  // more data about the code
-  sourceUrl  String
+  type       ActivationCodeType @default(STEAM)
+
+  // ** Code Overrides **
   // even though the item has a name, the code itself can have a different name.
   // for example the source item could be "Random Steam Key" and the name would be "Steam Key for Game X"
-  name       String
-  itemId     String
-  item       Item      @relation(fields: [itemId], references: [id])
-  userId     String?
-  user       User?     @relation(fields: [userId], references: [id])
+  name      String
+  imageUrl  String  @default("")
+  sourceUrl String
+  // ** Relationships **
+  itemId    String?
+  item      Item?   @relation(fields: [itemId], references: [id])
+  prize     Prize?
+  userId    String?
+  user      User?   @relation(fields: [userId], references: [id])
 }
 
 // these codes are used to redeem prizes on the site as opposed to activation codes which are used to redeem external prizes.
@@ -601,6 +611,7 @@ model ScheduledEmail {
 enum NotificationType {
   SYSTEM
   FRIEND
+  PRIZE
   RAFFLE
   QUEST
   INVENTORY
@@ -1063,3 +1074,22 @@ model PlayerAchievement {
 
   @@unique([achievementId, userId])
 }
+
+enum PrizeStatus {
+  PENDING
+  ACTIVE
+  REDEEMED
+  EXPIRED
+}
+
+model Prize {
+  id          Int            @id @default(autoincrement())
+  status      PrizeStatus    @default(PENDING)
+  discount    Float          @default(0) // percentage discount
+  purchasedAt DateTime?
+  userId      String?
+  user        User?          @relation(fields: [userId], references: [id], onDelete: Cascade)
+  value       Int
+  codeId      String         @unique
+  code        ActivationCode @relation(fields: [codeId], references: [id])
+}
diff --git a/libs/routes/src/lib/routes/app-routes.ts b/libs/routes/src/lib/routes/app-routes.ts
@@ -65,6 +65,14 @@ export const routes = {
       }),
     },
   }),
+  prizes: createRoute({
+    path: '/prizes',
+    routes: {
+      prize: createRoute({
+        path: '/prizes/[prizeId]',
+      }),
+    },
+  }),
   connect: createRoute({
     path: '/connect/[providerId]',
     query: ConnectIntegrationQueryParams,

diff --git a/libs/services/notifications/src/destinations.ts b/libs/services/notifications/src/destinations.ts
@@ -150,6 +150,13 @@ const achievementUnlockedTemplates: TemplateBuilder<'achievement-unlocked'> = (
   push: PushTemplates.achievementUnlocked(payload),
 });
 
+const prizePurchasedTemplates: TemplateBuilder<'prize-purchased'> = (
+  payload
+) => ({
+  discord: DiscordTemplates.prizePurchased(payload),
+  push: PushTemplates.prizePurchased(payload),
+});
+
 export const destinations: Record<NotificationTemplateType, TemplateBuilder> = {
   'new-game': newGameTemplates,
   'new-raffle': newRaffleTemplates,
@@ -176,4 +183,5 @@ export const destinations: Record<NotificationTemplateType, TemplateBuilder> = {
   'share-gift': shareGiftTemplates,
   'won-leaderboard': wonLeaderboardTemplates,
   'achievement-unlocked': achievementUnlockedTemplates,
+  'prize-purchased': prizePurchasedTemplates,
 };
diff --git a/libs/services/prizes/.eslintrc.json b/libs/services/prizes/.eslintrc.json
@@ -0,0 +1,25 @@
+{
+  "extends": ["../../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.json"],
+      "parser": "jsonc-eslint-parser",
+      "rules": {
+        "@nx/dependency-checks": "error"
+      }
+    }
+  ]
+}
diff --git a/libs/services/prizes/README.md b/libs/services/prizes/README.md
@@ -0,0 +1,11 @@
+# services-prizes
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build services-prizes` to build the library.
+
+## Running unit tests
+
+Run `nx test services-prizes` to execute the unit tests via [Jest](https://jestjs.io).
diff --git a/libs/services/prizes/jest.config.ts b/libs/services/prizes/jest.config.ts
@@ -0,0 +1,11 @@
+/* eslint-disable */
+export default {
+  displayName: 'services-prizes',
+  preset: '../../../jest.preset.js',
+  testEnvironment: 'node',
+  transform: {
+    '^.+\\.[tj]s$': ['ts-jest', { tsconfig: '<rootDir>/tsconfig.spec.json' }],
+  },
+  moduleFileExtensions: ['ts', 'js', 'html'],
+  coverageDirectory: '../../../coverage/libs/services/prizes',
+};
diff --git a/libs/services/prizes/package.json b/libs/services/prizes/package.json
@@ -0,0 +1,11 @@
+{
+  "name": "services/prizes",
+  "version": "0.0.1",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "typings": "./src/index.d.ts",
+  "private": true
+}