Under the Hood

// Project Layout
briefcase/
├── client/                 # React Native app
│   ├── components/         # Reusable UI components
│   ├── screens/            # Screen components
│   ├── contexts/           # React contexts (Auth, Theme, Subscription)
│   ├── hooks/              # Custom hooks
│   └── navigation/         # React Navigation setup
├── server/                 # Express.js backend
│   ├── routes.ts           # API endpoints
│   ├── storage.ts          # Database operations
│   └── templates/          # HTML templates
├── shared/                 # Shared types & schemas
│   └── schema.ts           # Drizzle schema + Zod types
└── migrations/             # Database migrations

// SubscriptionContext.tsx
const ENTITLEMENT_ID = "Briefcase Pro";

const checkSubscriptionStatus = async () => {
  try {
    const customerInfo = await Purchases.getCustomerInfo();
    const isPremium = customerInfo.entitlements.active[ENTITLEMENT_ID] !== undefined;
    setIsPremium(isPremium);
  } catch (error) {
    console.error("Failed to check subscription", error);
  }
};

// Usage in components
const { isPremium } = useSubscription();

{isPremium ? (
  <AIChatInterface />
) : (
  <UpgradeCard onPress={() => navigation.navigate("Paywall")} />
)}