vibes-plug 1.0.0 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (183) hide show
  1. package/.claude/rules/vibes-plug-core.md +32 -0
  2. package/.cursor/rules/vibes-plug-core.mdc +51 -0
  3. package/.cursorrules +42 -0
  4. package/AGENTS.md +96 -0
  5. package/BLUEPRINT.md +309 -125
  6. package/CHANGELOG.md +183 -1
  7. package/CLAUDE.md +70 -0
  8. package/LICENSE +1 -1
  9. package/README.md +641 -263
  10. package/index.js +19 -0
  11. package/package.json +61 -25
  12. package/plugin.json +24 -7
  13. package/scripts/generate_swarm_gif.py +295 -0
  14. package/scripts/install.js +201 -0
  15. package/skills/accessibility-testing-expert/SKILL.md +116 -0
  16. package/skills/ai-cost-token-optimizer/SKILL.md +82 -0
  17. package/skills/ai-evals-benchmark-expert/SKILL.md +188 -0
  18. package/skills/ai-llm-integration-expert/SKILL.md +147 -122
  19. package/skills/ai-media-generation-expert/SKILL.md +172 -0
  20. package/skills/ai-prompt-engineering-expert/SKILL.md +84 -0
  21. package/skills/angular-expert/SKILL.md +148 -0
  22. package/skills/api-design-expert/SKILL.md +316 -309
  23. package/skills/api-gateway-proxy-expert/SKILL.md +81 -0
  24. package/skills/app-analyzer-optimizer/SKILL.md +195 -188
  25. package/skills/apple-ecosystem-expert/SKILL.md +145 -0
  26. package/skills/{asisten_ramah → asisten-ramah}/SKILL.md +7 -1
  27. package/skills/astro-framework-expert/SKILL.md +200 -0
  28. package/skills/async-queue-temporal-expert/SKILL.md +240 -0
  29. package/skills/authentication-identity-expert/SKILL.md +279 -45
  30. package/skills/auto-doc-updater/SKILL.md +219 -203
  31. package/skills/autonomous-chaos-monkey/SKILL.md +63 -0
  32. package/skills/autonomous-red-teamer/SKILL.md +203 -0
  33. package/skills/autonomous-tdd-debugger/SKILL.md +71 -0
  34. package/skills/background-jobs-queue-expert/SKILL.md +235 -0
  35. package/skills/biome-linter-formatter-expert/SKILL.md +89 -0
  36. package/skills/blockchain-web3-expert/SKILL.md +115 -0
  37. package/skills/bootstrap-to-modern/SKILL.md +93 -86
  38. package/skills/brainstorming/SKILL.md +381 -353
  39. package/skills/browser-automation-expert/SKILL.md +222 -0
  40. package/skills/bun-runtime-expert/SKILL.md +7 -1
  41. package/skills/chatbot-messaging-expert/SKILL.md +114 -0
  42. package/skills/ci-cd-devops-architect/SKILL.md +81 -45
  43. package/skills/cloud-hosting-expert/SKILL.md +249 -243
  44. package/skills/coderabbit/SKILL.md +197 -191
  45. package/skills/compliance-gdpr-privacy-expert/SKILL.md +85 -0
  46. package/skills/cron-scheduler-expert/SKILL.md +304 -0
  47. package/skills/data-pipeline-etl-expert/SKILL.md +84 -0
  48. package/skills/data-telemetry-expert/SKILL.md +218 -212
  49. package/skills/data-visualization-expert/SKILL.md +154 -0
  50. package/skills/database-migration-versioning-expert/SKILL.md +90 -0
  51. package/skills/database-orm-expert/SKILL.md +303 -293
  52. package/skills/dependency-upgrade-migrator/SKILL.md +301 -0
  53. package/skills/design-system-architect/SKILL.md +278 -242
  54. package/skills/desktop-electron-expert/SKILL.md +128 -0
  55. package/skills/documentation-site-expert/SKILL.md +59 -0
  56. package/skills/doku-mcp-server/SKILL.md +257 -0
  57. package/skills/doku-payment-gateway/SKILL.md +233 -0
  58. package/skills/domain-driven-design-expert/SKILL.md +82 -0
  59. package/skills/e2e-testing-expert/SKILL.md +320 -314
  60. package/skills/ecommerce-expert/SKILL.md +87 -0
  61. package/skills/edge-serverless-db-expert/SKILL.md +99 -0
  62. package/skills/email-notification-expert/SKILL.md +368 -0
  63. package/skills/error-resilience-expert/SKILL.md +486 -0
  64. package/skills/event-driven-architect/SKILL.md +86 -80
  65. package/skills/feature-flag-analytics-expert/SKILL.md +66 -0
  66. package/skills/file-upload-media-expert/SKILL.md +437 -0
  67. package/skills/firebase-security-expert/SKILL.md +7 -1
  68. package/skills/form-validation-expert/SKILL.md +407 -0
  69. package/skills/fullstack-expert/SKILL.md +260 -201
  70. package/skills/fullstack-expert/references/api_design_guide.md +466 -466
  71. package/skills/fullstack-expert/references/multi_language_backend.md +528 -528
  72. package/skills/fullstack-expert/scripts/api_contract_validator.py +253 -253
  73. package/skills/fullstack-expert/scripts/architecture_analyzer.py +326 -326
  74. package/skills/gemini-agent-booster/SKILL.md +142 -104
  75. package/skills/geospatial-maps-expert/SKILL.md +80 -0
  76. package/skills/global-a11y-i18n-expert/SKILL.md +86 -80
  77. package/skills/glsl-shader-expert/SKILL.md +107 -0
  78. package/skills/go-programming-expert/SKILL.md +300 -294
  79. package/skills/graph-rag-knowledge-expert/SKILL.md +159 -0
  80. package/skills/graphql-apollo-expert/SKILL.md +114 -0
  81. package/skills/headless-cms-expert/SKILL.md +181 -0
  82. package/skills/hig/SKILL.md +193 -187
  83. package/skills/js-backend-expert/SKILL.md +218 -191
  84. package/skills/legacy-code-translator/SKILL.md +71 -0
  85. package/skills/local-slm-edge-ai-expert/SKILL.md +167 -0
  86. package/skills/logging-error-tracking-expert/SKILL.md +344 -0
  87. package/skills/mcp-client-orchestrator/SKILL.md +76 -0
  88. package/skills/mcp-server-architect/SKILL.md +226 -126
  89. package/skills/micro-frontend-architect/SKILL.md +112 -0
  90. package/skills/mobile-expo-expert/SKILL.md +191 -185
  91. package/skills/mobile-push-notification-expert/SKILL.md +71 -0
  92. package/skills/modern-css-native-expert/SKILL.md +189 -0
  93. package/skills/monday-design-aesthetic/SKILL.md +72 -66
  94. package/skills/monorepo-architect/SKILL.md +232 -226
  95. package/skills/mpa-orchestrator/SKILL.md +120 -101
  96. package/skills/multi-agent-orchestration/SKILL.md +173 -153
  97. package/skills/multiple-entry-points/SKILL.md +91 -55
  98. package/skills/mvc-expert/SKILL.md +237 -231
  99. package/skills/n8n-automation-expert/SKILL.md +89 -0
  100. package/skills/nextjs-app-router-expert/SKILL.md +148 -0
  101. package/skills/openapi-swagger-codegen-expert/SKILL.md +67 -0
  102. package/skills/payment-gateway-expert/SKILL.md +129 -45
  103. package/skills/pdf-document-generation-expert/SKILL.md +91 -0
  104. package/skills/performance-web-vitals/SKILL.md +337 -331
  105. package/skills/post-quantum-crypto-migrator/SKILL.md +57 -0
  106. package/skills/prd-architect/SKILL.md +206 -190
  107. package/skills/proactive-background-watcher/SKILL.md +68 -0
  108. package/skills/production-ready-hardener/PRODUCTION_READINESS_REPORT.md +67 -0
  109. package/skills/production-ready-hardener/SKILL.md +461 -468
  110. package/skills/production-ready-hardener/references/production_checklist.md +161 -161
  111. package/skills/production-ready-hardener/scripts/production_readiness_scanner.py +881 -875
  112. package/skills/project-context-mapper/SKILL.md +85 -0
  113. package/skills/pwa-offline-first-expert/SKILL.md +185 -0
  114. package/skills/python-programming-expert/SKILL.md +407 -270
  115. package/skills/rate-limit-abuse-prevention/SKILL.md +377 -0
  116. package/skills/realtime-collaboration-expert/SKILL.md +99 -45
  117. package/skills/rich-text-editor-expert/SKILL.md +177 -0
  118. package/skills/rust-programming-expert/SKILL.md +240 -234
  119. package/skills/saas-billing/SKILL.md +382 -376
  120. package/skills/saas-multi-tenant/SKILL.md +256 -236
  121. package/skills/saas-mvp-launcher/SKILL.md +30 -1
  122. package/skills/saas-transformer/SKILL.md +499 -445
  123. package/skills/saas-transformer/references/billing_integration_guide.md +401 -401
  124. package/skills/saas-transformer/references/feature_gating_patterns.md +137 -137
  125. package/skills/saas-transformer/references/saas_transformation_checklist.md +121 -121
  126. package/skills/saas-transformer/scripts/saas_transformation_scanner.py +39 -29
  127. package/skills/scalability-clean-code/SKILL.md +234 -228
  128. package/skills/search-engine-expert/SKILL.md +89 -0
  129. package/skills/secure-fuzz-testing/SKILL.md +7 -1
  130. package/skills/self-evolving-memory-graph/SKILL.md +91 -0
  131. package/skills/self-healing-cloud-orchestrator/SKILL.md +57 -0
  132. package/skills/senior-frontend/SKILL.md +85 -105
  133. package/skills/seo/SKILL.md +258 -224
  134. package/skills/session-context-loader/SKILL.md +83 -0
  135. package/skills/session-handoff-resume/SKILL.md +163 -157
  136. package/skills/{skill_baru → skill-baru}/SKILL.md +177 -146
  137. package/skills/solidjs-expert/SKILL.md +80 -0
  138. package/skills/spa-orchestrator/SKILL.md +306 -287
  139. package/skills/sse-websocket-streaming-expert/SKILL.md +93 -0
  140. package/skills/state-management-expert/SKILL.md +277 -271
  141. package/skills/supabase-migration/SKILL.md +47 -1
  142. package/skills/supabase-security-expert/SKILL.md +248 -242
  143. package/skills/svelte-sveltekit-expert/SKILL.md +91 -0
  144. package/skills/svg-animation-motion-expert/SKILL.md +115 -0
  145. package/skills/tailwind-expert/SKILL.md +139 -187
  146. package/skills/tanstack-query-expert/SKILL.md +204 -198
  147. package/skills/tauri-expert/SKILL.md +7 -1
  148. package/skills/token-saver/SKILL.md +118 -110
  149. package/skills/typescript-expert/SKILL.md +329 -278
  150. package/skills/ui-components-expert/SKILL.md +166 -63
  151. package/skills/ui-ux-pro-max/SKILL.md +221 -200
  152. package/skills/vector-db-rag-expert/SKILL.md +208 -0
  153. package/skills/vibe-code-gardener/SKILL.md +180 -172
  154. package/skills/visual-qa-vision-agent/SKILL.md +71 -0
  155. package/skills/voice-ai-realtime-agent/SKILL.md +202 -0
  156. package/skills/vue-frontend-expert/SKILL.md +132 -0
  157. package/skills/wasm-edge-computing-expert/SKILL.md +97 -0
  158. package/skills/web-3d-graphics-expert/SKILL.md +137 -0
  159. package/skills/web-game-engine-expert/SKILL.md +102 -0
  160. package/skills/web-scraper/SKILL.md +98 -146
  161. package/skills/website-design-cloner/SKILL.md +180 -0
  162. package/skills/webxr-ar-vr-expert/SKILL.md +123 -0
  163. package/skills/wordpress-headless-expert/SKILL.md +144 -0
  164. package/skills/zero-to-prod-orchestrator/SKILL.md +231 -180
  165. package/skills/zero-trust-secret-vault/SKILL.md +88 -0
  166. package/.github/ISSUE_TEMPLATE/feature_request.md +0 -20
  167. package/CONTRIBUTING.md +0 -199
  168. package/SECURITY.md +0 -21
  169. package/banner.png +0 -0
  170. package/skills/senior-fullstack/SKILL.md +0 -167
  171. package/skills/senior-fullstack/references/architecture_patterns.md +0 -160
  172. package/skills/senior-fullstack/references/development_workflows.md +0 -222
  173. package/skills/senior-fullstack/references/tech_stack_guide.md +0 -190
  174. package/skills/senior-fullstack/scripts/code_quality_analyzer.py +0 -114
  175. package/skills/senior-fullstack/scripts/fullstack_scaffolder.py +0 -114
  176. package/skills/senior-fullstack/scripts/project_scaffolder.py +0 -114
  177. package/skills/seo-aeo-landing-page-writer/SKILL.md +0 -97
  178. package/skills/seo-geo/SKILL.md +0 -188
  179. package/skills/ui-ux-pro-max/scripts/__pycache__/core.cpython-310.pyc +0 -0
  180. package/skills/ui-ux-pro-max/scripts/__pycache__/core.cpython-312.pyc +0 -0
  181. package/skills/ui-ux-pro-max/scripts/__pycache__/design_system.cpython-310.pyc +0 -0
  182. package/skills/ui-ux-pro-max/scripts/__pycache__/design_system.cpython-312.pyc +0 -0
  183. package/skills/ui_ux_expert/SKILL.md +0 -114
@@ -1,401 +1,401 @@
1
- # Billing & Payment Gateway Integration Guide
2
-
3
- A comprehensive guide to setting up subscription billing, payment gateways, and Merchant of Record (MoR) systems. This guide covers Stripe, Midtrans, PayPal, Paddle, and FastSpring, detailing database structures and webhook verification in a multi-tenant SaaS application.
4
-
5
- ---
6
-
7
- ## 1. Gateway Type: Payment Gateway vs. Merchant of Record (MoR)
8
-
9
- Before choosing a billing system, it is vital to understand the two main categories of billing platforms:
10
-
11
- | Feature | Payment Gateway (Stripe, Midtrans, PayPal) | Merchant of Record (Paddle, FastSpring) |
12
- |---|---|---|
13
- | **Definition** | Processes payments but places legal/financial responsibilities on you. | Acts as the reseller of your software; handles transactions and compliance. |
14
- | **Sales Tax / VAT** | You must calculate, collect, and file taxes globally (using tools like Stripe Tax). | Automatically handles global taxes, compliance, and invoicing. |
15
- | **Chargeback Liability**| You manage chargeback disputes directly. | The MoR platform handles chargeback disputes. |
16
- | **Integration Complexity**| Highly customizable APIs, but requires more backend logic for compliance. | Simple to configure; checkout UI is managed by the MoR. |
17
-
18
- ---
19
-
20
- ## 2. Generic Multi-Gateway Database Schema
21
-
22
- To support multiple payment gateways, use a generic subscription schema.
23
-
24
- ### Prisma Schema (`prisma/schema.prisma`)
25
- ```prisma
26
- model Subscription {
27
- id String @id @default(cuid())
28
- workspaceId String @unique
29
- workspace Workspace @relation(fields: [workspaceId], references: [id], onDelete: Cascade)
30
- gateway String // "stripe", "midtrans", "paypal", "paddle", "fastspring"
31
- gatewayCustomerId String? @unique
32
- gatewaySubscriptionId String? @unique
33
- gatewayPriceId String?
34
- status String // "active", "trialing", "past_due", "canceled", "unpaid"
35
- currentPeriodEnd DateTime
36
- cancelAtPeriodEnd Boolean @default(false)
37
- createdAt DateTime @default(now())
38
- updatedAt DateTime @updatedAt
39
- }
40
- ```
41
-
42
- ### Drizzle ORM Schema (`lib/db/schema.ts`)
43
- ```typescript
44
- import { pgTable, text, timestamp, boolean } from 'drizzle-orm/pg-core';
45
-
46
- export const subscriptions = pgTable('subscriptions', {
47
- id: text('id').primaryKey(),
48
- workspaceId: text('workspace_id').notNull().unique(),
49
- gateway: text('gateway').notNull(), // "stripe", "midtrans", "paypal", "paddle", "fastspring"
50
- gatewayCustomerId: text('gateway_customer_id').unique(),
51
- gatewaySubscriptionId: text('gateway_subscription_id').unique(),
52
- gatewayPriceId: text('gateway_price_id'),
53
- status: text('status').notNull(),
54
- currentPeriodEnd: timestamp('current_period_end').notNull(),
55
- cancelAtPeriodEnd: boolean('cancel_at_period_end').default(false).notNull(),
56
- createdAt: timestamp('created_at').defaultNow().notNull(),
57
- updatedAt: timestamp('updated_at').defaultNow().notNull(),
58
- });
59
- ```
60
-
61
- ---
62
-
63
- ## 3. Webhook Implementations
64
-
65
- Webhooks are crucial to keep your SaaS database in sync with payment updates. Below are the implementation templates for Next.js 15 (App Router).
66
-
67
- ### A. Stripe Integration
68
- Processes subscriptions and invoices. Verified via the Stripe SDK.
69
-
70
- ```typescript
71
- import { NextResponse } from 'next/server';
72
- import Stripe from 'stripe';
73
- import { db } from '@/lib/db';
74
- import { subscriptions } from '@/lib/db/schema';
75
- import { eq } from 'drizzle-orm';
76
-
77
- const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, { apiVersion: '2025-01-01' as any });
78
-
79
- export async function POST(req: Request) {
80
- const body = await req.text();
81
- const signature = req.headers.get('Stripe-Signature')!;
82
-
83
- let event: Stripe.Event;
84
- try {
85
- event = stripe.webhooks.constructEvent(body, signature, process.env.STRIPE_WEBHOOK_SECRET!);
86
- } catch (err: any) {
87
- return NextResponse.json({ error: `Signature verification failed: ${err.message}` }, { status: 400 });
88
- }
89
-
90
- switch (event.type) {
91
- case 'checkout.session.completed': {
92
- const session = event.data.object as Stripe.Checkout.Session;
93
- const workspaceId = session.metadata?.workspaceId;
94
- if (!workspaceId) break;
95
-
96
- const subscription = await stripe.subscriptions.retrieve(session.subscription as string);
97
- await db.insert(subscriptions).values({
98
- id: subscription.id,
99
- workspaceId,
100
- gateway: 'stripe',
101
- gatewayCustomerId: session.customer as string,
102
- gatewaySubscriptionId: subscription.id,
103
- gatewayPriceId: subscription.items.data[0].price.id,
104
- status: subscription.status,
105
- currentPeriodEnd: new Date(subscription.current_period_end * 1000),
106
- });
107
- break;
108
- }
109
- case 'invoice.payment_succeeded': {
110
- const invoice = event.data.object as Stripe.Invoice;
111
- if (!invoice.subscription) break;
112
- const subscription = await stripe.subscriptions.retrieve(invoice.subscription as string);
113
- await db.update(subscriptions)
114
- .set({
115
- status: subscription.status,
116
- currentPeriodEnd: new Date(subscription.current_period_end * 1000),
117
- })
118
- .where(eq(subscriptions.gatewaySubscriptionId, subscription.id));
119
- break;
120
- }
121
- case 'customer.subscription.deleted': {
122
- const subscription = event.data.object as Stripe.Subscription;
123
- await db.update(subscriptions)
124
- .set({ status: 'canceled' })
125
- .where(eq(subscriptions.gatewaySubscriptionId, subscription.id));
126
- break;
127
- }
128
- }
129
- return NextResponse.json({ received: true });
130
- }
131
- ```
132
-
133
- ### B. Midtrans Integration
134
- Southeast Asia's popular payment gateway. Verified via SHA512 signature key matching.
135
-
136
- ```typescript
137
- import { NextResponse } from 'next/server';
138
- import crypto from 'crypto';
139
- import { db } from '@/lib/db';
140
- import { subscriptions } from '@/lib/db/schema';
141
- import { eq } from 'drizzle-orm';
142
-
143
- export async function POST(req: Request) {
144
- const body = await req.json();
145
- const { order_id, status_code, gross_amount, signature_key, transaction_status, fraud_status } = body;
146
-
147
- // Verify signature key: sha512(order_id + status_code + gross_amount + server_key)
148
- const serverKey = process.env.MIDTRANS_SERVER_KEY!;
149
- const hashed = crypto
150
- .createHash('sha512')
151
- .update(order_id + status_code + gross_amount + serverKey)
152
- .digest('hex');
153
-
154
- if (hashed !== signature_key) {
155
- return NextResponse.json({ error: 'Invalid Midtrans signature' }, { status: 400 });
156
- }
157
-
158
- // Update subscription/payment state based on transaction_status
159
- if (transaction_status === 'capture' || transaction_status === 'settlement') {
160
- if (fraud_status === 'challenge') {
161
- await db.update(subscriptions).set({ status: 'unpaid' }).where(eq(subscriptions.id, order_id));
162
- } else {
163
- await db.update(subscriptions)
164
- .set({ status: 'active', currentPeriodEnd: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000) })
165
- .where(eq(subscriptions.id, order_id));
166
- }
167
- } else if (['cancel', 'deny', 'expire'].includes(transaction_status)) {
168
- await db.update(subscriptions).set({ status: 'canceled' }).where(eq(subscriptions.id, order_id));
169
- } else if (transaction_status === 'pending') {
170
- await db.update(subscriptions).set({ status: 'unpaid' }).where(eq(subscriptions.id, order_id));
171
- }
172
-
173
- return NextResponse.json({ success: true });
174
- }
175
- ```
176
-
177
- ### C. PayPal Integration
178
- Global subscription billing. Verified via PayPal API request validation.
179
-
180
- ```typescript
181
- import { NextResponse } from 'next/server';
182
- import { db } from '@/lib/db';
183
- import { subscriptions } from '@/lib/db/schema';
184
- import { eq } from 'drizzle-orm';
185
-
186
- async function verifyPayPalSignature(headers: Headers, rawBody: string, webhookId: string) {
187
- // Call PayPal API to verify signature authenticity
188
- const endpoint = process.env.PAYPAL_MODE === 'live'
189
- ? 'https://api-m.paypal.com'
190
- : 'https://api-m.sandbox.paypal.com';
191
-
192
- const authHeader = headers.get('authorization');
193
- if (!authHeader) return false;
194
-
195
- const response = await fetch(`${endpoint}/v1/notifications/verify-webhook-signature`, {
196
- method: 'POST',
197
- headers: {
198
- 'Content-Type': 'application/json',
199
- 'Authorization': authHeader,
200
- },
201
- body: JSON.stringify({
202
- auth_algo: headers.get('paypal-auth-algo'),
203
- cert_url: headers.get('paypal-cert-url'),
204
- transmission_id: headers.get('paypal-transmission-id'),
205
- transmission_sig: headers.get('paypal-transmission-sig'),
206
- transmission_time: headers.get('paypal-transmission-time'),
207
- webhook_id: webhookId,
208
- webhook_event: JSON.parse(rawBody),
209
- }),
210
- });
211
-
212
- const verification = await response.json();
213
- return verification.verification_status === 'SUCCESS';
214
- }
215
-
216
- export async function POST(req: Request) {
217
- const rawBody = await req.text();
218
- const webhookId = process.env.PAYPAL_WEBHOOK_ID!;
219
-
220
- const isValid = await verifyPayPalSignature(req.headers, rawBody, webhookId);
221
- if (!isValid) {
222
- return NextResponse.json({ error: 'PayPal signature invalid' }, { status: 400 });
223
- }
224
-
225
- const event = JSON.parse(rawBody);
226
-
227
- switch (event.event_type) {
228
- case 'BILLING.SUBSCRIPTION.CREATED': {
229
- const sub = event.resource;
230
- const workspaceId = sub.custom_id; // Pass workspace ID in custom_id
231
- if (!workspaceId) break;
232
-
233
- await db.insert(subscriptions).values({
234
- id: sub.id,
235
- workspaceId,
236
- gateway: 'paypal',
237
- gatewayCustomerId: sub.subscriber.payer_id,
238
- gatewaySubscriptionId: sub.id,
239
- gatewayPriceId: sub.plan_id,
240
- status: 'active',
241
- currentPeriodEnd: new Date(sub.billing_info.next_billing_time),
242
- });
243
- break;
244
- }
245
- case 'BILLING.SUBSCRIPTION.CANCELLED': {
246
- const sub = event.resource;
247
- await db.update(subscriptions)
248
- .set({ status: 'canceled' })
249
- .where(eq(subscriptions.gatewaySubscriptionId, sub.id));
250
- break;
251
- }
252
- }
253
-
254
- return NextResponse.json({ received: true });
255
- }
256
- ```
257
-
258
- ### D. Paddle Integration (Paddle Billing v2)
259
- Merchant of Record. Verified locally using an HMAC-SHA256 signature key verification.
260
-
261
- ```typescript
262
- import { NextResponse } from 'next/server';
263
- import crypto from 'crypto';
264
- import { db } from '@/lib/db';
265
- import { subscriptions } from '@/lib/db/schema';
266
- import { eq } from 'drizzle-orm';
267
-
268
- function verifyPaddleSignature(body: string, signatureHeader: string, secret: string): boolean {
269
- const parts = signatureHeader.split(';');
270
- const tsPart = parts.find(p => p.startsWith('ts='));
271
- const h1Part = parts.find(p => p.startsWith('h1='));
272
- if (!tsPart || !h1Part) return false;
273
-
274
- const ts = tsPart.split('=')[1];
275
- const h1 = h1Part.split('=')[1];
276
-
277
- const payload = `${ts}:${body}`;
278
- const computedHash = crypto.createHmac('sha256', secret).update(payload).digest('hex');
279
- return computedHash === h1;
280
- }
281
-
282
- export async function POST(req: Request) {
283
- const rawBody = await req.text();
284
- const signature = req.headers.get('Paddle-Signature')!;
285
- const secret = process.env.PADDLE_WEBHOOK_SECRET!;
286
-
287
- if (!verifyPaddleSignature(rawBody, signature, secret)) {
288
- return NextResponse.json({ error: 'Invalid Paddle signature' }, { status: 400 });
289
- }
290
-
291
- const event = JSON.parse(rawBody);
292
- const eventType = event.event_type;
293
- const data = event.data;
294
-
295
- switch (eventType) {
296
- case 'subscription.created':
297
- case 'subscription.updated': {
298
- const workspaceId = data.custom_data?.workspaceId;
299
- if (!workspaceId) break;
300
-
301
- await db.insert(subscriptions).values({
302
- id: data.id,
303
- workspaceId,
304
- gateway: 'paddle',
305
- gatewayCustomerId: data.customer_id,
306
- gatewaySubscriptionId: data.id,
307
- gatewayPriceId: data.items[0].price.id,
308
- status: data.status, // active, trialing, paused
309
- currentPeriodEnd: new Date(data.current_billing_period.ends_at),
310
- }).onConflictDoUpdate({
311
- target: subscriptions.workspaceId,
312
- set: {
313
- status: data.status,
314
- currentPeriodEnd: new Date(data.current_billing_period.ends_at),
315
- gatewayPriceId: data.items[0].price.id,
316
- }
317
- });
318
- break;
319
- }
320
- case 'subscription.canceled': {
321
- await db.update(subscriptions)
322
- .set({ status: 'canceled' })
323
- .where(eq(subscriptions.gatewaySubscriptionId, data.id));
324
- break;
325
- }
326
- }
327
-
328
- return NextResponse.json({ received: true });
329
- }
330
- ```
331
-
332
- ### E. FastSpring Integration
333
- Merchant of Record. Verified via an HMAC-SHA256 signature key verification.
334
-
335
- ```typescript
336
- import { NextResponse } from 'next/server';
337
- import crypto from 'crypto';
338
- import { db } from '@/lib/db';
339
- import { subscriptions } from '@/lib/db/schema';
340
- import { eq } from 'drizzle-orm';
341
-
342
- function verifyFastSpringSignature(body: string, signature: string, secretKey: string): boolean {
343
- const hash = crypto.createHmac('sha256', secretKey).update(body).digest('base64');
344
- return hash === signature;
345
- }
346
-
347
- export async function POST(req: Request) {
348
- const rawBody = await req.text();
349
- const signature = req.headers.get('X-FS-Signature')!;
350
- const secretKey = process.env.FASTSPRING_SHARED_SECRET!;
351
-
352
- if (!verifyFastSpringSignature(rawBody, signature, secretKey)) {
353
- return NextResponse.json({ error: 'Invalid FastSpring signature' }, { status: 400 });
354
- }
355
-
356
- const payload = JSON.parse(rawBody);
357
-
358
- for (const event of payload.events) {
359
- switch (event.type) {
360
- case 'subscription.activated': {
361
- const sub = event.data;
362
- const workspaceId = sub.tags?.workspaceId;
363
- if (!workspaceId) break;
364
-
365
- await db.insert(subscriptions).values({
366
- id: sub.id,
367
- workspaceId,
368
- gateway: 'fastspring',
369
- gatewayCustomerId: sub.account,
370
- gatewaySubscriptionId: sub.id,
371
- gatewayPriceId: sub.product,
372
- status: 'active',
373
- currentPeriodEnd: new Date(sub.nextSession),
374
- });
375
- break;
376
- }
377
- case 'subscription.canceled': {
378
- const sub = event.data;
379
- await db.update(subscriptions)
380
- .set({ status: 'canceled' })
381
- .where(eq(subscriptions.gatewaySubscriptionId, sub.id));
382
- break;
383
- }
384
- }
385
- }
386
-
387
- return NextResponse.json({ received: true });
388
- }
389
- ```
390
-
391
- ---
392
-
393
- ## 4. Best Practices for Webhook Handlers
394
-
395
- 1. **Webhook Idempotency**: Payment gateways can redeliver webhooks. Always store a list of processed event IDs in your database to prevent duplicate actions:
396
- ```typescript
397
- const processed = await db.query.processedEvents.findFirst({ where: eq(processedEvents.id, eventId) });
398
- if (processed) return NextResponse.json({ received: true });
399
- ```
400
- 2. **Handle Async Work Gracefully**: Send a fast response (`200 OK`) back to the gateway first, then process any heavy logic asynchronously (or via queue systems like BullMQ) if necessary, to avoid gateway timeouts.
401
- 3. **Database Locks**: Run your update queries inside clean transactions to avoid concurrency anomalies.
1
+ # Billing & Payment Gateway Integration Guide
2
+
3
+ A comprehensive guide to setting up subscription billing, payment gateways, and Merchant of Record (MoR) systems. This guide covers Stripe, Midtrans, PayPal, Paddle, and FastSpring, detailing database structures and webhook verification in a multi-tenant SaaS application.
4
+
5
+ ---
6
+
7
+ ## 1. Gateway Type: Payment Gateway vs. Merchant of Record (MoR)
8
+
9
+ Before choosing a billing system, it is vital to understand the two main categories of billing platforms:
10
+
11
+ | Feature | Payment Gateway (Stripe, Midtrans, PayPal) | Merchant of Record (Paddle, FastSpring) |
12
+ |---|---|---|
13
+ | **Definition** | Processes payments but places legal/financial responsibilities on you. | Acts as the reseller of your software; handles transactions and compliance. |
14
+ | **Sales Tax / VAT** | You must calculate, collect, and file taxes globally (using tools like Stripe Tax). | Automatically handles global taxes, compliance, and invoicing. |
15
+ | **Chargeback Liability**| You manage chargeback disputes directly. | The MoR platform handles chargeback disputes. |
16
+ | **Integration Complexity**| Highly customizable APIs, but requires more backend logic for compliance. | Simple to configure; checkout UI is managed by the MoR. |
17
+
18
+ ---
19
+
20
+ ## 2. Generic Multi-Gateway Database Schema
21
+
22
+ To support multiple payment gateways, use a generic subscription schema.
23
+
24
+ ### Prisma Schema (`prisma/schema.prisma`)
25
+ ```prisma
26
+ model Subscription {
27
+ id String @id @default(cuid())
28
+ workspaceId String @unique
29
+ workspace Workspace @relation(fields: [workspaceId], references: [id], onDelete: Cascade)
30
+ gateway String // "stripe", "midtrans", "paypal", "paddle", "fastspring"
31
+ gatewayCustomerId String? @unique
32
+ gatewaySubscriptionId String? @unique
33
+ gatewayPriceId String?
34
+ status String // "active", "trialing", "past_due", "canceled", "unpaid"
35
+ currentPeriodEnd DateTime
36
+ cancelAtPeriodEnd Boolean @default(false)
37
+ createdAt DateTime @default(now())
38
+ updatedAt DateTime @updatedAt
39
+ }
40
+ ```
41
+
42
+ ### Drizzle ORM Schema (`lib/db/schema.ts`)
43
+ ```typescript
44
+ import { pgTable, text, timestamp, boolean } from 'drizzle-orm/pg-core';
45
+
46
+ export const subscriptions = pgTable('subscriptions', {
47
+ id: text('id').primaryKey(),
48
+ workspaceId: text('workspace_id').notNull().unique(),
49
+ gateway: text('gateway').notNull(), // "stripe", "midtrans", "paypal", "paddle", "fastspring"
50
+ gatewayCustomerId: text('gateway_customer_id').unique(),
51
+ gatewaySubscriptionId: text('gateway_subscription_id').unique(),
52
+ gatewayPriceId: text('gateway_price_id'),
53
+ status: text('status').notNull(),
54
+ currentPeriodEnd: timestamp('current_period_end').notNull(),
55
+ cancelAtPeriodEnd: boolean('cancel_at_period_end').default(false).notNull(),
56
+ createdAt: timestamp('created_at').defaultNow().notNull(),
57
+ updatedAt: timestamp('updated_at').defaultNow().notNull(),
58
+ });
59
+ ```
60
+
61
+ ---
62
+
63
+ ## 3. Webhook Implementations
64
+
65
+ Webhooks are crucial to keep your SaaS database in sync with payment updates. Below are the implementation templates for Next.js 15 (App Router).
66
+
67
+ ### A. Stripe Integration
68
+ Processes subscriptions and invoices. Verified via the Stripe SDK.
69
+
70
+ ```typescript
71
+ import { NextResponse } from 'next/server';
72
+ import Stripe from 'stripe';
73
+ import { db } from '@/lib/db';
74
+ import { subscriptions } from '@/lib/db/schema';
75
+ import { eq } from 'drizzle-orm';
76
+
77
+ const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, { apiVersion: '2025-01-01' as any });
78
+
79
+ export async function POST(req: Request) {
80
+ const body = await req.text();
81
+ const signature = req.headers.get('Stripe-Signature')!;
82
+
83
+ let event: Stripe.Event;
84
+ try {
85
+ event = stripe.webhooks.constructEvent(body, signature, process.env.STRIPE_WEBHOOK_SECRET!);
86
+ } catch (err: any) {
87
+ return NextResponse.json({ error: `Signature verification failed: ${err.message}` }, { status: 400 });
88
+ }
89
+
90
+ switch (event.type) {
91
+ case 'checkout.session.completed': {
92
+ const session = event.data.object as Stripe.Checkout.Session;
93
+ const workspaceId = session.metadata?.workspaceId;
94
+ if (!workspaceId) break;
95
+
96
+ const subscription = await stripe.subscriptions.retrieve(session.subscription as string);
97
+ await db.insert(subscriptions).values({
98
+ id: subscription.id,
99
+ workspaceId,
100
+ gateway: 'stripe',
101
+ gatewayCustomerId: session.customer as string,
102
+ gatewaySubscriptionId: subscription.id,
103
+ gatewayPriceId: subscription.items.data[0].price.id,
104
+ status: subscription.status,
105
+ currentPeriodEnd: new Date(subscription.current_period_end * 1000),
106
+ });
107
+ break;
108
+ }
109
+ case 'invoice.payment_succeeded': {
110
+ const invoice = event.data.object as Stripe.Invoice;
111
+ if (!invoice.subscription) break;
112
+ const subscription = await stripe.subscriptions.retrieve(invoice.subscription as string);
113
+ await db.update(subscriptions)
114
+ .set({
115
+ status: subscription.status,
116
+ currentPeriodEnd: new Date(subscription.current_period_end * 1000),
117
+ })
118
+ .where(eq(subscriptions.gatewaySubscriptionId, subscription.id));
119
+ break;
120
+ }
121
+ case 'customer.subscription.deleted': {
122
+ const subscription = event.data.object as Stripe.Subscription;
123
+ await db.update(subscriptions)
124
+ .set({ status: 'canceled' })
125
+ .where(eq(subscriptions.gatewaySubscriptionId, subscription.id));
126
+ break;
127
+ }
128
+ }
129
+ return NextResponse.json({ received: true });
130
+ }
131
+ ```
132
+
133
+ ### B. Midtrans Integration
134
+ Southeast Asia's popular payment gateway. Verified via SHA512 signature key matching.
135
+
136
+ ```typescript
137
+ import { NextResponse } from 'next/server';
138
+ import crypto from 'crypto';
139
+ import { db } from '@/lib/db';
140
+ import { subscriptions } from '@/lib/db/schema';
141
+ import { eq } from 'drizzle-orm';
142
+
143
+ export async function POST(req: Request) {
144
+ const body = await req.json();
145
+ const { order_id, status_code, gross_amount, signature_key, transaction_status, fraud_status } = body;
146
+
147
+ // Verify signature key: sha512(order_id + status_code + gross_amount + server_key)
148
+ const serverKey = process.env.MIDTRANS_SERVER_KEY!;
149
+ const hashed = crypto
150
+ .createHash('sha512')
151
+ .update(order_id + status_code + gross_amount + serverKey)
152
+ .digest('hex');
153
+
154
+ if (hashed !== signature_key) {
155
+ return NextResponse.json({ error: 'Invalid Midtrans signature' }, { status: 400 });
156
+ }
157
+
158
+ // Update subscription/payment state based on transaction_status
159
+ if (transaction_status === 'capture' || transaction_status === 'settlement') {
160
+ if (fraud_status === 'challenge') {
161
+ await db.update(subscriptions).set({ status: 'unpaid' }).where(eq(subscriptions.id, order_id));
162
+ } else {
163
+ await db.update(subscriptions)
164
+ .set({ status: 'active', currentPeriodEnd: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000) })
165
+ .where(eq(subscriptions.id, order_id));
166
+ }
167
+ } else if (['cancel', 'deny', 'expire'].includes(transaction_status)) {
168
+ await db.update(subscriptions).set({ status: 'canceled' }).where(eq(subscriptions.id, order_id));
169
+ } else if (transaction_status === 'pending') {
170
+ await db.update(subscriptions).set({ status: 'unpaid' }).where(eq(subscriptions.id, order_id));
171
+ }
172
+
173
+ return NextResponse.json({ success: true });
174
+ }
175
+ ```
176
+
177
+ ### C. PayPal Integration
178
+ Global subscription billing. Verified via PayPal API request validation.
179
+
180
+ ```typescript
181
+ import { NextResponse } from 'next/server';
182
+ import { db } from '@/lib/db';
183
+ import { subscriptions } from '@/lib/db/schema';
184
+ import { eq } from 'drizzle-orm';
185
+
186
+ async function verifyPayPalSignature(headers: Headers, rawBody: string, webhookId: string) {
187
+ // Call PayPal API to verify signature authenticity
188
+ const endpoint = process.env.PAYPAL_MODE === 'live'
189
+ ? 'https://api-m.paypal.com'
190
+ : 'https://api-m.sandbox.paypal.com';
191
+
192
+ const authHeader = headers.get('authorization');
193
+ if (!authHeader) return false;
194
+
195
+ const response = await fetch(`${endpoint}/v1/notifications/verify-webhook-signature`, {
196
+ method: 'POST',
197
+ headers: {
198
+ 'Content-Type': 'application/json',
199
+ 'Authorization': authHeader,
200
+ },
201
+ body: JSON.stringify({
202
+ auth_algo: headers.get('paypal-auth-algo'),
203
+ cert_url: headers.get('paypal-cert-url'),
204
+ transmission_id: headers.get('paypal-transmission-id'),
205
+ transmission_sig: headers.get('paypal-transmission-sig'),
206
+ transmission_time: headers.get('paypal-transmission-time'),
207
+ webhook_id: webhookId,
208
+ webhook_event: JSON.parse(rawBody),
209
+ }),
210
+ });
211
+
212
+ const verification = await response.json();
213
+ return verification.verification_status === 'SUCCESS';
214
+ }
215
+
216
+ export async function POST(req: Request) {
217
+ const rawBody = await req.text();
218
+ const webhookId = process.env.PAYPAL_WEBHOOK_ID!;
219
+
220
+ const isValid = await verifyPayPalSignature(req.headers, rawBody, webhookId);
221
+ if (!isValid) {
222
+ return NextResponse.json({ error: 'PayPal signature invalid' }, { status: 400 });
223
+ }
224
+
225
+ const event = JSON.parse(rawBody);
226
+
227
+ switch (event.event_type) {
228
+ case 'BILLING.SUBSCRIPTION.CREATED': {
229
+ const sub = event.resource;
230
+ const workspaceId = sub.custom_id; // Pass workspace ID in custom_id
231
+ if (!workspaceId) break;
232
+
233
+ await db.insert(subscriptions).values({
234
+ id: sub.id,
235
+ workspaceId,
236
+ gateway: 'paypal',
237
+ gatewayCustomerId: sub.subscriber.payer_id,
238
+ gatewaySubscriptionId: sub.id,
239
+ gatewayPriceId: sub.plan_id,
240
+ status: 'active',
241
+ currentPeriodEnd: new Date(sub.billing_info.next_billing_time),
242
+ });
243
+ break;
244
+ }
245
+ case 'BILLING.SUBSCRIPTION.CANCELLED': {
246
+ const sub = event.resource;
247
+ await db.update(subscriptions)
248
+ .set({ status: 'canceled' })
249
+ .where(eq(subscriptions.gatewaySubscriptionId, sub.id));
250
+ break;
251
+ }
252
+ }
253
+
254
+ return NextResponse.json({ received: true });
255
+ }
256
+ ```
257
+
258
+ ### D. Paddle Integration (Paddle Billing v2)
259
+ Merchant of Record. Verified locally using an HMAC-SHA256 signature key verification.
260
+
261
+ ```typescript
262
+ import { NextResponse } from 'next/server';
263
+ import crypto from 'crypto';
264
+ import { db } from '@/lib/db';
265
+ import { subscriptions } from '@/lib/db/schema';
266
+ import { eq } from 'drizzle-orm';
267
+
268
+ function verifyPaddleSignature(body: string, signatureHeader: string, secret: string): boolean {
269
+ const parts = signatureHeader.split(';');
270
+ const tsPart = parts.find(p => p.startsWith('ts='));
271
+ const h1Part = parts.find(p => p.startsWith('h1='));
272
+ if (!tsPart || !h1Part) return false;
273
+
274
+ const ts = tsPart.split('=')[1];
275
+ const h1 = h1Part.split('=')[1];
276
+
277
+ const payload = `${ts}:${body}`;
278
+ const computedHash = crypto.createHmac('sha256', secret).update(payload).digest('hex');
279
+ return computedHash === h1;
280
+ }
281
+
282
+ export async function POST(req: Request) {
283
+ const rawBody = await req.text();
284
+ const signature = req.headers.get('Paddle-Signature')!;
285
+ const secret = process.env.PADDLE_WEBHOOK_SECRET!;
286
+
287
+ if (!verifyPaddleSignature(rawBody, signature, secret)) {
288
+ return NextResponse.json({ error: 'Invalid Paddle signature' }, { status: 400 });
289
+ }
290
+
291
+ const event = JSON.parse(rawBody);
292
+ const eventType = event.event_type;
293
+ const data = event.data;
294
+
295
+ switch (eventType) {
296
+ case 'subscription.created':
297
+ case 'subscription.updated': {
298
+ const workspaceId = data.custom_data?.workspaceId;
299
+ if (!workspaceId) break;
300
+
301
+ await db.insert(subscriptions).values({
302
+ id: data.id,
303
+ workspaceId,
304
+ gateway: 'paddle',
305
+ gatewayCustomerId: data.customer_id,
306
+ gatewaySubscriptionId: data.id,
307
+ gatewayPriceId: data.items[0].price.id,
308
+ status: data.status, // active, trialing, paused
309
+ currentPeriodEnd: new Date(data.current_billing_period.ends_at),
310
+ }).onConflictDoUpdate({
311
+ target: subscriptions.workspaceId,
312
+ set: {
313
+ status: data.status,
314
+ currentPeriodEnd: new Date(data.current_billing_period.ends_at),
315
+ gatewayPriceId: data.items[0].price.id,
316
+ }
317
+ });
318
+ break;
319
+ }
320
+ case 'subscription.canceled': {
321
+ await db.update(subscriptions)
322
+ .set({ status: 'canceled' })
323
+ .where(eq(subscriptions.gatewaySubscriptionId, data.id));
324
+ break;
325
+ }
326
+ }
327
+
328
+ return NextResponse.json({ received: true });
329
+ }
330
+ ```
331
+
332
+ ### E. FastSpring Integration
333
+ Merchant of Record. Verified via an HMAC-SHA256 signature key verification.
334
+
335
+ ```typescript
336
+ import { NextResponse } from 'next/server';
337
+ import crypto from 'crypto';
338
+ import { db } from '@/lib/db';
339
+ import { subscriptions } from '@/lib/db/schema';
340
+ import { eq } from 'drizzle-orm';
341
+
342
+ function verifyFastSpringSignature(body: string, signature: string, secretKey: string): boolean {
343
+ const hash = crypto.createHmac('sha256', secretKey).update(body).digest('base64');
344
+ return hash === signature;
345
+ }
346
+
347
+ export async function POST(req: Request) {
348
+ const rawBody = await req.text();
349
+ const signature = req.headers.get('X-FS-Signature')!;
350
+ const secretKey = process.env.FASTSPRING_SHARED_SECRET!;
351
+
352
+ if (!verifyFastSpringSignature(rawBody, signature, secretKey)) {
353
+ return NextResponse.json({ error: 'Invalid FastSpring signature' }, { status: 400 });
354
+ }
355
+
356
+ const payload = JSON.parse(rawBody);
357
+
358
+ for (const event of payload.events) {
359
+ switch (event.type) {
360
+ case 'subscription.activated': {
361
+ const sub = event.data;
362
+ const workspaceId = sub.tags?.workspaceId;
363
+ if (!workspaceId) break;
364
+
365
+ await db.insert(subscriptions).values({
366
+ id: sub.id,
367
+ workspaceId,
368
+ gateway: 'fastspring',
369
+ gatewayCustomerId: sub.account,
370
+ gatewaySubscriptionId: sub.id,
371
+ gatewayPriceId: sub.product,
372
+ status: 'active',
373
+ currentPeriodEnd: new Date(sub.nextSession),
374
+ });
375
+ break;
376
+ }
377
+ case 'subscription.canceled': {
378
+ const sub = event.data;
379
+ await db.update(subscriptions)
380
+ .set({ status: 'canceled' })
381
+ .where(eq(subscriptions.gatewaySubscriptionId, sub.id));
382
+ break;
383
+ }
384
+ }
385
+ }
386
+
387
+ return NextResponse.json({ received: true });
388
+ }
389
+ ```
390
+
391
+ ---
392
+
393
+ ## 4. Best Practices for Webhook Handlers
394
+
395
+ 1. **Webhook Idempotency**: Payment gateways can redeliver webhooks. Always store a list of processed event IDs in your database to prevent duplicate actions:
396
+ ```typescript
397
+ const processed = await db.query.processedEvents.findFirst({ where: eq(processedEvents.id, eventId) });
398
+ if (processed) return NextResponse.json({ received: true });
399
+ ```
400
+ 2. **Handle Async Work Gracefully**: Send a fast response (`200 OK`) back to the gateway first, then process any heavy logic asynchronously (or via queue systems like BullMQ) if necessary, to avoid gateway timeouts.
401
+ 3. **Database Locks**: Run your update queries inside clean transactions to avoid concurrency anomalies.