@rune-kit/rune 2.1.1 → 2.2.1

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 (157) hide show
  1. package/README.md +40 -34
  2. package/compiler/__tests__/pack-split.test.js +145 -0
  3. package/compiler/adapters/antigravity.js +1 -1
  4. package/compiler/adapters/codex.js +77 -0
  5. package/compiler/adapters/cursor.js +1 -1
  6. package/compiler/adapters/generic.js +1 -1
  7. package/compiler/adapters/index.js +4 -0
  8. package/compiler/adapters/opencode.js +86 -0
  9. package/compiler/adapters/windsurf.js +1 -1
  10. package/compiler/bin/rune.js +10 -7
  11. package/compiler/doctor.js +42 -0
  12. package/compiler/emitter.js +64 -10
  13. package/compiler/parser.js +42 -3
  14. package/compiler/transformer.js +10 -6
  15. package/compiler/transforms/branding.js +1 -1
  16. package/compiler/transforms/compliance.js +40 -0
  17. package/extensions/ai-ml/PACK.md +38 -474
  18. package/extensions/ai-ml/skills/ai-agents.md +172 -0
  19. package/extensions/ai-ml/skills/code-sandbox.md +187 -0
  20. package/extensions/ai-ml/skills/deep-research.md +146 -0
  21. package/extensions/ai-ml/skills/embedding-search.md +66 -0
  22. package/extensions/ai-ml/skills/fine-tuning-guide.md +74 -0
  23. package/extensions/ai-ml/skills/llm-architect.md +125 -0
  24. package/extensions/ai-ml/skills/llm-integration.md +64 -0
  25. package/extensions/ai-ml/skills/prompt-patterns.md +72 -0
  26. package/extensions/ai-ml/skills/rag-patterns.md +66 -0
  27. package/extensions/ai-ml/skills/web-extraction.md +114 -0
  28. package/extensions/analytics/PACK.md +19 -484
  29. package/extensions/analytics/skills/ab-testing.md +72 -0
  30. package/extensions/analytics/skills/dashboard-patterns.md +83 -0
  31. package/extensions/analytics/skills/data-validation.md +68 -0
  32. package/extensions/analytics/skills/funnel-analysis.md +81 -0
  33. package/extensions/analytics/skills/sql-patterns.md +57 -0
  34. package/extensions/analytics/skills/statistical-analysis.md +79 -0
  35. package/extensions/analytics/skills/tracking-setup.md +71 -0
  36. package/extensions/backend/PACK.md +44 -618
  37. package/extensions/backend/skills/api-patterns.md +84 -0
  38. package/extensions/backend/skills/async-pipeline.md +193 -0
  39. package/extensions/backend/skills/auth-patterns.md +97 -0
  40. package/extensions/backend/skills/background-jobs.md +133 -0
  41. package/extensions/backend/skills/caching-patterns.md +108 -0
  42. package/extensions/backend/skills/cli-generation.md +133 -0
  43. package/extensions/backend/skills/database-patterns.md +87 -0
  44. package/extensions/backend/skills/middleware-patterns.md +104 -0
  45. package/extensions/chrome-ext/PACK.md +19 -921
  46. package/extensions/chrome-ext/skills/cws-preflight.md +143 -0
  47. package/extensions/chrome-ext/skills/cws-publish.md +104 -0
  48. package/extensions/chrome-ext/skills/ext-ai-integration.md +251 -0
  49. package/extensions/chrome-ext/skills/ext-messaging.md +139 -0
  50. package/extensions/chrome-ext/skills/ext-storage.md +133 -0
  51. package/extensions/chrome-ext/skills/mv3-scaffold.md +164 -0
  52. package/extensions/content/PACK.md +43 -335
  53. package/extensions/content/skills/blog-patterns.md +88 -0
  54. package/extensions/content/skills/cms-integration.md +131 -0
  55. package/extensions/content/skills/content-scoring.md +107 -0
  56. package/extensions/content/skills/i18n.md +83 -0
  57. package/extensions/content/skills/mdx-authoring.md +137 -0
  58. package/extensions/content/skills/reference.md +1014 -0
  59. package/extensions/content/skills/seo-patterns.md +67 -0
  60. package/extensions/content/skills/video-repurpose.md +153 -0
  61. package/extensions/devops/PACK.md +38 -457
  62. package/extensions/devops/skills/chaos-testing.md +67 -0
  63. package/extensions/devops/skills/ci-cd.md +75 -0
  64. package/extensions/devops/skills/docker.md +58 -0
  65. package/extensions/devops/skills/edge-serverless.md +163 -0
  66. package/extensions/devops/skills/infra-as-code.md +158 -0
  67. package/extensions/devops/skills/kubernetes.md +110 -0
  68. package/extensions/devops/skills/monitoring.md +57 -0
  69. package/extensions/devops/skills/server-setup.md +64 -0
  70. package/extensions/devops/skills/ssl-domain.md +42 -0
  71. package/extensions/ecommerce/PACK.md +62 -226
  72. package/extensions/ecommerce/skills/cart-system.md +79 -0
  73. package/extensions/ecommerce/skills/inventory-mgmt.md +102 -0
  74. package/extensions/ecommerce/skills/order-management.md +126 -0
  75. package/extensions/ecommerce/skills/payment-integration.md +472 -0
  76. package/extensions/ecommerce/skills/shopify-dev.md +69 -0
  77. package/extensions/ecommerce/skills/subscription-billing.md +93 -0
  78. package/extensions/ecommerce/skills/tax-compliance.md +117 -0
  79. package/extensions/gamedev/PACK.md +66 -317
  80. package/extensions/gamedev/skills/asset-pipeline.md +74 -0
  81. package/extensions/gamedev/skills/audio-system.md +129 -0
  82. package/extensions/gamedev/skills/camera-system.md +87 -0
  83. package/extensions/gamedev/skills/ecs.md +98 -0
  84. package/extensions/gamedev/skills/game-loops.md +72 -0
  85. package/extensions/gamedev/skills/input-system.md +199 -0
  86. package/extensions/gamedev/skills/multiplayer.md +180 -0
  87. package/extensions/gamedev/skills/particles.md +105 -0
  88. package/extensions/gamedev/skills/physics-engine.md +89 -0
  89. package/extensions/gamedev/skills/scene-management.md +146 -0
  90. package/extensions/gamedev/skills/threejs-patterns.md +90 -0
  91. package/extensions/gamedev/skills/webgl.md +71 -0
  92. package/extensions/mobile/PACK.md +56 -223
  93. package/extensions/mobile/skills/app-store-connect.md +152 -0
  94. package/extensions/mobile/skills/app-store-prep.md +66 -0
  95. package/extensions/mobile/skills/deep-linking.md +109 -0
  96. package/extensions/mobile/skills/flutter.md +60 -0
  97. package/extensions/mobile/skills/ios-build-pipeline.md +142 -0
  98. package/extensions/mobile/skills/native-bridge.md +66 -0
  99. package/extensions/mobile/skills/ota-updates.md +97 -0
  100. package/extensions/mobile/skills/push-notifications.md +111 -0
  101. package/extensions/mobile/skills/react-native.md +82 -0
  102. package/extensions/saas/PACK.md +26 -720
  103. package/extensions/saas/skills/billing-integration.md +121 -0
  104. package/extensions/saas/skills/feature-flags.md +130 -0
  105. package/extensions/saas/skills/multi-tenant.md +103 -0
  106. package/extensions/saas/skills/onboarding-flow.md +139 -0
  107. package/extensions/saas/skills/subscription-flow.md +95 -0
  108. package/extensions/saas/skills/team-management.md +144 -0
  109. package/extensions/security/PACK.md +10 -448
  110. package/extensions/security/skills/api-security.md +140 -0
  111. package/extensions/security/skills/compliance.md +68 -0
  112. package/extensions/security/skills/owasp-audit.md +64 -0
  113. package/extensions/security/skills/pentest-patterns.md +77 -0
  114. package/extensions/security/skills/secret-mgmt.md +65 -0
  115. package/extensions/security/skills/supply-chain.md +65 -0
  116. package/extensions/trading/PACK.md +18 -535
  117. package/extensions/trading/skills/chart-components.md +55 -0
  118. package/extensions/trading/skills/experiment-loop.md +125 -0
  119. package/extensions/trading/skills/fintech-patterns.md +47 -0
  120. package/extensions/trading/skills/indicator-library.md +58 -0
  121. package/extensions/trading/skills/quant-analysis.md +111 -0
  122. package/extensions/trading/skills/realtime-data.md +58 -0
  123. package/extensions/trading/skills/trade-logic.md +104 -0
  124. package/extensions/ui/PACK.md +34 -853
  125. package/extensions/ui/skills/a11y-audit.md +91 -0
  126. package/extensions/ui/skills/animation-patterns.md +106 -0
  127. package/extensions/ui/skills/component-patterns.md +75 -0
  128. package/extensions/ui/skills/design-decision.md +98 -0
  129. package/extensions/ui/skills/design-system.md +68 -0
  130. package/extensions/ui/skills/landing-patterns.md +155 -0
  131. package/extensions/ui/skills/palette-picker.md +162 -0
  132. package/extensions/ui/skills/react-health.md +90 -0
  133. package/extensions/ui/skills/type-system.md +125 -0
  134. package/extensions/ui/skills/web-vitals.md +153 -0
  135. package/extensions/zalo/PACK.md +117 -0
  136. package/extensions/zalo/skills/zalo-oa-mcp.md +317 -0
  137. package/extensions/zalo/skills/zalo-oa-messaging.md +429 -0
  138. package/extensions/zalo/skills/zalo-oa-setup.md +236 -0
  139. package/extensions/zalo/skills/zalo-oa-webhook.md +189 -0
  140. package/extensions/zalo/skills/zalo-personal-messaging.md +194 -0
  141. package/extensions/zalo/skills/zalo-personal-setup.md +153 -0
  142. package/extensions/zalo/skills/zalo-rate-guard.md +219 -0
  143. package/package.json +5 -2
  144. package/skills/brainstorm/SKILL.md +63 -1
  145. package/skills/cook/SKILL.md +89 -6
  146. package/skills/debug/SKILL.md +5 -0
  147. package/skills/fix/SKILL.md +5 -0
  148. package/skills/mcp-builder/SKILL.md +48 -1
  149. package/skills/neural-memory/SKILL.md +362 -0
  150. package/skills/plan/SKILL.md +3 -0
  151. package/skills/rescue/SKILL.md +5 -0
  152. package/skills/review/SKILL.md +44 -5
  153. package/skills/review-intake/SKILL.md +17 -1
  154. package/skills/skill-router/SKILL.md +106 -8
  155. package/skills/team/SKILL.md +24 -1
  156. package/skills/test/SKILL.md +18 -0
  157. package/skills/verification/SKILL.md +40 -1
@@ -0,0 +1,472 @@
1
+ ---
2
+ name: "payment-integration"
3
+ pack: "@rune/ecommerce"
4
+ description: "Payment integration — Stripe Payment Intents, 3D Secure, webhook handling, refunds, idempotency, PCI compliance, multi-currency, fraud detection, Vietnamese payment gateways (SePay, VNPay, MoMo)."
5
+ model: sonnet
6
+ tools: [Read, Edit, Write, Grep, Glob, Bash]
7
+ ---
8
+
9
+ # payment-integration
10
+
11
+ Payment integration — Stripe Payment Intents, 3D Secure, webhook handling, refunds, idempotency, PCI compliance, multi-currency, fraud detection, Vietnamese payment gateways (SePay, VNPay, MoMo).
12
+
13
+ #### Workflow
14
+
15
+ **Step 1 — Detect payment setup**
16
+ Use Grep to find `stripe`, `paypal`, `@stripe/stripe-js`, `@stripe/react-stripe-js`, payment-related endpoints. Read checkout handlers and webhook processors to understand: payment flow type (Payment Intents vs Checkout Sessions), webhook events handled, and error recovery.
17
+
18
+ **Step 2 — Audit payment security**
19
+ Check for:
20
+ - Missing idempotency keys on payment creation (double charges on retry)
21
+ - Webhook signature not verified (`stripe.webhooks.constructEvent` with `req.rawBody` — NOT parsed JSON body)
22
+ - Payment amount calculated client-side (price manipulation risk)
23
+ - No 3D Secure handling (`requires_action` status not handled in frontend)
24
+ - Secret keys in client bundle (check for `sk_live_` or `sk_test_` in frontend code)
25
+ - Missing failed payment recovery flow (no retry or dunning)
26
+ - Webhook processing not idempotent (same event processed twice creates duplicate orders)
27
+ - `req.body` used instead of `req.rawBody` for webhook signature verification (always fails)
28
+
29
+ **Step 3 — Emit robust payment flow**
30
+ Emit: server-side Payment Intent creation with idempotency, 3D Secure handling loop, comprehensive webhook handler with event deduplication, and refund flow with audit trail.
31
+
32
+ #### Example
33
+
34
+ ```typescript
35
+ // Stripe Payment Intent — server-side, idempotent, 3DS-ready
36
+ import Stripe from 'stripe';
37
+ const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!);
38
+
39
+ app.post('/api/checkout', async (req, res) => {
40
+ const { cartId, paymentMethodId } = req.body;
41
+ const cart = await cartService.getVerified(cartId); // server-side price calculation
42
+
43
+ // Idempotency key derived from CART, not timestamp — prevents double charge on retry
44
+ const idempotencyKey = `checkout-${cartId}-v${cart.version}`;
45
+
46
+ const intent = await stripe.paymentIntents.create({
47
+ amount: cart.totalInCents, // ALWAYS server-calculated
48
+ currency: cart.currency,
49
+ payment_method: paymentMethodId,
50
+ confirm: true,
51
+ return_url: `${process.env.APP_URL}/checkout/complete`,
52
+ metadata: { cartId, userId: req.user.id },
53
+ idempotencyKey,
54
+ });
55
+
56
+ if (intent.status === 'requires_action') {
57
+ return res.json({ requiresAction: true, clientSecret: intent.client_secret });
58
+ }
59
+ if (intent.status === 'succeeded') {
60
+ await orderService.create(cart, intent.id);
61
+ return res.json({ success: true, orderId: intent.metadata.orderId });
62
+ }
63
+ res.status(400).json({ error: 'PAYMENT_FAILED' });
64
+ });
65
+
66
+ // Webhook — MUST use raw body for signature, deduplicate events
67
+ app.post('/api/webhooks/stripe', express.raw({ type: 'application/json' }), async (req, res) => {
68
+ const sig = req.headers['stripe-signature']!;
69
+ let event: Stripe.Event;
70
+
71
+ try {
72
+ event = stripe.webhooks.constructEvent(req.body, sig, process.env.STRIPE_WEBHOOK_SECRET!);
73
+ } catch {
74
+ return res.status(400).send('Signature verification failed');
75
+ }
76
+
77
+ // Deduplicate: check if event already processed
78
+ const existing = await db.webhookEvent.findUnique({ where: { stripeEventId: event.id } });
79
+ if (existing) return res.json({ received: true, duplicate: true });
80
+
81
+ // Process within transaction
82
+ await db.$transaction(async (tx) => {
83
+ await tx.webhookEvent.create({ data: { stripeEventId: event.id, type: event.type } });
84
+
85
+ if (event.type === 'payment_intent.succeeded') {
86
+ const intent = event.data.object as Stripe.PaymentIntent;
87
+ await orderService.confirmPayment(tx, intent.metadata.cartId, intent.id);
88
+ }
89
+ });
90
+
91
+ res.json({ received: true });
92
+ });
93
+ ```
94
+
95
+ #### Multi-Currency & Localization
96
+
97
+ ```typescript
98
+ // Locale-aware price formatting — ALWAYS use Intl, never manual toFixed()
99
+ function formatPrice(amountInCents: number, currency: string, locale: string): string {
100
+ return new Intl.NumberFormat(locale, {
101
+ style: 'currency',
102
+ currency,
103
+ minimumFractionDigits: 2,
104
+ maximumFractionDigits: 2,
105
+ }).format(amountInCents / 100);
106
+ }
107
+
108
+ // Examples
109
+ formatPrice(1999, 'USD', 'en-US'); // $19.99
110
+ formatPrice(1999, 'EUR', 'de-DE'); // 19,99 €
111
+ formatPrice(1999, 'JPY', 'ja-JP'); // ¥1,999 (JPY has no minor units)
112
+
113
+ // Currency conversion with FX rate cache
114
+ interface FxRate { from: string; to: string; rate: number; fetchedAt: Date }
115
+
116
+ class FxService {
117
+ private cache = new Map<string, FxRate>();
118
+
119
+ async convert(amountInCents: number, from: string, to: string): Promise<number> {
120
+ if (from === to) return amountInCents;
121
+ const key = `${from}:${to}`;
122
+ let rate = this.cache.get(key);
123
+
124
+ // Refresh if stale (>15 min)
125
+ if (!rate || Date.now() - rate.fetchedAt.getTime() > 15 * 60 * 1000) {
126
+ const fresh = await this.fetchRate(from, to);
127
+ rate = { from, to, rate: fresh, fetchedAt: new Date() };
128
+ this.cache.set(key, rate);
129
+ }
130
+ return Math.round(amountInCents * rate.rate);
131
+ }
132
+
133
+ private async fetchRate(from: string, to: string): Promise<number> {
134
+ // Use a reliable FX API (e.g., Frankfurter, Open Exchange Rates)
135
+ const res = await fetch(`https://api.frankfurter.app/latest?from=${from}&to=${to}`);
136
+ const data = await res.json();
137
+ return data.rates[to];
138
+ }
139
+ }
140
+
141
+ // Locale-aware pricing: show price in user's currency, charge in store's base currency
142
+ interface LocalizedPrice {
143
+ displayAmount: string; // "€18.45" — shown to user
144
+ chargeAmount: number; // 1999 cents USD — what actually gets charged
145
+ currency: string; // 'USD'
146
+ displayCurrency: string; // 'EUR'
147
+ exchangeRate: number;
148
+ }
149
+
150
+ async function getLocalizedPrice(
151
+ amountInCents: number,
152
+ storeCurrency: string,
153
+ userLocale: string,
154
+ userCurrency: string
155
+ ): Promise<LocalizedPrice> {
156
+ const fx = new FxService();
157
+ const displayAmountInCents = await fx.convert(amountInCents, storeCurrency, userCurrency);
158
+ return {
159
+ displayAmount: formatPrice(displayAmountInCents, userCurrency, userLocale),
160
+ chargeAmount: amountInCents, // charge in store base currency
161
+ currency: storeCurrency,
162
+ displayCurrency: userCurrency,
163
+ exchangeRate: displayAmountInCents / amountInCents,
164
+ };
165
+ }
166
+ ```
167
+
168
+ #### Vietnamese Payment Gateways (SePay, VNPay, MoMo, ZaloPay)
169
+
170
+ Vietnam market uses QR-based bank transfers and e-wallets instead of card payments. SePay is the simplest (webhook on bank transfer), VNPay is the most widely adopted gateway, MoMo/ZaloPay are e-wallet leaders.
171
+
172
+ **SePay — QR Bank Transfer (simplest integration)**
173
+
174
+ ```typescript
175
+ // SePay: generate QR code for bank transfer, webhook on payment received
176
+ // Docs: https://my.sepay.vn/docs
177
+
178
+ interface SePayConfig {
179
+ apiKey: string;
180
+ bankAccount: string; // your receiving bank account
181
+ bankCode: string; // e.g., 'MB', 'VCB', 'TCB', 'ACB'
182
+ webhookSecret: string;
183
+ }
184
+
185
+ // Generate payment QR — user scans with banking app
186
+ async function createSePayQR(orderId: string, amountVND: number, config: SePayConfig) {
187
+ // SePay uses structured transfer content for auto-matching
188
+ const transferContent = `DH${orderId}`; // prefix for order matching
189
+
190
+ return {
191
+ bankCode: config.bankCode,
192
+ bankAccount: config.bankAccount,
193
+ amount: amountVND,
194
+ content: transferContent,
195
+ // QR follows VietQR standard (NAPAS)
196
+ qrUrl: `https://qr.sepay.vn/img?acc=${config.bankAccount}&bank=${config.bankCode}&amount=${amountVND}&des=${transferContent}`,
197
+ };
198
+ }
199
+
200
+ // Webhook — SePay calls this when bank transfer is detected
201
+ app.post('/api/webhooks/sepay', async (req, res) => {
202
+ // Verify webhook signature
203
+ const signature = req.headers['x-sepay-signature'] as string;
204
+ const payload = JSON.stringify(req.body);
205
+ const expected = crypto.createHmac('sha256', process.env.SEPAY_WEBHOOK_SECRET!)
206
+ .update(payload).digest('hex');
207
+
208
+ if (signature !== expected) {
209
+ return res.status(401).json({ error: 'Invalid signature' });
210
+ }
211
+
212
+ const { transferAmount, transferContent, transactionDate, id } = req.body;
213
+
214
+ // Deduplicate
215
+ const existing = await db.payment.findFirst({ where: { externalId: String(id) } });
216
+ if (existing) return res.json({ success: true, duplicate: true });
217
+
218
+ // Match order by transfer content (DH{orderId})
219
+ const orderIdMatch = transferContent.match(/DH(\w+)/);
220
+ if (!orderIdMatch) {
221
+ console.error('SePay: unmatched transfer', { transferContent, id });
222
+ return res.json({ success: true, matched: false });
223
+ }
224
+
225
+ await db.$transaction(async (tx) => {
226
+ await tx.payment.create({
227
+ data: {
228
+ orderId: orderIdMatch[1],
229
+ amount: transferAmount,
230
+ method: 'BANK_TRANSFER',
231
+ provider: 'sepay',
232
+ externalId: String(id),
233
+ paidAt: new Date(transactionDate),
234
+ },
235
+ });
236
+ await tx.order.update({
237
+ where: { id: orderIdMatch[1] },
238
+ data: { status: 'PAID', paidAt: new Date(transactionDate) },
239
+ });
240
+ });
241
+
242
+ res.json({ success: true });
243
+ });
244
+ ```
245
+
246
+ **VNPay — Vietnam's largest payment gateway**
247
+
248
+ ```typescript
249
+ // VNPay: redirect-based payment with HMAC-SHA512 signature
250
+ // Docs: https://sandbox.vnpayment.vn/apis/docs/huong-dan-tich-hop/
251
+
252
+ import crypto from 'crypto';
253
+ import qs from 'qs';
254
+
255
+ interface VNPayConfig {
256
+ tmnCode: string; // merchant code
257
+ hashSecret: string; // secret key
258
+ vnpUrl: string; // 'https://sandbox.vnpayment.vn/paymentv2/vpcpay.html' (sandbox)
259
+ returnUrl: string; // your callback URL
260
+ }
261
+
262
+ function createVNPayUrl(orderId: string, amountVND: number, ipAddr: string, config: VNPayConfig): string {
263
+ const now = new Date();
264
+ const createDate = now.toISOString().replace(/[-:T.Z]/g, '').slice(0, 14);
265
+
266
+ const params: Record<string, string> = {
267
+ vnp_Version: '2.1.0',
268
+ vnp_Command: 'pay',
269
+ vnp_TmnCode: config.tmnCode,
270
+ vnp_Locale: 'vn',
271
+ vnp_CurrCode: 'VND',
272
+ vnp_TxnRef: orderId,
273
+ vnp_OrderInfo: `Thanh toan don hang ${orderId}`,
274
+ vnp_OrderType: 'other',
275
+ vnp_Amount: String(amountVND * 100), // VNPay uses smallest unit (x100)
276
+ vnp_ReturnUrl: config.returnUrl,
277
+ vnp_IpAddr: ipAddr,
278
+ vnp_CreateDate: createDate,
279
+ };
280
+
281
+ // Sort params alphabetically — REQUIRED by VNPay
282
+ const sortedParams = Object.keys(params).sort().reduce((acc, key) => {
283
+ acc[key] = params[key];
284
+ return acc;
285
+ }, {} as Record<string, string>);
286
+
287
+ const signData = qs.stringify(sortedParams, { encode: false });
288
+ const hmac = crypto.createHmac('sha512', config.hashSecret);
289
+ const signed = hmac.update(Buffer.from(signData, 'utf-8')).digest('hex');
290
+
291
+ return `${config.vnpUrl}?${signData}&vnp_SecureHash=${signed}`;
292
+ }
293
+
294
+ // IPN (Instant Payment Notification) — VNPay server-to-server callback
295
+ app.get('/api/webhooks/vnpay-ipn', async (req, res) => {
296
+ const vnpParams = { ...req.query } as Record<string, string>;
297
+ const secureHash = vnpParams.vnp_SecureHash;
298
+ delete vnpParams.vnp_SecureHash;
299
+ delete vnpParams.vnp_SecureHashType;
300
+
301
+ // Verify hash
302
+ const sortedParams = Object.keys(vnpParams).sort().reduce((acc, key) => {
303
+ acc[key] = vnpParams[key];
304
+ return acc;
305
+ }, {} as Record<string, string>);
306
+
307
+ const signData = qs.stringify(sortedParams, { encode: false });
308
+ const expectedHash = crypto.createHmac('sha512', process.env.VNPAY_HASH_SECRET!)
309
+ .update(Buffer.from(signData, 'utf-8')).digest('hex');
310
+
311
+ if (secureHash !== expectedHash) {
312
+ return res.json({ RspCode: '97', Message: 'Invalid signature' });
313
+ }
314
+
315
+ const orderId = vnpParams.vnp_TxnRef;
316
+ const responseCode = vnpParams.vnp_ResponseCode;
317
+
318
+ if (responseCode === '00') {
319
+ await orderService.confirmPayment(orderId, vnpParams.vnp_TransactionNo);
320
+ return res.json({ RspCode: '00', Message: 'Confirm Success' });
321
+ }
322
+
323
+ await orderService.failPayment(orderId, responseCode);
324
+ res.json({ RspCode: '00', Message: 'Confirm Success' }); // always return 00 to VNPay
325
+ });
326
+ ```
327
+
328
+ **MoMo — E-wallet payment**
329
+
330
+ ```typescript
331
+ // MoMo: QR or app-switch payment
332
+ // Docs: https://developers.momo.vn/v3/docs/payment/api/
333
+
334
+ interface MoMoConfig {
335
+ partnerCode: string;
336
+ accessKey: string;
337
+ secretKey: string;
338
+ endpoint: string; // 'https://test-payment.momo.vn/v2/gateway/api/create'
339
+ redirectUrl: string;
340
+ ipnUrl: string;
341
+ }
342
+
343
+ async function createMoMoPayment(orderId: string, amountVND: number, config: MoMoConfig) {
344
+ const requestId = `${config.partnerCode}-${Date.now()}`;
345
+ const orderInfo = `Thanh toan don hang ${orderId}`;
346
+ const extraData = ''; // base64 encoded extra data
347
+
348
+ // HMAC SHA256 signature — order of fields matters!
349
+ const rawSignature = [
350
+ `accessKey=${config.accessKey}`,
351
+ `amount=${amountVND}`,
352
+ `extraData=${extraData}`,
353
+ `ipnUrl=${config.ipnUrl}`,
354
+ `orderId=${orderId}`,
355
+ `orderInfo=${orderInfo}`,
356
+ `partnerCode=${config.partnerCode}`,
357
+ `redirectUrl=${config.redirectUrl}`,
358
+ `requestId=${requestId}`,
359
+ `requestType=payWithMethod`,
360
+ ].join('&');
361
+
362
+ const signature = crypto.createHmac('sha256', config.secretKey)
363
+ .update(rawSignature).digest('hex');
364
+
365
+ const response = await fetch(config.endpoint, {
366
+ method: 'POST',
367
+ headers: { 'Content-Type': 'application/json' },
368
+ body: JSON.stringify({
369
+ partnerCode: config.partnerCode,
370
+ accessKey: config.accessKey,
371
+ requestId,
372
+ amount: amountVND,
373
+ orderId,
374
+ orderInfo,
375
+ redirectUrl: config.redirectUrl,
376
+ ipnUrl: config.ipnUrl,
377
+ extraData,
378
+ requestType: 'payWithMethod',
379
+ signature,
380
+ lang: 'vi',
381
+ }),
382
+ });
383
+
384
+ const data = await response.json();
385
+ return { payUrl: data.payUrl, qrCodeUrl: data.qrCodeUrl, deeplink: data.deeplink };
386
+ }
387
+ ```
388
+
389
+ **Sharp Edges — VN Payment Gotchas:**
390
+ - SePay: transfer content MUST be exact match — users sometimes add extra text → payment not auto-matched. Always show exact content to copy.
391
+ - VNPay: `vnp_Amount` is multiplied by 100 (not cents — VND has no decimals). Common bug: double-multiplying.
392
+ - VNPay: ALWAYS return `RspCode: '00'` to IPN even on failure — otherwise VNPay retries indefinitely.
393
+ - MoMo: signature field order is strict — wrong order = invalid signature. Copy exact order from docs.
394
+ - ZaloPay: similar to MoMo but uses HMAC-SHA256 with different field ordering. Check docs at `https://docs.zalopay.vn/`.
395
+ - All VN gateways: amounts are in VND (integer, no decimals). Never use floating point for VND.
396
+ - Sandbox environments often have rate limits and expire — test with real small amounts (10,000 VND) before go-live.
397
+
398
+ #### Fraud Detection
399
+
400
+ ```typescript
401
+ // Risk scoring before order fulfilment
402
+ interface FraudSignals {
403
+ ipAddress: string;
404
+ userAgent: string;
405
+ deviceFingerprint: string;
406
+ email: string;
407
+ billingCountry: string;
408
+ shippingCountry: string;
409
+ orderAmountCents: number;
410
+ isFirstOrder: boolean;
411
+ }
412
+
413
+ interface RiskScore {
414
+ score: number; // 0–100, higher = riskier
415
+ action: 'allow' | 'review' | 'block';
416
+ reasons: string[];
417
+ }
418
+
419
+ async function scoreFraudRisk(signals: FraudSignals): Promise<RiskScore> {
420
+ const reasons: string[] = [];
421
+ let score = 0;
422
+
423
+ // Velocity check — same IP, multiple orders in short window
424
+ const recentOrdersFromIp = await db.order.count({
425
+ where: { ipAddress: signals.ipAddress, createdAt: { gte: new Date(Date.now() - 3600_000) } },
426
+ });
427
+ if (recentOrdersFromIp >= 3) { score += 30; reasons.push('HIGH_VELOCITY_IP'); }
428
+
429
+ // Card BIN country mismatch
430
+ if (signals.billingCountry !== signals.shippingCountry) {
431
+ score += 15; reasons.push('BILLING_SHIPPING_MISMATCH');
432
+ }
433
+
434
+ // High-value first order — common pattern for stolen cards
435
+ if (signals.isFirstOrder && signals.orderAmountCents > 50000) {
436
+ score += 25; reasons.push('HIGH_VALUE_FIRST_ORDER');
437
+ }
438
+
439
+ // Email domain is disposable (temp-mail.org, mailinator.com, etc.)
440
+ const domain = signals.email.split('@')[1];
441
+ const isDisposable = await disposableEmailService.check(domain);
442
+ if (isDisposable) { score += 20; reasons.push('DISPOSABLE_EMAIL'); }
443
+
444
+ // Device fingerprint seen with multiple different emails (account farm)
445
+ const fingerprintEmails = await db.order.findMany({
446
+ where: { deviceFingerprint: signals.deviceFingerprint },
447
+ select: { email: true },
448
+ distinct: ['email'],
449
+ });
450
+ if (fingerprintEmails.length > 5) { score += 25; reasons.push('FINGERPRINT_MULTI_ACCOUNT'); }
451
+
452
+ const action = score >= 70 ? 'block' : score >= 40 ? 'review' : 'allow';
453
+ return { score, action, reasons };
454
+ }
455
+
456
+ // Apply fraud check in checkout flow
457
+ app.post('/api/checkout/confirm', async (req, res) => {
458
+ const { cartId } = req.body;
459
+ const signals = extractFraudSignals(req);
460
+ const risk = await scoreFraudRisk(signals);
461
+
462
+ if (risk.action === 'block') {
463
+ await db.fraudAttempt.create({ data: { ...signals, score: risk.score, reasons: risk.reasons } });
464
+ return res.status(403).json({ error: 'ORDER_BLOCKED', code: 'FRAUD_RISK' });
465
+ }
466
+ if (risk.action === 'review') {
467
+ // Proceed but flag for manual review after payment
468
+ await db.order.create({ data: { cartId, fraudScore: risk.score, requiresReview: true } });
469
+ }
470
+ // ... normal checkout flow
471
+ });
472
+ ```
@@ -0,0 +1,69 @@
1
+ ---
2
+ name: "shopify-dev"
3
+ pack: "@rune/ecommerce"
4
+ description: "Shopify development patterns — Liquid templates, Shopify API, Hydrogen/Remix storefronts, metafields, theme architecture, webhook HMAC verification."
5
+ model: sonnet
6
+ tools: [Read, Edit, Write, Grep, Glob, Bash]
7
+ ---
8
+
9
+ # shopify-dev
10
+
11
+ Shopify development patterns — Liquid templates, Shopify API, Hydrogen/Remix storefronts, metafields, theme architecture, webhook HMAC verification.
12
+
13
+ #### Workflow
14
+
15
+ **Step 1 — Detect Shopify architecture**
16
+ Use Glob to find `shopify.app.toml`, `*.liquid`, `remix.config.*`, `hydrogen.config.*`. Use Grep to find Storefront API queries (`#graphql`), Admin API calls, metafield references, and API version strings. Classify: theme app extension, custom app, or Hydrogen storefront.
17
+
18
+ **Step 2 — Audit theme and API usage**
19
+ Check for:
20
+ - Liquid templates without `| escape` filter on user-generated metafield content (XSS vulnerability)
21
+ - Storefront API queries without pagination (`first: 250` max — cursor-based pagination required for larger sets)
22
+ - Hardcoded product IDs or variant IDs (break when products are recreated)
23
+ - Missing metafield type validation (metafield can be deleted/recreated with different type)
24
+ - Theme sections without `schema` blocks (limits merchant customization)
25
+ - Deprecated API version usage (Shopify deprecates versions on a rolling 12-month cycle)
26
+ - Webhook handlers without HMAC signature verification (anyone can POST fake events)
27
+
28
+ **Step 3 — Emit optimized patterns**
29
+ For Hydrogen: emit typed Storefront API loader with proper caching and pagination. For theme: emit section schema with metafield integration. For apps: emit webhook handler with HMAC verification and idempotency.
30
+
31
+ #### Example
32
+
33
+ ```typescript
34
+ // Hydrogen — typed Storefront API loader with caching + pagination
35
+ import { json, type LoaderFunctionArgs } from '@shopify/remix-oxygen';
36
+
37
+ const PRODUCTS_QUERY = `#graphql
38
+ query Products($first: Int!, $after: String) {
39
+ products(first: $first, after: $after) {
40
+ pageInfo { hasNextPage endCursor }
41
+ nodes {
42
+ id handle title
43
+ variants(first: 10) {
44
+ nodes { id title price { amount currencyCode } availableForSale }
45
+ }
46
+ metafield(namespace: "custom", key: "care_instructions") { value type }
47
+ }
48
+ }
49
+ }
50
+ ` as const;
51
+
52
+ export async function loader({ context }: LoaderFunctionArgs) {
53
+ const { products } = await context.storefront.query(PRODUCTS_QUERY, {
54
+ variables: { first: 24 },
55
+ cache: context.storefront.CacheLong(),
56
+ });
57
+ return json({ products });
58
+ }
59
+
60
+ // Webhook handler with HMAC verification (Express)
61
+ import crypto from 'crypto';
62
+
63
+ function verifyShopifyWebhook(req: Request, secret: string): boolean {
64
+ const hmac = req.headers['x-shopify-hmac-sha256'] as string;
65
+ const body = (req as any).rawBody; // Must capture raw body before JSON parse
66
+ const hash = crypto.createHmac('sha256', secret).update(body, 'utf8').digest('base64');
67
+ return crypto.timingSafeEqual(Buffer.from(hash), Buffer.from(hmac));
68
+ }
69
+ ```
@@ -0,0 +1,93 @@
1
+ ---
2
+ name: "subscription-billing"
3
+ pack: "@rune/ecommerce"
4
+ description: "Subscription billing — trial management, proration, dunning (failed payment retry), plan changes mid-cycle, usage-based billing, cancellation flows."
5
+ model: sonnet
6
+ tools: [Read, Edit, Write, Grep, Glob, Bash]
7
+ ---
8
+
9
+ # subscription-billing
10
+
11
+ Subscription billing — trial management, proration, dunning (failed payment retry), plan changes mid-cycle, usage-based billing, cancellation flows.
12
+
13
+ #### Workflow
14
+
15
+ **Step 1 — Detect subscription setup**
16
+ Use Grep to find: `stripe.subscriptions`, `subscription`, `recurring`, `billing_cycle`, `trial`, `prorate`, `dunning`. Check for Stripe Billing Portal, customer portal redirect, and subscription lifecycle webhook handlers.
17
+
18
+ **Step 2 — Audit subscription lifecycle**
19
+ Check for:
20
+ - Trial-to-paid transition: is payment method collected during trial signup? (If not, 60%+ of trials churn at conversion — Stripe data)
21
+ - Proration on plan change: `proration_behavior` defaults to `create_prorations` — mid-cycle upgrade charges immediately. Must explicitly choose behavior and communicate to user
22
+ - Failed payment handling: Stripe retries automatically per Smart Retries settings, but app must handle `invoice.payment_failed` webhook to notify user, restrict access, or trigger custom retry
23
+ - Cancellation: `cancel_at_period_end` vs immediate cancel — immediate loses remaining period revenue. Most SaaS should use `cancel_at_period_end` and show countdown
24
+ - Missing webhook handlers for: `customer.subscription.updated`, `customer.subscription.deleted`, `invoice.payment_failed`, `invoice.paid`
25
+ - Usage-based billing: meter events must be sent before invoice finalization (not after) — late events are lost
26
+
27
+ **Step 3 — Emit subscription patterns**
28
+ Emit: subscription creation with trial + payment method upfront, plan change with explicit proration, dunning webhook handler, and cancellation flow.
29
+
30
+ #### Example
31
+
32
+ ```typescript
33
+ // Create subscription with trial — collect payment method upfront
34
+ async function createSubscription(customerId: string, priceId: string, trialDays: number) {
35
+ // Verify customer has payment method BEFORE creating subscription
36
+ const paymentMethods = await stripe.paymentMethods.list({
37
+ customer: customerId, type: 'card',
38
+ });
39
+ if (paymentMethods.data.length === 0) {
40
+ throw new Error('Payment method required before starting trial');
41
+ }
42
+
43
+ return stripe.subscriptions.create({
44
+ customer: customerId,
45
+ items: [{ price: priceId }],
46
+ trial_period_days: trialDays,
47
+ payment_settings: {
48
+ payment_method_types: ['card'],
49
+ save_default_payment_method: 'on_subscription',
50
+ },
51
+ trial_settings: {
52
+ end_behavior: { missing_payment_method: 'cancel' }, // Auto-cancel if no card at trial end
53
+ },
54
+ expand: ['latest_invoice.payment_intent'],
55
+ });
56
+ }
57
+
58
+ // Plan change with explicit proration
59
+ async function changePlan(subscriptionId: string, newPriceId: string) {
60
+ const subscription = await stripe.subscriptions.retrieve(subscriptionId);
61
+ return stripe.subscriptions.update(subscriptionId, {
62
+ items: [{ id: subscription.items.data[0].id, price: newPriceId }],
63
+ proration_behavior: 'always_invoice', // Charge/credit immediately
64
+ payment_behavior: 'error_if_incomplete', // Fail if upgrade payment fails
65
+ });
66
+ }
67
+
68
+ // Dunning webhook — restrict access after payment failure
69
+ app.post('/webhooks/subscription', async (req, res) => {
70
+ const event = verifyStripeEvent(req);
71
+
72
+ switch (event.type) {
73
+ case 'invoice.payment_failed': {
74
+ const invoice = event.data.object as Stripe.Invoice;
75
+ const attempt = invoice.attempt_count;
76
+ if (attempt >= 3) {
77
+ // After 3 failed retries, restrict access (don't cancel yet)
78
+ await userService.setStatus(invoice.customer as string, 'past_due');
79
+ await emailService.send(invoice.customer_email!, 'payment-failed-final');
80
+ } else {
81
+ await emailService.send(invoice.customer_email!, 'payment-failed-retry', { attempt });
82
+ }
83
+ break;
84
+ }
85
+ case 'customer.subscription.deleted': {
86
+ const sub = event.data.object as Stripe.Subscription;
87
+ await userService.deactivate(sub.customer as string);
88
+ break;
89
+ }
90
+ }
91
+ res.json({ received: true });
92
+ });
93
+ ```