Skip to content

Polar integration #461

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 16 commits into
base: main
Choose a base branch
from
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 14 additions & 0 deletions template/app/.env.server.example
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,9 @@
# If you use `wasp start db` then you DO NOT need to add a DATABASE_URL env variable here.
# DATABASE_URL=

# Supports Stripe, LemonSqueezy, Polar
PAYMENT_PROCESSOR_ID=Stripe
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey, it's great to see that you're trying to improve open-saas further above the Polar integration, but I wouldn't do this as part of this PR.

Paddle integration PR had the same problem here:
https://github.com/wasp-lang/open-saas/pull/486/files#r2266908329

Doing in this PR will distract us from the main point (Polar), and will prolong the process to get the feature we want.

I've explained in the Paddle PR (linked above) why we don't believe this approach is right for us.
I would kindly ask you to remove non-Polar parts of the PR.
Thanks for the effort.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@FranjoMindek Thanks for the feedback. Happy to proceed, but one of the main reasons I adopted this approach was because I wanted to add e2e tests for Polar and the current architecture makes it impossible to run tests for more than one provider without modifying the source. Do you have any suggestions for how that limitation could be addressed?


# For testing, go to https://dashboard.stripe.com/test/apikeys and get a test stripe key that starts with "sk_test_..."
STRIPE_API_KEY=sk_test_...
# After downloading starting the stripe cli (https://stripe.com/docs/stripe-cli) with `stripe listen --forward-to localhost:3001/payments-webhook` it will output your signing secret
Expand All @@ -17,6 +20,17 @@ LEMONSQUEEZY_STORE_ID=012345
# define your own webhook secret when creating a new webhook on https://app.lemonsqueezy.com/settings/webhooks
LEMONSQUEEZY_WEBHOOK_SECRET=my-webhook-secret

# After creating an organization, you can find your organization id in the organization settings https://sandbox.polar.sh/dashboard/[your org slug]/settings
POLAR_ORGANIZATION_ID=00000000-0000-0000-0000-000000000000
# Generate a token at https://sandbox.polar.sh/dashboard/[your org slug]/settings
POLAR_ACCESS_TOKEN=polar_oat_...
# Define your own webhook secret when creating a new webhook at https://sandbox.polar.sh/dashboard/[your org slug]/settings/webhooks
POLAR_WEBHOOK_SECRET=polar_whs_...
# The unauthenticated URL is at https://sandbox.polar.sh/[your org slug]/portal
POLAR_CUSTOMER_PORTAL_URL=https://sandbox.polar.sh/.../portal
# For production, set this to false, then generate a new organization and products from the live dashboard
POLAR_SANDBOX_MODE=true

# If using Stripe, go to https://dashboard.stripe.com/test/products and click on + Add Product
# If using Lemon Squeezy, go to https://app.lemonsqueezy.com/products and create new products and variants
PAYMENTS_HOBBY_SUBSCRIPTION_PLAN_ID=012345
Expand Down
4 changes: 4 additions & 0 deletions template/app/main.wasp
Original file line number Diff line number Diff line change
Expand Up @@ -79,6 +79,10 @@ app OpenSaaS {
]
},

server: {
envValidationSchema: import { envValidationSchema } from "@src/server/validation",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This change is something I think we will want to introduce to open-saas.
It would be nice to introduce env validation.

However, I would also ask you to remove it from the current PR.
You are free to open up a separate PR for this.

},

client: {
rootComponent: import App from "@src/client/App",
},
Expand Down
2 changes: 2 additions & 0 deletions template/app/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,8 @@
"@headlessui/react": "1.7.13",
"@hookform/resolvers": "^5.1.1",
"@lemonsqueezy/lemonsqueezy.js": "^3.2.0",
"@polar-sh/express": "^0.3.2",
"@polar-sh/sdk": "^0.34.3",
"@radix-ui/react-accordion": "^1.2.11",
"@radix-ui/react-avatar": "^1.1.10",
"@radix-ui/react-checkbox": "^1.3.2",
Expand Down
84 changes: 1 addition & 83 deletions template/app/src/analytics/stats.ts
Original file line number Diff line number Diff line change
@@ -1,8 +1,5 @@
import { type DailyStats } from 'wasp/entities';
import { type DailyStatsJob } from 'wasp/server/jobs';
import Stripe from 'stripe';
import { stripe } from '../payment/stripe/stripeClient';
import { listOrders } from '@lemonsqueezy/lemonsqueezy.js';
import { getDailyPageViews, getSources } from './providers/plausibleAnalyticsUtils';
// import { getDailyPageViews, getSources } from './providers/googleAnalyticsUtils';
import { paymentProcessor } from '../payment/paymentProcessor';
Expand Down Expand Up @@ -42,18 +39,7 @@ export const calculateDailyStats: DailyStatsJob<never, void> = async (_args, con
paidUserDelta -= yesterdaysStats.paidUserCount;
}

let totalRevenue;
switch (paymentProcessor.id) {
case 'stripe':
totalRevenue = await fetchTotalStripeRevenue();
break;
case 'lemonsqueezy':
totalRevenue = await fetchTotalLemonSqueezyRevenue();
break;
default:
throw new Error(`Unsupported payment processor: ${paymentProcessor.id}`);
}

const totalRevenue = await paymentProcessor.getTotalRevenue();
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think we want this change.
Payment processor interface shouldn't be concerned with fetching data for your analytics charts.
That is out of scope for that interface.
We want it to be purely focused on supporting the payment part of open-saas.

Additionally, this is also out of scope for this PR.
Not related to adding Polar integration in itself.
I would ask you to revert these changes.

const { totalViews, prevDayViewsChangePercent } = await getDailyPageViews();

let dailyStats = await context.entities.DailyStats.findUnique({
Expand Down Expand Up @@ -130,71 +116,3 @@ export const calculateDailyStats: DailyStatsJob<never, void> = async (_args, con
});
}
};

async function fetchTotalStripeRevenue() {
let totalRevenue = 0;
let params: Stripe.BalanceTransactionListParams = {
limit: 100,
// created: {
// gte: startTimestamp,
// lt: endTimestamp
// },
type: 'charge',
};

let hasMore = true;
while (hasMore) {
const balanceTransactions = await stripe.balanceTransactions.list(params);

for (const transaction of balanceTransactions.data) {
if (transaction.type === 'charge') {
totalRevenue += transaction.amount;
}
}

if (balanceTransactions.has_more) {
// Set the starting point for the next iteration to the last object fetched
params.starting_after = balanceTransactions.data[balanceTransactions.data.length - 1].id;
} else {
hasMore = false;
}
}

// Revenue is in cents so we convert to dollars (or your main currency unit)
return totalRevenue / 100;
}

async function fetchTotalLemonSqueezyRevenue() {
try {
let totalRevenue = 0;
let hasNextPage = true;
let currentPage = 1;

while (hasNextPage) {
const { data: response } = await listOrders({
filter: {
storeId: process.env.LEMONSQUEEZY_STORE_ID,
},
page: {
number: currentPage,
size: 100,
},
});

if (response?.data) {
for (const order of response.data) {
totalRevenue += order.attributes.total;
}
}

hasNextPage = !response?.meta?.page.lastPage;
currentPage++;
}

// Revenue is in cents so we convert to dollars (or your main currency unit)
return totalRevenue / 100;
} catch (error) {
console.error('Error fetching Lemon Squeezy revenue:', error);
throw error;
}
}
45 changes: 43 additions & 2 deletions template/app/src/payment/lemonSqueezy/paymentProcessor.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,54 @@ import type { CreateCheckoutSessionArgs, FetchCustomerPortalUrlArgs, PaymentProc
import { requireNodeEnvVar } from '../../server/utils';
import { createLemonSqueezyCheckoutSession } from './checkoutUtils';
import { lemonSqueezyWebhook, lemonSqueezyMiddlewareConfigFn } from './webhook';
import { lemonSqueezySetup } from '@lemonsqueezy/lemonsqueezy.js';
import { lemonSqueezySetup, listOrders } from '@lemonsqueezy/lemonsqueezy.js';
import { PaymentProcessors } from '../types';

lemonSqueezySetup({
apiKey: requireNodeEnvVar('LEMONSQUEEZY_API_KEY'),
});

/**
* Calculates total revenue from LemonSqueezy orders
* @returns Promise resolving to total revenue in dollars
*/
async function fetchTotalLemonSqueezyRevenue(): Promise<number> {
try {
let totalRevenue = 0;
let hasNextPage = true;
let currentPage = 1;

while (hasNextPage) {
const { data: response } = await listOrders({
filter: {
storeId: process.env.LEMONSQUEEZY_STORE_ID,
},
page: {
number: currentPage,
size: 100,
},
});

if (response?.data) {
for (const order of response.data) {
totalRevenue += order.attributes.total;
}
}

hasNextPage = !response?.meta?.page.lastPage;
currentPage++;
}

// Revenue is in cents so we convert to dollars (or your main currency unit)
return totalRevenue / 100;
} catch (error) {
console.error('Error fetching Lemon Squeezy revenue:', error);
throw error;
}
}

export const lemonSqueezyPaymentProcessor: PaymentProcessor = {
id: 'lemonsqueezy',
id: PaymentProcessors.LemonSqueezy,
createCheckoutSession: async ({ userId, userEmail, paymentPlan }: CreateCheckoutSessionArgs) => {
if (!userId) throw new Error('User ID needed to create Lemon Squeezy Checkout Session');
const session = await createLemonSqueezyCheckoutSession({
Expand All @@ -33,6 +73,7 @@ export const lemonSqueezyPaymentProcessor: PaymentProcessor = {
// This is handled in the Lemon Squeezy webhook.
return user.lemonSqueezyCustomerPortalUrl;
},
getTotalRevenue: fetchTotalLemonSqueezyRevenue,
webhook: lemonSqueezyWebhook,
webhookMiddlewareConfigFn: lemonSqueezyMiddlewareConfigFn,
};
87 changes: 82 additions & 5 deletions template/app/src/payment/paymentProcessor.ts
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,9 @@ import type { MiddlewareConfigFn } from 'wasp/server';
import { PrismaClient } from '@prisma/client';
import { stripePaymentProcessor } from './stripe/paymentProcessor';
import { lemonSqueezyPaymentProcessor } from './lemonSqueezy/paymentProcessor';
import { polarPaymentProcessor } from './polar/paymentProcessor';
import { PaymentProcessorId, PaymentProcessors } from './types';
import { getActivePaymentProcessor } from './validation';

export interface CreateCheckoutSessionArgs {
userId: string;
Expand All @@ -16,17 +19,91 @@ export interface FetchCustomerPortalUrlArgs {
prismaUserDelegate: PrismaClient['user'];
};

/**
* Standard interface for all payment processors
* Provides a consistent API for payment operations across different providers
*/
export interface PaymentProcessor {
id: 'stripe' | 'lemonsqueezy';
id: PaymentProcessorId;
/**
* Creates a checkout session for payment processing
* Handles both subscription and one-time payment flows based on the payment plan configuration
* @param args Checkout session creation arguments
* @param args.userId Internal user ID for tracking and database updates
* @param args.userEmail Customer email address for payment processor customer creation/lookup
* @param args.paymentPlan Payment plan configuration containing pricing and payment type information
* @param args.prismaUserDelegate Prisma user delegate for database operations
* @returns Promise resolving to checkout session with session ID and redirect URL
* @throws {Error} When payment processor API calls fail or required configuration is missing
* @example
* ```typescript
* const { session } = await paymentProcessor.createCheckoutSession({
* userId: 'user_123',
* userEmail: 'customer@example.com',
* paymentPlan: hobbyPlan,
* prismaUserDelegate: context.entities.User
* });
* // Redirect user to session.url for payment
* ```
*/
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is too verbose.
We purposely use verbose variable names so we don't have to use comments/jsdocs.
Even the start of description Creates a checkout session for payment processing is simply re-telling what its name says createCheckoutSession.

Jsdocs are useful when using the function is tricky and we want to show examples on how to use it properly.
The thing with open-saas is that we already use this function and you can see how we use it.

This is also again out of scope for this PR.
I would only add additional id for Polar.

createCheckoutSession: (args: CreateCheckoutSessionArgs) => Promise<{ session: { id: string; url: string }; }>;
/**
* Retrieves the customer portal URL for subscription and billing management
* Allows customers to view billing history, update payment methods, and manage subscriptions
* @param args Customer portal URL retrieval arguments
* @param args.userId Internal user ID to lookup customer information
* @param args.prismaUserDelegate Prisma user delegate for database operations
* @returns Promise resolving to customer portal URL or null if not available
* @throws {Error} When user lookup fails or payment processor API calls fail
* @example
* ```typescript
* const portalUrl = await paymentProcessor.fetchCustomerPortalUrl({
* userId: 'user_123',
* prismaUserDelegate: context.entities.User
* });
* if (portalUrl) {
* // Redirect user to portal for billing management
* return { redirectUrl: portalUrl };
* }
* ```
*/
fetchCustomerPortalUrl: (args: FetchCustomerPortalUrlArgs) => Promise<string | null>;
/**
* Calculates the total revenue from this payment processor
* @returns Promise resolving to total revenue in dollars
*/
getTotalRevenue: () => Promise<number>;
webhook: PaymentsWebhook;
webhookMiddlewareConfigFn: MiddlewareConfigFn;
}

/**
* Choose which payment processor you'd like to use, then delete the
* other payment processor code that you're not using from `/src/payment`
* All available payment processors
*/
const paymentProcessorMap: Record<PaymentProcessors, PaymentProcessor> = {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Related:

Comment on .env.server.example
https://github.com/wasp-lang/open-saas/pull/486/files#r2266908329

We don't want to tie in the payment processors together.
You only need one.

[PaymentProcessors.Stripe]: stripePaymentProcessor,
[PaymentProcessors.LemonSqueezy]: lemonSqueezyPaymentProcessor,
[PaymentProcessors.Polar]: polarPaymentProcessor,
};

/**
* Get the payment processor instance based on environment configuration or override
* @param override Optional processor override for testing scenarios
* @returns The configured payment processor instance
* @throws {Error} When the specified processor is not found in the processor map
*/
export function getPaymentProcessor(override?: PaymentProcessorId): PaymentProcessor {
const processorId = getActivePaymentProcessor(override);
const processor = paymentProcessorMap[processorId];

if (!processor) {
throw new Error(`Payment processor '${processorId}' not found. Available processors: ${Object.keys(paymentProcessorMap).join(', ')}`);
}

return processor;
}

/**
* The currently configured payment processor.
*/
// export const paymentProcessor: PaymentProcessor = lemonSqueezyPaymentProcessor;
export const paymentProcessor: PaymentProcessor = stripePaymentProcessor;
export const paymentProcessor: PaymentProcessor = getPaymentProcessor();
Loading