@thomasfosterau/effect-sveltekit 0.5.0 → 0.6.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.
- package/LICENSE.md +9 -0
- package/README.md +163 -71
- package/dist/Navigation.d.ts +70 -17
- package/dist/Navigation.js +80 -19
- package/dist/Navigation.js.map +1 -1
- package/dist/Remote.d.ts +36 -18
- package/dist/Remote.js +20 -7
- package/dist/Remote.js.map +1 -1
- package/dist/State.d.ts +75 -6
- package/dist/State.js +116 -27
- package/dist/State.js.map +1 -1
- package/dist/forms.d.ts +70 -7
- package/dist/forms.js +66 -5
- package/dist/forms.js.map +1 -1
- package/dist/internal/app-state.d.ts +37 -2
- package/dist/internal/app-state.js +58 -15
- package/dist/internal/app-state.js.map +1 -1
- package/dist/internal/enhance.d.ts +106 -8
- package/dist/internal/enhance.js +30 -6
- package/dist/internal/enhance.js.map +1 -1
- package/dist/internal/watch.svelte.js +33 -0
- package/dist/internal/watch.svelte.js.map +1 -0
- package/dist/realtime.d.ts +28 -7
- package/dist/realtime.js +68 -43
- package/dist/realtime.js.map +1 -1
- package/package.json +6 -6
- package/LICENSE +0 -21
package/LICENSE.md
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
# MIT License
|
|
2
|
+
|
|
3
|
+
Copyright © 2026 [Thomas Foster](https://thomasfoster.au/)
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
|
6
|
+
|
|
7
|
+
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
8
|
+
|
|
9
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
package/README.md
CHANGED
|
@@ -10,14 +10,14 @@ for the Svelte runes hooks.
|
|
|
10
10
|
## Install
|
|
11
11
|
|
|
12
12
|
```bash
|
|
13
|
-
pnpm add @thomasfosterau/effect-sveltekit effect
|
|
13
|
+
pnpm add @thomasfosterau/effect-sveltekit effect svelte @sveltejs/kit
|
|
14
14
|
# the Effect deployment adapter additionally needs:
|
|
15
|
-
pnpm add @effect/platform-node
|
|
15
|
+
pnpm add @effect/platform-node
|
|
16
16
|
```
|
|
17
17
|
|
|
18
|
-
`effect` (`>=4.0.
|
|
18
|
+
`effect` (`>=4.0.2`) and `svelte` (`^5.40.0`) are required peers;
|
|
19
19
|
`@sveltejs/kit` (`^3.0.0`), `vite` (for `./vite`) and
|
|
20
|
-
`@effect/platform-node` (`>=4.0.
|
|
20
|
+
`@effect/platform-node` (`>=4.0.2`, for `./adapter`) are optional. The
|
|
21
21
|
HTTP modules that lived in `@effect/platform` in v3 are part of `effect` itself
|
|
22
22
|
in v4 (`effect/http`), so no other Effect package is needed. Keep a single copy
|
|
23
23
|
of `effect`, and keep `effect` and `@effect/platform-node` on the same
|
|
@@ -38,7 +38,7 @@ export const load = serverLoad((event) => Effect.succeed({ id: event.params.id }
|
|
|
38
38
|
The same wrappers exist for actions, endpoints and hooks, on the default
|
|
39
39
|
per-request runtime or on your own services (see
|
|
40
40
|
[App-wide runtime](#app-wide-runtime-share-your-services-across-requests)); the
|
|
41
|
-
`effectKit()` Vite plugin lets route files export bare Effects instead.
|
|
41
|
+
optional `effectKit()` Vite plugin lets route files export bare Effects instead.
|
|
42
42
|
|
|
43
43
|
## API
|
|
44
44
|
|
|
@@ -46,7 +46,7 @@ per-request runtime or on your own services (see
|
|
|
46
46
|
| ---------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
47
47
|
| `@thomasfosterau/effect-sveltekit` | Universal helpers: `load` / `makeUniversalRuntime`, the `Remote` call namespace, `Hooks` (`reroute`, `transport`), `ResponseHeaders`, `sveltekitConfig` / `readConfig`, `apiClient` |
|
|
48
48
|
| `…/server` | Server wrappers (`serverLoad`, `action`, `actions`, `endpoint`), `Hooks`, `Endpoint`, `makeServerRuntime`, the per-request runtime seam (`makeRuntimeAdapter` / `RequestRuntime`), `Errors`, `RemoteFunction`, request decoding (`decodeParams`, `decodeJson`, …) |
|
|
49
|
-
| `…/client` | Browser-only `Navigation`, `State
|
|
49
|
+
| `…/client` | Browser-only `Navigation`, `State` (incl. the `CurrentPage` service), `Remote`, `Realtime`, `Forms` and `Hooks` namespaces, and `useRemoteQuery` |
|
|
50
50
|
| `…/vite` | The `effectKit()` Vite plugin (auto-wraps bare-Effect route exports) |
|
|
51
51
|
| `…/adapter` | The Effect HTTP deployment adapter (`effectAdapter`) |
|
|
52
52
|
| `…/adapter/handler` | The SvelteKit app as an Effect HTTP app (`makeHandler`, `makeHandlerWith`, `AssetSource`, `toWebHandler`) |
|
|
@@ -57,7 +57,7 @@ per-request runtime or on your own services (see
|
|
|
57
57
|
### At a glance
|
|
58
58
|
|
|
59
59
|
- **Effects as route exports** — explicit wrappers, app-wide runtimes (services
|
|
60
|
-
built once per process), or the `effectKit()` plugin.
|
|
60
|
+
built once per process), or, optionally, the `effectKit()` plugin.
|
|
61
61
|
- **Bring-your-own per-request runtime** — `makeRuntimeAdapter(provider, opts)`
|
|
62
62
|
binds the server wrappers to a `RequestRuntime` provider, so the handler
|
|
63
63
|
effect's services are your own application catalogue (not `SvelteKitServices`).
|
|
@@ -81,8 +81,9 @@ per-request runtime or on your own services (see
|
|
|
81
81
|
`Hooks.markerTransporter` for non-round-tripping wrappers) and **`$env` ⇄
|
|
82
82
|
Effect `Config`**.
|
|
83
83
|
- **Client navigation/state** — the `Navigation` (`goto`/`invalidate`/… plus
|
|
84
|
-
`beforeNavigate`/`afterNavigate`/`onNavigate` streams) and `State` (`page
|
|
85
|
-
|
|
84
|
+
`beforeNavigate`/`afterNavigate`/`onNavigate` streams) and `State` (`page`,
|
|
85
|
+
`navigating` and `updated` streams, `checkForUpdate`, and the `CurrentPage`
|
|
86
|
+
service) namespaces.
|
|
86
87
|
- **Effect deployment adapter** — the generated app is a platform-neutral
|
|
87
88
|
Effect `HttpApp` (`makeHandlerWith`): serve it as a production Node HTTP server
|
|
88
89
|
(`effect/http` + `@effect/platform-node`, the default) or as a Web
|
|
@@ -91,51 +92,6 @@ per-request runtime or on your own services (see
|
|
|
91
92
|
(`AssetSource.fileSystem` for Node, `AssetSource.cloudflareAssets(env.ASSETS)`
|
|
92
93
|
for Workers, or any custom source — R2, KV, a CDN passthrough).
|
|
93
94
|
|
|
94
|
-
### SvelteKit Vite plugin (recommended)
|
|
95
|
-
|
|
96
|
-
```ts
|
|
97
|
-
// vite.config.ts
|
|
98
|
-
import { sveltekit } from "@sveltejs/kit/vite";
|
|
99
|
-
import { effectKit } from "@thomasfosterau/effect-sveltekit/vite";
|
|
100
|
-
|
|
101
|
-
export default {
|
|
102
|
-
plugins: [effectKit(), sveltekit()],
|
|
103
|
-
};
|
|
104
|
-
```
|
|
105
|
-
|
|
106
|
-
With the plugin installed, you can return an Effect (or a function returning
|
|
107
|
-
an Effect) directly from any standard SvelteKit route file (`+page.ts`,
|
|
108
|
-
`+page.server.ts`, `+layout(.server).ts`, `+server.ts`,
|
|
109
|
-
`hooks.(server|client).ts`):
|
|
110
|
-
|
|
111
|
-
```ts
|
|
112
|
-
// +page.server.ts
|
|
113
|
-
import { Effect } from "effect";
|
|
114
|
-
|
|
115
|
-
export const load = (event) => Effect.succeed({ id: event.params.id });
|
|
116
|
-
```
|
|
117
|
-
|
|
118
|
-
The plugin rewrites the export so it goes through the same runtime as the
|
|
119
|
-
explicit wrappers below; plain promise/value-returning functions pass through
|
|
120
|
-
unchanged.
|
|
121
|
-
|
|
122
|
-
#### Supported exports
|
|
123
|
-
|
|
124
|
-
| File | Exports auto-wrapped |
|
|
125
|
-
| ------------------- | ---------------------------------------------------------------------- |
|
|
126
|
-
| `+page.ts` | `load` |
|
|
127
|
-
| `+page.server.ts` | `load`, `actions` |
|
|
128
|
-
| `+layout.ts` | `load` |
|
|
129
|
-
| `+layout.server.ts` | `load` |
|
|
130
|
-
| `+server.ts` | `GET`, `POST`, `PUT`, `PATCH`, `DELETE`, `OPTIONS`, `HEAD`, `fallback` |
|
|
131
|
-
| `hooks.ts` | `reroute` |
|
|
132
|
-
| `hooks.server.ts` | `handle`, `handleFetch`, `handleError`, `init` |
|
|
133
|
-
| `hooks.client.ts` | `handleError`, `init` |
|
|
134
|
-
|
|
135
|
-
Config exports like `prerender`, `ssr`, `csr`, and `trailingSlash` — and the
|
|
136
|
-
universal `transport` hook (which is plain data, not a function) — are never
|
|
137
|
-
touched.
|
|
138
|
-
|
|
139
95
|
### App-wide runtime (share your services across requests)
|
|
140
96
|
|
|
141
97
|
Define your application's Effect services once as a `Layer`; the layer is
|
|
@@ -170,20 +126,13 @@ The runtime exposes `serverLoad`, `action`, `actions`, `handle`, `handleFetch`,
|
|
|
170
126
|
For universal `load` functions there is a browser-safe counterpart,
|
|
171
127
|
`makeUniversalRuntime`, in `@thomasfosterau/effect-sveltekit`.
|
|
172
128
|
|
|
173
|
-
To make the same services available to bare-Effect exports handled by the
|
|
174
|
-
Vite plugin, point the plugin at the runtime module:
|
|
175
|
-
|
|
176
|
-
```ts
|
|
177
|
-
// vite.config.ts
|
|
178
|
-
effectKit({ serverRuntime: "#lib/server/runtime.ts" });
|
|
179
|
-
```
|
|
180
|
-
|
|
181
129
|
#### One runtime per request
|
|
182
130
|
|
|
183
|
-
Wire the runtime's `handle` hook (or the auto-wrapped `handle` from the
|
|
184
|
-
plugin) in `src/hooks.server.ts`. It
|
|
185
|
-
application layer's services plus the
|
|
186
|
-
built once and sharing a single
|
|
131
|
+
Wire the runtime's `handle` hook (or the auto-wrapped `handle` from the
|
|
132
|
+
[Vite plugin](#sveltekit-vite-plugin-optional)) in `src/hooks.server.ts`. It
|
|
133
|
+
creates a **per-request runtime** — the application layer's services plus the
|
|
134
|
+
request's `HttpClient`/`SvelteKitRequestEvent`, built once and sharing a single
|
|
135
|
+
request scope — and stores it on `event.locals`:
|
|
187
136
|
|
|
188
137
|
```ts
|
|
189
138
|
// src/hooks.server.ts
|
|
@@ -215,6 +164,64 @@ export const handle = runtime.handle(({ event, resolve }) =>
|
|
|
215
164
|
Wrappers from a _different_ runtime, or requests without `handle` wired, fall
|
|
216
165
|
back to building the request services per call, so this is backward compatible.
|
|
217
166
|
|
|
167
|
+
### SvelteKit Vite plugin (optional)
|
|
168
|
+
|
|
169
|
+
The explicit wrappers above are the primary API. The `effectKit()` Vite plugin
|
|
170
|
+
is an optional convenience on top of them:
|
|
171
|
+
|
|
172
|
+
```ts
|
|
173
|
+
// vite.config.ts
|
|
174
|
+
import { sveltekit } from "@sveltejs/kit/vite";
|
|
175
|
+
import { effectKit } from "@thomasfosterau/effect-sveltekit/vite";
|
|
176
|
+
|
|
177
|
+
export default {
|
|
178
|
+
plugins: [effectKit(), sveltekit()],
|
|
179
|
+
};
|
|
180
|
+
```
|
|
181
|
+
|
|
182
|
+
With the plugin installed, you can return an Effect (or a function returning
|
|
183
|
+
an Effect) directly from any standard SvelteKit route file (`+page.ts`,
|
|
184
|
+
`+page.server.ts`, `+layout(.server).ts`, `+server.ts`,
|
|
185
|
+
`hooks.(server|client).ts`):
|
|
186
|
+
|
|
187
|
+
```ts
|
|
188
|
+
// +page.server.ts
|
|
189
|
+
import { Effect } from "effect";
|
|
190
|
+
|
|
191
|
+
export const load = (event) => Effect.succeed({ id: event.params.id });
|
|
192
|
+
```
|
|
193
|
+
|
|
194
|
+
The plugin rewrites the export so it goes through the same runtime as the
|
|
195
|
+
explicit wrappers; plain promise/value-returning functions pass through
|
|
196
|
+
unchanged. SvelteKit's generated `$types` cannot see through the rewrite, so
|
|
197
|
+
type a plugin-wrapped route's `data` prop yourself; explicit wrappers return
|
|
198
|
+
real SvelteKit functions, so route `$types` work as usual.
|
|
199
|
+
|
|
200
|
+
To make an app-wide runtime's services available to bare-Effect exports, point
|
|
201
|
+
the plugin at the runtime module:
|
|
202
|
+
|
|
203
|
+
```ts
|
|
204
|
+
// vite.config.ts
|
|
205
|
+
effectKit({ serverRuntime: "#lib/server/runtime.ts" });
|
|
206
|
+
```
|
|
207
|
+
|
|
208
|
+
#### Supported exports
|
|
209
|
+
|
|
210
|
+
| File | Exports auto-wrapped |
|
|
211
|
+
| ------------------- | ---------------------------------------------------------------------- |
|
|
212
|
+
| `+page.ts` | `load` |
|
|
213
|
+
| `+page.server.ts` | `load`, `actions` |
|
|
214
|
+
| `+layout.ts` | `load` |
|
|
215
|
+
| `+layout.server.ts` | `load` |
|
|
216
|
+
| `+server.ts` | `GET`, `POST`, `PUT`, `PATCH`, `DELETE`, `OPTIONS`, `HEAD`, `fallback` |
|
|
217
|
+
| `hooks.ts` | `reroute` |
|
|
218
|
+
| `hooks.server.ts` | `handle`, `handleFetch`, `handleError`, `init` |
|
|
219
|
+
| `hooks.client.ts` | `handleError`, `init` |
|
|
220
|
+
|
|
221
|
+
Config exports like `prerender`, `ssr`, `csr`, and `trailingSlash` — and the
|
|
222
|
+
universal `transport` hook (which is plain data, not a function) — are never
|
|
223
|
+
touched.
|
|
224
|
+
|
|
218
225
|
### Effect deployment adapter
|
|
219
226
|
|
|
220
227
|
A SvelteKit [adapter](https://svelte.dev/docs/kit/adapters) (like
|
|
@@ -363,7 +370,8 @@ import {
|
|
|
363
370
|
// $app/navigation: promise wrappers (goto, invalidate, ...) and lifecycle
|
|
364
371
|
// events as Effect Streams (beforeNavigate/afterNavigate/onNavigate)
|
|
365
372
|
Navigation,
|
|
366
|
-
// $app/state:
|
|
373
|
+
// $app/state: page / navigating / updated as Streams, plus the
|
|
374
|
+
// CurrentPage service
|
|
367
375
|
State,
|
|
368
376
|
// remote-function helpers (callQuery, callCommand, liveQueryStream, ...)
|
|
369
377
|
Remote,
|
|
@@ -377,6 +385,14 @@ import {
|
|
|
377
385
|
// Remote.callQuery(getTodos), State.page()
|
|
378
386
|
```
|
|
379
387
|
|
|
388
|
+
`Navigation.goto`, `invalidate`, `invalidateAll`, `refreshAll`, `preloadData`
|
|
389
|
+
and `preloadCode` fail with `Navigation.NavigationError` when SvelteKit rejects
|
|
390
|
+
or throws: for example, `goto` to a URL outside the app, `preloadData` for an
|
|
391
|
+
`href` outside the app, a navigation whose `beforeNavigate` / `onNavigate`
|
|
392
|
+
callback throws, or any of them run during server rendering. The error's
|
|
393
|
+
`operation` names the wrapper and its `cause` is SvelteKit's original reason;
|
|
394
|
+
recover with `Effect.catchTag("NavigationError", ...)`.
|
|
395
|
+
|
|
380
396
|
`Navigation.beforeNavigate()` / `Navigation.afterNavigate()` bridge
|
|
381
397
|
`$app/navigation`'s callback-registration functions to `Stream`s,
|
|
382
398
|
`Navigation.onNavigate(fn => Effect)` runs an Effect per navigation (forwarding
|
|
@@ -385,6 +401,31 @@ any cleanup the Effect yields), and `State.page()` emits a shallow snapshot of
|
|
|
385
401
|
SvelteKit functions they wrap, these must be called during component
|
|
386
402
|
initialization (at the top of `<script>`).
|
|
387
403
|
|
|
404
|
+
The rest of `State` watches `$app/state` directly, so it works anywhere on the
|
|
405
|
+
client (not only during component initialization):
|
|
406
|
+
|
|
407
|
+
| Export | What it is |
|
|
408
|
+
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
409
|
+
| `State.navigating()` | `Stream<Option<NavigatingSnapshot>>` — `Some` while a navigation is in flight (`type`, `from`, `to`, `willUnload`, `delta`, `complete`), `None` when idle |
|
|
410
|
+
| `State.updated()` | `Stream<boolean>` — `updated.current`: whether a new app version has been deployed |
|
|
411
|
+
| `State.checkForUpdate()` | `Effect<boolean, UpdateCheckError>` — `updated.check()` now; fails with `UpdateCheckError` if the check rejects |
|
|
412
|
+
| `State.CurrentPage` | A `Context` service: `get` (snapshot the page now) and `changes` (a stream that also emits on shallow routing and form results); provide `CurrentPage.layer` |
|
|
413
|
+
|
|
414
|
+
Each stream emits the current value on the next Svelte flush, then on every
|
|
415
|
+
change, and stops watching when it ends or is interrupted. None of them fail.
|
|
416
|
+
|
|
417
|
+
```ts
|
|
418
|
+
import { State } from "@thomasfosterau/effect-sveltekit/client";
|
|
419
|
+
import { Effect } from "effect";
|
|
420
|
+
|
|
421
|
+
// Any client Effect can read the page once CurrentPage.layer is provided
|
|
422
|
+
// (e.g. in the layer behind your client runtime).
|
|
423
|
+
const logPath = Effect.gen(function* () {
|
|
424
|
+
const page = yield* (yield* State.CurrentPage).get;
|
|
425
|
+
yield* Effect.logInfo(`at ${page.url.pathname}`);
|
|
426
|
+
}).pipe(Effect.provide(State.CurrentPage.layer));
|
|
427
|
+
```
|
|
428
|
+
|
|
388
429
|
### `transport` hook from Effect Schema
|
|
389
430
|
|
|
390
431
|
Move custom types (`Option`, `DateTime`, branded types, `Schema.Class`
|
|
@@ -528,10 +569,61 @@ Effects (no explicit wrapper) when the `effectKit()` Vite plugin is enabled.
|
|
|
528
569
|
|
|
529
570
|
For SvelteKit page `actions`, the `Forms` namespace
|
|
530
571
|
(`@thomasfosterau/effect-sveltekit/client`) expresses progressive enhancement
|
|
531
|
-
with Effects: `Forms.enhance({ onSubmit, onResult }
|
|
532
|
-
for `use:enhance`, and `Forms.applyAction` /
|
|
533
|
-
`$app/forms` helpers.
|
|
534
|
-
|
|
572
|
+
with Effects: `Forms.enhance({ onSubmit, onResult, onError }, { runtime })`
|
|
573
|
+
builds a `SubmitFunction` for `use:enhance`, and `Forms.applyAction` /
|
|
574
|
+
`Forms.deserialize` wrap the `$app/forms` helpers. `Forms.applyAction` fails
|
|
575
|
+
with `Forms.ApplyActionError` (SvelteKit's original reason as its `cause`) when
|
|
576
|
+
SvelteKit rejects or throws: for example, when the navigation that follows a
|
|
577
|
+
`redirect` result fails, or when it runs during server rendering.
|
|
578
|
+
|
|
579
|
+
The handlers (and `onError`) run on `runtime`, a `Context` or `ManagedRuntime`.
|
|
580
|
+
It is required, and checked to provide every service they require, as soon as
|
|
581
|
+
any handler requires one: there is no ambient runtime to fall back on, so such a
|
|
582
|
+
call without it does not type-check. Each handler may require different
|
|
583
|
+
services; the runtime must provide all of them. A missing runtime is reported on
|
|
584
|
+
the `Forms.enhance` call, and one that lacks a service on the runtime, never on
|
|
585
|
+
a handler. The message may at first name only the services of the handlers
|
|
586
|
+
TypeScript types first (such as an `onError` passed by name, before handlers
|
|
587
|
+
whose parameters are not annotated), and the rest once the runtime provides
|
|
588
|
+
those. Handlers that require no services run on the default runtime, and the
|
|
589
|
+
options may be omitted; an effect typed as requiring `any` or `unknown` is
|
|
590
|
+
treated as requiring no services, so no runtime is demanded. A function that
|
|
591
|
+
wraps `Forms.enhance` for handlers requiring any `R` forwards its options as
|
|
592
|
+
`...options: Forms.EnhanceOptionsArgs<R>`, which keeps them optional exactly
|
|
593
|
+
when `R` is `never` (an `EnhanceOptions<R>`, whose runtime is optional, does not
|
|
594
|
+
type-check there).
|
|
595
|
+
|
|
596
|
+
`onSubmit` and `onResult` may fail. The `onError` handler receives the error,
|
|
597
|
+
typed as the union of their error types, and runs on the same runtime; it must
|
|
598
|
+
not fail itself. Write `onError` after the other handlers: written before one
|
|
599
|
+
whose parameters are not annotated, it still type-checks, but its `error`
|
|
600
|
+
parameter is `unknown`. A failed `onSubmit` also cancels the submission, and a
|
|
601
|
+
failed `onResult` does not fall back to SvelteKit's default behaviour. Without
|
|
602
|
+
`onError`, a failure is treated like a defect: the promise SvelteKit awaits
|
|
603
|
+
rejects with the error, SvelteKit sends no request after a failed `onSubmit`
|
|
604
|
+
and applies no default result after a failed `onResult`, and the browser
|
|
605
|
+
reports an unhandled rejection. Defects and interruptions always take that path
|
|
606
|
+
rather than reaching `onError`.
|
|
607
|
+
|
|
608
|
+
```ts
|
|
609
|
+
const submit = Forms.enhance({
|
|
610
|
+
onResult: ({ result }) => Forms.applyAction(result),
|
|
611
|
+
// error: ApplyActionError
|
|
612
|
+
onError: (error) => Effect.logWarning("applyAction failed", error.cause),
|
|
613
|
+
});
|
|
614
|
+
|
|
615
|
+
const submitAndRecover = Forms.enhance({
|
|
616
|
+
// Or recover inside the handler, so onResult cannot fail.
|
|
617
|
+
onResult: ({ result }) =>
|
|
618
|
+
Forms.applyAction(result).pipe(
|
|
619
|
+
Effect.catchTag("ApplyActionError", (error) =>
|
|
620
|
+
Effect.logWarning("applyAction failed", error.cause),
|
|
621
|
+
),
|
|
622
|
+
),
|
|
623
|
+
});
|
|
624
|
+
```
|
|
625
|
+
|
|
626
|
+
(This complements `Remote.submitForm`, which covers remote forms.)
|
|
535
627
|
|
|
536
628
|
## Recipes
|
|
537
629
|
|
package/dist/Navigation.d.ts
CHANGED
|
@@ -1,32 +1,85 @@
|
|
|
1
1
|
import { Effect, Stream } from "effect";
|
|
2
2
|
import { AfterNavigate, BeforeNavigate, OnNavigate, goto, invalidate, preloadCode, preloadData, refreshAll } from "$app/navigation";
|
|
3
3
|
declare namespace Navigation_d_exports {
|
|
4
|
-
export { afterNavigate$1 as afterNavigate, beforeNavigate$1 as beforeNavigate, goto$1 as goto, invalidate$1 as invalidate, invalidateAll$1 as invalidateAll, onNavigate$1 as onNavigate, preloadCode$1 as preloadCode, preloadData$1 as preloadData, refreshAll$1 as refreshAll };
|
|
4
|
+
export { NavigationError, afterNavigate$1 as afterNavigate, beforeNavigate$1 as beforeNavigate, goto$1 as goto, invalidate$1 as invalidate, invalidateAll$1 as invalidateAll, onNavigate$1 as onNavigate, preloadCode$1 as preloadCode, preloadData$1 as preloadData, refreshAll$1 as refreshAll };
|
|
5
5
|
}
|
|
6
|
+
declare const NavigationError_base: new <A extends Record<string, any> = {}>(args: import("effect/Types").VoidIfEmpty<{ readonly [P in keyof A as P extends "_tag" ? never : P]: A[P]; }>) => import("effect/Cause").YieldableError & {
|
|
7
|
+
readonly _tag: "NavigationError";
|
|
8
|
+
} & Readonly<A>;
|
|
6
9
|
/**
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
+
* A `$app/navigation` promise wrapper ({@link goto}, {@link invalidate},
|
|
11
|
+
* {@link invalidateAll}, {@link refreshAll}, {@link preloadData},
|
|
12
|
+
* {@link preloadCode}) rejected or threw. `operation` names the wrapper and
|
|
13
|
+
* `cause` is SvelteKit's original reason, unchanged.
|
|
14
|
+
*
|
|
15
|
+
* SvelteKit 3 rejects `goto` with a URL outside the app (external, or matching
|
|
16
|
+
* no route) and `preloadData` with a URL outside the app; `invalidate` throws on
|
|
17
|
+
* a `resource` that cannot be parsed even relative to the current URL;
|
|
18
|
+
* `preloadCode` rejects when a route's code fails to load; a navigation (including one that follows a `load` redirect during
|
|
19
|
+
* `invalidate` / `refreshAll`) rejects when a `beforeNavigate` / `onNavigate`
|
|
20
|
+
* callback throws; and every one of them throws when called during server
|
|
21
|
+
* rendering. Recover with `Effect.catchTag("NavigationError", ...)`.
|
|
22
|
+
*/
|
|
23
|
+
declare class NavigationError extends NavigationError_base<{
|
|
24
|
+
/** The wrapper whose SvelteKit call failed. */
|
|
25
|
+
readonly operation: "goto" | "invalidate" | "invalidateAll" | "refreshAll" | "preloadData" | "preloadCode";
|
|
26
|
+
/** The rejection reason, or the value thrown, as SvelteKit produced it. */
|
|
27
|
+
readonly cause: unknown;
|
|
28
|
+
}> {}
|
|
29
|
+
/**
|
|
30
|
+
* Navigate to `url`. Wraps `$app/navigation`'s `goto`.
|
|
31
|
+
*
|
|
32
|
+
* Fails with a {@link NavigationError} if SvelteKit rejects: a URL outside the
|
|
33
|
+
* app (external, or not matching a route) rejects, as does a navigation whose
|
|
34
|
+
* `beforeNavigate` / `onNavigate` callback throws, or a call during server
|
|
35
|
+
* rendering. For an external URL, set `window.location` instead.
|
|
10
36
|
*/
|
|
11
|
-
declare const goto$1: (...args: Parameters<typeof goto>) => Effect.Effect<void>;
|
|
12
|
-
/**
|
|
13
|
-
|
|
37
|
+
declare const goto$1: (...args: Parameters<typeof goto>) => Effect.Effect<void, NavigationError>;
|
|
38
|
+
/**
|
|
39
|
+
* Re-run `load` functions that depend on `resource`. Wraps `invalidate`.
|
|
40
|
+
*
|
|
41
|
+
* Fails with a {@link NavigationError} if SvelteKit rejects or throws: a
|
|
42
|
+
* `resource` string that cannot be parsed even relative to the current URL
|
|
43
|
+
* throws, as does a call during server rendering, and the navigation that
|
|
44
|
+
* follows a `load` redirect can reject.
|
|
45
|
+
*/
|
|
46
|
+
declare const invalidate$1: (...args: Parameters<typeof invalidate>) => Effect.Effect<void, NavigationError>;
|
|
14
47
|
/**
|
|
15
48
|
* Re-run every `load` function for the active page. Wraps `invalidateAll`.
|
|
16
49
|
*
|
|
50
|
+
* Fails with a {@link NavigationError} if SvelteKit rejects or throws: for
|
|
51
|
+
* example, when the navigation that follows a `load` redirect fails, or when
|
|
52
|
+
* called during server rendering.
|
|
53
|
+
*
|
|
17
54
|
* @deprecated SvelteKit 3 deprecates `invalidateAll`; use {@link refreshAll},
|
|
18
55
|
* which also refreshes active remote functions and keeps `page.state`.
|
|
19
56
|
*/
|
|
20
|
-
declare const invalidateAll$1: () => Effect.Effect<void>;
|
|
21
|
-
/**
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
57
|
+
declare const invalidateAll$1: () => Effect.Effect<void, NavigationError>;
|
|
58
|
+
/**
|
|
59
|
+
* Refresh active remote functions (and, by default, `load`s). Wraps `refreshAll`.
|
|
60
|
+
*
|
|
61
|
+
* Fails with a {@link NavigationError} if SvelteKit rejects or throws: for
|
|
62
|
+
* example, when the navigation that follows a `load` redirect fails, or when
|
|
63
|
+
* called during server rendering.
|
|
64
|
+
*/
|
|
65
|
+
declare const refreshAll$1: (...args: Parameters<typeof refreshAll>) => Effect.Effect<void, NavigationError>;
|
|
66
|
+
/**
|
|
67
|
+
* Preload the data for `href`. Wraps `preloadData`, succeeding with SvelteKit's
|
|
68
|
+
* result (`loaded`, `redirect`, or `error` when a `load` fails).
|
|
69
|
+
*
|
|
70
|
+
* Fails with a {@link NavigationError} if SvelteKit rejects: an `href` outside
|
|
71
|
+
* the app rejects, as does a call during server rendering.
|
|
72
|
+
*/
|
|
73
|
+
declare const preloadData$1: (href: string) => Effect.Effect<Awaited<ReturnType<typeof preloadData>>, NavigationError>;
|
|
25
74
|
/**
|
|
26
75
|
* Preload the code for the route `id` (e.g. `/blog/[slug]`, without
|
|
27
76
|
* `paths.base`). Wraps `preloadCode`.
|
|
77
|
+
*
|
|
78
|
+
* Fails with a {@link NavigationError} if SvelteKit rejects: a route module
|
|
79
|
+
* that fails to load rejects, as does a call during server rendering (and, in
|
|
80
|
+
* development, an `id` not starting with `/`).
|
|
28
81
|
*/
|
|
29
|
-
declare const preloadCode$1: (...args: Parameters<typeof preloadCode>) => Effect.Effect<void>;
|
|
82
|
+
declare const preloadCode$1: (...args: Parameters<typeof preloadCode>) => Effect.Effect<void, NavigationError>;
|
|
30
83
|
/**
|
|
31
84
|
* Registers a `beforeNavigate` callback and exposes every navigation about to
|
|
32
85
|
* happen as an Effect `Stream`. Call during component initialization.
|
|
@@ -34,9 +87,9 @@ declare const preloadCode$1: (...args: Parameters<typeof preloadCode>) => Effect
|
|
|
34
87
|
* Unlike the promise-returning navigation functions above, this is a
|
|
35
88
|
* **callback-registration** function: it must be called *synchronously during
|
|
36
89
|
* component initialization* (SvelteKit wires it to the component's lifecycle).
|
|
37
|
-
* It registers its callback eagerly and feeds an internal `Queue`,
|
|
38
|
-
* `Stream` backed by that queue
|
|
39
|
-
*
|
|
90
|
+
* It registers its callback eagerly and feeds an internal unbounded `Queue`,
|
|
91
|
+
* returning a `Stream` backed by that queue: a push-based bridge that buffers
|
|
92
|
+
* every event for its single consumer. Call it at the top level of `<script>`,
|
|
40
93
|
* exactly where you'd call the bare `beforeNavigate`.
|
|
41
94
|
*
|
|
42
95
|
* @example
|
|
@@ -115,5 +168,5 @@ declare function afterNavigate$1(): Stream.Stream<AfterNavigate>;
|
|
|
115
168
|
*/
|
|
116
169
|
declare function onNavigate$1(fn: (navigation: OnNavigate) => Effect.Effect<(() => void) | void>, runEffect?: <X>(effect: Effect.Effect<X>) => Promise<X>): void;
|
|
117
170
|
//#endregion
|
|
118
|
-
export { Navigation_d_exports, afterNavigate$1 as afterNavigate, beforeNavigate$1 as beforeNavigate, goto$1 as goto, invalidate$1 as invalidate, invalidateAll$1 as invalidateAll, onNavigate$1 as onNavigate, preloadCode$1 as preloadCode, preloadData$1 as preloadData, refreshAll$1 as refreshAll };
|
|
171
|
+
export { NavigationError, Navigation_d_exports, afterNavigate$1 as afterNavigate, beforeNavigate$1 as beforeNavigate, goto$1 as goto, invalidate$1 as invalidate, invalidateAll$1 as invalidateAll, onNavigate$1 as onNavigate, preloadCode$1 as preloadCode, preloadData$1 as preloadData, refreshAll$1 as refreshAll };
|
|
119
172
|
//# sourceMappingURL=Navigation.d.ts.map
|
package/dist/Navigation.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __exportAll } from "./_virtual/_rolldown/runtime.js";
|
|
2
2
|
import { onNavigateWith, registeredStream } from "./internal/navigation-events.js";
|
|
3
|
-
import { Effect } from "effect";
|
|
3
|
+
import { Data, Effect } from "effect";
|
|
4
4
|
import { afterNavigate, beforeNavigate, goto, invalidate, invalidateAll, onNavigate, preloadCode, preloadData, refreshAll } from "$app/navigation";
|
|
5
5
|
//#region src/Navigation.ts
|
|
6
6
|
/**
|
|
@@ -11,8 +11,12 @@ import { afterNavigate, beforeNavigate, goto, invalidate, invalidateAll, onNavig
|
|
|
11
11
|
* `Effect`, so navigation composes inside Effect pipelines (sequencing,
|
|
12
12
|
* retries, `Effect.race`, tracing spans, ...). Alongside them sit the
|
|
13
13
|
* client-side lifecycle callbacks (`beforeNavigate`, `afterNavigate`,
|
|
14
|
-
* `onNavigate`) bridged to Effect. These run on the client only
|
|
15
|
-
*
|
|
14
|
+
* `onNavigate`) bridged to Effect. These run on the client only.
|
|
15
|
+
*
|
|
16
|
+
* When SvelteKit rejects (for example, `goto` to a URL outside the app) or
|
|
17
|
+
* throws (for example, any of them run during server rendering), the wrapper
|
|
18
|
+
* fails with a {@link NavigationError} that names the operation and carries
|
|
19
|
+
* SvelteKit's original reason as its `cause`.
|
|
16
20
|
*
|
|
17
21
|
* @example
|
|
18
22
|
* ```svelte
|
|
@@ -34,6 +38,7 @@ import { afterNavigate, beforeNavigate, goto, invalidate, invalidateAll, onNavig
|
|
|
34
38
|
* ```
|
|
35
39
|
*/
|
|
36
40
|
var Navigation_exports = /* @__PURE__ */ __exportAll({
|
|
41
|
+
NavigationError: () => NavigationError,
|
|
37
42
|
afterNavigate: () => afterNavigate$1,
|
|
38
43
|
beforeNavigate: () => beforeNavigate$1,
|
|
39
44
|
goto: () => goto$1,
|
|
@@ -45,29 +50,85 @@ var Navigation_exports = /* @__PURE__ */ __exportAll({
|
|
|
45
50
|
refreshAll: () => refreshAll$1
|
|
46
51
|
});
|
|
47
52
|
/**
|
|
48
|
-
*
|
|
49
|
-
*
|
|
50
|
-
*
|
|
53
|
+
* A `$app/navigation` promise wrapper ({@link goto}, {@link invalidate},
|
|
54
|
+
* {@link invalidateAll}, {@link refreshAll}, {@link preloadData},
|
|
55
|
+
* {@link preloadCode}) rejected or threw. `operation` names the wrapper and
|
|
56
|
+
* `cause` is SvelteKit's original reason, unchanged.
|
|
57
|
+
*
|
|
58
|
+
* SvelteKit 3 rejects `goto` with a URL outside the app (external, or matching
|
|
59
|
+
* no route) and `preloadData` with a URL outside the app; `invalidate` throws on
|
|
60
|
+
* a `resource` that cannot be parsed even relative to the current URL;
|
|
61
|
+
* `preloadCode` rejects when a route's code fails to load; a navigation (including one that follows a `load` redirect during
|
|
62
|
+
* `invalidate` / `refreshAll`) rejects when a `beforeNavigate` / `onNavigate`
|
|
63
|
+
* callback throws; and every one of them throws when called during server
|
|
64
|
+
* rendering. Recover with `Effect.catchTag("NavigationError", ...)`.
|
|
65
|
+
*/
|
|
66
|
+
var NavigationError = class extends Data.TaggedError("NavigationError") {};
|
|
67
|
+
/**
|
|
68
|
+
* Runs a `$app/navigation` call as an Effect, so a rejection, or a synchronous
|
|
69
|
+
* throw, fails with a {@link NavigationError} instead of becoming a defect.
|
|
70
|
+
*/
|
|
71
|
+
const fromNavigation = (operation, thunk) => Effect.tryPromise({
|
|
72
|
+
try: () => thunk(),
|
|
73
|
+
catch: (cause) => new NavigationError({
|
|
74
|
+
operation,
|
|
75
|
+
cause
|
|
76
|
+
})
|
|
77
|
+
});
|
|
78
|
+
/**
|
|
79
|
+
* Navigate to `url`. Wraps `$app/navigation`'s `goto`.
|
|
80
|
+
*
|
|
81
|
+
* Fails with a {@link NavigationError} if SvelteKit rejects: a URL outside the
|
|
82
|
+
* app (external, or not matching a route) rejects, as does a navigation whose
|
|
83
|
+
* `beforeNavigate` / `onNavigate` callback throws, or a call during server
|
|
84
|
+
* rendering. For an external URL, set `window.location` instead.
|
|
51
85
|
*/
|
|
52
|
-
const goto$1 = (...args) =>
|
|
53
|
-
/**
|
|
54
|
-
|
|
86
|
+
const goto$1 = (...args) => fromNavigation("goto", () => goto(...args));
|
|
87
|
+
/**
|
|
88
|
+
* Re-run `load` functions that depend on `resource`. Wraps `invalidate`.
|
|
89
|
+
*
|
|
90
|
+
* Fails with a {@link NavigationError} if SvelteKit rejects or throws: a
|
|
91
|
+
* `resource` string that cannot be parsed even relative to the current URL
|
|
92
|
+
* throws, as does a call during server rendering, and the navigation that
|
|
93
|
+
* follows a `load` redirect can reject.
|
|
94
|
+
*/
|
|
95
|
+
const invalidate$1 = (...args) => fromNavigation("invalidate", () => invalidate(...args));
|
|
55
96
|
/**
|
|
56
97
|
* Re-run every `load` function for the active page. Wraps `invalidateAll`.
|
|
57
98
|
*
|
|
99
|
+
* Fails with a {@link NavigationError} if SvelteKit rejects or throws: for
|
|
100
|
+
* example, when the navigation that follows a `load` redirect fails, or when
|
|
101
|
+
* called during server rendering.
|
|
102
|
+
*
|
|
58
103
|
* @deprecated SvelteKit 3 deprecates `invalidateAll`; use {@link refreshAll},
|
|
59
104
|
* which also refreshes active remote functions and keeps `page.state`.
|
|
60
105
|
*/
|
|
61
|
-
const invalidateAll$1 = () =>
|
|
62
|
-
/**
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
106
|
+
const invalidateAll$1 = () => fromNavigation("invalidateAll", () => invalidateAll());
|
|
107
|
+
/**
|
|
108
|
+
* Refresh active remote functions (and, by default, `load`s). Wraps `refreshAll`.
|
|
109
|
+
*
|
|
110
|
+
* Fails with a {@link NavigationError} if SvelteKit rejects or throws: for
|
|
111
|
+
* example, when the navigation that follows a `load` redirect fails, or when
|
|
112
|
+
* called during server rendering.
|
|
113
|
+
*/
|
|
114
|
+
const refreshAll$1 = (...args) => fromNavigation("refreshAll", () => refreshAll(...args));
|
|
115
|
+
/**
|
|
116
|
+
* Preload the data for `href`. Wraps `preloadData`, succeeding with SvelteKit's
|
|
117
|
+
* result (`loaded`, `redirect`, or `error` when a `load` fails).
|
|
118
|
+
*
|
|
119
|
+
* Fails with a {@link NavigationError} if SvelteKit rejects: an `href` outside
|
|
120
|
+
* the app rejects, as does a call during server rendering.
|
|
121
|
+
*/
|
|
122
|
+
const preloadData$1 = (href) => fromNavigation("preloadData", () => preloadData(href));
|
|
66
123
|
/**
|
|
67
124
|
* Preload the code for the route `id` (e.g. `/blog/[slug]`, without
|
|
68
125
|
* `paths.base`). Wraps `preloadCode`.
|
|
126
|
+
*
|
|
127
|
+
* Fails with a {@link NavigationError} if SvelteKit rejects: a route module
|
|
128
|
+
* that fails to load rejects, as does a call during server rendering (and, in
|
|
129
|
+
* development, an `id` not starting with `/`).
|
|
69
130
|
*/
|
|
70
|
-
const preloadCode$1 = (...args) =>
|
|
131
|
+
const preloadCode$1 = (...args) => fromNavigation("preloadCode", () => preloadCode(...args));
|
|
71
132
|
/**
|
|
72
133
|
* Registers a `beforeNavigate` callback and exposes every navigation about to
|
|
73
134
|
* happen as an Effect `Stream`. Call during component initialization.
|
|
@@ -75,9 +136,9 @@ const preloadCode$1 = (...args) => Effect.promise(() => preloadCode(...args));
|
|
|
75
136
|
* Unlike the promise-returning navigation functions above, this is a
|
|
76
137
|
* **callback-registration** function: it must be called *synchronously during
|
|
77
138
|
* component initialization* (SvelteKit wires it to the component's lifecycle).
|
|
78
|
-
* It registers its callback eagerly and feeds an internal `Queue`,
|
|
79
|
-
* `Stream` backed by that queue
|
|
80
|
-
*
|
|
139
|
+
* It registers its callback eagerly and feeds an internal unbounded `Queue`,
|
|
140
|
+
* returning a `Stream` backed by that queue: a push-based bridge that buffers
|
|
141
|
+
* every event for its single consumer. Call it at the top level of `<script>`,
|
|
81
142
|
* exactly where you'd call the bare `beforeNavigate`.
|
|
82
143
|
*
|
|
83
144
|
* @example
|
|
@@ -162,6 +223,6 @@ function onNavigate$1(fn, runEffect = Effect.runPromise) {
|
|
|
162
223
|
onNavigateWith(onNavigate, fn, runEffect);
|
|
163
224
|
}
|
|
164
225
|
//#endregion
|
|
165
|
-
export { Navigation_exports, afterNavigate$1 as afterNavigate, beforeNavigate$1 as beforeNavigate, goto$1 as goto, invalidate$1 as invalidate, invalidateAll$1 as invalidateAll, onNavigate$1 as onNavigate, preloadCode$1 as preloadCode, preloadData$1 as preloadData, refreshAll$1 as refreshAll };
|
|
226
|
+
export { NavigationError, Navigation_exports, afterNavigate$1 as afterNavigate, beforeNavigate$1 as beforeNavigate, goto$1 as goto, invalidate$1 as invalidate, invalidateAll$1 as invalidateAll, onNavigate$1 as onNavigate, preloadCode$1 as preloadCode, preloadData$1 as preloadData, refreshAll$1 as refreshAll };
|
|
166
227
|
|
|
167
228
|
//# sourceMappingURL=Navigation.js.map
|