@rune-kit/rune 2.2.0 → 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.
- package/README.md +40 -34
- package/compiler/__tests__/pack-split.test.js +145 -0
- package/compiler/bin/rune.js +0 -5
- package/compiler/doctor.js +42 -0
- package/compiler/emitter.js +27 -4
- package/compiler/parser.js +41 -3
- package/compiler/transformer.js +10 -6
- package/compiler/transforms/compliance.js +40 -0
- package/extensions/ai-ml/PACK.md +38 -474
- package/extensions/ai-ml/skills/ai-agents.md +172 -0
- package/extensions/ai-ml/skills/code-sandbox.md +187 -0
- package/extensions/ai-ml/skills/deep-research.md +146 -0
- package/extensions/ai-ml/skills/embedding-search.md +66 -0
- package/extensions/ai-ml/skills/fine-tuning-guide.md +74 -0
- package/extensions/ai-ml/skills/llm-architect.md +125 -0
- package/extensions/ai-ml/skills/llm-integration.md +64 -0
- package/extensions/ai-ml/skills/prompt-patterns.md +72 -0
- package/extensions/ai-ml/skills/rag-patterns.md +66 -0
- package/extensions/ai-ml/skills/web-extraction.md +114 -0
- package/extensions/analytics/PACK.md +19 -484
- package/extensions/analytics/skills/ab-testing.md +72 -0
- package/extensions/analytics/skills/dashboard-patterns.md +83 -0
- package/extensions/analytics/skills/data-validation.md +68 -0
- package/extensions/analytics/skills/funnel-analysis.md +81 -0
- package/extensions/analytics/skills/sql-patterns.md +57 -0
- package/extensions/analytics/skills/statistical-analysis.md +79 -0
- package/extensions/analytics/skills/tracking-setup.md +71 -0
- package/extensions/backend/PACK.md +44 -618
- package/extensions/backend/skills/api-patterns.md +84 -0
- package/extensions/backend/skills/async-pipeline.md +193 -0
- package/extensions/backend/skills/auth-patterns.md +97 -0
- package/extensions/backend/skills/background-jobs.md +133 -0
- package/extensions/backend/skills/caching-patterns.md +108 -0
- package/extensions/backend/skills/cli-generation.md +133 -0
- package/extensions/backend/skills/database-patterns.md +87 -0
- package/extensions/backend/skills/middleware-patterns.md +104 -0
- package/extensions/chrome-ext/PACK.md +19 -921
- package/extensions/chrome-ext/skills/cws-preflight.md +143 -0
- package/extensions/chrome-ext/skills/cws-publish.md +104 -0
- package/extensions/chrome-ext/skills/ext-ai-integration.md +251 -0
- package/extensions/chrome-ext/skills/ext-messaging.md +139 -0
- package/extensions/chrome-ext/skills/ext-storage.md +133 -0
- package/extensions/chrome-ext/skills/mv3-scaffold.md +164 -0
- package/extensions/content/PACK.md +43 -335
- package/extensions/content/skills/blog-patterns.md +88 -0
- package/extensions/content/skills/cms-integration.md +131 -0
- package/extensions/content/skills/content-scoring.md +107 -0
- package/extensions/content/skills/i18n.md +83 -0
- package/extensions/content/skills/mdx-authoring.md +137 -0
- package/extensions/content/skills/reference.md +1014 -0
- package/extensions/content/skills/seo-patterns.md +67 -0
- package/extensions/content/skills/video-repurpose.md +153 -0
- package/extensions/devops/PACK.md +38 -457
- package/extensions/devops/skills/chaos-testing.md +67 -0
- package/extensions/devops/skills/ci-cd.md +75 -0
- package/extensions/devops/skills/docker.md +58 -0
- package/extensions/devops/skills/edge-serverless.md +163 -0
- package/extensions/devops/skills/infra-as-code.md +158 -0
- package/extensions/devops/skills/kubernetes.md +110 -0
- package/extensions/devops/skills/monitoring.md +57 -0
- package/extensions/devops/skills/server-setup.md +64 -0
- package/extensions/devops/skills/ssl-domain.md +42 -0
- package/extensions/ecommerce/PACK.md +62 -226
- package/extensions/ecommerce/skills/cart-system.md +79 -0
- package/extensions/ecommerce/skills/inventory-mgmt.md +102 -0
- package/extensions/ecommerce/skills/order-management.md +126 -0
- package/extensions/ecommerce/skills/payment-integration.md +472 -0
- package/extensions/ecommerce/skills/shopify-dev.md +69 -0
- package/extensions/ecommerce/skills/subscription-billing.md +93 -0
- package/extensions/ecommerce/skills/tax-compliance.md +117 -0
- package/extensions/gamedev/PACK.md +66 -317
- package/extensions/gamedev/skills/asset-pipeline.md +74 -0
- package/extensions/gamedev/skills/audio-system.md +129 -0
- package/extensions/gamedev/skills/camera-system.md +87 -0
- package/extensions/gamedev/skills/ecs.md +98 -0
- package/extensions/gamedev/skills/game-loops.md +72 -0
- package/extensions/gamedev/skills/input-system.md +199 -0
- package/extensions/gamedev/skills/multiplayer.md +180 -0
- package/extensions/gamedev/skills/particles.md +105 -0
- package/extensions/gamedev/skills/physics-engine.md +89 -0
- package/extensions/gamedev/skills/scene-management.md +146 -0
- package/extensions/gamedev/skills/threejs-patterns.md +90 -0
- package/extensions/gamedev/skills/webgl.md +71 -0
- package/extensions/mobile/PACK.md +56 -223
- package/extensions/mobile/skills/app-store-connect.md +152 -0
- package/extensions/mobile/skills/app-store-prep.md +66 -0
- package/extensions/mobile/skills/deep-linking.md +109 -0
- package/extensions/mobile/skills/flutter.md +60 -0
- package/extensions/mobile/skills/ios-build-pipeline.md +142 -0
- package/extensions/mobile/skills/native-bridge.md +66 -0
- package/extensions/mobile/skills/ota-updates.md +97 -0
- package/extensions/mobile/skills/push-notifications.md +111 -0
- package/extensions/mobile/skills/react-native.md +82 -0
- package/extensions/saas/PACK.md +26 -720
- package/extensions/saas/skills/billing-integration.md +121 -0
- package/extensions/saas/skills/feature-flags.md +130 -0
- package/extensions/saas/skills/multi-tenant.md +103 -0
- package/extensions/saas/skills/onboarding-flow.md +139 -0
- package/extensions/saas/skills/subscription-flow.md +95 -0
- package/extensions/saas/skills/team-management.md +144 -0
- package/extensions/security/PACK.md +10 -448
- package/extensions/security/skills/api-security.md +140 -0
- package/extensions/security/skills/compliance.md +68 -0
- package/extensions/security/skills/owasp-audit.md +64 -0
- package/extensions/security/skills/pentest-patterns.md +77 -0
- package/extensions/security/skills/secret-mgmt.md +65 -0
- package/extensions/security/skills/supply-chain.md +65 -0
- package/extensions/trading/PACK.md +18 -535
- package/extensions/trading/skills/chart-components.md +55 -0
- package/extensions/trading/skills/experiment-loop.md +125 -0
- package/extensions/trading/skills/fintech-patterns.md +47 -0
- package/extensions/trading/skills/indicator-library.md +58 -0
- package/extensions/trading/skills/quant-analysis.md +111 -0
- package/extensions/trading/skills/realtime-data.md +58 -0
- package/extensions/trading/skills/trade-logic.md +104 -0
- package/extensions/ui/PACK.md +34 -853
- package/extensions/ui/skills/a11y-audit.md +91 -0
- package/extensions/ui/skills/animation-patterns.md +106 -0
- package/extensions/ui/skills/component-patterns.md +75 -0
- package/extensions/ui/skills/design-decision.md +98 -0
- package/extensions/ui/skills/design-system.md +68 -0
- package/extensions/ui/skills/landing-patterns.md +155 -0
- package/extensions/ui/skills/palette-picker.md +162 -0
- package/extensions/ui/skills/react-health.md +90 -0
- package/extensions/ui/skills/type-system.md +125 -0
- package/extensions/ui/skills/web-vitals.md +153 -0
- package/extensions/zalo/PACK.md +117 -0
- package/extensions/zalo/skills/zalo-oa-mcp.md +317 -0
- package/extensions/zalo/skills/zalo-oa-messaging.md +429 -0
- package/extensions/zalo/skills/zalo-oa-setup.md +236 -0
- package/extensions/zalo/skills/zalo-oa-webhook.md +189 -0
- package/extensions/zalo/skills/zalo-personal-messaging.md +194 -0
- package/extensions/zalo/skills/zalo-personal-setup.md +153 -0
- package/extensions/zalo/skills/zalo-rate-guard.md +219 -0
- package/package.json +1 -1
- package/skills/brainstorm/SKILL.md +63 -1
- package/skills/cook/SKILL.md +84 -5
- package/skills/mcp-builder/SKILL.md +48 -1
- package/skills/review/SKILL.md +42 -5
- package/skills/review-intake/SKILL.md +17 -1
- package/skills/skill-router/SKILL.md +89 -7
- package/skills/team/SKILL.md +24 -1
- package/skills/test/SKILL.md +18 -0
- 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
|
+
```
|