nanoeffects 0.26.0 → 0.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/README.md +85 -30
  2. package/dist/{action-creator-Bpa8BUS9.d.ts → action-creator-CcAEvUnw.d.ts} +90 -23
  3. package/dist/actions.d.ts +54 -21
  4. package/dist/actions.js +1 -1
  5. package/dist/bus-DlpEluzd.js +1 -0
  6. package/dist/{context-types-BKIH5a8s.d.ts → context-types-hCKgU8sC.d.ts} +1 -1
  7. package/dist/context.d.ts +2 -2
  8. package/dist/dev.d.ts +2 -2
  9. package/dist/dev.js +1 -1
  10. package/dist/effects.d.ts +2 -2
  11. package/dist/event-DVcW0mME.js +1 -0
  12. package/dist/index.d.ts +2 -2
  13. package/dist/index.js +1 -1
  14. package/dist/match.d.ts +1 -1
  15. package/dist/{module-B6rg5NIb.d.ts → module-C_oEXw1n.d.ts} +40 -57
  16. package/dist/notrace/{action-creator-D2CotugT.d.ts → action-creator-DxOvVo8I.d.ts} +90 -23
  17. package/dist/notrace/actions.d.ts +114 -98
  18. package/dist/notrace/actions.js +1 -1
  19. package/dist/notrace/bus-DmKn4SDD.js +1 -0
  20. package/dist/notrace/effects.d.ts +2 -2
  21. package/dist/notrace/index.d.ts +2 -2
  22. package/dist/notrace/index.js +1 -1
  23. package/dist/notrace/{plugin-Dz6hq8Jg.d.ts → plugin-lJjjd-SN.d.ts} +1 -1
  24. package/dist/notrace/policies.d.ts +1 -1
  25. package/dist/notrace/policies.js +1 -1
  26. package/dist/notrace/redux.d.ts +1 -1
  27. package/dist/observable.d.ts +6 -6
  28. package/dist/oop.d.ts +2 -2
  29. package/dist/oop.js +1 -1
  30. package/dist/{plugin-D-j1DarG.d.ts → plugin-CuvIgjnX.d.ts} +2 -2
  31. package/dist/policies.d.ts +2 -2
  32. package/dist/react.d.ts +2 -2
  33. package/dist/redux.d.ts +1 -1
  34. package/dist/scope.d.ts +2 -2
  35. package/dist/signal.d.ts +1 -1
  36. package/dist/signal.js +1 -1
  37. package/dist/svelte.d.ts +1 -1
  38. package/dist/trace.d.ts +1 -1
  39. package/dist/{types-Bkuhnkq6.d.ts → types-FV8fuvI9.d.ts} +2 -2
  40. package/dist/vue.d.ts +1 -1
  41. package/dist/{with-policy-BeH8wCkX.d.ts → with-policy-3bhFLEXs.d.ts} +1 -1
  42. package/docs/README.md +5 -4
  43. package/docs/actions.md +94 -53
  44. package/docs/chat-example.md +8 -8
  45. package/docs/chat-widget.md +135 -0
  46. package/docs/context.md +1 -1
  47. package/docs/errors.md +1 -1
  48. package/docs/guide.md +26 -26
  49. package/docs/hmr.md +1 -1
  50. package/docs/motivation.md +10 -4
  51. package/docs/oop.md +1 -1
  52. package/docs/package.md +2 -2
  53. package/docs/plugins.md +23 -23
  54. package/docs/query-libraries.md +14 -14
  55. package/docs/scope.md +22 -22
  56. package/docs/server.md +12 -12
  57. package/docs/stability.md +2 -2
  58. package/docs/starter.md +3 -3
  59. package/docs/tracing.md +5 -5
  60. package/docs/typescript.md +16 -16
  61. package/llms-full.txt +380 -194
  62. package/llms.txt +3 -2
  63. package/package.json +5 -4
  64. package/dist/bus-hHp-T7JV.js +0 -1
  65. package/dist/event-0RIBGYqS.js +0 -1
  66. package/dist/notrace/bus-BdyvumpX.js +0 -1
  67. package/dist/notrace/promise-CSLpzwSR.js +0 -1
package/docs/guide.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Guide
2
2
 
3
- Climb one step at a time: small bus → policies → effects → commands and modules. Stop when your project has what it needs.
3
+ Climb one step at a time: small bus → policies → effects → handlers and modules. Stop when your project has what it needs.
4
4
 
5
5
  | Your project | Stop after |
6
6
  | ------------ | ---------- |
@@ -31,7 +31,7 @@ bus.emit("greet", "Bob"); // nobody listens
31
31
 
32
32
  Handlers run at once, in subscription order.
33
33
 
34
- `bus.once` is like `on`, but the handler runs at most once (it is removed before it is invoked). `bus.off("greet")` clears every listener of that event; `bus.off()` with no arguments clears **every** listener on the bus (including `"*"`). `ctx.off` is the same `off` as the bus’s — so `ctx.off()` also clears the whole bus.
34
+ `bus.once` is like `on`, but the handler runs at most once (it is removed before it is invoked). `bus.off("greet")` clears every listener of that event; `bus.off()` with no arguments clears **every** listener on the bus (including `"*"`). `ctx.off` is the same `off` as the bus’s — so `ctx.off()` also clears the whole bus. `bus.get("greet")` gives the listeners that event has right now; `bus.get("greet").length === 0` tells that nobody listens any more (`"*"` gives the any-event listeners, which a named event does not include; `bus.get()` with no name gives every listener of every event). It takes the event name as a string: for an action creator use `creator.type`.
35
35
 
36
36
  ```js
37
37
  import { createBus } from "nanoeffects";
@@ -115,7 +115,7 @@ bus.emit(userFailed("boom")); // user/failed boom
115
115
  ```
116
116
 
117
117
  - `once(fn, handler)` waits for the first event that `fn` accepts. `off(fn)` removes every handler of `fn`, and `off(fn, handler)` removes one.
118
- - An action creator or a command still means that one event: only a function with no `type` is a function that picks events.
118
+ - An action creator still means that one event: only a function with no `type` is a function that picks events.
119
119
  - The cost: the handler listens to `"*"`, so each event makes one task for each such subscription, also when the function says no, and an event that only such a subscription listens to counts as heard for `onUnhandled`. For a few known events, `on(creator, handler)` is cheaper.
120
120
  - It works in any order with the other plugins, `devPlugin` included.
121
121
 
@@ -303,7 +303,7 @@ More in [Effects](effects.md).
303
303
 
304
304
  ## 7. Name events three ways
305
305
 
306
- `emit` and `on` take a string, an object `{ type, payload }` (a Redux action fits), or a function with a `type` property (action creators and commands).
306
+ `emit` and `on` take a string, an object `{ type, payload }` (a Redux action fits), or a function with a `type` property (action creators and actions).
307
307
 
308
308
  From here on the bus is kept in one file and the events in files named after their domain (`move.js`, `math.js`), as in a real app: the events can then be imported anywhere without importing the bus.
309
309
 
@@ -324,10 +324,10 @@ export const moved = createAction("moved");
324
324
 
325
325
  ```js
326
326
  // math.js
327
- import { createCommand } from "nanoeffects/actions";
327
+ import { createAction } from "nanoeffects/actions";
328
328
 
329
- // createCommand — like an action, but emit runs a handler and returns its result
330
- export const double = createCommand("math/double", (value) => value * 2);
329
+ // createAction with a handler — emit runs the handler and returns its result
330
+ export const double = createAction("math/double", (value) => value * 2);
331
331
  ```
332
332
 
333
333
  ```js
@@ -344,36 +344,36 @@ bus.on(moved, ({ x }) => console.log(x));
344
344
  bus.emit(double(21)); // 42
345
345
  ```
346
346
 
347
- Use strings for the plain case. Use objects when other code already builds actions. Use commands when you need a result from `emit`.
347
+ Use strings for the plain case. Use objects when other code already builds actions. Give `createAction` a handler when you need a result from `emit`.
348
348
 
349
- ## 8. Register a command handler
349
+ ## 8. Bind a handler to an action later
350
350
 
351
- A command may carry its handler, or only be a **contract** (name + types) with the work registered elsewhere — another file, or a fake in a test.
351
+ An action may carry its handler, as `double` above, or get it later from a registry — another file, or a fake in a test. An action with no handler is an event until one is bound.
352
352
 
353
353
  ```js
354
354
  // user.js
355
- import { createCommand } from "nanoeffects/actions";
355
+ import { createAction } from "nanoeffects/actions";
356
356
 
357
- export const getUser = createCommand("user/get"); // contract — no handler yet
357
+ export const getUser = createAction("user/get"); // no handler yet: an event
358
358
  ```
359
359
 
360
360
  ```js
361
361
  // bus.js
362
362
  import { createBus } from "nanoeffects";
363
- import { commandsPlugin } from "nanoeffects/actions";
363
+ import { actionsPlugin } from "nanoeffects/actions";
364
364
 
365
365
  export const bus = createBus();
366
- // commandsPlugin — registry of handlers for this bus
367
- export const commands = bus.use(commandsPlugin());
366
+ // actionsPlugin — registry of handlers for this bus
367
+ export const actions = bus.use(actionsPlugin());
368
368
  ```
369
369
 
370
370
  ```js
371
- import { bus, commands } from "./bus";
371
+ import { bus, actions } from "./bus";
372
372
  import { getUser } from "./user";
373
373
 
374
- bus.emit(getUser("1")); // throws: No handler for command "user/get"
374
+ bus.emit(getUser("1")); // nothing is bound: only an event
375
375
 
376
- const unregister = commands.handle(getUser, (id) => api.user(id));
376
+ const unregister = actions.handle(getUser, (id) => api.user(id));
377
377
  const user = await bus.emit(getUser("1"));
378
378
 
379
379
  unregister();
@@ -383,7 +383,7 @@ Each bus has its own registry. A [module](#9-mount-a-domain-as-a-module) can reg
383
383
 
384
384
  ## 9. Mount a domain as a module
385
385
 
386
- **Problem.** A feature owns several things on the bus: who answers `getUser`, who listens to `greet`, maybe a command that already carries its handler. With plain `bus.on` / `commands.handle` you must remember every unsubscribe when the feature goes away. Miss one and listeners pile up.
386
+ **Problem.** A feature owns several things on the bus: who answers `getUser`, who listens to `greet`, maybe an action that already carries its handler. With plain `bus.on` / `actions.handle` you must remember every unsubscribe when the feature goes away. Miss one and listeners pile up.
387
387
 
388
388
  **When.** Domain logic lives on the bus, off the UI, and you need one mount / one unmount for that feature. Skip modules while a few top-level `bus.on` calls are enough.
389
389
 
@@ -391,16 +391,16 @@ Each bus has its own registry. A [module](#9-mount-a-domain-as-a-module) can reg
391
391
 
392
392
  ```js
393
393
  // user.js
394
- import { createCommand } from "nanoeffects/actions";
394
+ import { createAction } from "nanoeffects/actions";
395
395
 
396
- export const getUser = createCommand("user/get"); // contract — no handler yet
396
+ export const getUser = createAction("user/get"); // no handler yet
397
397
  ```
398
398
 
399
399
  ```js
400
400
  // math.js
401
- import { createCommand } from "nanoeffects/actions";
401
+ import { createAction } from "nanoeffects/actions";
402
402
 
403
- export const double = createCommand("math/double", (value) => value * 2); // carries its handler
403
+ export const double = createAction("math/double", (value) => value * 2); // carries its handler
404
404
  ```
405
405
 
406
406
  ```js
@@ -417,7 +417,7 @@ export const greeting = createModule("greeting", (m) => {
417
417
  // m.handle — this module answers getUser while mounted
418
418
  m.handle(getUser, (id) => api.user(id));
419
419
 
420
- // m.use — register a command that already has a handler, for this module’s life
420
+ // m.use — register an action that already has a handler, for this module’s life
421
421
  m.use(double);
422
422
  });
423
423
  ```
@@ -442,8 +442,8 @@ app.unmount(greeting); // greet listener and getUser binding are gone
442
442
  ```
443
443
 
444
444
  - **`m.on`** — same job as `bus.on`, scoped to the module’s lifetime.
445
- - **`m.handle`** — bind a handler to a contract command; gone on unmount.
446
- - **`m.use`** — bring a command that already carries a handler (or a sub-module). Prefer `handle` when the handler must die with the feature.
445
+ - **`m.handle`** — bind a handler to an action that has none; gone on unmount.
446
+ - **`m.use`** — bring an action that already carries a handler (or a sub-module). Prefer `handle` when the handler must die with the feature.
447
447
 
448
448
  Modules also make [hot reload](hmr.md) work. Full API in [Actions](actions.md); a longer recipe in [`examples/modules.ts`](../examples/modules.ts).
449
449
 
package/docs/hmr.md CHANGED
@@ -10,7 +10,7 @@ When a file is edited, the bundler loads its new version and runs it again, whil
10
10
 
11
11
  ## Replace modules by name
12
12
 
13
- Mounting a module whose name is taken replaces the mounted one. The old module is unmounted first — and with it its subscriptions, bound commands, sub-modules, and background tasks (their signals abort). The new version of a module file only has to mount again; nothing piles up.
13
+ Mounting a module whose name is taken replaces the mounted one. The old module is unmounted first — and with it its subscriptions, bound handlers, sub-modules, and background tasks (their signals abort). The new version of a module file only has to mount again; nothing piles up.
14
14
 
15
15
  - **Names must be unique.** The name means “this is the new version of that module”, so two different modules with one name replace each other. The name is also the type of the module’s tasks in the trace.
16
16
  - **Pass `signal` to what the module does.** An unmount aborts the tasks, but a `fetch` or a loop that ignores `ctx.signal` runs on with the old code.
@@ -1,8 +1,14 @@
1
1
  # Why nanoeffects exists
2
2
 
3
- Read this page if you build an SDK, a core library or a micro-frontend shell and wonder why you would pick a new event bus. It explains the constraints the library was made for. It does not teach the API: start with the [Guide](guide.md).
3
+ Read this page to see why the library exists and when to pick it. The main reason is to take business logic and side effects out of React, Vue or Svelte components and write them as plain `async` functions, with cancellation, retries and a context for dependencies. The second part of the page is for SDKs, core libraries and micro-frontend shells, where a shared dependency is a shared risk. It does not teach the API: start with the [Guide](guide.md).
4
4
 
5
- ## The problem: a shared dependency is a shared risk
5
+ ## The main reason: logic outside the UI
6
+
7
+ Components that hold requests, timers and races are hard to test and easy to break. The usual cure is services and pure functions outside the UI, and then every service needs the same things: to cancel work that is no longer wanted, to retry, to share dependencies, and to show what ran and why.
8
+
9
+ The common tools ask a lot: redux-saga writes this logic as generators, and RxJS as streams and operators. nanoeffects keeps ordinary `async` functions and adds one idea, the `AbortSignal`. The event bus is its heart but not its value: any emitter can send events (`nanoevents` is about 100 bytes, and there are [dozens more](https://github.com/gajus/sister#similar-libraries)). What nanoeffects adds is cancellable tasks, policies and effects, a context that works as a small container for dependencies, actions and modules to group a feature, and [tracing](tracing.md) with an adapter for Redux DevTools. It also fits what a project already has: recipes and small adapters for [stores](stores.md) (Redux Toolkit, Zustand, MobX, Pinia), an [RxJS](migrating-from-rxjs.md) bridge, and helpers for [React](react.md), [Vue](vue.md) and [Svelte](svelte.md), so nothing has to be rewritten to start.
10
+
11
+ ## When the constraint is a shared library
6
12
 
7
13
  A shared library (an SDK, a core package, a platform shell) is loaded by many apps. Whatever it depends on, the apps depend on too. State and event libraries are the worst case, because they keep **internal state and identity** (a store, a context, a class). Two copies or two versions of them do not merge: they silently stop seeing each other.
8
14
 
@@ -31,9 +37,9 @@ A library that is **not** a shared singleton cannot break this way. nanoeffects
31
37
  ## What the library does instead
32
38
 
33
39
  - **No dependencies, no global state.** It is safe to ship inside an SDK next to whatever the host app runs. It does not need a `singleton` entry in the Module Federation config.
34
- - **Small enough for a strict budget.** SDKs often get a few kilobytes for all third-party code. `createBus` is about 1.4 kB gzip (1.3 kB brotli); policies, effects and commands are separate entries you import only when you need them. See [Package entries](package.md).
40
+ - **Small enough for a strict budget.** SDKs often get a few kilobytes for all third-party code. `createBus` is about 1.4 kB gzip (1.3 kB brotli); policies, effects and actions are separate entries you import only when you need them. See [Package entries](package.md).
35
41
  - **Simple first.** `on` and `emit` are the whole model. Cancellation, retry and the rest are plain functions on top. The [Guide](guide.md) and [Coming from redux-saga](migrating-from-saga.md) map the familiar names.
36
- - **`emit` can return an answer.** A [command](actions.md) is an event whose handler returns a result, so one module can ask another and wait for the reply. Events alone cannot do that, and it was the main thing missing from the Redux-based options.
42
+ - **`emit` can return an answer.** An [action with a handler](actions.md) returns a result, so one module can ask another and wait for the reply. Events alone cannot do that, and it was the main thing missing from the Redux-based options.
37
43
  - **Easy to debug.** Event-driven code is hard to follow: you see an effect and not the event that caused it. Every task knows its parent, so [tracing](tracing.md) shows the chain of events, with loggers for the console, the Performance panel and Redux DevTools.
38
44
 
39
45
  ## When this is not the right tool
package/docs/oop.md CHANGED
@@ -310,7 +310,7 @@ export const SearchService = extendBus(bus, SearchServiceBase);
310
310
 
311
311
  Things to know:
312
312
 
313
- - The event is a name, an action creator or a command, as for `bus.on`. For a creator or a command the payload of the method is checked against it.
313
+ - The event is a name or an action creator, as for `bus.on`. For a creator the payload of the method is checked against it.
314
314
  - The second argument, `wrap`, takes the bound handler and returns the one to subscribe: `latest`, or `(handler) => debounce(300, handler)`. A policy needs it: `latest(this.search)` wraps the function without `this`, and the bound handler is what `wrap` gets.
315
315
  - The subscriptions are made right after the constructor of `Base`. An event that is emitted inside that constructor does not reach them.
316
316
  - A subclass inherits them. A method that a subclass overrides is subscribed only if the override is decorated.
package/docs/package.md CHANGED
@@ -7,12 +7,12 @@ Imports are split so you only load what you use. `createBus` stays small; the re
7
7
  | `nanoeffects` | `createBus`, the types |
8
8
  | `nanoeffects/policies` | `latest`, `leading`, `debounce`, `throttle`, `queue` |
9
9
  | `nanoeffects/effects` | `retry`, `timeout`, `poll`, `delay`, `take`, `all`, `allSettled`, `race`, `effectsPlugin` |
10
- | `nanoeffects/actions` | `createAction`, `createCommand`, `createJob`, `createModule`, `modulePlugin`, `commandsPlugin` |
10
+ | `nanoeffects/actions` | `createAction`, `createJob`, `createModule`, `modulePlugin`, `actionsPlugin` |
11
11
  | `nanoeffects/match` | `matchPlugin`: `on`, `once` and `off` that take a function which picks the events |
12
12
  | `nanoeffects/context` | `contextPlugin`: your own fields (a store, a client) on `ctx` of every task, typed from the value |
13
13
  | `nanoeffects/signal` | `signalPlugin`: `emit(call, { signal })` ties the tasks of an emit to an outside `AbortSignal` |
14
14
  | `nanoeffects/oop` | `Emitter`, `extendBus`, `WithBus`, `On`, `Once`, `disposeBus`: the methods of a bus on a class, with the subscriptions of each instance ended by `dispose()` |
15
- | `nanoeffects/scope` | `scopePlugin`, `effect`: fields for one command, action, job, module or `emit` (the types `Scope`, `Effect`) |
15
+ | `nanoeffects/scope` | `scopePlugin`, `effect`: fields for one action, job, module or `emit` (the types `Scope`, `Effect`) |
16
16
  | `nanoeffects/redux` | `createEffectsMiddleware` |
17
17
  | `nanoeffects/observable` | `createObserve`, `Subject` |
18
18
  | `nanoeffects/react` | `reactPlugin`: adds the `useEmitter` hook to a bus (needs React 18 or newer) |
package/docs/plugins.md CHANGED
@@ -10,14 +10,14 @@ In TypeScript keep the result of `contextPlugin` and `effectsPlugin`: the type o
10
10
 
11
11
  ## Main plugins
12
12
 
13
- These four cover what most apps need: shared dependencies, effects, commands and modules. Start here.
13
+ These four cover what most apps need: shared dependencies, effects, handlers and modules. Start here.
14
14
 
15
15
  | Plugin | What it gives you | Import | `bus.use` returns |
16
16
  | ------ | ----------------- | ------ | ----------------- |
17
17
  | [`contextPlugin`](#put-a-store-or-a-client-on-every-handler-contextplugin) | Your own fields (a store, a client, a logger) on `ctx` of every handler. | `nanoeffects` | The same bus, typed with the fields |
18
18
  | [`effectsPlugin`](#use-race-and-delay-without-ctx-effectsplugin) | `race`, `all`, `delay` and your own effects on `ctx`, called without passing `ctx`. | `nanoeffects/effects` | The same bus, typed with the effects |
19
- | [`commandsPlugin`](#let-a-test-replace-a-handler-commandsplugin) | The handlers of commands in a registry, so a test can replace one. | `nanoeffects/actions` | The registry `{ run, handle }` |
20
- | [`modulePlugin`](#mount-a-domain-as-one-unit-moduleplugin) | A module: the listeners, handlers and tasks of one domain, mounted and unmounted with one call. | `nanoeffects/actions` | The app `{ mount, unmount, isMounted, dispose, commands, createModule }` |
19
+ | [`actionsPlugin`](#let-a-test-replace-a-handler-commandsplugin) | The handlers of actions in a registry, so a test can bind or replace one. | `nanoeffects/actions` | The registry `{ run, handle }` |
20
+ | [`modulePlugin`](#mount-a-domain-as-one-unit-moduleplugin) | A module: the listeners, handlers and tasks of one domain, mounted and unmounted with one call. | `nanoeffects/actions` | The app `{ mount, unmount, isMounted, dispose, actions, createModule }` |
21
21
 
22
22
  ### Put a store or a client on every handler: `contextPlugin`
23
23
 
@@ -54,27 +54,27 @@ bus.on("load", async (id, { race, delay }) => {
54
54
  });
55
55
  ```
56
56
 
57
- ### Let a test replace a handler: `commandsPlugin`
57
+ ### Bind or replace a handler: `actionsPlugin`
58
58
 
59
- Commands get their handlers from a registry that belongs to the bus. A command can be only a contract, and a test binds a fake. More in [Actions](actions.md#describe-events-commands-and-jobs).
59
+ Handlers of actions can live in a registry that belongs to the bus. An action can have no handler, and a test or another layer binds one. More in [Actions](actions.md#bind-a-handler-later).
60
60
 
61
61
  ```js
62
62
  import { createBus } from "nanoeffects";
63
- import { commandsPlugin, createCommand } from "nanoeffects/actions";
63
+ import { actionsPlugin, createAction } from "nanoeffects/actions";
64
64
 
65
- const getUser = createCommand("user/get"); // a contract: no handler yet
65
+ const getUser = createAction("user/get"); // no handler yet: an event
66
66
  const bus = createBus();
67
67
 
68
- // commandsPlugin — the registry of handlers of this bus
69
- const commands = bus.use(commandsPlugin());
68
+ // actionsPlugin — the registry of handlers of this bus
69
+ const actions = bus.use(actionsPlugin());
70
70
 
71
- commands.handle(getUser, async (id) => ({ id })); // the latest binding wins
71
+ actions.handle(getUser, async (id) => ({ id })); // the latest binding wins
72
72
  const user = await bus.emit(getUser("1")); // { id: "1" }
73
73
  ```
74
74
 
75
75
  ### Mount a domain as one unit: `modulePlugin`
76
76
 
77
- A module groups the listeners, the bound commands and the background tasks of one domain, and ends all of them when it is unmounted. It also makes [hot reload](hmr.md) work. More in [Modules](actions.md#mount-domains-with-modules).
77
+ A module groups the listeners, the bound handlers and the background tasks of one domain, and ends all of them when it is unmounted. It also makes [hot reload](hmr.md) work. More in [Modules](actions.md#mount-domains-with-modules).
78
78
 
79
79
  ```js
80
80
  import { createBus } from "nanoeffects";
@@ -94,7 +94,7 @@ Add one of these when you meet its need. None of them is required.
94
94
 
95
95
  | Plugin | What it gives you | Import | `bus.use` returns |
96
96
  | ------ | ----------------- | ------ | ----------------- |
97
- | [`scopePlugin`](#give-one-command-its-own-fields-scopeplugin) | Its own fields for one command, action, job or module, and a way to replace them in one `emit`. | `nanoeffects/scope` | The same bus |
97
+ | [`scopePlugin`](#give-one-action-its-own-fields-scopeplugin) | Its own fields for one action, job or module, and a way to replace them in one `emit`. | `nanoeffects/scope` | The same bus |
98
98
  | [`signalPlugin`](#tie-an-emit-to-an-outside-signal-signalplugin) | `emit(call, { signal })` that aborts its tasks when an outside signal aborts. | `nanoeffects/signal` | The same bus, typed with the new `emit` |
99
99
  | [`matchPlugin`](#listen-to-a-group-of-events-matchplugin) | `on` that listens to a group of events which a function picks. | `nanoeffects/match` | The same bus, typed with the new overloads |
100
100
  | [`emitterPlugin`](#hand-the-bus-to-a-state-manager-emitterplugin) | A callback that emits an action, to give to a state manager. | `nanoeffects/actions` | The same bus, with `emitter` |
@@ -102,20 +102,20 @@ Add one of these when you meet its need. None of them is required.
102
102
  | [`reactPlugin`](#tell-the-bus-when-a-react-value-changes-reactplugin) | A React hook that emits when a value of a component changes. | `nanoeffects/react` | The same bus, with `useEmitter` |
103
103
  | [`devPlugin`](#find-leaks-while-you-develop-devplugin) | Warnings about listeners that pile up, and messages about modules, while you develop. | `nanoeffects/dev` | A function that disconnects it |
104
104
 
105
- ### Give one command its own fields: `scopePlugin`
105
+ ### Give one action its own fields: `scopePlugin`
106
106
 
107
- A command, an action, a job or a module can carry its own fields and effects, and one `emit` can replace them. A test gives a fake to one call. More in [Scopes](scope.md).
107
+ An action with a handler, an action, a job or a module can carry its own fields and effects, and one `emit` can replace them. A test gives a fake to one call. More in [Scopes](scope.md).
108
108
 
109
109
  ```js
110
110
  import { createBus } from "nanoeffects";
111
- import { createCommand } from "nanoeffects/actions";
111
+ import { createAction } from "nanoeffects/actions";
112
112
  import { scopePlugin } from "nanoeffects/scope";
113
113
 
114
114
  // scopePlugin — makes the scope of a command work on this bus
115
115
  const bus = createBus().use(scopePlugin());
116
116
 
117
117
  // the last argument: fields of this command only
118
- const getUser = createCommand("user/get", (id, { api }) => api.getUser(id), {
118
+ const getUser = createAction("user/get", (id, { api }) => api.getUser(id), {
119
119
  api,
120
120
  });
121
121
 
@@ -129,13 +129,13 @@ A library such as React Query owns the request and gives you an `AbortSignal`. `
129
129
 
130
130
  ```js
131
131
  import { createBus } from "nanoeffects";
132
- import { createCommand } from "nanoeffects/actions";
132
+ import { createAction } from "nanoeffects/actions";
133
133
  import { signalPlugin } from "nanoeffects/signal";
134
134
 
135
135
  // signalPlugin — emit takes { signal } for a command, a job or an action
136
136
  const bus = createBus().use(signalPlugin());
137
137
 
138
- const getUser = createCommand("user/get", (id, { signal }) => api.getUser(id, { signal }));
138
+ const getUser = createAction("user/get", (id, { signal }) => api.getUser(id, { signal }));
139
139
 
140
140
  const controller = new AbortController();
141
141
  bus.emit(getUser("1"), { signal: controller.signal }); // runs the command
@@ -242,7 +242,7 @@ One bus with every plugin that does not need React, in a file of its own. The ev
242
242
  import { createBus } from "nanoeffects";
243
243
  import { contextPlugin } from "nanoeffects/context";
244
244
  import {
245
- commandsPlugin,
245
+ actionsPlugin,
246
246
  emitterPlugin,
247
247
  modulePlugin,
248
248
  } from "nanoeffects/actions";
@@ -258,8 +258,8 @@ export const bus = createBus()
258
258
  .use(matchPlugin()) // bus.on takes a function that picks the events
259
259
  .use(emitterPlugin()); // bus.emitter(creator)
260
260
 
261
- // commandsPlugin — the registry of command handlers; keep it to bind handlers later
262
- export const commands = bus.use(commandsPlugin());
261
+ // actionsPlugin — the registry of action handlers; keep it to bind handlers later
262
+ export const actions = bus.use(actionsPlugin());
263
263
 
264
264
  // modulePlugin — mounts userModule at the end of this block; keep app to mount and unmount later
265
265
  export const app = bus.use(modulePlugin([userModule]));
@@ -274,12 +274,12 @@ The plugins give the same result in any order. Use them as they read best, and p
274
274
 
275
275
  Two things happen because modules are mounted late:
276
276
 
277
- - **Modules start at the end of the block.** `modulePlugin([userModule])` mounts `userModule` when the synchronous block that made it has finished, or earlier if the app or the bus is used first: the first `bus.emit`, or the first call of `app.mount`, `app.unmount`, `app.isMounted`, `app.dispose` or the read of `app.commands`. By then every plugin used in the same block is on the bus, so a module and the tasks it spawns have the fields, effects and scopes of the plugins you used after `modulePlugin`, and `m.on(fn, handler)` works with `matchPlugin`. A plugin used after an `await` can come too late: use every plugin before the first `await`. With no module, `modulePlugin()` starts nothing until the first use.
277
+ - **Modules start at the end of the block.** `modulePlugin([userModule])` mounts `userModule` when the synchronous block that made it has finished, or earlier if the app or the bus is used first: the first `bus.emit`, or the first call of `app.mount`, `app.unmount`, `app.isMounted`, `app.dispose` or the read of `app.actions`. By then every plugin used in the same block is on the bus, so a module and the tasks it spawns have the fields, effects and scopes of the plugins you used after `modulePlugin`, and `m.on(fn, handler)` works with `matchPlugin`. A plugin used after an `await` can come too late: use every plugin before the first `await`. With no module, `modulePlugin()` starts nothing until the first use.
278
278
  - **Listeners keep their place.** A `bus.on` after `bus.use(modulePlugin(...))` is held until the modules are mounted, then made, in the order you wrote them. The listeners of a module therefore stay ahead of the ones registered after the plugin, and behind the ones registered before it. The function `bus.on` returns works before and after.
279
279
 
280
280
  Other plugins do not need an order for another reason:
281
281
 
282
- - `commandsPlugin` binds its list in the registry that the bus has, so it can come before or after `modulePlugin`. A custom `bus.commands = { run }` is replaced.
282
+ - `actionsPlugin` binds its list in the registry that the bus has, so it can come before or after `modulePlugin`. A custom `bus.actions = { run }` is replaced.
283
283
  - `effectsPlugin` and `contextPlugin` do not replace a field that is on `ctx` already, so a scope wins in any order.
284
284
  - `devPlugin()` finds the app that `modulePlugin` put on the bus (`bus.app`). `devPlugin({ app })` still works.
285
285
  - `matchPlugin` and `devPlugin` both wrap `bus.on`; `devPlugin` counts a function that picks events under `"*"`, and its `disconnect` leaves a wrapper that was put on top of it.
@@ -1,6 +1,6 @@
1
1
  # Use nanoeffects with React Query and SWR
2
2
 
3
- Read this page if you fetch data with [React Query](https://tanstack.com/query) (TanStack Query) or [SWR](https://swr.vercel.app) and want `retry`, `timeout` and the abort of nanoeffects inside the request. It shows one command that both libraries call.
3
+ Read this page if you fetch data with [React Query](https://tanstack.com/query) (TanStack Query) or [SWR](https://swr.vercel.app) and want `retry`, `timeout` and the abort of nanoeffects inside the request. It shows one action that both libraries call.
4
4
 
5
5
  You need a React project, `nanoeffects`, and one of the two libraries. `api` below is your own client: replace it with your requests.
6
6
 
@@ -16,9 +16,9 @@ The libraries and nanoeffects do different jobs, so each keeps its own.
16
16
 
17
17
  `isLoading` and `data` come from the library, not from `emit`. `await bus.emit(...)` resolves once, with the result, so it cannot report that the request is still running.
18
18
 
19
- ## Make the command
19
+ ## Make the action
20
20
 
21
- A command is the request itself. It lives in files that know nothing about React: the bus, the command with its handler, and the component.
21
+ An action with a handler is the request itself. It lives in files that know nothing about React: the bus, the action with its handler, and the component.
22
22
 
23
23
  ```js
24
24
  // bus.js
@@ -34,11 +34,11 @@ The handler tries the request up to three times and gives up after five seconds
34
34
 
35
35
  ```js
36
36
  // user.js
37
- import { createCommand } from "nanoeffects/actions";
37
+ import { createAction } from "nanoeffects/actions";
38
38
  import { retry, timeout } from "nanoeffects/effects";
39
39
 
40
- // createCommand — a command with a handler: emit returns what the handler returns
41
- export const getUser = createCommand("user/get", async (id, ctx) => {
40
+ // createAction with a handler — emit returns what the handler returns
41
+ export const getUser = createAction("user/get", async (id, ctx) => {
42
42
  // one try: the request, with the signal of timeout so it can stop it
43
43
  const load = ({ signal }) => api.getUser(id, { signal });
44
44
  // timeout — fail the try after 5 s
@@ -73,13 +73,13 @@ export function Profile({ id }) {
73
73
  }
74
74
  ```
75
75
 
76
- The command rejects when all tries fail, so React Query shows the `error`. React Query counts its own `retry` too: set `retry: false` in `useQuery` when the handler already retries, or the tries multiply.
76
+ The action rejects when all tries fail, so React Query shows the `error`. React Query counts its own `retry` too: set `retry: false` in `useQuery` when the handler already retries, or the tries multiply.
77
77
 
78
78
  ## Call it from SWR
79
79
 
80
80
  <!-- docs-check: continue -->
81
81
 
82
- SWR does not pass a signal to the fetcher, so there is nothing to give to `emit`. The command still brings `retry` and `timeout`.
82
+ SWR does not pass a signal to the fetcher, so there is nothing to give to `emit`. The action still brings `retry` and `timeout`.
83
83
 
84
84
  ```jsx
85
85
  // Profile.jsx
@@ -103,7 +103,7 @@ export function Profile({ id }) {
103
103
 
104
104
  <!-- docs-check: continue -->
105
105
 
106
- A command gives its result only to the caller. If a store or another module must react to a loaded user, the handler can say so:
106
+ An action with a handler gives its result only to the caller. If a store or another module must react to a loaded user, the handler can say so:
107
107
 
108
108
  ```js
109
109
  // user-events.js
@@ -113,14 +113,14 @@ import { createAction } from "nanoeffects/actions";
113
113
  export const userLoaded = createAction("user/loaded");
114
114
  ```
115
115
 
116
- Send it from the handler with `ctx.emit(userLoaded(user))`. Do not replace the command with `createJob` here: a job handles the error itself and resolves with `undefined`, so React Query would never see the failure. Use a job when nothing waits for the result and the app shows a loading state from the bus, see [Show a loading state with a job](actions.md#show-a-loading-state-with-a-job).
116
+ Send it from the handler with `ctx.emit(userLoaded(user))`. Do not replace the action with `createJob` here: a job handles the error itself and resolves with `undefined`, so React Query would never see the failure. Use a job when nothing waits for the result and the app shows a loading state from the bus, see [Show a loading state with a job](actions.md#show-a-loading-state-with-a-job).
117
117
 
118
118
  ## Know the limits
119
119
 
120
- - **Without the plugin, `{ signal }` is ignored.** The command runs, but the abort does not reach it. Call `bus.use(signalPlugin())` once, where the bus is made.
120
+ - **Without the plugin, `{ signal }` is ignored.** The action runs, but the abort does not reach it. Call `bus.use(signalPlugin())` once, where the bus is made.
121
121
  - **Only the call forms take it.** `bus.emit(getUser(id), { signal })` works; `bus.emit("user/get", id, { signal })` does not.
122
- - **A handler that returns without a promise is finished with the call**, so a signal that aborts later does not reach it. Commands that fetch are async, so this only matters for a sync handler that sets up a callback.
123
- - **Give each request its own signal for an event.** For a command or a job the link ends when it settles. For `bus.emit(action, { signal })` it stays until the signal aborts.
124
- - **The signal reaches the tasks that this `emit` starts**, with the listeners of the command's type and the `ctx.run` children. A separate `bus.emit` that the handler makes is not linked: pass `{ signal: ctx.signal }` to it.
122
+ - **A handler that returns without a promise is finished with the call**, so a signal that aborts later does not reach it. Actions that fetch are async, so this only matters for a sync handler that sets up a callback.
123
+ - **Give each request its own signal for an event.** For an action with a handler or a job the link ends when it settles. For `bus.emit(action, { signal })` it stays until the signal aborts.
124
+ - **The signal reaches the tasks that this `emit` starts**, with the listeners of the action's type and the `ctx.run` children. A separate `bus.emit` that the handler makes is not linked: pass `{ signal: ctx.signal }` to it.
125
125
 
126
126
  A whole small app, with a search, a filter, pages and a detail panel, is in the [Rick and Morty example](../examples/rickandmorty).
package/docs/scope.md CHANGED
@@ -1,6 +1,6 @@
1
- # Pin context fields to a command, an action, a module or a call
1
+ # Pin context fields to an action, a module or a call
2
2
 
3
- Optional, for domain logic. Use it when one command needs its own client, one module its own logger, or one test its own fake, and a field on the whole bus ([context fields](context.md)) is too wide.
3
+ Optional, for domain logic. Use it when one action needs its own client, one module its own logger, or one test its own fake, and a field on the whole bus ([context fields](context.md)) is too wide.
4
4
 
5
5
  A **scope** is a plain object. Every key goes on `ctx` as it is (`cache`, `api`, `logger`), except one: `$effects`. Its functions take `{ signal }` as the first parameter, like `retry(ctx, fn)`, and go on `ctx` bound to the task, so you call `ctx.fetchJson(url)` instead of `fetchJson(ctx, url)`.
6
6
 
@@ -19,21 +19,21 @@ import { scopePlugin } from "nanoeffects/scope";
19
19
  export const bus = createBus().use(scopePlugin());
20
20
  ```
21
21
 
22
- The bus is in one file and the commands and actions in files named after their domain, so the next example imports `bus` from here. Each section after it keeps its own `bus.js` and domain file, as if it were an app of its own.
22
+ The bus is in one file and the actions in files named after their domain, so the next example imports `bus` from here. Each section after it keeps its own `bus.js` and domain file, as if it were an app of its own.
23
23
 
24
24
  - Without `scopePlugin` a scope is **ignored**: no error and no warning. If a field is missing from `ctx`, check this first.
25
25
  - Use it in any order with the other plugins: a scope wins over `effectsPlugin`, `contextPlugin` and `createBus({ context })`.
26
26
 
27
- ## Give a command its own fields
27
+ ## Give an action its own fields
28
28
 
29
29
  <!-- docs-check: continue -->
30
30
 
31
31
  ```js
32
32
  // user.js
33
- import { createCommand } from "nanoeffects/actions";
33
+ import { createAction } from "nanoeffects/actions";
34
34
 
35
- // createCommand — third argument is the scope of this command
36
- export const getUser = createCommand(
35
+ // createAction — third argument is the scope of this action
36
+ export const getUser = createAction(
37
37
  "user/get",
38
38
  (id, { api, cache }) => {
39
39
  // api and cache are on ctx for this command only
@@ -50,7 +50,7 @@ import { getUser } from "./user";
50
50
  const user = await bus.emit(getUser("1")); // the handler has api and cache
51
51
  ```
52
52
 
53
- The listeners of `"user/get"` get the same fields when the command is emitted, because the fields belong to the call.
53
+ The listeners of `"user/get"` get the same fields when the action is emitted, because the fields belong to the call.
54
54
 
55
55
  ## Bind an effect to the task
56
56
 
@@ -58,14 +58,14 @@ An effect is a function with `{ signal }` as its first parameter. In `$effects`
58
58
 
59
59
  ```js
60
60
  // feed.js
61
- import { createCommand } from "nanoeffects/actions";
61
+ import { createAction } from "nanoeffects/actions";
62
62
  import { delay, race } from "nanoeffects/effects";
63
63
 
64
64
  // your own effect: first parameter is the task (only its signal is used)
65
65
  const fetchJson = (ctx, url) =>
66
66
  fetch(url, { signal: ctx.signal }).then((response) => response.json());
67
67
 
68
- export const loadFeed = createCommand(
68
+ export const loadFeed = createAction(
69
69
  "feed/load",
70
70
  (url, { fetchJson, race, delay }) =>
71
71
  // race, delay, fetchJson — bound to this task: no ctx argument
@@ -111,9 +111,9 @@ export const bus = createBus().use(scopePlugin());
111
111
 
112
112
  ```js
113
113
  // user.js
114
- import { createCommand } from "nanoeffects/actions";
114
+ import { createAction } from "nanoeffects/actions";
115
115
 
116
- export const getUser = createCommand(
116
+ export const getUser = createAction(
117
117
  "user/get",
118
118
  (id, { api }) => api.getUser(id),
119
119
  { api },
@@ -134,7 +134,7 @@ await bus.emit(getUser("1"), { api: fakeApi });
134
134
 
135
135
  Rules for the second argument:
136
136
 
137
- - It works with an action or a command call (`emit(getUser("1"), scope)`, `ctx.emit(loaded(user), scope)`).
137
+ - It works with the call of an action (`emit(getUser("1"), scope)`, `ctx.emit(loaded(user), scope)`).
138
138
  - It does not work with the string form: in `emit("user/get", payload)` the second argument is the payload.
139
139
  - It can replace `$effects` too: `{ $effects: { delay: instantDelay } }`.
140
140
  - Fields of the library (`signal`, `emit`, …) in it are ignored.
@@ -199,13 +199,13 @@ In `$effects` a function loses its first parameter, and TypeScript cannot keep a
199
199
 
200
200
  ```js
201
201
  // pick.js
202
- import { createCommand } from "nanoeffects/actions";
202
+ import { createAction } from "nanoeffects/actions";
203
203
  import { effect } from "nanoeffects/scope";
204
204
 
205
205
  // effect — marks the function, so a scope binds it to the task; the editor keeps its generic
206
206
  const first = effect((ctx, items) => items[0]);
207
207
 
208
- export const pick = createCommand("pick", (items, { first }) => first(items), {
208
+ export const pick = createAction("pick", (items, { first }) => first(items), {
209
209
  first, // a plain key of the scope, not an entry of `$effects`
210
210
  });
211
211
  ```
@@ -215,7 +215,7 @@ Call `effect` where you declare the function, as above, and not inline in the sc
215
215
  `Effect<F>` (TypeScript): declare how the effect looks **after** it is bound, and keep it in `$effects`.
216
216
 
217
217
  ```ts
218
- import { createCommand } from "nanoeffects/actions";
218
+ import { createAction } from "nanoeffects/actions";
219
219
  import type { Effect } from "nanoeffects/effects";
220
220
 
221
221
  // First — checker-only: how a handler calls the effect (no ctx)
@@ -224,7 +224,7 @@ type First = <T>(items: T[]) => T;
224
224
  // Effect<First> — the function takes the task first and is typed as First once bound
225
225
  const first: Effect<First> = (ctx, items) => items[0];
226
226
 
227
- const pick = createCommand(
227
+ const pick = createAction(
228
228
  "pick",
229
229
  (id: string, { first }) => first([id]), // string
230
230
  { $effects: { first } },
@@ -235,14 +235,14 @@ const pick = createCommand(
235
235
 
236
236
  ## Type the fields (optional)
237
237
 
238
- A handler of a command, job or module with a scope sees the fields of the scope in `ctx`, typed from the values you gave. You write no `WithContext`.
238
+ A handler of an action, job or module with a scope sees the fields of the scope in `ctx`, typed from the values you gave. You write no `WithContext`.
239
239
 
240
240
  ```ts
241
- import { createCommand } from "nanoeffects/actions";
241
+ import { createAction } from "nanoeffects/actions";
242
242
 
243
243
  type User = { id: string; name: string };
244
244
 
245
- const getUser = createCommand(
245
+ const getUser = createAction(
246
246
  "user/get",
247
247
  async (id: string, ctx) => {
248
248
  ctx.cache; // Map<string, User>, from the scope below
@@ -260,7 +260,7 @@ const getUser = createCommand(
260
260
  ## Limits
261
261
 
262
262
  - No plugin, no scope: see [Turn scopes on](#turn-scopes-on).
263
- - The fields of the bus are not in the handler of a command made with `createCommand(…, scope)` unless you type `ctx` yourself; the fields of the scope are.
263
+ - The fields of the bus are not in the handler of an action made with `createAction(…, scope)` unless you type `ctx` yourself; the fields of the scope are.
264
264
  - The string form of `emit` takes no scope.
265
265
  - `effect(fn)` works only as a value of a scope, not as an entry of `$effects`.
266
- - A scope on a command, action, job or module is typed without the events of a bus, so `take` in its `$effects` takes any event name.
266
+ - A scope on an action, job or module is typed without the events of a bus, so `take` in its `$effects` takes any event name.