chore: wip

app/credits/page.tsx

@@ -0,0 +1,34 @@
+import { RouteModal } from '@/components/route-modal';
+import { fetchAccountAICredits } from '@/lib/services/account';
+import { getPrices } from '@/lib/services/stripe/client';
+import {
+  CalloutIcon,
+  CalloutRoot,
+  CalloutText,
+  Flex,
+  Heading,
+} from '@radix-ui/themes';
+import { CgInfo } from 'react-icons/cg';
+
+export default async function Page() {
+  const _prices = await getPrices();
+  const credits = await fetchAccountAICredits();
+
+  return (
+    <RouteModal>
+      <Flex direction="column" gap="4">
+        <Heading as="h2" size="6">
+          Your credits
+        </Heading>
+
+        <CalloutRoot size="1">
+          <CalloutIcon>
+            <CgInfo />
+          </CalloutIcon>
+
+          <CalloutText>You have {credits} credits remaining.</CalloutText>
+        </CalloutRoot>
+      </Flex>
+    </RouteModal>
+  );
+}

lib/errors.ts

@@ -80,3 +80,14 @@ export class DatabaseError extends ExtendableError {
     this.underlyingError = error;
   }
 }
+
+export const createExternalServiceError = (serviceName: string) =>
+  class ExternalServiceError extends ExtendableError {
+    serviceName = serviceName;
+    underlyingError: unknown;
+
+    constructor(error: unknown) {
+      super(`Error from ${serviceName}`);
+      this.underlyingError = error;
+    }
+  };

lib/services/stripe/client.ts

@@ -0,0 +1,23 @@
+import { env } from '@/env.mjs';
+import { createExternalServiceError } from '@/lib/errors';
+import { Stripe } from 'stripe';
+
+const stripe = new Stripe(env.STRIPE_SECRET_KEY);
+const StripeError = createExternalServiceError('Stripe');
+
+const getProduct = async () => {
+  const products = await stripe.products.list();
+  const product = products.data.find((p) => p.metadata.project === 'beecast');
+
+  if (!product) {
+    throw new StripeError('Product not found!');
+  }
+
+  return product;
+};
+
+export const getPrices = async () => {
+  const product = await getProduct();
+  const prices = await stripe.prices.list({ product: product.id });
+  return prices.data;
+};

package.json

@@ -36,6 +36,7 @@
     "react": "^18",
     "react-dom": "^18",
     "react-icons": "^4.12.0",
+    "stripe": "^14.9.0",
     "zod": "^3.22.4"
   },
   "devDependencies": {