Show "UNLOCK HARDCORE" if post is hardcore mode and user has no active subscriptions

packages/classic-shared/src/shared.ts

@@ -59,6 +59,7 @@ export type Game = {
     username: string;
   };
   challengeProgress: PlayerProgress;
+  hardcoreModeAccess: HardcoreAccessStatus;
 };
 
 export type GameResponse = Game;
@@ -80,6 +81,11 @@ export type ChallengeLeaderboardResponse = {
   leaderboardByFastest: { member: string; score: number }[];
 };
 
+export type HardcoreAccessStatus =
+  | { status: 'lifetime' }
+  | { status: 'active'; expires: number }
+  | { status: 'inactive' };
+
 export type WebviewToBlocksMessage =
   | { type: 'GAME_INIT' }
   | {

packages/classic-webview/src/App.tsx

@@ -26,7 +26,11 @@ const getPage = (page: Page) => {
 
 export const App = () => {
   const page = usePage();
-  const { mode } = useGame();
+  const { mode, hardcoreModeAccess } = useGame();
+
+  if (mode === 'hardcore' && hardcoreModeAccess?.status === 'inactive') {
+    return <div>UNLOCK HARDCORE</div>;
+  }
 
   return (
     <div

packages/classic/package.json

@@ -13,6 +13,7 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
+    "@devvit/payments": "0.11.12",
     "@devvit/public-api": "0.11.12",
     "@hotandcold/classic-shared": "*",
     "@hotandcold/shared": "*",

packages/classic/src/main.tsx

@@ -9,7 +9,7 @@ import './menu-actions/totalReminders.js';
 import { Devvit, useInterval, useState } from '@devvit/public-api';
 import { DEVVIT_SETTINGS_KEYS } from './constants.js';
 import { isServerCall, omit } from '@hotandcold/shared/utils';
-import { WebviewToBlocksMessage } from '@hotandcold/classic-shared';
+import { HardcoreAccessStatus, WebviewToBlocksMessage } from '@hotandcold/classic-shared';
 import { Guess } from './core/guess.js';
 import { ChallengeToPost } from './core/challengeToPost.js';
 import { Preview } from './components/Preview.js';
@@ -19,7 +19,7 @@ import { ChallengeLeaderboard } from './core/challengeLeaderboard.js';
 import { Reminders } from './core/reminders.js';
 import { RedditApiCache } from './core/redditApiCache.js';
 import { sendMessageToWebview } from './utils/index.js';
-import { initPayments } from './payments.js';
+import { initPayments, PaymentsRepo } from './payments.js';
 
 initPayments();
 
@@ -56,6 +56,7 @@ type InitialState =
       challengeInfo: Awaited<ReturnType<ChallengeService['getChallenge']>>;
       challengeUserInfo: Awaited<ReturnType<(typeof Guess)['getChallengeUserInfo']>>;
       challengeProgress: Awaited<ReturnType<(typeof ChallengeProgress)['getPlayerProgress']>>;
+      hardcoreModeAccess: HardcoreAccessStatus;
     };
 
 // Add a post type definition
@@ -64,13 +65,15 @@ Devvit.addCustomPostType({
   height: 'tall',
   render: (context) => {
     const challengeService = new ChallengeService(context.redis);
+    const paymentsRepo = new PaymentsRepo(context.redis);
     const [initialState] = useState<InitialState>(async () => {
-      const [user, challenge] = await Promise.all([
+      const [user, challenge, hardcoreModeAccess] = await Promise.all([
         context.reddit.getCurrentUser(),
         ChallengeToPost.getChallengeNumberForPost({
           redis: context.redis,
           postId: context.postId!,
         }),
+        paymentsRepo.getHardcoreAccessStatus(context.userId!),
       ]);
       if (!user) {
         return {
@@ -104,23 +107,14 @@ Devvit.addCustomPostType({
         }),
       ]);
 
-      // sendMessageToWebview(context, {
-      //   type: 'INIT',
-      //   payload: {
-      //     challengeInfo: omit(challengeInfo, ['word']),
-      //     challengeUserInfo,
-      //     number: challenge,
-      //     challengeProgress: challengeProgress,
-      //   },
-      // });
-
       return {
         type: 'AUTHED' as const,
         user: { username: user.username, avatar },
         challenge,
         challengeInfo,
         challengeUserInfo,
         challengeProgress,
+        hardcoreModeAccess,
       };
     });
 
@@ -170,6 +164,7 @@ Devvit.addCustomPostType({
                     challengeUserInfo,
                     number: challenge,
                     challengeProgress: challengeProgress,
+                    hardcoreModeAccess: initialState.hardcoreModeAccess,
                   },
                 });
 

packages/classic/src/payments.ts

@@ -1,8 +1,9 @@
 import { addPaymentHandler } from '@devvit/payments';
 import { type RedisClient } from '@devvit/public-api';
+import { HardcoreAccessStatus } from '@hotandcold/classic-shared';
 import { DateTime } from 'luxon';
 
-class PaymentsRepo {
+export class PaymentsRepo {
   static hardcoreModeAccessKey(userId: string) {
     return `hardcore-mode-access:${userId}`;
   }
@@ -42,6 +43,26 @@ class PaymentsRepo {
       newExpiry.valueOf().toString()
     );
   }
+
+  async getHardcoreAccessStatus(userId: string): Promise<HardcoreAccessStatus> {
+    const key = PaymentsRepo.hardcoreModeAccessKey(userId);
+    const currentAccess = await this.#redis.get(key);
+
+    if (currentAccess === '-1') {
+      return { status: 'lifetime' };
+    }
+
+    if (!currentAccess) {
+      return { status: 'inactive' };
+    }
+
+    const expiryMillis = Number(currentAccess);
+    const expiryDate = DateTime.fromMillis(expiryMillis);
+    if (expiryDate <= DateTime.now()) {
+      return { status: 'inactive' };
+    }
+    return { status: 'active', expires: expiryDate.valueOf() };
+  }
 }
 
 export function initPayments() {