@openreceive/fastify 0.4.14 → 0.4.17

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.
@@ -1,615 +0,0 @@
1
- # OpenReceive agent directions (Fastify)
2
-
3
- These directions describe OpenReceive 0.4.14.
4
-
5
- Add OpenReceive to a Fastify application — the app you are already working in.
6
- You do not need a copy of the OpenReceive source: the packages are on npm, and
7
- the quickstart is appended to this file in full, so you can do the whole
8
- integration without fetching anything. Prefer the published packages and the
9
- routes the plugin registers — do not reimplement wallet RPC, settlement, or
10
- pricing.
11
-
12
- Do not clone the OpenReceive repository into this app, and do not copy a demo's
13
- models (`ShopOrder`, a signed-cookie visitor, an in-memory catalog) over tables
14
- that already exist. Find this application's order, product, and user models —
15
- whatever they are actually named — and map the three hooks onto those.
16
-
17
- Keep this application's frontend framework, authentication and database. Pick
18
- the UI package that matches the frontend that is already here
19
- (`@openreceive/react`, `/vue`, `/svelte`, `/angular`, or `/elements` for
20
- plain HTML) — do not add React to a Vue app. Reuse the app's existing
21
- session/auth in `authorize` and its existing database handle in `storage.db`.
22
-
23
- ## What OpenReceive is
24
-
25
- A payment library that runs inside YOUR server. It registers as a Fastify
26
- plugin (`@openreceive/fastify`, prefix passed at `register()`) that serves its
27
- HTTP routes inside the application you are editing, issues Lightning invoices
28
- against a wallet the merchant already controls, and calls back into your code
29
- when one settles. There is no OpenReceive account and no API key, and
30
- OpenReceive never holds the funds — the sats land in the wallet the merchant
31
- connected.
32
-
33
- The one required credential is a receive-only NWC code (Nostr Wallet Connect):
34
- a string from the merchant's wallet that can create invoices and read their
35
- status, and cannot spend. A swap provider (an "LSC" code) optionally lets the
36
- payer send USDT, USDC, ETH or SOL instead, converted into that same
37
- Lightning payment. Step 0 collects those credentials from the user; you write three hooks — `authorize`, `amountFor`,
38
- `onPaid`;
39
- OpenReceive supplies invoices, polling, settlement and the checkout UI. It never
40
- owns orders, users, prices, or fulfillment.
41
-
42
- ## Step 0 — ask for the two codes, one question at a time
43
-
44
- Before anything else, look at one file: the project's `.env`, if it exists.
45
- Read it only far enough to see whether `NWC_URI` and `LSC_URI_PRIMARY` are
46
- there and non-empty, and never print the values. A code that is already
47
- set is not asked for again; if both are set, skip to step 5
48
- (making the server load the file), then the quickstart.
49
-
50
- Otherwise your next action is a question to the user. Do not install packages,
51
- edit the app, write `.env.example`, or search anywhere else before asking
52
- it. Do not read deploy config (compose files, platform secrets), Docker containers, or process environments, and never run
53
- `printenv`. A new shop has neither code yet: hunting for one burns the turn and
54
- can leak other secrets into the transcript.
55
-
56
- Two server-only URIs are needed before the quickstart:
57
-
58
- - `NWC_URI` — a receive-only Nostr Wallet Connect code,
59
- `nostr+walletconnect://…`. Required for Bitcoin.
60
- - `LSC_URI_PRIMARY` — a Lightning Swap Connect URI,
61
- `lightning+swapconnect://…`. Required for USDT, USDC, ETH and SOL. Skip it
62
- only when the user says they want Bitcoin alone.
63
-
64
- The user never edits an environment file. They paste each code into the chat;
65
- you store it. Ask one question per message.
66
-
67
- 1. **First message — the NWC code, and nothing else.** Ask for it and walk them
68
- through getting it:
69
-
70
- > To receive payments I need a receive-only wallet code. In Rizful: open
71
- > the menu, tap NWC, choose Receive-only NWC code, and tap Copy
72
- > (https://openreceive.org/get_a_nwc_code_to_receive_payments). If you would
73
- > rather run your own wallet, Alby Hub works too: Connections → Add
74
- > Connection → Read Only. Paste the code here and I will store it.
75
-
76
- Do not mention `.env`, exports, or "tell me when it's set".
77
- 2. **When they paste it.** If it does not start with `nostr+walletconnect://`,
78
- ask them to copy the receive-only code again. Otherwise write
79
- `NWC_URI=<paste>` into the project's `.env`, creating the file if needed.
80
- Make sure `.gitignore` covers `.env` (and `.dockerignore`, if the app has
81
- one). Never echo the value, commit it, or put it in client code. Reply only
82
- that it is saved, then ask the next question.
83
- 3. **Second message — swaps.** If the user already asked for stablecoins or
84
- altcoins, skip the yes/no and go straight to the walkthrough. Otherwise ask
85
- whether payers should also be able to pay with USDT, USDC, ETH or SOL. The
86
- walkthrough:
87
-
88
- > Go to https://lightning-swap.com, sign in for API keys, create a key, and
89
- > copy the whole URI (https://openreceive.org/set_up_swap_provider). Paste
90
- > it here and I will store it — or say "Bitcoin only" and I will continue
91
- > without it.
92
-
93
- Mention FixedFloat only if they already use it.
94
- 4. **When they paste it.** If it does not start with
95
- `lightning+swapconnect://`, ask them to copy it again. Otherwise add
96
- `LSC_URI_PRIMARY=<paste>` to the same `.env`, without echoing it. Swaps
97
- are now on, so build the refund route back (the swap non-negotiable below) as
98
- part of this integration. If they chose Bitcoin only, leave
99
- `LSC_URI_PRIMARY` unset and skip that route.
100
- 5. **Make the server load the file — yourself.** OpenReceive reads
101
- `process.env`, and a `.env` file on disk is not in it. Put
102
- `import "dotenv/config";` at the top of the server entry, as the quickstart
103
- does. When the app is started with Docker Compose, give the service
104
- `env_file: .env`. Restart the server after writing the file.
105
-
106
- Do not invent placeholder URIs. Start the quickstart only once `NWC_URI` is
107
- saved and `LSC_URI_PRIMARY` is saved or explicitly declined. The first boot
108
- runs the receive-only preflight: if it reports spend methods such as
109
- `pay_invoice`, remove `NWC_URI` from `.env` and ask for a receive-only code
110
- again. Never set the spend-capable override to get past it.
111
-
112
- ### Upgrading an existing install
113
-
114
- This is not the opening move of a new integration. When OpenReceive is ALREADY
115
- installed here, `npx openreceive doctor` reports every credential as set/unset
116
- (never the value) and probes the wallet. Check the installed
117
- `@openreceive/node` and `@openreceive/browser` against the release named at the
118
- top of this file: the headless display models below do not exist in older
119
- versions, and the first tile click throws with nothing saying why. Upgrade
120
- first.
121
-
122
- Only then start the quickstart.
123
-
124
- ## Non-negotiables
125
-
126
- The quickstart below has the code. These are the rules it cannot state for
127
- itself, and they hold for every integration.
128
-
129
- - OpenReceive never owns orders, users, prices, or fulfillment. The section
130
- below is how those tables sit next to the library — not a second order model,
131
- and not a Prisma/Drizzle relation to `openreceive_payments`.
132
- - Keep `NWC_URI` / `LSC_URI_*` server-only. Never put them in browser code,
133
- logs, or assets.
134
- - The host owns the price. `amountFor` reads it from your own data; reject
135
- payer-supplied amounts.
136
- - `authorize` runs on every request, and the `resource` it receives is a CLAIM
137
- the payer made, not proof. Read a framework session; never trust a body field.
138
- - `onPaid` must be idempotent. Its database fulfillment commits once per `reference` — your order id, one
139
- per thing you fulfill, created before checkout, kept across retries, never
140
- reused. A fresh id per page load lets one order be paid twice.
141
- - Receive-only NWC is required; a spend-capable code fails closed at boot unless
142
- explicitly overridden.
143
- - There is NO merchant-initiated refund of a settled Lightning payment, because
144
- the wallet cannot spend. Swap refunds — a payer reclaiming a deposit that
145
- never converted — are the only refund OpenReceive performs, and only from the
146
- `refund_required` provider state. Do not build, promise, or imply a Lightning
147
- refund path.
148
- - IF YOU TURN SWAPS ON, BUILD THE ROUTE BACK. A deposit that arrives short or
149
- late becomes `refund_required`, and the payer claims it on a SECOND VISIT,
150
- after leaving your page to fetch an address from another wallet. Three things
151
- must exist or that money is unreachable through your UI: a per-order URL your
152
- server serves (`/checkout/:reference` — `syncUrl` on `<Checkout>`, `sync-url`
153
- or `resumable` on `<openreceive-checkout>`), your own order-summary route to
154
- restore the order from, and the ATTEMPT.
155
- `/checkouts/prepare` returns no attempts, so a checkout rebuilt from the
156
- reference alone opens on the method grid. Re-picking the same coin
157
- (`POST /swaps`) re-serves the committed attempt — but only while it is live,
158
- and the shadow invoice behind a swap lasts about half an hour, after which the
159
- same click mints a NEW deposit address and the refund is off-screen. Keep the
160
- `payment_hash` and reopen the attempt with `POST /swaps/status`, which has no
161
- such window. On the drop-ins: `resumePaymentHash`, fed from `onState`, on
162
- `<Checkout>`; the `resume-payment-hash` attribute, fed from the
163
- `openreceive-state` event (`event.detail.state.payment_hash`), on
164
- `<openreceive-checkout>`. https://openreceive.org/guides/swap-refunds.md
165
- - Show the payer WHAT THEY ARE BUYING. Return an optional `description` beside
166
- the price from `amountFor` and both drop-ins render it above the amount.
167
- Without it the checkout is a QR and "$1.00" with no sign of what the dollar
168
- is for.
169
- - Show the payer the transaction record: `createTransactionDetails(...)` rows,
170
- collapsed behind a caret, on the live checkout AND on the receipt. A payment
171
- hash and a deposit txid are the only evidence a payer has that they paid you.
172
- `<Checkout>` / `<openreceive-checkout>` already render this panel and the
173
- `description` — these two rules cost you code only on a custom UI or your own
174
- receipt page, never a reason to replace the drop-in. (It returns no rows
175
- while the rail is `checkout_lock` — before the payer has chosen anything
176
- there is no transaction — so render the caret only when the rows are
177
- non-empty.)
178
- - Pass the mount prefix AT `register()` — `fastify.register(openReceiveFastify,
179
- { …, prefix: "/openreceive" })` — so Fastify scopes the plugin's catch-all to
180
- it. Do not add a body parser: Fastify parses JSON itself. Behind a reverse
181
- proxy construct the instance with `Fastify({ trustProxy: true })`, or
182
- `rateLimiting` counts the proxy as the one payer.
183
- - HTTP JSON is snake_case; TypeScript APIs are camelCase.
184
- - Money is integers or decimal strings — never binary floats.
185
-
186
- ## Your tables, not ours
187
-
188
- `npx openreceive scaffold payments` emits `openreceive_payments` and
189
- `openreceive_meta` for THIS application's database. That is the whole
190
- persistence OpenReceive needs. It does not replace your orders, users, or
191
- products, and you do not join them.
192
-
193
- - **Find this app's models first.** They may be named `Order`, `Invoice`,
194
- `Booking`, `Product`, `Variant`, `User`, `Account` — anything. Wire the hooks
195
- to those. Do not generate a parallel `ShopOrder` / `ShopProduct` / `ShopUser`
196
- stack.
197
- - **The payable row's id is the `reference`.** Create it before checkout, keep
198
- it across retries, never reuse it. Pass that id to `<Checkout>` /
199
- `<openreceive-checkout>`. A fresh id per page load lets one order be paid
200
- twice.
201
- - **Products (or the catalog) are the price authority.** Order creation reads
202
- live prices into the order (snapshot line items if this app has them).
203
- `amountFor` reads only that order — never a payer-supplied amount, never a
204
- live catalog lookup that could re-price a cart already placed. Return
205
- `{ currency, value }` as a decimal STRING, plus a `description` of what they
206
- are buying.
207
- - **Users own the order; OpenReceive never sees them.** `authorize` uses the
208
- same ownership check this app already uses on the order show / pay page —
209
- `sessions.currentUser(request)`, a cookie, whatever it is.
210
- `resource.reference` is a claim the payer sent, not proof.
211
- - **The order is unpaid or paid.** Do not copy `pending` / `expired` / `failed`
212
- / `attention` onto it. Those are attempt statuses on `openreceive_payments`. An
213
- expired invoice does not cancel the order; a later checkout may mint another
214
- attempt. The library refuses a new checkout under a reference that already
215
- settled (409).
216
- - **Pass this app's `db` handle.** Do not add a Prisma/Drizzle relation from
217
- Order to `openreceive_payments`, and do not implement `PaymentRepository`
218
- unless no supported handle can reach this database. `reference` is not unique
219
- (many attempts per order). Fulfillment is a guarded transition on YOUR order
220
- row inside `onPaid` — `UPDATE … WHERE state = 'awaiting_payment'` (or this
221
- app's equivalent) through the `query` the library hands you, on that same
222
- settlement transaction, not a second connection from your ORM. Database writes
223
- only in the hook; emails, jobs, and pushes after commit. Placeholder style is
224
- the dialect you declared: `?` on sqlite, `$1` on postgres.
225
-
226
- ## If you build your own checkout UI
227
-
228
- The drop-ins (`<Checkout>`, `<openreceive-checkout>`) already obey all of this.
229
- This list is the short form of https://openreceive.org/guides/checkout-ux.md, for a
230
- UI built on `@openreceive/browser/headless`. Read that before writing
231
- components.
232
-
233
- - Check Bitcoin → Switch payment method → Bitcoin: the grid must hide the
234
- Lightning invoice, then restore the same bolt11 without another mint.
235
- - `createCheckoutController` is the engine. Do not hand-roll a poll loop.
236
- - `createCheckoutStatusModel` for the status line. Do not draw a
237
- Cart → Pay → Done stepper. Read the model's `phase`, not the snapshot's.
238
- - `resolveWizardSelection` decides whether to ask "which network?". A
239
- one-network asset starts the swap from the tile. Key `selectedAssetByGroup`
240
- by group (`USDT`), valued by `pay_in_asset` (`USDT_TRON`).
241
- - `createMethodGridDisplay` for tiles, including `limitMessage` so an
242
- unavailable method says the minimum in the payer's currency.
243
- - `createSwapDisplayModel` → `display.copyRows` for deposits: address, memo,
244
- and the bare amount each get a copy row. Render `swap.networkWarning*` as
245
- the model gives it.
246
- - `swap.deposit_amount` is the only amount a payer is told to send. Never put
247
- a fiat valuation of it (`swap.fee.pay_in_fiat`) next to a stablecoin amount:
248
- "$50.03" under "50.05 USDC" reads as a typo, and the payer asks which one to
249
- send. The one fiat figure on a USDT/USDC deposit panel is the cart total
250
- (`payout_fiat`); express "you send" and the fee in the token. Use
251
- `createSwapFeeBreakdown(fee, swap)` — with the swap, not the fee alone — and
252
- it applies this for you; SOL and ETH keep a fiat breakdown.
253
- - `createCheckoutSession` owns mint and swap start. To start swaps, pass its
254
- `swap` option (`selection`, `prefix`, `fetch`) together. Without it
255
- `startSwap` reports through `onError`.
256
- - `createQrSvg` is async. Use `createQrSvgController` so you do not render
257
- `[object Promise]`.
258
- - `checkoutLabels` for every payer-facing string. Only write copy it lacks.
259
- - `stageSwapRefund` then `confirmSwapRefund` — only the second submits.
260
- Validate with `getSwapRefundFormError`. Treat `409` as a normal outcome.
261
- - Pass `{ resumable: true }` to `createSwapDisplayModel` when the payer has
262
- a URL they can come back to, and render `display.refundReturnLabel`.
263
- Resume helpers (`createGuestCheckoutResume`, `createGuestOrderFetcher`)
264
- are on `@openreceive/browser`, not `/headless`.
265
- - A refund replaces the deposit panel. On `refund_required` also drop
266
- "switch payment method".
267
- - No "Open wallet" button on desktop.
268
- - Wallet suggestions: `getPaymentWizardRoutes()` +
269
- `createWizardRouteDisplays`. Lightning only. Logos are data URIs; tutorial
270
- images load from a JavaScript chunk. For a custom headless UI, load it when
271
- a tutorial opens and look up the returned table by the tutorial's `path`:
272
-
273
- ```js
274
- import { loadPayTutorialImages } from "@openreceive/browser/headless";
275
-
276
- const images = await loadPayTutorialImages();
277
- const src = images[tutorial.path]; // data URI for the selected tutorial
278
- ```
279
-
280
- Render `src` as the image source and update your UI after loading. Existing
281
- display objects do not update: their `tutorial.image` stays `undefined` if
282
- created before loading. Alternatively, await the loader, recreate the displays
283
- with `createWizardRouteDisplays`, and render the new `tutorial.image`.
284
- Show the caption while loading or if loading fails; never use an empty image
285
- source. Deploy all JavaScript chunks and allow `data:` in CSP `img-src`.
286
- For missing images, check CSP errors, failed chunks, and stale displays.
287
- Registry paths are lookup keys; there is no asset option or image route.
288
-
289
- ## More documentation
290
-
291
- Fetch one when the moment comes. Each is raw markdown, so a plain GET is
292
- enough; drop the `.md` for the same page a person would read.
293
-
294
- - https://openreceive.org/guides/authorization.md — before you write `authorize`
295
- - https://openreceive.org/guides/environment-variables.md — every variable, and what is deliberately not one
296
- - https://openreceive.org/guides/storage.md — the payment tables and the attempt state machine
297
- - https://openreceive.org/guides/node-orms.md — recipes for Prisma, Drizzle, Knex, TypeORM, Sequelize
298
- - https://openreceive.org/guides/frontend-checkout.md — the drop-in's props, attributes and slots
299
- - https://openreceive.org/guides/checkout-ux.md — read before building any custom UI
300
- - https://openreceive.org/guides/headless-checkout.md — the controller, the display models, refunds
301
- - https://openreceive.org/guides/provider-registry.md — where the wallet logos and pay
302
- tutorials come from: inside the JavaScript, nothing to serve. This is the page
303
- that owns the image rule, not the summary in checkout-ux.md
304
- - https://openreceive.org/guides/automated-swaps.md — only if `LSC_URI_PRIMARY` is set
305
- - https://openreceive.org/guides/swap-refunds.md — the refund flow, and the route back to it. Read it before you turn swaps on
306
- - https://openreceive.org/guides/lightning-swap-connect.md — what an `LSC_URI_*` code actually is
307
- - https://openreceive.org/guides/price-feeds.md — where the fiat→sats rate comes from, and how to replace it
308
- - https://openreceive.org/guides/host-testing.md — testing your three hooks without a live wallet or provider
309
- - https://openreceive.org/guides/rate-limiting.md — before a public shop goes live
310
- - https://openreceive.org/guides/security.md and https://openreceive.org/guides/deploying.md — before this goes anywhere real
311
- - https://openreceive.org/guides/api-reference.md — every route, option and error code
312
- - https://openreceive.org/guides/custom-checkout-route.md — advanced: replacing the shipped adapter's routes with your own
313
- - https://openreceive.org/guides/react-material-ui-recipe.md — a worked custom UI on a component library
314
- - https://openreceive.org/guides.md — the index, if what you need is not above
315
-
316
- Questions, or a problem with the library itself:
317
- https://openreceive.org/contact
318
-
319
- - https://openreceive.org/guides/payment-safety-upgrade.md — coordinated upgrades and reviewed repair of existing attempts
320
-
321
- ---
322
-
323
- ## The quickstart, in full
324
-
325
- Inlined verbatim so this file needs no network access — follow it once Step 0
326
- passes. The page it comes from is https://openreceive.org/guides/quickstart-fastify.
327
-
328
- ## Fastify quickstart
329
-
330
- Fastify + React. Requires Node ≥ 22.
331
-
332
- ### 1. Install
333
-
334
- ```sh
335
- npm install @openreceive/fastify @openreceive/react
336
- ```
337
-
338
- Install the adapter for your server and the UI package for your frontend. The
339
- wallet client, HTTP handler, and contracts come along as dependencies. The
340
- `openreceive` package is only the CLI, and `npx openreceive …` below needs no
341
- install. On a different stack, swap the two packages; the rest of this guide
342
- stays the same.
343
-
344
- | | Packages |
345
- | -------- | ----------------------------------------------------------------------------------------------------------------------------- |
346
- | Server | `@openreceive/fastify`, `@openreceive/express`, `@openreceive/next` |
347
- | Frontend | `@openreceive/react`, `@openreceive/vue`, `@openreceive/svelte`, `@openreceive/angular`, `@openreceive/elements` (plain HTML) |
348
-
349
- Express: [quickstart-node.md](https://openreceive.org/guides/quickstart-node.md) · Next.js:
350
- [quickstart-next.md](https://openreceive.org/guides/quickstart-next.md). This page is the Fastify one.
351
-
352
- On a fresh project, also install what this guide assumes you already have: the
353
- framework, a static-file plugin for the checkout page, and an env loader
354
- (`npm install fastify @fastify/static dotenv`). Install your ORM before step 2
355
- too (`npm install prisma @prisma/client` on the Prisma path).
356
- `openreceive scaffold` emits files for the ORM you name, but it never installs
357
- that ORM.
358
-
359
- Some editor sandboxes run npm with `ignore-scripts`. That setting skips
360
- Prisma's engine download and esbuild's binary postinstall. If a typecheck or
361
- build fails only in such an environment, the environment is the cause, not
362
- your code.
363
-
364
- ### 2. Migrate the payment tables
365
-
366
- ```sh
367
- npx openreceive scaffold payments --orm prisma # or drizzle | typeorm | sequelize | knex
368
- ```
369
-
370
- `openreceive scaffold payments` writes one schema or migration file for your
371
- ORM, plus a wiring guide. It never touches a database.
372
- → [openreceive scaffold payments](https://openreceive.org/guides/api-reference.md#openreceive-scaffold-payments)
373
-
374
- Then run the generated migration the way you normally do (for example
375
- `npx prisma migrate dev`). OpenReceive runs the tables' logic at runtime, so
376
- there is nothing else to generate. Details:
377
- [Payment storage](https://openreceive.org/guides/storage.md), [Node ORM recipes](https://openreceive.org/guides/node-orms.md).
378
-
379
- No ORM? You can pass a bare driver handle (`pg`, `node:sqlite`,
380
- `better-sqlite3`) as the `db` in step 4. The scaffold has no flavor for it.
381
- Instead of scaffolding, run the same DDL once yourself, using
382
- `paymentsSchemaSql(dialect)` from `@openreceive/http`. Your adapter already
383
- pulls that package in, but this import is yours, so install it too:
384
- `npm install @openreceive/http`.
385
-
386
- ### 3. Add wallet credentials
387
-
388
- Create a server-only `.env`:
389
-
390
- ```dotenv
391
- NWC_URI=
392
- LSC_URI_PRIMARY=
393
- LSC_URI_BACKUP=
394
- ```
395
-
396
- 1. Get a receive-only NWC code from a compatible wallet
397
- ([get one here](https://openreceive.org/get_a_nwc_code_to_receive_payments)).
398
- Put it in `NWC_URI`.
399
- 2. Optional: set up a [swap provider](https://openreceive.org/set_up_swap_provider).
400
- Put its connection string in `LSC_URI_PRIMARY`, and a second one in
401
- `LSC_URI_BACKUP` if you have one.
402
-
403
- Never put these values in browser code. Your app refuses to start if the NWC
404
- code also advertises spend methods such as `pay_invoice`. Create a
405
- receive-only code instead ([Security](https://openreceive.org/guides/security.md)).
406
-
407
- OpenReceive reads `process.env`, so creating a `.env` file is not enough on
408
- its own. [Environment variables](https://openreceive.org/guides/environment-variables.md) explains how that
409
- file or your production secrets get into the process: `dotenv` on
410
- Express/Fastify, auto-load on Next.js, and secret managers in production.
411
-
412
- ### 4. Wire OpenReceive
413
-
414
- One plugin takes your hooks and a database handle. The plugin builds the
415
- wallet client and the host. There is no background reconciler, meaning no job that checks pending
416
- payments on a timer. Settlement runs during normal requests instead, through
417
- the durable reconcile gate.
418
-
419
- Two things are specific to Fastify:
420
-
421
- - You pass the mount prefix **at `register()`**, so Fastify scopes the
422
- plugin's routes to it.
423
- - You add no body parser, because Fastify parses JSON itself.
424
-
425
- ```ts
426
- import "dotenv/config"; // loads .env into process.env; nothing else does
427
- import Fastify from "fastify";
428
- import { openReceiveFastify } from "@openreceive/fastify";
429
- import { db, orders, sessions } from "./app.ts"; // your existing database handle and models
430
-
431
- // Behind a reverse proxy or load balancer, rate limiting needs the real client
432
- // IP — without this every payer shares the proxy's IP and one abuser can lock
433
- // checkout for everyone. The Fastify spelling of Express's "trust proxy";
434
- // drop it only if the app faces the network directly (see the rate-limiting
435
- // guide).
436
- const app = Fastify({ trustProxy: true });
437
-
438
- await app.register(openReceiveFastify, {
439
- wallet: { nwc: process.env.NWC_URI! }, // receive-only NWC code; your app refuses to start otherwise
440
- storage: {
441
- db, // pg Pool/Client, node:sqlite, better-sqlite3, or a custom adapter
442
- onPaid: async ({ reference, paidAt, query }) => {
443
- // Settlement transaction; runs only for the first settled attempt for a
444
- // reference. The WHERE clause is the lock: a second fulfillment path of
445
- // yours (admin action, replayed job) updates zero rows and does nothing.
446
- // Use `query` here, not your ORM's other connection. `?` on sqlite, `$1`
447
- // on postgres.
448
- const claimed = await query(
449
- "UPDATE orders SET state = 'paid', paid_at = ? WHERE id = ? AND state = 'awaiting_payment' RETURNING id",
450
- [paidAt, reference],
451
- );
452
- if (claimed.length === 0) return;
453
- },
454
- },
455
- // The price for a reference — here, your order id — from your own data;
456
- // OpenReceive converts it into the Lightning invoice. Return null when
457
- // there is nothing to pay for. `value` is a decimal STRING from the order
458
- // row, never a float and never a request param. `description` is what the
459
- // payer is buying, in your own words.
460
- amountFor: async (reference) => {
461
- const order = await orders.find(reference);
462
- return order
463
- ? {
464
- currency: "USD",
465
- value: order.total.toString(),
466
- description: `${order.lines.length} items`,
467
- }
468
- : null;
469
- },
470
- // Your own access check: may this caller do this action to this reference?
471
- // `resource.reference` is your own order id, sent back by the payer's
472
- // browser — a claim, not proof — already validated as a non-empty string.
473
- // `native` is the untouched Fastify request, so a session decorated by
474
- // @fastify/session (or whatever this app uses) is readable here too.
475
- authorize: async ({ action, request, resource }) =>
476
- orders.viewerMay(
477
- await sessions.currentUser(request),
478
- resource.reference,
479
- action,
480
- ),
481
- // Recommended for public web shops: caps invoice creation at 60 per client IP
482
- // per hour. Leave it off (the default) for point-of-sale deployments, where
483
- // many payers share the terminal's IP.
484
- rateLimiting: true,
485
- // The mount. Pass it HERE, at register(), never only inside the options:
486
- // Fastify scopes the plugin's catch-all route to it, and the OpenReceive
487
- // routes live directly under it.
488
- prefix: "/openreceive",
489
- });
490
- ```
491
-
492
- Register the plugin after whichever plugin gives you sessions or auth
493
- decorations, because `authorize` sees the same request object. The plugin
494
- handles shutdown for you. It registers an `onClose` hook that closes the
495
- wallet client together with the app, so you have no `ready`/`close` pair to
496
- manage. A deploy health check awaits `fastify.ready()` instead.
497
-
498
- The first request checks the wallet. Later OpenReceive requests also settle
499
- pending invoices, so a payer who closes the tab is still covered.
500
- `authorize` runs on every request.
501
- → [openReceiveFastify](https://openreceive.org/guides/api-reference.md#openreceivefastify) ·
502
- [authorize context](https://openreceive.org/guides/api-reference.md#the-authorize-context)
503
-
504
- `rateLimiting: true` is for public web shops. Leave it off for point-of-sale,
505
- where many payers share one IP. → [Rate limiting](https://openreceive.org/guides/rate-limiting.md)
506
-
507
- An optional worker, `startNotificationWorker({ service, host })`, listens for
508
- wallet payment notifications so settlement does not wait for the next page
509
- load. → [startNotificationWorker](https://openreceive.org/guides/api-reference.md#startnotificationworker)
510
-
511
- You can also compose the pieces yourself (`createOpenReceive` + `createHost`)
512
- when you need a shared wallet client or a custom repository.
513
- → [createOpenReceive](https://openreceive.org/guides/api-reference.md#createopenreceive) ·
514
- [createHost](https://openreceive.org/guides/api-reference.md#createhost)
515
-
516
- Your app also needs an ordinary route that creates the order. It validates the
517
- cart, computes the price with exact decimal math, and returns the order id.
518
- The page passes that id as the `reference`. OpenReceive never takes a price
519
- from payer input.
520
-
521
- The `reference` is a string you choose, and it identifies what gets fulfilled.
522
- Use your order id. Make it:
523
-
524
- - one per thing you fulfill,
525
- - created before checkout,
526
- - kept across retries,
527
- - never reused.
528
-
529
- OpenReceive never looks inside the `reference`, but it relies on it:
530
-
531
- - `onPaid` commits fulfillment once per reference.
532
- - A new checkout under a reference that already settled is refused with 409.
533
- - A fresh id on every page load would let one order be paid twice.
534
-
535
- Naming boundary: TypeScript APIs use camelCase fields (`paymentHash`,
536
- `amountMsats`). Everything on the wire is snake_case (`payment_hash`,
537
- `amount_msats`). The wire means the mounted HTTP routes and the browser
538
- snapshots.
539
-
540
- ### 5. Render checkout
541
-
542
- ```tsx
543
- import { Checkout } from "@openreceive/react";
544
- import "@openreceive/react/styles.css";
545
-
546
- <Checkout reference={order.id} prefix="/openreceive" />;
547
- ```
548
-
549
- The checkout renders, polls, and settles itself.
550
-
551
- `@openreceive/react` and `@openreceive/elements` each ship a compiled
552
- `styles.css`. Each sheet is self-contained, so a plain
553
- `<link rel="stylesheet">` works with no build step. Each is also scoped: every
554
- rule applies only inside what OpenReceive renders.
555
-
556
- Serve the compiled `styles.css` without Tailwind processing. Import it from
557
- JavaScript if your bundler handles CSS, or use a plain
558
- `<link rel="stylesheet">`. Do not `@import` it into your app's Tailwind entry.
559
- Its rules have zero specificity, so your page's styles can override checkout
560
- styles. Scoping does not prevent that.
561
-
562
- `<Checkout>` is complete as rendered. It already shows the `description` from
563
- `amountFor` and the collapsed transaction-details panel. Do not build a custom
564
- UI to show them. The display rules for them become your job only if you
565
- replace the drop-in component ([Checkout UX](https://openreceive.org/guides/checkout-ux.md)).
566
-
567
- Match the host page's theme. By default the checkout follows the payer's
568
- stored choice, then the system color scheme. If this page always uses one
569
- theme, lock it with `<Checkout theme="dark" … />`. On the custom element, set
570
- the `theme` attribute. Locking the theme keeps a white card off a dark page.
571
- CSS variables under `data-theme` style the checkout.
572
- [Frontend checkout](https://openreceive.org/guides/frontend-checkout.md) lists the settings you can change.
573
-
574
- Everything the checkout draws ships inside the JavaScript: the payment-method
575
- icons, the wallet logos, and the pay tutorials. There is no image file to copy
576
- or serve, and no asset option to set. Deploy your normal JavaScript and CSS
577
- build output, including any generated JavaScript chunks. Bundlers with code
578
- splitting can wait to load tutorial screenshots until a tutorial first opens.
579
- Single-file builds, including the standalone checkout, include them from the
580
- start. If your Content-Security-Policy has a strict `img-src`, allow `data:`
581
- ([Provider registry](https://openreceive.org/guides/provider-registry.md#assets)).
582
-
583
- That is the whole loop. Your server owns the price and the order. The payer
584
- gets an invoice. `onPaid` runs inside the settlement transaction. If that
585
- transaction rolls back, the callback may run again. For delivery to outside
586
- systems, use an outbox in your app: record the message in the transaction and
587
- send it after commit.
588
-
589
- Buy a Button is a runnable illustration of this boundary
590
- (`examples/buttons/server/fastify`).
591
- It is not a template to copy models from. It has products, visitors, and
592
- orders, and the three hooks are the only bridge to OpenReceive. Its host is
593
- the smallest correct Fastify integration of the packaged checkout. Map that
594
- shape onto the models in THIS app.
595
-
596
- ### 6. Verify
597
-
598
- ```sh
599
- npx openreceive doctor
600
- ```
601
-
602
- `openreceive doctor` checks Node, `NWC_URI`, and the swap-provider
603
- configuration. It also probes the wallet relay to confirm the code is
604
- receive-only. Add `--db <file-or-url>` to confirm the migration ran. Add
605
- `--url http://localhost:3000` to confirm the routes are mounted. Every failing
606
- line states its own fix.
607
- → [openreceive doctor](https://openreceive.org/guides/api-reference.md#openreceive-doctor)
608
-
609
- Then open the checkout in a browser. Confirm the payment-method icons and
610
- wallet logos render. Open a wallet's pay tutorial to check its screenshots.
611
- If an image is missing, look in the console for CSP violations and in the
612
- Network panel for failed JavaScript chunks. To fix it, allow `data:` in
613
- `img-src` and deploy the complete build output. Do not add image routes or
614
- copy package source images. Do not use registry `icon_path` or tutorial
615
- `path` keys as browser URLs.