@rangojs/router 0.0.0-experimental.b9cb8739 → 0.0.0-experimental.bdaf10aa
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/AGENTS.md +8 -4
- package/README.md +303 -741
- package/dist/bin/rango.js +730 -184
- package/dist/testing/vitest.js +82 -0
- package/dist/vite/index.js +4344 -1335
- package/dist/vite/index.js.bak +5448 -0
- package/dist/vite/plugins/cloudflare-protocol-loader-hook.mjs +76 -0
- package/package.json +86 -15
- package/skills/api-client/SKILL.md +211 -0
- package/skills/breadcrumbs/SKILL.md +85 -6
- package/skills/bundle-analysis/SKILL.md +159 -0
- package/skills/cache-guide/SKILL.md +251 -24
- package/skills/caching/SKILL.md +375 -17
- package/skills/catalog.json +271 -0
- package/skills/comparison/SKILL.md +50 -0
- package/skills/comparison/agents/openai.yaml +4 -0
- package/skills/comparison/references/framework-comparison.md +837 -0
- package/skills/composability/SKILL.md +110 -4
- package/skills/css/SKILL.md +76 -0
- package/skills/debug-manifest/SKILL.md +5 -3
- package/skills/defer-hydration/SKILL.md +235 -0
- package/skills/document-cache/SKILL.md +87 -56
- package/skills/fonts/SKILL.md +1 -1
- package/skills/handler-use/SKILL.md +364 -0
- package/skills/hooks/SKILL.md +73 -691
- package/skills/hooks/data.md +273 -0
- package/skills/hooks/handle-and-actions.md +103 -0
- package/skills/hooks/navigation.md +110 -0
- package/skills/hooks/outlets.md +41 -0
- package/skills/hooks/state.md +228 -0
- package/skills/hooks/urls.md +135 -0
- package/skills/host-router/SKILL.md +129 -27
- package/skills/i18n/SKILL.md +276 -0
- package/skills/intercept/SKILL.md +94 -18
- package/skills/layout/SKILL.md +62 -19
- package/skills/links/SKILL.md +249 -17
- package/skills/loader/SKILL.md +302 -54
- package/skills/middleware/SKILL.md +59 -16
- package/skills/migrate-nextjs/SKILL.md +745 -0
- package/skills/migrate-react-router/SKILL.md +153 -0
- package/skills/migrate-react-router/cloudflare-workers.md +129 -0
- package/skills/migrate-react-router/component-migration.md +196 -0
- package/skills/migrate-react-router/data-and-actions.md +225 -0
- package/skills/migrate-react-router/route-mapping.md +271 -0
- package/skills/mime-routes/SKILL.md +29 -2
- package/skills/observability/SKILL.md +202 -0
- package/skills/parallel/SKILL.md +225 -10
- package/skills/ppr/SKILL.md +622 -0
- package/skills/prerender/SKILL.md +178 -124
- package/skills/rango/SKILL.md +318 -24
- package/skills/react-compiler/SKILL.md +168 -0
- package/skills/response-routes/SKILL.md +138 -49
- package/skills/route/SKILL.md +172 -9
- package/skills/router-setup/SKILL.md +131 -11
- package/skills/scripts/SKILL.md +179 -0
- package/skills/server-actions/SKILL.md +776 -0
- package/skills/shell-manifest/SKILL.md +185 -0
- package/skills/streams-and-websockets/SKILL.md +283 -0
- package/skills/tailwind/SKILL.md +28 -4
- package/skills/testing/SKILL.md +130 -0
- package/skills/testing/bindings.md +103 -0
- package/skills/testing/cache-prerender.md +127 -0
- package/skills/testing/client-components.md +124 -0
- package/skills/testing/e2e-parity.md +125 -0
- package/skills/testing/flight.md +91 -0
- package/skills/testing/handles.md +131 -0
- package/skills/testing/loader.md +128 -0
- package/skills/testing/middleware.md +99 -0
- package/skills/testing/render-handler.md +122 -0
- package/skills/testing/response-routes.md +95 -0
- package/skills/testing/reverse-and-types.md +85 -0
- package/skills/testing/server-actions.md +107 -0
- package/skills/testing/server-tree.md +128 -0
- package/skills/testing/setup.md +123 -0
- package/skills/theme/SKILL.md +1 -1
- package/skills/typesafety/SKILL.md +45 -616
- package/skills/typesafety/env-and-bindings.md +254 -0
- package/skills/typesafety/generated-files-and-cli.md +335 -0
- package/skills/typesafety/params-and-search.md +153 -0
- package/skills/typesafety/route-types.md +209 -0
- package/skills/use-cache/SKILL.md +74 -15
- package/skills/vercel/SKILL.md +128 -0
- package/skills/view-transitions/SKILL.md +337 -0
- package/src/__augment-tests__/augment.ts +81 -0
- package/src/__augment-tests__/augmented.check.ts +116 -0
- package/src/__internal.ts +1 -66
- package/src/browser/action-coordinator.ts +53 -36
- package/src/browser/action-fence.ts +47 -0
- package/src/browser/app-shell.ts +39 -0
- package/src/browser/app-version.ts +14 -0
- package/src/browser/connection-warmup.ts +134 -0
- package/src/browser/cookie-name.ts +140 -0
- package/src/browser/event-controller.ts +257 -158
- package/src/browser/history-state.ts +21 -0
- package/src/browser/index.ts +3 -3
- package/src/browser/invalidate-client-cache.ts +52 -0
- package/src/browser/logging.ts +28 -0
- package/src/browser/merge-segment-loaders.ts +6 -4
- package/src/browser/navigation-bridge.ts +132 -33
- package/src/browser/navigation-client.ts +218 -68
- package/src/browser/navigation-store-handle.ts +38 -0
- package/src/browser/navigation-store.ts +203 -80
- package/src/browser/navigation-transaction.ts +18 -66
- package/src/browser/network-error-handler.ts +34 -7
- package/src/browser/partial-update.ts +241 -127
- package/src/browser/prefetch/cache.ts +271 -44
- package/src/browser/prefetch/fetch.ts +367 -40
- package/src/browser/prefetch/queue.ts +144 -23
- package/src/browser/prefetch/resource-ready.ts +77 -0
- package/src/browser/rango-state.ts +158 -76
- package/src/browser/react/Link.tsx +121 -16
- package/src/browser/react/NavigationProvider.tsx +240 -122
- package/src/browser/react/ScrollRestoration.tsx +10 -6
- package/src/browser/react/context.ts +7 -2
- package/src/browser/react/filter-segment-order.ts +66 -7
- package/src/browser/react/index.ts +0 -48
- package/src/browser/react/location-state-shared.ts +178 -8
- package/src/browser/react/location-state.ts +39 -14
- package/src/browser/react/use-action.ts +6 -15
- package/src/browser/react/use-handle.ts +23 -69
- package/src/browser/react/use-href.tsx +8 -1
- package/src/browser/react/use-link-status.ts +33 -8
- package/src/browser/react/use-navigation.ts +32 -7
- package/src/browser/react/use-params.ts +20 -10
- package/src/browser/react/use-reverse.ts +106 -0
- package/src/browser/react/use-router.ts +46 -11
- package/src/browser/react/use-search-params.ts +0 -5
- package/src/browser/react/use-segments.ts +11 -21
- package/src/browser/response-adapter.ts +99 -8
- package/src/browser/rsc-router.tsx +272 -80
- package/src/browser/scroll-restoration.ts +56 -22
- package/src/browser/segment-reconciler.ts +44 -7
- package/src/browser/segment-structure-assert.ts +2 -2
- package/src/browser/server-action-bridge.ts +244 -71
- package/src/browser/types.ts +136 -12
- package/src/browser/validate-redirect-origin.ts +43 -16
- package/src/build/collect-fallback-refs.ts +107 -0
- package/src/build/generate-manifest.ts +207 -158
- package/src/build/generate-route-types.ts +6 -1
- package/src/build/index.ts +11 -3
- package/src/build/prefix-tree-utils.ts +123 -0
- package/src/build/route-trie.ts +198 -41
- package/src/build/route-types/ast-route-extraction.ts +15 -8
- package/src/build/route-types/codegen.ts +16 -5
- package/src/build/route-types/include-resolution.ts +464 -63
- package/src/build/route-types/param-extraction.ts +6 -3
- package/src/build/route-types/per-module-writer.ts +22 -6
- package/src/build/route-types/router-processing.ts +336 -110
- package/src/build/route-types/scan-filter.ts +9 -2
- package/src/build/route-types/source-scan.ts +216 -0
- package/src/build/runtime-discovery.ts +13 -21
- package/src/cache/cache-error.ts +104 -0
- package/src/cache/cache-key-utils.ts +58 -13
- package/src/cache/cache-policy.ts +108 -34
- package/src/cache/cache-runtime.ts +454 -97
- package/src/cache/cache-scope.ts +235 -103
- package/src/cache/cache-tag.ts +149 -0
- package/src/cache/cf/cf-base64.ts +33 -0
- package/src/cache/cf/cf-cache-constants.ts +127 -0
- package/src/cache/cf/cf-cache-store.ts +2446 -170
- package/src/cache/cf/cf-cache-types.ts +349 -0
- package/src/cache/cf/cf-kv-utils.ts +46 -0
- package/src/cache/cf/cf-tag-marker-memo.ts +105 -0
- package/src/cache/cf/index.ts +11 -17
- package/src/cache/document-cache.ts +144 -49
- package/src/cache/handle-snapshot.ts +70 -0
- package/src/cache/index.ts +24 -20
- package/src/cache/memory-segment-store.ts +243 -37
- package/src/cache/profile-registry.ts +46 -31
- package/src/cache/read-through-swr.ts +56 -12
- package/src/cache/segment-codec.ts +13 -21
- package/src/cache/shell-snapshot.ts +417 -0
- package/src/cache/tag-invalidation.ts +230 -0
- package/src/cache/taint.ts +55 -0
- package/src/cache/types.ts +194 -99
- package/src/cache/vercel/index.ts +11 -0
- package/src/cache/vercel/vercel-cache-store.ts +1132 -0
- package/src/client.rsc.tsx +41 -21
- package/src/client.tsx +116 -290
- package/src/cloudflare/index.ts +11 -0
- package/src/cloudflare/tracing.ts +108 -0
- package/src/component-utils.ts +19 -0
- package/src/components/DefaultDocument.tsx +8 -2
- package/src/context-var.ts +84 -2
- package/src/debug.ts +2 -2
- package/src/decode-loader-results.ts +52 -0
- package/src/defer.ts +185 -0
- package/src/deps/ssr.ts +0 -1
- package/src/encode-kv.ts +49 -0
- package/src/errors.ts +30 -4
- package/src/escape-script.ts +52 -0
- package/src/handle.ts +104 -34
- package/src/handles/MetaTags.tsx +24 -53
- package/src/handles/Scripts.tsx +183 -0
- package/src/handles/breadcrumbs.ts +35 -8
- package/src/handles/deferred-resolution.ts +127 -0
- package/src/handles/is-thenable.ts +18 -0
- package/src/handles/meta.ts +14 -40
- package/src/handles/script.ts +244 -0
- package/src/host/cookie-handler.ts +9 -60
- package/src/host/errors.ts +13 -22
- package/src/host/index.ts +9 -2
- package/src/host/pattern-matcher.ts +23 -52
- package/src/host/router.ts +107 -99
- package/src/host/testing.ts +40 -27
- package/src/host/types.ts +37 -4
- package/src/host/utils.ts +1 -1
- package/src/href-client.ts +137 -22
- package/src/index.rsc.ts +100 -13
- package/src/index.ts +143 -19
- package/src/internal-debug.ts +11 -10
- package/src/loader-store.ts +500 -0
- package/src/loader.rsc.ts +20 -13
- package/src/loader.ts +12 -11
- package/src/missing-id-error.ts +68 -0
- package/src/outlet-context.ts +1 -1
- package/src/outlet-provider.tsx +1 -5
- package/src/prerender/param-hash.ts +16 -16
- package/src/prerender/store.ts +37 -41
- package/src/prerender.ts +215 -86
- package/src/redirect-origin.ts +114 -0
- package/src/regex-escape.ts +8 -0
- package/src/render-error-thrower.tsx +20 -0
- package/src/response-utils.ts +62 -0
- package/src/reverse.ts +65 -15
- package/src/root-error-boundary.tsx +1 -19
- package/src/route-content-wrapper.tsx +19 -77
- package/src/route-definition/dsl-helpers.ts +485 -303
- package/src/route-definition/helper-factories.ts +28 -140
- package/src/route-definition/helpers-types.ts +153 -77
- package/src/route-definition/index.ts +4 -2
- package/src/route-definition/redirect.ts +53 -12
- package/src/route-definition/resolve-handler-use.ts +160 -0
- package/src/route-definition/use-item-types.ts +29 -0
- package/src/route-map-builder.ts +48 -21
- package/src/route-types.ts +37 -46
- package/src/router/basename.ts +14 -0
- package/src/router/content-negotiation.ts +164 -17
- package/src/router/error-handling.ts +45 -18
- package/src/router/find-match.ts +130 -29
- package/src/router/handler-context.ts +83 -39
- package/src/router/instrument.ts +355 -0
- package/src/router/intercept-resolution.ts +50 -24
- package/src/router/lazy-includes.ts +89 -63
- package/src/router/loader-resolution.ts +286 -56
- package/src/router/logging.ts +5 -8
- package/src/router/manifest.ts +105 -56
- package/src/router/match-api.ts +178 -218
- package/src/router/match-context.ts +0 -22
- package/src/router/match-handlers.ts +211 -165
- package/src/router/match-middleware/background-revalidation.ts +66 -22
- package/src/router/match-middleware/cache-lookup.ts +214 -263
- package/src/router/match-middleware/cache-store.ts +105 -50
- package/src/router/match-middleware/intercept-resolution.ts +8 -28
- package/src/router/match-middleware/segment-resolution.ts +52 -18
- package/src/router/match-pipelines.ts +1 -42
- package/src/router/match-result.ts +128 -44
- package/src/router/metrics.ts +5 -34
- package/src/router/middleware-types.ts +13 -142
- package/src/router/middleware.ts +301 -177
- package/src/router/navigation-snapshot.ts +133 -0
- package/src/router/params-util.ts +23 -0
- package/src/router/parse-pattern.ts +115 -0
- package/src/router/pattern-matching.ts +181 -150
- package/src/router/prefetch-cache-ttl.ts +51 -0
- package/src/router/prefetch-limits.ts +37 -0
- package/src/router/prerender-match.ts +203 -58
- package/src/router/preview-match.ts +35 -103
- package/src/router/request-classification.ts +291 -0
- package/src/router/revalidation.ts +123 -73
- package/src/router/route-snapshot.ts +256 -0
- package/src/router/router-context.ts +11 -29
- package/src/router/router-interfaces.ts +146 -35
- package/src/router/router-options.ts +202 -15
- package/src/router/router-registry.ts +2 -5
- package/src/router/segment-resolution/fresh.ts +301 -78
- package/src/router/segment-resolution/helpers.ts +115 -30
- package/src/router/segment-resolution/loader-cache.ts +156 -39
- package/src/router/segment-resolution/loader-mask.ts +60 -0
- package/src/router/segment-resolution/loader-snapshot.ts +259 -0
- package/src/router/segment-resolution/mask-nested.ts +83 -0
- package/src/router/segment-resolution/revalidation.ts +477 -385
- package/src/router/segment-resolution/static-store.ts +19 -5
- package/src/router/segment-resolution/streamed-handler-telemetry.ts +52 -0
- package/src/router/segment-resolution/view-transition-default.ts +56 -0
- package/src/router/segment-resolution.ts +5 -1
- package/src/router/segment-wrappers.ts +8 -5
- package/src/router/state-cookie-name.ts +33 -0
- package/src/router/substitute-pattern-params.ts +75 -0
- package/src/router/telemetry-otel.ts +160 -200
- package/src/router/telemetry.ts +105 -20
- package/src/router/timeout.ts +0 -20
- package/src/router/tracing.ts +215 -0
- package/src/router/trie-matching.ts +171 -59
- package/src/router/types.ts +10 -63
- package/src/router/url-params.ts +57 -0
- package/src/router.ts +210 -71
- package/src/rsc/full-payload.ts +70 -0
- package/src/rsc/handler-context.ts +3 -2
- package/src/rsc/handler.ts +682 -508
- package/src/rsc/helpers.ts +168 -46
- package/src/rsc/index.ts +2 -5
- package/src/rsc/json-route-result.ts +38 -0
- package/src/rsc/loader-fetch.ts +127 -31
- package/src/rsc/manifest-init.ts +33 -42
- package/src/rsc/nonce.ts +10 -1
- package/src/rsc/origin-guard.ts +39 -25
- package/src/rsc/progressive-enhancement.ts +138 -15
- package/src/rsc/redirect-guard.ts +100 -0
- package/src/rsc/response-cache-serve.ts +238 -0
- package/src/rsc/response-error.ts +79 -12
- package/src/rsc/response-route-handler.ts +99 -189
- package/src/rsc/rsc-rendering.ts +509 -73
- package/src/rsc/runtime-warnings.ts +23 -10
- package/src/rsc/server-action.ts +287 -113
- package/src/rsc/shell-capture.ts +1190 -0
- package/src/rsc/shell-serve.ts +181 -0
- package/src/rsc/ssr-setup.ts +18 -2
- package/src/rsc/transition-gate.ts +89 -0
- package/src/rsc/types.ts +62 -6
- package/src/runtime-env.ts +18 -0
- package/src/search-params.ts +35 -30
- package/src/segment-content-promise.ts +67 -0
- package/src/segment-loader-promise.ts +167 -0
- package/src/segment-system.tsx +449 -132
- package/src/serialize.ts +243 -0
- package/src/server/context.ts +367 -61
- package/src/server/cookie-parse.ts +32 -0
- package/src/server/cookie-store.ts +152 -5
- package/src/server/handle-store.ts +40 -38
- package/src/server/loader-registry.ts +38 -46
- package/src/server/request-context.ts +558 -173
- package/src/ssr/index.tsx +491 -174
- package/src/ssr/inject-rsc-eager.ts +167 -0
- package/src/ssr/ssr-root.tsx +228 -0
- package/src/static-handler.ts +27 -18
- package/src/testing/cache-status.ts +162 -0
- package/src/testing/collect-handle.ts +46 -0
- package/src/testing/dispatch.ts +813 -0
- package/src/testing/dom.entry.ts +22 -0
- package/src/testing/e2e/fixture.ts +188 -0
- package/src/testing/e2e/index.ts +128 -0
- package/src/testing/e2e/matchers.ts +35 -0
- package/src/testing/e2e/page-helpers.ts +272 -0
- package/src/testing/e2e/parity.ts +387 -0
- package/src/testing/e2e/server.ts +195 -0
- package/src/testing/flight-matchers.ts +97 -0
- package/src/testing/flight-normalize.ts +11 -0
- package/src/testing/flight-runtime.d.ts +57 -0
- package/src/testing/flight-tree.ts +682 -0
- package/src/testing/flight.entry.ts +52 -0
- package/src/testing/flight.ts +257 -0
- package/src/testing/generated-routes.ts +199 -0
- package/src/testing/index.ts +105 -0
- package/src/testing/internal/context.ts +371 -0
- package/src/testing/internal/flight-client-globals.ts +30 -0
- package/src/testing/internal/seed-vars.ts +54 -0
- package/src/testing/render-handler.ts +357 -0
- package/src/testing/render-route.tsx +584 -0
- package/src/testing/run-loader.ts +385 -0
- package/src/testing/run-middleware.ts +205 -0
- package/src/testing/run-transition-when.ts +164 -0
- package/src/testing/vitest-stubs/cloudflare-email.ts +9 -0
- package/src/testing/vitest-stubs/cloudflare-workers.ts +21 -0
- package/src/testing/vitest-stubs/plugin-rsc.ts +16 -0
- package/src/testing/vitest-stubs/version.ts +5 -0
- package/src/testing/vitest.ts +305 -0
- package/src/theme/ThemeProvider.tsx +56 -84
- package/src/theme/ThemeScript.tsx +7 -9
- package/src/theme/constants.ts +52 -13
- package/src/theme/index.ts +0 -7
- package/src/theme/theme-context.ts +1 -5
- package/src/theme/theme-script.ts +22 -21
- package/src/theme/use-theme.ts +0 -3
- package/src/types/boundaries.ts +0 -35
- package/src/types/cache-types.ts +17 -8
- package/src/types/error-types.ts +30 -90
- package/src/types/global-namespace.ts +54 -41
- package/src/types/handler-context.ts +234 -82
- package/src/types/index.ts +3 -10
- package/src/types/loader-types.ts +44 -15
- package/src/types/request-scope.ts +112 -0
- package/src/types/route-config.ts +20 -52
- package/src/types/route-entry.ts +19 -7
- package/src/types/segments.ts +137 -14
- package/src/urls/include-helper.ts +40 -75
- package/src/urls/include-provider.ts +71 -0
- package/src/urls/index.ts +2 -11
- package/src/urls/path-helper-types.ts +102 -23
- package/src/urls/path-helper.ts +62 -111
- package/src/urls/pattern-types.ts +84 -19
- package/src/urls/response-types.ts +25 -22
- package/src/urls/type-extraction.ts +98 -154
- package/src/urls/urls-function.ts +1 -19
- package/src/use-loader.tsx +346 -89
- package/src/vercel/index.ts +11 -0
- package/src/vercel/tracing.ts +88 -0
- package/src/vite/debug.ts +185 -0
- package/src/vite/discovery/bundle-postprocess.ts +36 -38
- package/src/vite/discovery/dev-prerender-cache.ts +117 -0
- package/src/vite/discovery/discover-routers.ts +130 -85
- package/src/vite/discovery/discovery-errors.ts +255 -0
- package/src/vite/discovery/gate-state.ts +171 -0
- package/src/vite/discovery/prerender-collection.ts +214 -132
- package/src/vite/discovery/route-types-writer.ts +40 -84
- package/src/vite/discovery/self-gen-tracking.ts +27 -1
- package/src/vite/discovery/state.ts +57 -6
- package/src/vite/discovery/virtual-module-codegen.ts +14 -34
- package/src/vite/index.ts +15 -0
- package/src/vite/inject-client-debug.ts +88 -0
- package/src/vite/plugin-types.ts +234 -62
- package/src/vite/plugins/cjs-to-esm.ts +16 -19
- package/src/vite/plugins/client-ref-dedup.ts +16 -11
- package/src/vite/plugins/client-ref-hashing.ts +28 -15
- package/src/vite/plugins/cloudflare-protocol-loader-hook.d.mts +23 -0
- package/src/vite/plugins/cloudflare-protocol-loader-hook.mjs +76 -0
- package/src/vite/plugins/cloudflare-protocol-stub.ts +194 -0
- package/src/vite/plugins/expose-action-id.ts +49 -98
- package/src/vite/plugins/expose-id-utils.ts +96 -51
- package/src/vite/plugins/expose-ids/export-analysis.ts +101 -34
- package/src/vite/plugins/expose-ids/handler-transform.ts +15 -64
- package/src/vite/plugins/expose-ids/loader-transform.ts +14 -24
- package/src/vite/plugins/expose-ids/router-transform.ts +118 -29
- package/src/vite/plugins/expose-internal-ids.ts +553 -317
- package/src/vite/plugins/performance-tracks.ts +89 -0
- package/src/vite/plugins/refresh-cmd.ts +89 -27
- package/src/vite/plugins/use-cache-transform.ts +73 -83
- package/src/vite/plugins/vercel-output.ts +384 -0
- package/src/vite/plugins/version-injector.ts +40 -29
- package/src/vite/plugins/version-plugin.ts +46 -37
- package/src/vite/plugins/virtual-entries.ts +138 -27
- package/src/vite/rango.ts +353 -303
- package/src/vite/router-discovery.ts +1090 -166
- package/src/vite/utils/ast-handler-extract.ts +26 -35
- package/src/vite/utils/banner.ts +4 -4
- package/src/vite/utils/bundle-analysis.ts +10 -15
- package/src/vite/utils/client-chunks.ts +184 -0
- package/src/vite/utils/directive-prologue.ts +40 -0
- package/src/vite/utils/forward-user-plugins.ts +171 -0
- package/src/vite/utils/manifest-utils.ts +4 -59
- package/src/vite/utils/package-resolution.ts +20 -52
- package/src/vite/utils/prerender-utils.ts +98 -38
- package/src/vite/utils/shared-utils.ts +144 -44
- package/src/browser/action-response-classifier.ts +0 -99
- package/src/browser/react/use-client-cache.ts +0 -58
- package/src/browser/shallow.ts +0 -40
- package/src/handles/index.ts +0 -7
- package/src/network-error-thrower.tsx +0 -23
- package/src/router/middleware-cookies.ts +0 -55
|
@@ -3,8 +3,10 @@
|
|
|
3
3
|
import React, {
|
|
4
4
|
useState,
|
|
5
5
|
useEffect,
|
|
6
|
+
useLayoutEffect,
|
|
6
7
|
useCallback,
|
|
7
8
|
useMemo,
|
|
9
|
+
useRef,
|
|
8
10
|
use,
|
|
9
11
|
type ReactNode,
|
|
10
12
|
} from "react";
|
|
@@ -25,6 +27,15 @@ import { ThemeProvider } from "../../theme/ThemeProvider.js";
|
|
|
25
27
|
import { NonceContext } from "./nonce-context.js";
|
|
26
28
|
import type { ResolvedThemeConfig, Theme } from "../../theme/types.js";
|
|
27
29
|
import { cancelAllPrefetches } from "../prefetch/queue.js";
|
|
30
|
+
import { handleNavigationEnd } from "../scroll-restoration.js";
|
|
31
|
+
import { createAppShellRef, type AppShellRef } from "../app-shell.js";
|
|
32
|
+
import { startConnectionWarmup } from "../connection-warmup.js";
|
|
33
|
+
import { debugLog } from "../logging.js";
|
|
34
|
+
import { cloneHandleData } from "../navigation-store.js";
|
|
35
|
+
import {
|
|
36
|
+
deferredHandleNames,
|
|
37
|
+
resolveDeferredHandleValues,
|
|
38
|
+
} from "../../handles/deferred-resolution.js";
|
|
28
39
|
|
|
29
40
|
/**
|
|
30
41
|
* Process handles from an async generator, updating the event controller
|
|
@@ -43,10 +54,35 @@ async function processHandles(
|
|
|
43
54
|
store: NavigationStore;
|
|
44
55
|
matched?: string[];
|
|
45
56
|
isPartial?: boolean;
|
|
57
|
+
/** Server's `resolvedIds`: every segment re-resolved this request,
|
|
58
|
+
* including null-component ones excluded from `diff`/`segments`.
|
|
59
|
+
* Drives cleanup of stale handle buckets when a re-resolved segment
|
|
60
|
+
* pushed nothing. */
|
|
61
|
+
resolvedIds?: string[];
|
|
46
62
|
historyKey: string;
|
|
47
63
|
},
|
|
48
64
|
): Promise<void> {
|
|
49
|
-
const {
|
|
65
|
+
const {
|
|
66
|
+
eventController,
|
|
67
|
+
store,
|
|
68
|
+
matched,
|
|
69
|
+
isPartial,
|
|
70
|
+
resolvedIds,
|
|
71
|
+
historyKey,
|
|
72
|
+
} = opts;
|
|
73
|
+
|
|
74
|
+
// This nav's instance token, captured before any await — processHandles runs
|
|
75
|
+
// right after its own commit, so this is that commit's token. generateHistoryKey
|
|
76
|
+
// is URL-only, so an A->B->A revisit reuses the key; the token lets a late
|
|
77
|
+
// resolution tell its own visit apart from a newer same-URL visit, so a stale
|
|
78
|
+
// nav can never clobber a fresher one's live state or cache (P1).
|
|
79
|
+
const myInstance = store.getNavInstance();
|
|
80
|
+
|
|
81
|
+
// True while this nav still owns the live page: same history key AND the most
|
|
82
|
+
// recent commit is still ours (no newer nav has committed since).
|
|
83
|
+
const stillLive = (): boolean =>
|
|
84
|
+
historyKey === store.getHistoryKey() &&
|
|
85
|
+
myInstance === store.getNavInstance();
|
|
50
86
|
|
|
51
87
|
let yieldCount = 0;
|
|
52
88
|
for await (const handleData of handlesGenerator) {
|
|
@@ -54,14 +90,98 @@ async function processHandles(
|
|
|
54
90
|
// This prevents handle data from cancelled navigations polluting
|
|
55
91
|
// the current route's breadcrumbs (e.g., quick popstate after clicking a link).
|
|
56
92
|
if (historyKey !== store.getHistoryKey()) {
|
|
57
|
-
|
|
93
|
+
debugLog(
|
|
58
94
|
"[NavigationProvider] Stopping handle processing - user navigated away",
|
|
59
95
|
);
|
|
60
96
|
return;
|
|
61
97
|
}
|
|
62
98
|
|
|
63
99
|
yieldCount++;
|
|
64
|
-
|
|
100
|
+
|
|
101
|
+
// Resolve-by-default: hold the previous resolved value until this yield's
|
|
102
|
+
// deferred (Promise) handle values settle, then apply the fully-resolved
|
|
103
|
+
// snapshot. The hold needs NO extra state — we simply do not touch the store
|
|
104
|
+
// until the values resolve, so useHandle keeps reading (and showing) the
|
|
105
|
+
// previous data. A yield with no deferred value applies synchronously.
|
|
106
|
+
const hasDeferred = deferredHandleNames(handleData).size > 0;
|
|
107
|
+
|
|
108
|
+
if (!hasDeferred) {
|
|
109
|
+
eventController.setHandleData(
|
|
110
|
+
handleData,
|
|
111
|
+
matched,
|
|
112
|
+
isPartial,
|
|
113
|
+
resolvedIds,
|
|
114
|
+
);
|
|
115
|
+
// Keep the cache fresh. The token guard stops a stale same-URL nav writing
|
|
116
|
+
// a newer entry; the owned-write folds probe + write into one scan.
|
|
117
|
+
store.updateCacheHandleDataIfOwned(
|
|
118
|
+
historyKey,
|
|
119
|
+
eventController.getHandleState().data,
|
|
120
|
+
myInstance,
|
|
121
|
+
false,
|
|
122
|
+
);
|
|
123
|
+
continue;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
// The PREVIOUS (held) snapshot — captured before the await so the cache and
|
|
127
|
+
// the navigate-away merge below reflect what useHandle is still showing.
|
|
128
|
+
const previousSnapshot = cloneHandleData(
|
|
129
|
+
eventController.getHandleState().data,
|
|
130
|
+
);
|
|
131
|
+
|
|
132
|
+
// The route HAS changed even though the handle data is held, so update
|
|
133
|
+
// `routeSegmentIds` (what useSegments reads) now. This leaves `data` /
|
|
134
|
+
// `segmentOrder` (what useHandle collects over) untouched, so useHandle keeps
|
|
135
|
+
// holding its previous value while useSegments reflects the new route.
|
|
136
|
+
eventController.setRouteSegmentIds(matched ?? []);
|
|
137
|
+
|
|
138
|
+
// Deferred-pending: the new values are not applied yet (the previous value is
|
|
139
|
+
// held), so the cache entry must NOT be served as fresh on a popstate return.
|
|
140
|
+
// Mark it STALE + handlesPending (token-guarded), storing the PREVIOUS (held)
|
|
141
|
+
// snapshot. P1 fix: a deferred value is a SERVER-side promise streamed via
|
|
142
|
+
// Flight, so a navigate-away ABORTS the stream and the resolve below never
|
|
143
|
+
// settles. stale makes a popstate return revalidate; handlesPending makes that
|
|
144
|
+
// revalidation a FULL re-render (no client segment IDs) so the server
|
|
145
|
+
// re-streams the handles — a diff-only revalidation would omit the unchanged
|
|
146
|
+
// segments' handles and the deferred value would never land (see the
|
|
147
|
+
// segmentIds branch in navigation-bridge.ts).
|
|
148
|
+
store.updateCacheHandleDataIfOwned(
|
|
149
|
+
historyKey,
|
|
150
|
+
previousSnapshot,
|
|
151
|
+
myInstance,
|
|
152
|
+
true,
|
|
153
|
+
true,
|
|
154
|
+
);
|
|
155
|
+
|
|
156
|
+
// Resolve every deferred value (allSettled; rejected + nullish dropped, sync
|
|
157
|
+
// values pass through). Each stream yield is a full cumulative snapshot.
|
|
158
|
+
const resolved = await resolveDeferredHandleValues(handleData);
|
|
159
|
+
|
|
160
|
+
if (!stillLive()) {
|
|
161
|
+
// Navigated away (or a same-URL nav superseded us) while resolving. We do
|
|
162
|
+
// NOT write `resolved` into the entry. It is THIS yield's snapshot only (on a
|
|
163
|
+
// partial nav, just the re-resolved segments' buckets), and a correct write
|
|
164
|
+
// needs setHandleData's nested per-segment merge + matched/resolvedIds
|
|
165
|
+
// cleanup: HandleData is handleName -> segmentId -> entries[], so a
|
|
166
|
+
// handle-name-level spread would drop a shared layout bucket (e.g. a
|
|
167
|
+
// Breadcrumbs layout crumb under L0 when the route pushed under R0) and would
|
|
168
|
+
// mark stale previous-route buckets fresh. We cannot run that merge here
|
|
169
|
+
// without touching the now-different live page. Instead leave the entry as it
|
|
170
|
+
// was marked before the await — stale + handlesPending — so a popstate return
|
|
171
|
+
// revalidates with a full re-render and re-streams the handles. A newer nav
|
|
172
|
+
// owning the entry has already overwritten it; nothing to do either way.
|
|
173
|
+
continue;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
// Still live: apply the fully-resolved snapshot and refresh the cache fresh.
|
|
177
|
+
eventController.setHandleData(resolved, matched, isPartial, resolvedIds);
|
|
178
|
+
store.updateCacheHandleDataIfOwned(
|
|
179
|
+
historyKey,
|
|
180
|
+
eventController.getHandleState().data,
|
|
181
|
+
myInstance,
|
|
182
|
+
false,
|
|
183
|
+
false,
|
|
184
|
+
);
|
|
65
185
|
}
|
|
66
186
|
|
|
67
187
|
// Check again before final updates
|
|
@@ -69,19 +189,19 @@ async function processHandles(
|
|
|
69
189
|
return;
|
|
70
190
|
}
|
|
71
191
|
|
|
72
|
-
// For partial updates where the generator yielded nothing (
|
|
73
|
-
//
|
|
74
|
-
//
|
|
75
|
-
// route might not push any breadcrumbs, but we still need to remove the old ones.
|
|
192
|
+
// For partial updates where the generator yielded nothing (every
|
|
193
|
+
// re-resolved handler pushed nothing), still call setHandleData so the
|
|
194
|
+
// cleanup pass can clear out stale buckets for those segments.
|
|
76
195
|
if (yieldCount === 0 && matched) {
|
|
77
|
-
eventController.setHandleData({}, matched, true);
|
|
196
|
+
eventController.setHandleData({}, matched, true, resolvedIds);
|
|
78
197
|
}
|
|
79
198
|
|
|
80
199
|
// After handles processing completes, update the cache's handleData.
|
|
81
200
|
// This fixes a race condition where commit() caches stale handleData before
|
|
82
201
|
// the async handles processing completes.
|
|
83
|
-
// Only update if we're still on the same page
|
|
84
|
-
|
|
202
|
+
// Only update if we're still on the same page AND this is still the live nav
|
|
203
|
+
// (the token guard stops a stale same-URL nav writing a newer nav's state).
|
|
204
|
+
if (stillLive()) {
|
|
85
205
|
const finalHandleData = eventController.getHandleState().data;
|
|
86
206
|
store.updateCacheHandleData(historyKey, finalHandleData);
|
|
87
207
|
}
|
|
@@ -130,10 +250,33 @@ export interface NavigationProviderProps {
|
|
|
130
250
|
warmupEnabled?: boolean;
|
|
131
251
|
|
|
132
252
|
/**
|
|
133
|
-
* App version from server payload
|
|
134
|
-
*
|
|
253
|
+
* App version from server payload.
|
|
254
|
+
* Used only as a fallback when `appShellRef` is not supplied.
|
|
135
255
|
*/
|
|
136
256
|
version?: string;
|
|
257
|
+
|
|
258
|
+
/**
|
|
259
|
+
* URL prefix for all routes (from createRouter({ basename })).
|
|
260
|
+
* Used only as a fallback when `appShellRef` is not supplied.
|
|
261
|
+
*/
|
|
262
|
+
basename?: string;
|
|
263
|
+
|
|
264
|
+
/**
|
|
265
|
+
* App-shell ref. When provided, the context's `basename` and `version` are
|
|
266
|
+
* read through it (live getters) so they don't close over a stale snapshot or
|
|
267
|
+
* invalidate the memoized context value. The shell is set once at init and is
|
|
268
|
+
* not swapped within a session — a cross-app navigation is a full document
|
|
269
|
+
* load (X-RSC-Reload), so the target app establishes its own shell on load.
|
|
270
|
+
*/
|
|
271
|
+
appShellRef?: AppShellRef;
|
|
272
|
+
|
|
273
|
+
/**
|
|
274
|
+
* CSP nonce to expose via NonceContext. Production leaves this undefined — the
|
|
275
|
+
* browser has no nonce (it is a server-side HTML concern), and SSR provides the
|
|
276
|
+
* nonce through its own NonceContext.Provider. Test harnesses (renderRoute) set
|
|
277
|
+
* it to seed a nonce so components calling useNonce() can be exercised.
|
|
278
|
+
*/
|
|
279
|
+
nonce?: string;
|
|
137
280
|
}
|
|
138
281
|
|
|
139
282
|
/**
|
|
@@ -166,6 +309,9 @@ export function NavigationProvider({
|
|
|
166
309
|
initialTheme,
|
|
167
310
|
warmupEnabled,
|
|
168
311
|
version,
|
|
312
|
+
basename,
|
|
313
|
+
appShellRef,
|
|
314
|
+
nonce,
|
|
169
315
|
}: NavigationProviderProps): ReactNode {
|
|
170
316
|
// Track current payload for rendering (this triggers re-renders)
|
|
171
317
|
const [payload, setPayload] = useState(initialPayload);
|
|
@@ -187,130 +333,100 @@ export function NavigationProvider({
|
|
|
187
333
|
await bridge.refresh();
|
|
188
334
|
}, []);
|
|
189
335
|
|
|
190
|
-
//
|
|
191
|
-
|
|
192
|
-
|
|
336
|
+
// basename/version are always read through a shell ref so the context value
|
|
337
|
+
// has a single shape. Both are set once: a supplied appShellRef is seeded
|
|
338
|
+
// from the init payload (a cross-app navigation reloads, so it is not swapped
|
|
339
|
+
// in-session), and the standalone fallback wraps the mount-time props.
|
|
340
|
+
const fallbackShellRef = useRef<AppShellRef | null>(null);
|
|
341
|
+
if (!fallbackShellRef.current) {
|
|
342
|
+
fallbackShellRef.current = createAppShellRef({ basename, version });
|
|
343
|
+
}
|
|
344
|
+
const shellRef = appShellRef ?? fallbackShellRef.current;
|
|
345
|
+
|
|
346
|
+
const contextValue = useMemo<NavigationStoreContextValue>(() => {
|
|
347
|
+
const value = {
|
|
193
348
|
store,
|
|
194
349
|
eventController,
|
|
195
350
|
navigate,
|
|
196
351
|
refresh,
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
352
|
+
} as NavigationStoreContextValue;
|
|
353
|
+
Object.defineProperty(value, "basename", {
|
|
354
|
+
configurable: true,
|
|
355
|
+
enumerable: true,
|
|
356
|
+
get: () => shellRef.get().basename,
|
|
357
|
+
});
|
|
358
|
+
Object.defineProperty(value, "version", {
|
|
359
|
+
configurable: true,
|
|
360
|
+
enumerable: true,
|
|
361
|
+
get: () => shellRef.get().version,
|
|
362
|
+
});
|
|
363
|
+
return value;
|
|
364
|
+
}, []);
|
|
201
365
|
|
|
202
|
-
// Connection warmup: keep TLS alive after idle periods.
|
|
203
|
-
//
|
|
204
|
-
//
|
|
205
|
-
//
|
|
366
|
+
// Connection warmup: keep TLS alive after idle periods. After 60s of no
|
|
367
|
+
// interaction the connection is marked cold; the next pointer/touch
|
|
368
|
+
// interaction or visibility change warms TLS via a HEAD request before the
|
|
369
|
+
// user clicks a link. State machine lives in connection-warmup.ts.
|
|
206
370
|
useEffect(() => {
|
|
207
371
|
if (!warmupEnabled) return;
|
|
208
|
-
|
|
209
|
-
const IDLE_TIMEOUT = 60_000;
|
|
210
|
-
const DEBOUNCE_DELAY = 150;
|
|
211
|
-
|
|
212
|
-
let idleTimer: ReturnType<typeof setTimeout> | undefined;
|
|
213
|
-
let debounceTimer: ReturnType<typeof setTimeout> | undefined;
|
|
214
|
-
let isCold = false;
|
|
215
|
-
let warmupListenersAttached = false;
|
|
216
|
-
|
|
217
|
-
function sendWarmup() {
|
|
218
|
-
isCold = false;
|
|
219
|
-
fetch("/?_rsc_warmup", { method: "HEAD" }).catch(() => {});
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
function triggerWarmup() {
|
|
223
|
-
if (!isCold) return;
|
|
224
|
-
clearTimeout(debounceTimer);
|
|
225
|
-
debounceTimer = setTimeout(() => {
|
|
226
|
-
sendWarmup();
|
|
227
|
-
detachWarmupListeners();
|
|
228
|
-
resetIdleTimer();
|
|
229
|
-
}, DEBOUNCE_DELAY);
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
function onVisibilityChange() {
|
|
233
|
-
if (document.visibilityState === "visible" && isCold) {
|
|
234
|
-
triggerWarmup();
|
|
235
|
-
}
|
|
236
|
-
}
|
|
237
|
-
|
|
238
|
-
function attachWarmupListeners() {
|
|
239
|
-
if (warmupListenersAttached) return;
|
|
240
|
-
warmupListenersAttached = true;
|
|
241
|
-
document.addEventListener("visibilitychange", onVisibilityChange);
|
|
242
|
-
document.addEventListener("mousemove", triggerWarmup, { once: true });
|
|
243
|
-
document.addEventListener("touchstart", triggerWarmup, { once: true });
|
|
244
|
-
}
|
|
245
|
-
|
|
246
|
-
function detachWarmupListeners() {
|
|
247
|
-
warmupListenersAttached = false;
|
|
248
|
-
document.removeEventListener("visibilitychange", onVisibilityChange);
|
|
249
|
-
document.removeEventListener("mousemove", triggerWarmup);
|
|
250
|
-
document.removeEventListener("touchstart", triggerWarmup);
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
function markCold() {
|
|
254
|
-
isCold = true;
|
|
255
|
-
attachWarmupListeners();
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
function resetIdleTimer() {
|
|
259
|
-
clearTimeout(idleTimer);
|
|
260
|
-
isCold = false;
|
|
261
|
-
idleTimer = setTimeout(markCold, IDLE_TIMEOUT);
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
// Activity events that reset the idle timer
|
|
265
|
-
const activityEvents = [
|
|
266
|
-
"mousemove",
|
|
267
|
-
"keydown",
|
|
268
|
-
"touchstart",
|
|
269
|
-
"scroll",
|
|
270
|
-
] as const;
|
|
271
|
-
const activityOptions: AddEventListenerOptions = { passive: true };
|
|
272
|
-
|
|
273
|
-
for (const event of activityEvents) {
|
|
274
|
-
document.addEventListener(event, resetIdleTimer, activityOptions);
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
resetIdleTimer();
|
|
278
|
-
|
|
279
|
-
return () => {
|
|
280
|
-
clearTimeout(idleTimer);
|
|
281
|
-
clearTimeout(debounceTimer);
|
|
282
|
-
detachWarmupListeners();
|
|
283
|
-
for (const event of activityEvents) {
|
|
284
|
-
document.removeEventListener(event, resetIdleTimer);
|
|
285
|
-
}
|
|
286
|
-
};
|
|
372
|
+
return startConnectionWarmup();
|
|
287
373
|
}, [warmupEnabled]);
|
|
288
374
|
|
|
289
|
-
// Cancel
|
|
290
|
-
//
|
|
375
|
+
// Cancel non-matching prefetches when navigation starts.
|
|
376
|
+
// Frees connections so the navigation fetch isn't competing with
|
|
377
|
+
// speculative prefetches. The prefetch matching the navigation target
|
|
378
|
+
// is kept alive so it can be reused via consumeInflightPrefetch.
|
|
291
379
|
useEffect(() => {
|
|
292
380
|
let wasIdle = true;
|
|
293
381
|
const unsub = eventController.subscribe(() => {
|
|
294
382
|
const state = eventController.getState();
|
|
295
383
|
const isIdle = state.state === "idle" && !state.isStreaming;
|
|
296
384
|
if (wasIdle && !isIdle) {
|
|
297
|
-
cancelAllPrefetches();
|
|
385
|
+
cancelAllPrefetches(state.pendingUrl);
|
|
298
386
|
}
|
|
299
387
|
wasIdle = isIdle;
|
|
300
388
|
});
|
|
301
389
|
return unsub;
|
|
302
390
|
}, [eventController]);
|
|
303
391
|
|
|
392
|
+
// Pending scroll action to apply after React commits
|
|
393
|
+
const pendingScrollRef = useRef<NavigationUpdate["scroll"]>(undefined);
|
|
394
|
+
|
|
395
|
+
// Apply scroll after React commits the new content to the DOM
|
|
396
|
+
useLayoutEffect(() => {
|
|
397
|
+
const scrollAction = pendingScrollRef.current;
|
|
398
|
+
if (!scrollAction) return;
|
|
399
|
+
pendingScrollRef.current = undefined;
|
|
400
|
+
|
|
401
|
+
if (scrollAction.enabled === false) return;
|
|
402
|
+
|
|
403
|
+
handleNavigationEnd({
|
|
404
|
+
restore: scrollAction.restore,
|
|
405
|
+
scroll: scrollAction.enabled,
|
|
406
|
+
isStreaming: scrollAction.isStreaming,
|
|
407
|
+
});
|
|
408
|
+
});
|
|
409
|
+
|
|
304
410
|
// Subscribe to UI updates (for re-rendering the tree)
|
|
305
411
|
useEffect(() => {
|
|
306
412
|
const unsubscribe = store.onUpdate((update) => {
|
|
413
|
+
// Capture scroll intent — it will be applied in useLayoutEffect
|
|
414
|
+
// after React commits this state update to the DOM.
|
|
415
|
+
// Always assign (even undefined) to clear stale scroll from prior navigations,
|
|
416
|
+
// so server actions or error updates don't accidentally replay old scroll.
|
|
417
|
+
pendingScrollRef.current = update.scroll;
|
|
418
|
+
|
|
307
419
|
setPayload({
|
|
308
420
|
root: update.root,
|
|
309
421
|
metadata: update.metadata,
|
|
310
422
|
});
|
|
311
423
|
|
|
312
|
-
// Update route params
|
|
313
|
-
|
|
424
|
+
// Update route params. Only reset when the server actually sends a params
|
|
425
|
+
// map — an absent `params` field means "no change" (e.g., legacy action
|
|
426
|
+
// responses that omitted params). Explicit `{}` still clears correctly.
|
|
427
|
+
if (update.metadata.params !== undefined) {
|
|
428
|
+
eventController.setParams(update.metadata.params);
|
|
429
|
+
}
|
|
314
430
|
|
|
315
431
|
// Update handle data progressively as it streams in
|
|
316
432
|
if (update.metadata.handles) {
|
|
@@ -323,24 +439,20 @@ export function NavigationProvider({
|
|
|
323
439
|
store,
|
|
324
440
|
matched: update.metadata.matched,
|
|
325
441
|
isPartial: update.metadata.isPartial,
|
|
442
|
+
resolvedIds: update.metadata.resolvedIds,
|
|
326
443
|
historyKey,
|
|
327
444
|
}).catch((err) =>
|
|
328
445
|
console.error("[NavigationProvider] Error consuming handles:", err),
|
|
329
446
|
);
|
|
330
|
-
} else if (update.metadata.cachedHandleData) {
|
|
331
|
-
// For back/forward navigation from cache, restore the cached handleData
|
|
332
|
-
// This restores breadcrumbs to the exact state they were when the page was cached
|
|
333
|
-
eventController.setHandleData(
|
|
334
|
-
update.metadata.cachedHandleData,
|
|
335
|
-
update.metadata.matched,
|
|
336
|
-
false, // full replace - restore entire cached state
|
|
337
|
-
);
|
|
338
447
|
} else if (update.metadata.matched) {
|
|
339
|
-
//
|
|
448
|
+
// cachedHandleData present -> full restore (back/forward); absent ->
|
|
449
|
+
// partial cleanup of segments no longer matched.
|
|
450
|
+
const cached = update.metadata.cachedHandleData;
|
|
340
451
|
eventController.setHandleData(
|
|
341
|
-
{},
|
|
452
|
+
cached ?? {},
|
|
342
453
|
update.metadata.matched,
|
|
343
|
-
|
|
454
|
+
cached === undefined,
|
|
455
|
+
cached === undefined ? update.metadata.resolvedIds : undefined,
|
|
344
456
|
);
|
|
345
457
|
}
|
|
346
458
|
});
|
|
@@ -353,7 +465,8 @@ export function NavigationProvider({
|
|
|
353
465
|
payload.root instanceof Promise ? use(payload.root) : payload.root;
|
|
354
466
|
|
|
355
467
|
// Wrap content in RootErrorBoundary to catch:
|
|
356
|
-
// 1. Errors from
|
|
468
|
+
// 1. Errors from RenderErrorThrower (network failures and unprocessable
|
|
469
|
+
// navigation responses, routed here by the navigation bridge)
|
|
357
470
|
// 2. Client component errors that occur before/outside the segment tree's error boundary
|
|
358
471
|
// 3. Errors during promise resolution or navigation state updates
|
|
359
472
|
// This acts as a safety net - the segment tree has its own RootErrorBoundary that
|
|
@@ -362,7 +475,11 @@ export function NavigationProvider({
|
|
|
362
475
|
// Build the content tree
|
|
363
476
|
let content = <RootErrorBoundary>{root}</RootErrorBoundary>;
|
|
364
477
|
|
|
365
|
-
// Wrap with ThemeProvider when theme is enabled
|
|
478
|
+
// Wrap with ThemeProvider when theme is enabled. The ThemeProvider is
|
|
479
|
+
// document-lifetime: its config comes from the initial load and persists for
|
|
480
|
+
// the session. It sits above the segment tree and is not remounted in-session;
|
|
481
|
+
// a cross-app navigation is a full document load (X-RSC-Reload), so the target
|
|
482
|
+
// app's theme config takes effect on its own load.
|
|
366
483
|
if (themeConfig) {
|
|
367
484
|
content = (
|
|
368
485
|
<ThemeProvider config={themeConfig} initialTheme={initialTheme}>
|
|
@@ -373,9 +490,10 @@ export function NavigationProvider({
|
|
|
373
490
|
|
|
374
491
|
// Match SSR tree shape: NonceContext.Provider is always present so
|
|
375
492
|
// hydration sees the same component tree. Value is undefined on the
|
|
376
|
-
// client — CSP nonces are a server-side HTML concern
|
|
493
|
+
// client — CSP nonces are a server-side HTML concern — unless a test
|
|
494
|
+
// harness seeded one via the `nonce` prop.
|
|
377
495
|
content = (
|
|
378
|
-
<NonceContext.Provider value={
|
|
496
|
+
<NonceContext.Provider value={nonce}>{content}</NonceContext.Provider>
|
|
379
497
|
);
|
|
380
498
|
|
|
381
499
|
return (
|
|
@@ -14,17 +14,21 @@ export interface ScrollRestorationProps {
|
|
|
14
14
|
* Return location.pathname to restore scroll based on path
|
|
15
15
|
* (useful for keeping scroll position on the same page).
|
|
16
16
|
*
|
|
17
|
+
* Provide a stable reference: a module-level function or one wrapped in
|
|
18
|
+
* useCallback. The init effect re-runs when getKey's identity changes, and
|
|
19
|
+
* teardown clears in-memory scroll positions — a fresh inline arrow on every
|
|
20
|
+
* parent render would discard unpersisted positions mid-session.
|
|
21
|
+
*
|
|
17
22
|
* @example
|
|
18
23
|
* ```tsx
|
|
24
|
+
* // Stable module-level getKey (recommended)
|
|
25
|
+
* const byPathname = (location) => location.pathname;
|
|
26
|
+
*
|
|
19
27
|
* // Restore based on pathname (same URL = same scroll)
|
|
20
|
-
* <ScrollRestoration
|
|
21
|
-
* getKey={(location) => location.pathname}
|
|
22
|
-
* />
|
|
28
|
+
* <ScrollRestoration getKey={byPathname} />
|
|
23
29
|
*
|
|
24
30
|
* // Restore based on unique history entry (default)
|
|
25
|
-
* <ScrollRestoration
|
|
26
|
-
* getKey={(location) => location.key}
|
|
27
|
-
* />
|
|
31
|
+
* // <ScrollRestoration /> — omit getKey to use location.key
|
|
28
32
|
* ```
|
|
29
33
|
*/
|
|
30
34
|
getKey?: (location: {
|
|
@@ -43,10 +43,15 @@ export interface NavigationStoreContextValue {
|
|
|
43
43
|
refresh: () => Promise<void>;
|
|
44
44
|
|
|
45
45
|
/**
|
|
46
|
-
* App version from server payload
|
|
47
|
-
* Used in prefetch requests for version mismatch detection.
|
|
46
|
+
* App version from the initial server payload.
|
|
48
47
|
*/
|
|
49
48
|
version: string | undefined;
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* URL prefix for all routes (from createRouter({ basename })).
|
|
52
|
+
* Used by Link and useRouter() to auto-prefix app-local paths.
|
|
53
|
+
*/
|
|
54
|
+
basename: string | undefined;
|
|
50
55
|
}
|
|
51
56
|
|
|
52
57
|
/**
|
|
@@ -1,11 +1,70 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
3
|
-
*
|
|
2
|
+
* Build the handle-collection segment order from a raw `matched` list.
|
|
3
|
+
*
|
|
4
|
+
* Two responsibilities:
|
|
5
|
+
*
|
|
6
|
+
* 1. Drop loader sub-ids ("D" followed by a digit, e.g. "M0L0D1.user") —
|
|
7
|
+
* loaders never push handles.
|
|
8
|
+
*
|
|
9
|
+
* 2. Place each parallel slot id (contains ".@") immediately after its
|
|
10
|
+
* parent layout/route id. Raw segment-resolution emission order does NOT
|
|
11
|
+
* guarantee this: route-mounted parallels are resolved/pushed BEFORE the
|
|
12
|
+
* route handler's segment is appended (see fresh.ts:resolveSegment for
|
|
13
|
+
* routes, and revalidation.ts ~915-919), so matched can read
|
|
14
|
+
* `[..., R0.@panel, R0]`. collectHandleData consumes segmentOrder verbatim
|
|
15
|
+
* with later-wins semantics, so without normalization the route handler's
|
|
16
|
+
* Meta would override the slot's more-specific Meta — backwards.
|
|
17
|
+
*
|
|
18
|
+
* Slot-id format is `<parentShortCode>.@<slotName>`; `parentShortCode` never
|
|
19
|
+
* contains ".@", so splitting at the first ".@" reliably yields the parent.
|
|
4
20
|
*/
|
|
5
21
|
export function filterSegmentOrder(matched: string[]): string[] {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
22
|
+
const slotsByParent = new Map<string, string[]>();
|
|
23
|
+
const nonSlots: string[] = [];
|
|
24
|
+
const nonSlotSet = new Set<string>();
|
|
25
|
+
|
|
26
|
+
for (const id of matched) {
|
|
27
|
+
if (/D\d+\./.test(id)) continue;
|
|
28
|
+
const slotIdx = id.indexOf(".@");
|
|
29
|
+
if (slotIdx >= 0) {
|
|
30
|
+
const parent = id.slice(0, slotIdx);
|
|
31
|
+
const list = slotsByParent.get(parent);
|
|
32
|
+
if (list) {
|
|
33
|
+
list.push(id);
|
|
34
|
+
} else {
|
|
35
|
+
slotsByParent.set(parent, [id]);
|
|
36
|
+
}
|
|
37
|
+
} else {
|
|
38
|
+
nonSlots.push(id);
|
|
39
|
+
nonSlotSet.add(id);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
const result: string[] = [];
|
|
44
|
+
for (const id of nonSlots) {
|
|
45
|
+
result.push(id);
|
|
46
|
+
const slots = slotsByParent.get(id);
|
|
47
|
+
if (slots) result.push(...slots);
|
|
48
|
+
}
|
|
49
|
+
for (const [parent, slots] of slotsByParent) {
|
|
50
|
+
if (!nonSlotSet.has(parent)) result.push(...slots);
|
|
51
|
+
}
|
|
52
|
+
return result;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* Build the "layouts and routes only" id list for useSegments().segmentIds.
|
|
57
|
+
*
|
|
58
|
+
* Strips parallel slot ids (contain ".@") and loader sub-ids ("D" followed by
|
|
59
|
+
* a digit, e.g. "M0L0D1.user") without reordering. Distinct from
|
|
60
|
+
* filterSegmentOrder, which also reorders slots after their parent for handle
|
|
61
|
+
* collection.
|
|
62
|
+
*
|
|
63
|
+
* Shared by SSR (ssr/index.tsx) and the client event controller
|
|
64
|
+
* (event-controller.ts) so both produce identical output; if they diverge,
|
|
65
|
+
* useSegments().segmentIds rendered during SSR and after hydration disagree
|
|
66
|
+
* and React reports a hydration mismatch.
|
|
67
|
+
*/
|
|
68
|
+
export function filterRouteSegmentIds(matched: string[]): string[] {
|
|
69
|
+
return matched.filter((id) => !id.includes(".@") && !/D\d+\./.test(id));
|
|
11
70
|
}
|
|
@@ -1,52 +1,4 @@
|
|
|
1
|
-
// React exports for browser navigation
|
|
2
|
-
|
|
3
|
-
// Hook with Zustand-style selectors
|
|
4
|
-
export { useNavigation } from "./use-navigation.js";
|
|
5
|
-
|
|
6
|
-
// Router actions hook (stable reference, no re-renders)
|
|
7
|
-
export { useRouter } from "./use-router.js";
|
|
8
|
-
|
|
9
|
-
// URL hooks
|
|
10
|
-
export { usePathname } from "./use-pathname.js";
|
|
11
|
-
export { useSearchParams } from "./use-search-params.js";
|
|
12
|
-
export { useParams } from "./use-params.js";
|
|
13
|
-
|
|
14
|
-
// Action state tracking hook
|
|
15
|
-
export { useAction, type TrackedActionState } from "./use-action.js";
|
|
16
|
-
|
|
17
|
-
// Segments state hook
|
|
18
|
-
export { useSegments, type SegmentsState } from "./use-segments.js";
|
|
19
|
-
|
|
20
|
-
// Handle data hook
|
|
21
|
-
export { useHandle } from "./use-handle.js";
|
|
22
|
-
|
|
23
|
-
// Client cache controls hook
|
|
24
|
-
export {
|
|
25
|
-
useClientCache,
|
|
26
|
-
type ClientCacheControls,
|
|
27
|
-
} from "./use-client-cache.js";
|
|
28
|
-
|
|
29
|
-
// Provider
|
|
30
1
|
export {
|
|
31
2
|
NavigationProvider,
|
|
32
3
|
type NavigationProviderProps,
|
|
33
4
|
} from "./NavigationProvider.js";
|
|
34
|
-
|
|
35
|
-
// Context (for advanced usage)
|
|
36
|
-
export {
|
|
37
|
-
NavigationStoreContext,
|
|
38
|
-
type NavigationStoreContextValue,
|
|
39
|
-
} from "./context.js";
|
|
40
|
-
|
|
41
|
-
// Link component
|
|
42
|
-
export { Link, type LinkProps, type PrefetchStrategy } from "./Link.js";
|
|
43
|
-
|
|
44
|
-
// Link status hook
|
|
45
|
-
export { useLinkStatus, type LinkStatus } from "./use-link-status.js";
|
|
46
|
-
|
|
47
|
-
// Scroll restoration
|
|
48
|
-
export {
|
|
49
|
-
ScrollRestoration,
|
|
50
|
-
useScrollRestoration,
|
|
51
|
-
type ScrollRestorationProps,
|
|
52
|
-
} from "./ScrollRestoration.js";
|