@jsenv/navi 0.29.10 → 0.29.12
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 +9 -0
- package/dist/jsenv_navi.js +417 -49
- package/dist/jsenv_navi.js.map +18 -15
- package/dist/jsenv_navi_side_effects.js +8 -0
- package/dist/jsenv_navi_side_effects.js.map +2 -2
- package/docs/AI_INSTRUCTIONS.md +9 -0
- package/docs/MOBILE_LAYOUT_PITFALLS.md +69 -14
- package/docs/actions.md +250 -0
- package/docs/resource.md +267 -0
- package/docs/resource_dependencies.md +103 -0
- package/docs/resource_with_params.md +80 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -12,6 +12,15 @@ Routes are flexible: you can create route groups to share logic, state, or UI ac
|
|
|
12
12
|
|
|
13
13
|
Actions are async operations with lifecycle management — pending, success, error. You can declare actions that run when navigating to a route, and any component can subscribe to them via `useAsyncData` to reflect what is happening: loading states, results, errors. No manual wiring.
|
|
14
14
|
|
|
15
|
+
## REST state
|
|
16
|
+
|
|
17
|
+
`resource()` turns a REST endpoint into a reactive store: one action per verb, a
|
|
18
|
+
shared signal store every component reads from, and automatic invalidation
|
|
19
|
+
between related actions. Parent/child relations are first-class — `.one`,
|
|
20
|
+
`.many`, `.scopedOne`, `.scopedMany` model a backend sub-resource such as
|
|
21
|
+
`/games/:id/candidates` rather than leaving you to hand-roll it. See
|
|
22
|
+
[docs/resource.md](./docs/resource.md).
|
|
23
|
+
|
|
15
24
|
## Layout & Typography
|
|
16
25
|
|
|
17
26
|
**`Box`** is the main layout primitive. It wraps CSS Flexbox with a friendlier API: `flex` for horizontal layout, `flex="y"` for vertical (no more guessing what `flex-direction: column` does visually). Supports `grid`, `inline`, alignment via `alignX`/`alignY`, and spacing props.
|