@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.
Files changed (449) hide show
  1. package/AGENTS.md +8 -4
  2. package/README.md +303 -741
  3. package/dist/bin/rango.js +730 -184
  4. package/dist/testing/vitest.js +82 -0
  5. package/dist/vite/index.js +4344 -1335
  6. package/dist/vite/index.js.bak +5448 -0
  7. package/dist/vite/plugins/cloudflare-protocol-loader-hook.mjs +76 -0
  8. package/package.json +86 -15
  9. package/skills/api-client/SKILL.md +211 -0
  10. package/skills/breadcrumbs/SKILL.md +85 -6
  11. package/skills/bundle-analysis/SKILL.md +159 -0
  12. package/skills/cache-guide/SKILL.md +251 -24
  13. package/skills/caching/SKILL.md +375 -17
  14. package/skills/catalog.json +271 -0
  15. package/skills/comparison/SKILL.md +50 -0
  16. package/skills/comparison/agents/openai.yaml +4 -0
  17. package/skills/comparison/references/framework-comparison.md +837 -0
  18. package/skills/composability/SKILL.md +110 -4
  19. package/skills/css/SKILL.md +76 -0
  20. package/skills/debug-manifest/SKILL.md +5 -3
  21. package/skills/defer-hydration/SKILL.md +235 -0
  22. package/skills/document-cache/SKILL.md +87 -56
  23. package/skills/fonts/SKILL.md +1 -1
  24. package/skills/handler-use/SKILL.md +364 -0
  25. package/skills/hooks/SKILL.md +73 -691
  26. package/skills/hooks/data.md +273 -0
  27. package/skills/hooks/handle-and-actions.md +103 -0
  28. package/skills/hooks/navigation.md +110 -0
  29. package/skills/hooks/outlets.md +41 -0
  30. package/skills/hooks/state.md +228 -0
  31. package/skills/hooks/urls.md +135 -0
  32. package/skills/host-router/SKILL.md +129 -27
  33. package/skills/i18n/SKILL.md +276 -0
  34. package/skills/intercept/SKILL.md +94 -18
  35. package/skills/layout/SKILL.md +62 -19
  36. package/skills/links/SKILL.md +249 -17
  37. package/skills/loader/SKILL.md +302 -54
  38. package/skills/middleware/SKILL.md +59 -16
  39. package/skills/migrate-nextjs/SKILL.md +745 -0
  40. package/skills/migrate-react-router/SKILL.md +153 -0
  41. package/skills/migrate-react-router/cloudflare-workers.md +129 -0
  42. package/skills/migrate-react-router/component-migration.md +196 -0
  43. package/skills/migrate-react-router/data-and-actions.md +225 -0
  44. package/skills/migrate-react-router/route-mapping.md +271 -0
  45. package/skills/mime-routes/SKILL.md +29 -2
  46. package/skills/observability/SKILL.md +202 -0
  47. package/skills/parallel/SKILL.md +225 -10
  48. package/skills/ppr/SKILL.md +622 -0
  49. package/skills/prerender/SKILL.md +178 -124
  50. package/skills/rango/SKILL.md +318 -24
  51. package/skills/react-compiler/SKILL.md +168 -0
  52. package/skills/response-routes/SKILL.md +138 -49
  53. package/skills/route/SKILL.md +172 -9
  54. package/skills/router-setup/SKILL.md +131 -11
  55. package/skills/scripts/SKILL.md +179 -0
  56. package/skills/server-actions/SKILL.md +776 -0
  57. package/skills/shell-manifest/SKILL.md +185 -0
  58. package/skills/streams-and-websockets/SKILL.md +283 -0
  59. package/skills/tailwind/SKILL.md +28 -4
  60. package/skills/testing/SKILL.md +130 -0
  61. package/skills/testing/bindings.md +103 -0
  62. package/skills/testing/cache-prerender.md +127 -0
  63. package/skills/testing/client-components.md +124 -0
  64. package/skills/testing/e2e-parity.md +125 -0
  65. package/skills/testing/flight.md +91 -0
  66. package/skills/testing/handles.md +131 -0
  67. package/skills/testing/loader.md +128 -0
  68. package/skills/testing/middleware.md +99 -0
  69. package/skills/testing/render-handler.md +122 -0
  70. package/skills/testing/response-routes.md +95 -0
  71. package/skills/testing/reverse-and-types.md +85 -0
  72. package/skills/testing/server-actions.md +107 -0
  73. package/skills/testing/server-tree.md +128 -0
  74. package/skills/testing/setup.md +123 -0
  75. package/skills/theme/SKILL.md +1 -1
  76. package/skills/typesafety/SKILL.md +45 -616
  77. package/skills/typesafety/env-and-bindings.md +254 -0
  78. package/skills/typesafety/generated-files-and-cli.md +335 -0
  79. package/skills/typesafety/params-and-search.md +153 -0
  80. package/skills/typesafety/route-types.md +209 -0
  81. package/skills/use-cache/SKILL.md +74 -15
  82. package/skills/vercel/SKILL.md +128 -0
  83. package/skills/view-transitions/SKILL.md +337 -0
  84. package/src/__augment-tests__/augment.ts +81 -0
  85. package/src/__augment-tests__/augmented.check.ts +116 -0
  86. package/src/__internal.ts +1 -66
  87. package/src/browser/action-coordinator.ts +53 -36
  88. package/src/browser/action-fence.ts +47 -0
  89. package/src/browser/app-shell.ts +39 -0
  90. package/src/browser/app-version.ts +14 -0
  91. package/src/browser/connection-warmup.ts +134 -0
  92. package/src/browser/cookie-name.ts +140 -0
  93. package/src/browser/event-controller.ts +257 -158
  94. package/src/browser/history-state.ts +21 -0
  95. package/src/browser/index.ts +3 -3
  96. package/src/browser/invalidate-client-cache.ts +52 -0
  97. package/src/browser/logging.ts +28 -0
  98. package/src/browser/merge-segment-loaders.ts +6 -4
  99. package/src/browser/navigation-bridge.ts +132 -33
  100. package/src/browser/navigation-client.ts +218 -68
  101. package/src/browser/navigation-store-handle.ts +38 -0
  102. package/src/browser/navigation-store.ts +203 -80
  103. package/src/browser/navigation-transaction.ts +18 -66
  104. package/src/browser/network-error-handler.ts +34 -7
  105. package/src/browser/partial-update.ts +241 -127
  106. package/src/browser/prefetch/cache.ts +271 -44
  107. package/src/browser/prefetch/fetch.ts +367 -40
  108. package/src/browser/prefetch/queue.ts +144 -23
  109. package/src/browser/prefetch/resource-ready.ts +77 -0
  110. package/src/browser/rango-state.ts +158 -76
  111. package/src/browser/react/Link.tsx +121 -16
  112. package/src/browser/react/NavigationProvider.tsx +240 -122
  113. package/src/browser/react/ScrollRestoration.tsx +10 -6
  114. package/src/browser/react/context.ts +7 -2
  115. package/src/browser/react/filter-segment-order.ts +66 -7
  116. package/src/browser/react/index.ts +0 -48
  117. package/src/browser/react/location-state-shared.ts +178 -8
  118. package/src/browser/react/location-state.ts +39 -14
  119. package/src/browser/react/use-action.ts +6 -15
  120. package/src/browser/react/use-handle.ts +23 -69
  121. package/src/browser/react/use-href.tsx +8 -1
  122. package/src/browser/react/use-link-status.ts +33 -8
  123. package/src/browser/react/use-navigation.ts +32 -7
  124. package/src/browser/react/use-params.ts +20 -10
  125. package/src/browser/react/use-reverse.ts +106 -0
  126. package/src/browser/react/use-router.ts +46 -11
  127. package/src/browser/react/use-search-params.ts +0 -5
  128. package/src/browser/react/use-segments.ts +11 -21
  129. package/src/browser/response-adapter.ts +99 -8
  130. package/src/browser/rsc-router.tsx +272 -80
  131. package/src/browser/scroll-restoration.ts +56 -22
  132. package/src/browser/segment-reconciler.ts +44 -7
  133. package/src/browser/segment-structure-assert.ts +2 -2
  134. package/src/browser/server-action-bridge.ts +244 -71
  135. package/src/browser/types.ts +136 -12
  136. package/src/browser/validate-redirect-origin.ts +43 -16
  137. package/src/build/collect-fallback-refs.ts +107 -0
  138. package/src/build/generate-manifest.ts +207 -158
  139. package/src/build/generate-route-types.ts +6 -1
  140. package/src/build/index.ts +11 -3
  141. package/src/build/prefix-tree-utils.ts +123 -0
  142. package/src/build/route-trie.ts +198 -41
  143. package/src/build/route-types/ast-route-extraction.ts +15 -8
  144. package/src/build/route-types/codegen.ts +16 -5
  145. package/src/build/route-types/include-resolution.ts +464 -63
  146. package/src/build/route-types/param-extraction.ts +6 -3
  147. package/src/build/route-types/per-module-writer.ts +22 -6
  148. package/src/build/route-types/router-processing.ts +336 -110
  149. package/src/build/route-types/scan-filter.ts +9 -2
  150. package/src/build/route-types/source-scan.ts +216 -0
  151. package/src/build/runtime-discovery.ts +13 -21
  152. package/src/cache/cache-error.ts +104 -0
  153. package/src/cache/cache-key-utils.ts +58 -13
  154. package/src/cache/cache-policy.ts +108 -34
  155. package/src/cache/cache-runtime.ts +454 -97
  156. package/src/cache/cache-scope.ts +235 -103
  157. package/src/cache/cache-tag.ts +149 -0
  158. package/src/cache/cf/cf-base64.ts +33 -0
  159. package/src/cache/cf/cf-cache-constants.ts +127 -0
  160. package/src/cache/cf/cf-cache-store.ts +2446 -170
  161. package/src/cache/cf/cf-cache-types.ts +349 -0
  162. package/src/cache/cf/cf-kv-utils.ts +46 -0
  163. package/src/cache/cf/cf-tag-marker-memo.ts +105 -0
  164. package/src/cache/cf/index.ts +11 -17
  165. package/src/cache/document-cache.ts +144 -49
  166. package/src/cache/handle-snapshot.ts +70 -0
  167. package/src/cache/index.ts +24 -20
  168. package/src/cache/memory-segment-store.ts +243 -37
  169. package/src/cache/profile-registry.ts +46 -31
  170. package/src/cache/read-through-swr.ts +56 -12
  171. package/src/cache/segment-codec.ts +13 -21
  172. package/src/cache/shell-snapshot.ts +417 -0
  173. package/src/cache/tag-invalidation.ts +230 -0
  174. package/src/cache/taint.ts +55 -0
  175. package/src/cache/types.ts +194 -99
  176. package/src/cache/vercel/index.ts +11 -0
  177. package/src/cache/vercel/vercel-cache-store.ts +1132 -0
  178. package/src/client.rsc.tsx +41 -21
  179. package/src/client.tsx +116 -290
  180. package/src/cloudflare/index.ts +11 -0
  181. package/src/cloudflare/tracing.ts +108 -0
  182. package/src/component-utils.ts +19 -0
  183. package/src/components/DefaultDocument.tsx +8 -2
  184. package/src/context-var.ts +84 -2
  185. package/src/debug.ts +2 -2
  186. package/src/decode-loader-results.ts +52 -0
  187. package/src/defer.ts +185 -0
  188. package/src/deps/ssr.ts +0 -1
  189. package/src/encode-kv.ts +49 -0
  190. package/src/errors.ts +30 -4
  191. package/src/escape-script.ts +52 -0
  192. package/src/handle.ts +104 -34
  193. package/src/handles/MetaTags.tsx +24 -53
  194. package/src/handles/Scripts.tsx +183 -0
  195. package/src/handles/breadcrumbs.ts +35 -8
  196. package/src/handles/deferred-resolution.ts +127 -0
  197. package/src/handles/is-thenable.ts +18 -0
  198. package/src/handles/meta.ts +14 -40
  199. package/src/handles/script.ts +244 -0
  200. package/src/host/cookie-handler.ts +9 -60
  201. package/src/host/errors.ts +13 -22
  202. package/src/host/index.ts +9 -2
  203. package/src/host/pattern-matcher.ts +23 -52
  204. package/src/host/router.ts +107 -99
  205. package/src/host/testing.ts +40 -27
  206. package/src/host/types.ts +37 -4
  207. package/src/host/utils.ts +1 -1
  208. package/src/href-client.ts +137 -22
  209. package/src/index.rsc.ts +100 -13
  210. package/src/index.ts +143 -19
  211. package/src/internal-debug.ts +11 -10
  212. package/src/loader-store.ts +500 -0
  213. package/src/loader.rsc.ts +20 -13
  214. package/src/loader.ts +12 -11
  215. package/src/missing-id-error.ts +68 -0
  216. package/src/outlet-context.ts +1 -1
  217. package/src/outlet-provider.tsx +1 -5
  218. package/src/prerender/param-hash.ts +16 -16
  219. package/src/prerender/store.ts +37 -41
  220. package/src/prerender.ts +215 -86
  221. package/src/redirect-origin.ts +114 -0
  222. package/src/regex-escape.ts +8 -0
  223. package/src/render-error-thrower.tsx +20 -0
  224. package/src/response-utils.ts +62 -0
  225. package/src/reverse.ts +65 -15
  226. package/src/root-error-boundary.tsx +1 -19
  227. package/src/route-content-wrapper.tsx +19 -77
  228. package/src/route-definition/dsl-helpers.ts +485 -303
  229. package/src/route-definition/helper-factories.ts +28 -140
  230. package/src/route-definition/helpers-types.ts +153 -77
  231. package/src/route-definition/index.ts +4 -2
  232. package/src/route-definition/redirect.ts +53 -12
  233. package/src/route-definition/resolve-handler-use.ts +160 -0
  234. package/src/route-definition/use-item-types.ts +29 -0
  235. package/src/route-map-builder.ts +48 -21
  236. package/src/route-types.ts +37 -46
  237. package/src/router/basename.ts +14 -0
  238. package/src/router/content-negotiation.ts +164 -17
  239. package/src/router/error-handling.ts +45 -18
  240. package/src/router/find-match.ts +130 -29
  241. package/src/router/handler-context.ts +83 -39
  242. package/src/router/instrument.ts +355 -0
  243. package/src/router/intercept-resolution.ts +50 -24
  244. package/src/router/lazy-includes.ts +89 -63
  245. package/src/router/loader-resolution.ts +286 -56
  246. package/src/router/logging.ts +5 -8
  247. package/src/router/manifest.ts +105 -56
  248. package/src/router/match-api.ts +178 -218
  249. package/src/router/match-context.ts +0 -22
  250. package/src/router/match-handlers.ts +211 -165
  251. package/src/router/match-middleware/background-revalidation.ts +66 -22
  252. package/src/router/match-middleware/cache-lookup.ts +214 -263
  253. package/src/router/match-middleware/cache-store.ts +105 -50
  254. package/src/router/match-middleware/intercept-resolution.ts +8 -28
  255. package/src/router/match-middleware/segment-resolution.ts +52 -18
  256. package/src/router/match-pipelines.ts +1 -42
  257. package/src/router/match-result.ts +128 -44
  258. package/src/router/metrics.ts +5 -34
  259. package/src/router/middleware-types.ts +13 -142
  260. package/src/router/middleware.ts +301 -177
  261. package/src/router/navigation-snapshot.ts +133 -0
  262. package/src/router/params-util.ts +23 -0
  263. package/src/router/parse-pattern.ts +115 -0
  264. package/src/router/pattern-matching.ts +181 -150
  265. package/src/router/prefetch-cache-ttl.ts +51 -0
  266. package/src/router/prefetch-limits.ts +37 -0
  267. package/src/router/prerender-match.ts +203 -58
  268. package/src/router/preview-match.ts +35 -103
  269. package/src/router/request-classification.ts +291 -0
  270. package/src/router/revalidation.ts +123 -73
  271. package/src/router/route-snapshot.ts +256 -0
  272. package/src/router/router-context.ts +11 -29
  273. package/src/router/router-interfaces.ts +146 -35
  274. package/src/router/router-options.ts +202 -15
  275. package/src/router/router-registry.ts +2 -5
  276. package/src/router/segment-resolution/fresh.ts +301 -78
  277. package/src/router/segment-resolution/helpers.ts +115 -30
  278. package/src/router/segment-resolution/loader-cache.ts +156 -39
  279. package/src/router/segment-resolution/loader-mask.ts +60 -0
  280. package/src/router/segment-resolution/loader-snapshot.ts +259 -0
  281. package/src/router/segment-resolution/mask-nested.ts +83 -0
  282. package/src/router/segment-resolution/revalidation.ts +477 -385
  283. package/src/router/segment-resolution/static-store.ts +19 -5
  284. package/src/router/segment-resolution/streamed-handler-telemetry.ts +52 -0
  285. package/src/router/segment-resolution/view-transition-default.ts +56 -0
  286. package/src/router/segment-resolution.ts +5 -1
  287. package/src/router/segment-wrappers.ts +8 -5
  288. package/src/router/state-cookie-name.ts +33 -0
  289. package/src/router/substitute-pattern-params.ts +75 -0
  290. package/src/router/telemetry-otel.ts +160 -200
  291. package/src/router/telemetry.ts +105 -20
  292. package/src/router/timeout.ts +0 -20
  293. package/src/router/tracing.ts +215 -0
  294. package/src/router/trie-matching.ts +171 -59
  295. package/src/router/types.ts +10 -63
  296. package/src/router/url-params.ts +57 -0
  297. package/src/router.ts +210 -71
  298. package/src/rsc/full-payload.ts +70 -0
  299. package/src/rsc/handler-context.ts +3 -2
  300. package/src/rsc/handler.ts +682 -508
  301. package/src/rsc/helpers.ts +168 -46
  302. package/src/rsc/index.ts +2 -5
  303. package/src/rsc/json-route-result.ts +38 -0
  304. package/src/rsc/loader-fetch.ts +127 -31
  305. package/src/rsc/manifest-init.ts +33 -42
  306. package/src/rsc/nonce.ts +10 -1
  307. package/src/rsc/origin-guard.ts +39 -25
  308. package/src/rsc/progressive-enhancement.ts +138 -15
  309. package/src/rsc/redirect-guard.ts +100 -0
  310. package/src/rsc/response-cache-serve.ts +238 -0
  311. package/src/rsc/response-error.ts +79 -12
  312. package/src/rsc/response-route-handler.ts +99 -189
  313. package/src/rsc/rsc-rendering.ts +509 -73
  314. package/src/rsc/runtime-warnings.ts +23 -10
  315. package/src/rsc/server-action.ts +287 -113
  316. package/src/rsc/shell-capture.ts +1190 -0
  317. package/src/rsc/shell-serve.ts +181 -0
  318. package/src/rsc/ssr-setup.ts +18 -2
  319. package/src/rsc/transition-gate.ts +89 -0
  320. package/src/rsc/types.ts +62 -6
  321. package/src/runtime-env.ts +18 -0
  322. package/src/search-params.ts +35 -30
  323. package/src/segment-content-promise.ts +67 -0
  324. package/src/segment-loader-promise.ts +167 -0
  325. package/src/segment-system.tsx +449 -132
  326. package/src/serialize.ts +243 -0
  327. package/src/server/context.ts +367 -61
  328. package/src/server/cookie-parse.ts +32 -0
  329. package/src/server/cookie-store.ts +152 -5
  330. package/src/server/handle-store.ts +40 -38
  331. package/src/server/loader-registry.ts +38 -46
  332. package/src/server/request-context.ts +558 -173
  333. package/src/ssr/index.tsx +491 -174
  334. package/src/ssr/inject-rsc-eager.ts +167 -0
  335. package/src/ssr/ssr-root.tsx +228 -0
  336. package/src/static-handler.ts +27 -18
  337. package/src/testing/cache-status.ts +162 -0
  338. package/src/testing/collect-handle.ts +46 -0
  339. package/src/testing/dispatch.ts +813 -0
  340. package/src/testing/dom.entry.ts +22 -0
  341. package/src/testing/e2e/fixture.ts +188 -0
  342. package/src/testing/e2e/index.ts +128 -0
  343. package/src/testing/e2e/matchers.ts +35 -0
  344. package/src/testing/e2e/page-helpers.ts +272 -0
  345. package/src/testing/e2e/parity.ts +387 -0
  346. package/src/testing/e2e/server.ts +195 -0
  347. package/src/testing/flight-matchers.ts +97 -0
  348. package/src/testing/flight-normalize.ts +11 -0
  349. package/src/testing/flight-runtime.d.ts +57 -0
  350. package/src/testing/flight-tree.ts +682 -0
  351. package/src/testing/flight.entry.ts +52 -0
  352. package/src/testing/flight.ts +257 -0
  353. package/src/testing/generated-routes.ts +199 -0
  354. package/src/testing/index.ts +105 -0
  355. package/src/testing/internal/context.ts +371 -0
  356. package/src/testing/internal/flight-client-globals.ts +30 -0
  357. package/src/testing/internal/seed-vars.ts +54 -0
  358. package/src/testing/render-handler.ts +357 -0
  359. package/src/testing/render-route.tsx +584 -0
  360. package/src/testing/run-loader.ts +385 -0
  361. package/src/testing/run-middleware.ts +205 -0
  362. package/src/testing/run-transition-when.ts +164 -0
  363. package/src/testing/vitest-stubs/cloudflare-email.ts +9 -0
  364. package/src/testing/vitest-stubs/cloudflare-workers.ts +21 -0
  365. package/src/testing/vitest-stubs/plugin-rsc.ts +16 -0
  366. package/src/testing/vitest-stubs/version.ts +5 -0
  367. package/src/testing/vitest.ts +305 -0
  368. package/src/theme/ThemeProvider.tsx +56 -84
  369. package/src/theme/ThemeScript.tsx +7 -9
  370. package/src/theme/constants.ts +52 -13
  371. package/src/theme/index.ts +0 -7
  372. package/src/theme/theme-context.ts +1 -5
  373. package/src/theme/theme-script.ts +22 -21
  374. package/src/theme/use-theme.ts +0 -3
  375. package/src/types/boundaries.ts +0 -35
  376. package/src/types/cache-types.ts +17 -8
  377. package/src/types/error-types.ts +30 -90
  378. package/src/types/global-namespace.ts +54 -41
  379. package/src/types/handler-context.ts +234 -82
  380. package/src/types/index.ts +3 -10
  381. package/src/types/loader-types.ts +44 -15
  382. package/src/types/request-scope.ts +112 -0
  383. package/src/types/route-config.ts +20 -52
  384. package/src/types/route-entry.ts +19 -7
  385. package/src/types/segments.ts +137 -14
  386. package/src/urls/include-helper.ts +40 -75
  387. package/src/urls/include-provider.ts +71 -0
  388. package/src/urls/index.ts +2 -11
  389. package/src/urls/path-helper-types.ts +102 -23
  390. package/src/urls/path-helper.ts +62 -111
  391. package/src/urls/pattern-types.ts +84 -19
  392. package/src/urls/response-types.ts +25 -22
  393. package/src/urls/type-extraction.ts +98 -154
  394. package/src/urls/urls-function.ts +1 -19
  395. package/src/use-loader.tsx +346 -89
  396. package/src/vercel/index.ts +11 -0
  397. package/src/vercel/tracing.ts +88 -0
  398. package/src/vite/debug.ts +185 -0
  399. package/src/vite/discovery/bundle-postprocess.ts +36 -38
  400. package/src/vite/discovery/dev-prerender-cache.ts +117 -0
  401. package/src/vite/discovery/discover-routers.ts +130 -85
  402. package/src/vite/discovery/discovery-errors.ts +255 -0
  403. package/src/vite/discovery/gate-state.ts +171 -0
  404. package/src/vite/discovery/prerender-collection.ts +214 -132
  405. package/src/vite/discovery/route-types-writer.ts +40 -84
  406. package/src/vite/discovery/self-gen-tracking.ts +27 -1
  407. package/src/vite/discovery/state.ts +57 -6
  408. package/src/vite/discovery/virtual-module-codegen.ts +14 -34
  409. package/src/vite/index.ts +15 -0
  410. package/src/vite/inject-client-debug.ts +88 -0
  411. package/src/vite/plugin-types.ts +234 -62
  412. package/src/vite/plugins/cjs-to-esm.ts +16 -19
  413. package/src/vite/plugins/client-ref-dedup.ts +16 -11
  414. package/src/vite/plugins/client-ref-hashing.ts +28 -15
  415. package/src/vite/plugins/cloudflare-protocol-loader-hook.d.mts +23 -0
  416. package/src/vite/plugins/cloudflare-protocol-loader-hook.mjs +76 -0
  417. package/src/vite/plugins/cloudflare-protocol-stub.ts +194 -0
  418. package/src/vite/plugins/expose-action-id.ts +49 -98
  419. package/src/vite/plugins/expose-id-utils.ts +96 -51
  420. package/src/vite/plugins/expose-ids/export-analysis.ts +101 -34
  421. package/src/vite/plugins/expose-ids/handler-transform.ts +15 -64
  422. package/src/vite/plugins/expose-ids/loader-transform.ts +14 -24
  423. package/src/vite/plugins/expose-ids/router-transform.ts +118 -29
  424. package/src/vite/plugins/expose-internal-ids.ts +553 -317
  425. package/src/vite/plugins/performance-tracks.ts +89 -0
  426. package/src/vite/plugins/refresh-cmd.ts +89 -27
  427. package/src/vite/plugins/use-cache-transform.ts +73 -83
  428. package/src/vite/plugins/vercel-output.ts +384 -0
  429. package/src/vite/plugins/version-injector.ts +40 -29
  430. package/src/vite/plugins/version-plugin.ts +46 -37
  431. package/src/vite/plugins/virtual-entries.ts +138 -27
  432. package/src/vite/rango.ts +353 -303
  433. package/src/vite/router-discovery.ts +1090 -166
  434. package/src/vite/utils/ast-handler-extract.ts +26 -35
  435. package/src/vite/utils/banner.ts +4 -4
  436. package/src/vite/utils/bundle-analysis.ts +10 -15
  437. package/src/vite/utils/client-chunks.ts +184 -0
  438. package/src/vite/utils/directive-prologue.ts +40 -0
  439. package/src/vite/utils/forward-user-plugins.ts +171 -0
  440. package/src/vite/utils/manifest-utils.ts +4 -59
  441. package/src/vite/utils/package-resolution.ts +20 -52
  442. package/src/vite/utils/prerender-utils.ts +98 -38
  443. package/src/vite/utils/shared-utils.ts +144 -44
  444. package/src/browser/action-response-classifier.ts +0 -99
  445. package/src/browser/react/use-client-cache.ts +0 -58
  446. package/src/browser/shallow.ts +0 -40
  447. package/src/handles/index.ts +0 -7
  448. package/src/network-error-thrower.tsx +0 -23
  449. 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 { eventController, store, matched, isPartial, historyKey } = opts;
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
- console.log(
93
+ debugLog(
58
94
  "[NavigationProvider] Stopping handle processing - user navigated away",
59
95
  );
60
96
  return;
61
97
  }
62
98
 
63
99
  yieldCount++;
64
- eventController.setHandleData(handleData, matched, isPartial);
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 (cached handlers),
73
- // we still need to update the segment order to clean up stale handle data.
74
- // This happens when navigating away from a route - the handlers for the new
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 (historyKey matches).
84
- if (historyKey === store.getHistoryKey()) {
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 (stable, immutable).
134
- * Forwarded to prefetch requests for version mismatch detection.
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
- // Context value is stable (store, eventController, navigate, refresh never change)
191
- const contextValue = useMemo<NavigationStoreContextValue>(
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
- version,
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
- // After 60s of no user interaction, marks connection as "cold".
204
- // On next interaction or visibility change, sends a HEAD request to warm TLS
205
- // before the user actually clicks a link.
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 speculative prefetches when navigation starts.
290
- // Viewport/render prefetches should not compete with navigation fetches.
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
- eventController.setParams(update.metadata.params ?? {});
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
- // For cached navigations without handleData, update segmentOrder to clean up stale data
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
- {}, // Empty data - all existing data not in matched will be cleaned up
452
+ cached ?? {},
342
453
  update.metadata.matched,
343
- true, // partial update - will clean up segments not in matched
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 NetworkErrorThrower (rendered during network failures)
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={undefined}>{content}</NonceContext.Provider>
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 (stable, immutable).
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
- * Filter segment IDs to only include routes and layouts.
3
- * Excludes parallels (contain .@) and loaders (contain D followed by digit).
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
- return matched.filter((id) => {
7
- if (id.includes(".@")) return false;
8
- if (/D\d+\./.test(id)) return false;
9
- return true;
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";