@rangojs/router 0.0.0-experimental.1b930379 → 0.0.0-experimental.1fa245e2
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 +4 -0
- package/README.md +76 -18
- package/dist/bin/rango.js +138 -50
- package/dist/vite/index.js +558 -319
- package/package.json +16 -15
- package/skills/cache-guide/SKILL.md +32 -0
- package/skills/caching/SKILL.md +45 -4
- package/skills/links/SKILL.md +3 -1
- package/skills/loader/SKILL.md +53 -43
- package/skills/middleware/SKILL.md +2 -0
- package/skills/parallel/SKILL.md +126 -0
- package/skills/prerender/SKILL.md +110 -68
- package/skills/route/SKILL.md +31 -0
- package/skills/router-setup/SKILL.md +87 -2
- package/skills/typesafety/SKILL.md +10 -0
- package/src/__internal.ts +1 -1
- package/src/browser/app-version.ts +14 -0
- package/src/browser/event-controller.ts +5 -0
- package/src/browser/navigation-bridge.ts +19 -13
- package/src/browser/navigation-client.ts +115 -58
- package/src/browser/navigation-store.ts +43 -8
- package/src/browser/navigation-transaction.ts +11 -9
- package/src/browser/partial-update.ts +80 -15
- package/src/browser/prefetch/cache.ts +57 -5
- package/src/browser/prefetch/fetch.ts +38 -23
- package/src/browser/prefetch/queue.ts +92 -20
- package/src/browser/prefetch/resource-ready.ts +77 -0
- package/src/browser/react/Link.tsx +53 -9
- package/src/browser/react/NavigationProvider.tsx +40 -4
- package/src/browser/react/context.ts +7 -2
- package/src/browser/react/use-handle.ts +9 -58
- package/src/browser/react/use-router.ts +21 -8
- package/src/browser/rsc-router.tsx +134 -59
- package/src/browser/scroll-restoration.ts +41 -42
- package/src/browser/segment-reconciler.ts +6 -1
- package/src/browser/server-action-bridge.ts +8 -6
- package/src/browser/types.ts +36 -5
- package/src/build/generate-manifest.ts +6 -6
- package/src/build/generate-route-types.ts +3 -0
- package/src/build/route-types/include-resolution.ts +8 -1
- package/src/build/route-types/router-processing.ts +223 -74
- package/src/build/route-types/scan-filter.ts +8 -1
- package/src/cache/cache-runtime.ts +15 -11
- package/src/cache/cache-scope.ts +48 -7
- package/src/cache/cf/cf-cache-store.ts +453 -11
- package/src/cache/cf/index.ts +5 -1
- package/src/cache/document-cache.ts +17 -7
- package/src/cache/index.ts +1 -0
- package/src/cache/taint.ts +55 -0
- package/src/client.tsx +2 -56
- package/src/context-var.ts +72 -2
- package/src/debug.ts +2 -2
- package/src/handle.ts +40 -0
- package/src/index.rsc.ts +3 -1
- package/src/index.ts +8 -0
- package/src/prerender/store.ts +5 -4
- package/src/prerender.ts +138 -77
- package/src/reverse.ts +22 -1
- package/src/route-definition/dsl-helpers.ts +73 -25
- package/src/route-definition/helpers-types.ts +10 -6
- package/src/route-definition/index.ts +3 -0
- package/src/route-definition/redirect.ts +11 -3
- package/src/route-definition/resolve-handler-use.ts +149 -0
- package/src/route-map-builder.ts +7 -1
- package/src/route-types.ts +11 -0
- package/src/router/content-negotiation.ts +100 -1
- package/src/router/find-match.ts +4 -2
- package/src/router/handler-context.ts +79 -23
- package/src/router/intercept-resolution.ts +11 -4
- package/src/router/lazy-includes.ts +4 -1
- package/src/router/loader-resolution.ts +122 -10
- package/src/router/logging.ts +5 -2
- package/src/router/manifest.ts +9 -3
- package/src/router/match-api.ts +124 -189
- package/src/router/match-middleware/background-revalidation.ts +30 -2
- package/src/router/match-middleware/cache-lookup.ts +88 -16
- package/src/router/match-middleware/cache-store.ts +53 -10
- package/src/router/match-middleware/intercept-resolution.ts +9 -7
- package/src/router/match-middleware/segment-resolution.ts +61 -5
- package/src/router/match-result.ts +22 -6
- package/src/router/metrics.ts +6 -1
- package/src/router/middleware-types.ts +6 -8
- package/src/router/middleware.ts +4 -6
- package/src/router/navigation-snapshot.ts +182 -0
- package/src/router/prerender-match.ts +110 -10
- package/src/router/preview-match.ts +30 -102
- package/src/router/request-classification.ts +310 -0
- package/src/router/route-snapshot.ts +245 -0
- package/src/router/router-context.ts +6 -1
- package/src/router/router-interfaces.ts +36 -4
- package/src/router/router-options.ts +37 -11
- package/src/router/segment-resolution/fresh.ts +183 -20
- package/src/router/segment-resolution/helpers.ts +29 -24
- package/src/router/segment-resolution/loader-cache.ts +1 -0
- package/src/router/segment-resolution/revalidation.ts +412 -297
- package/src/router/segment-wrappers.ts +2 -0
- package/src/router/types.ts +1 -0
- package/src/router.ts +59 -6
- package/src/rsc/handler.ts +460 -368
- package/src/rsc/manifest-init.ts +5 -1
- package/src/rsc/progressive-enhancement.ts +4 -0
- package/src/rsc/rsc-rendering.ts +5 -0
- package/src/rsc/server-action.ts +2 -0
- package/src/rsc/ssr-setup.ts +2 -2
- package/src/rsc/types.ts +8 -1
- package/src/segment-system.tsx +140 -4
- package/src/server/context.ts +140 -14
- package/src/server/loader-registry.ts +9 -8
- package/src/server/request-context.ts +144 -18
- package/src/ssr/index.tsx +4 -0
- package/src/static-handler.ts +18 -6
- package/src/types/cache-types.ts +4 -4
- package/src/types/handler-context.ts +137 -33
- package/src/types/loader-types.ts +36 -9
- package/src/types/route-entry.ts +8 -1
- package/src/types/segments.ts +2 -0
- package/src/urls/path-helper-types.ts +9 -2
- package/src/urls/path-helper.ts +48 -13
- package/src/urls/pattern-types.ts +12 -0
- package/src/urls/response-types.ts +16 -6
- package/src/use-loader.tsx +73 -4
- package/src/vite/discovery/bundle-postprocess.ts +30 -33
- package/src/vite/discovery/discover-routers.ts +5 -1
- package/src/vite/discovery/prerender-collection.ts +14 -1
- package/src/vite/discovery/state.ts +13 -6
- package/src/vite/index.ts +4 -0
- package/src/vite/plugin-types.ts +51 -79
- package/src/vite/plugins/expose-action-id.ts +1 -3
- package/src/vite/plugins/performance-tracks.ts +88 -0
- package/src/vite/plugins/refresh-cmd.ts +88 -26
- package/src/vite/plugins/version-plugin.ts +13 -1
- package/src/vite/rango.ts +163 -211
- package/src/vite/router-discovery.ts +153 -42
- package/src/vite/utils/banner.ts +3 -3
- package/src/vite/utils/prerender-utils.ts +18 -0
- package/src/vite/utils/shared-utils.ts +3 -2
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
import type { ReactNode } from "react";
|
|
8
8
|
import { track } from "../server/context";
|
|
9
9
|
import type { EntryData } from "../server/context";
|
|
10
|
+
import { contextGet } from "../context-var.js";
|
|
10
11
|
import type {
|
|
11
12
|
ResolvedSegment,
|
|
12
13
|
HandlerContext,
|
|
@@ -19,10 +20,11 @@ import type {
|
|
|
19
20
|
ErrorInfo,
|
|
20
21
|
} from "../types";
|
|
21
22
|
import type { LoaderRevalidationResult, ActionContext } from "./types";
|
|
22
|
-
import { isHandle, type Handle } from "../handle.js";
|
|
23
|
-
import type { HandleStore } from "../server/handle-store.js";
|
|
23
|
+
import { isHandle, collectHandleData, type Handle } from "../handle.js";
|
|
24
|
+
import type { HandleStore, HandleData } from "../server/handle-store.js";
|
|
24
25
|
import { getFetchableLoader } from "../server/fetchable-loader-store.js";
|
|
25
26
|
import { _getRequestContext } from "../server/request-context.js";
|
|
27
|
+
import { isInsideLoaderScope } from "../server/context.js";
|
|
26
28
|
import { debugLog } from "./logging.js";
|
|
27
29
|
|
|
28
30
|
/**
|
|
@@ -241,6 +243,21 @@ function createLoaderExecutor<TEnv>(
|
|
|
241
243
|
pendingLoaders.add(loader.$$id);
|
|
242
244
|
|
|
243
245
|
const currentLoaderId = loader.$$id;
|
|
246
|
+
const variables = (ctx as InternalHandlerContext<any, TEnv>)._variables;
|
|
247
|
+
|
|
248
|
+
// Capture whether this loader is being started from a DSL loader scope
|
|
249
|
+
// (runInsideLoaderScope in fresh.ts). Handler-invoked loaders are NOT
|
|
250
|
+
// inside loader scope. This determines whether rendered() is allowed.
|
|
251
|
+
const isDslLoader = isInsideLoaderScope();
|
|
252
|
+
|
|
253
|
+
let renderedResolved = false;
|
|
254
|
+
let renderedPromise: Promise<void> | null = null;
|
|
255
|
+
|
|
256
|
+
// Loader functions are always fresh (never cached), so they get an
|
|
257
|
+
// unguarded get that bypasses non-cacheable read guards. This applies
|
|
258
|
+
// to ALL loaders — DSL and handler-called — because the loader
|
|
259
|
+
// function itself always re-executes. Also handles nested deps
|
|
260
|
+
// (loaderA → use(loaderB)) since all share this unguarded get.
|
|
244
261
|
const loaderCtx: LoaderContext<Record<string, string | undefined>, TEnv> = {
|
|
245
262
|
params: ctx.params,
|
|
246
263
|
routeParams: (ctx.params ?? {}) as Record<string, string>,
|
|
@@ -250,16 +267,76 @@ function createLoaderExecutor<TEnv>(
|
|
|
250
267
|
pathname: ctx.pathname,
|
|
251
268
|
url: ctx.url,
|
|
252
269
|
env: ctx.env,
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
use: <
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
270
|
+
get: ((keyOrVar: any) =>
|
|
271
|
+
contextGet(variables, keyOrVar)) as typeof ctx.get,
|
|
272
|
+
use: ((item: LoaderDefinition<any, any> | Handle<any, any>) => {
|
|
273
|
+
if (isHandle(item)) {
|
|
274
|
+
if (!renderedResolved) {
|
|
275
|
+
throw new Error(
|
|
276
|
+
`ctx.use(handle) in a loader requires "await ctx.rendered()" first. ` +
|
|
277
|
+
`Handle "${item.$$id}" cannot be read until the render tree has settled.`,
|
|
278
|
+
);
|
|
279
|
+
}
|
|
280
|
+
const reqCtx = reqCtxRef ?? _getRequestContext();
|
|
281
|
+
if (!reqCtx) {
|
|
282
|
+
throw new Error(
|
|
283
|
+
`ctx.use(handle) failed: request context not available.`,
|
|
284
|
+
);
|
|
285
|
+
}
|
|
286
|
+
const segmentOrder = reqCtx._renderBarrierSegmentOrder ?? [];
|
|
287
|
+
const snapshot = buildHandleSnapshot(
|
|
288
|
+
reqCtx._handleStore,
|
|
289
|
+
segmentOrder,
|
|
290
|
+
);
|
|
291
|
+
return collectHandleData(item, snapshot, segmentOrder);
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
// Loader case
|
|
295
|
+
return useLoader(item as LoaderDefinition<any, any>, currentLoaderId);
|
|
296
|
+
}) as LoaderContext["use"],
|
|
260
297
|
method: "GET",
|
|
261
298
|
body: undefined,
|
|
262
299
|
reverse: ctx.reverse as LoaderContext["reverse"],
|
|
300
|
+
rendered: (): Promise<void> => {
|
|
301
|
+
// Guard: only DSL loaders may use rendered()
|
|
302
|
+
if (!isDslLoader) {
|
|
303
|
+
throw new Error(
|
|
304
|
+
`ctx.rendered() is only available in DSL loaders (registered via loader() in urls()). ` +
|
|
305
|
+
`Handler-invoked loaders (ctx.use(Loader) inside a handler) cannot use rendered().`,
|
|
306
|
+
);
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
// Guard: reject streaming trees
|
|
310
|
+
const reqCtx = reqCtxRef ?? _getRequestContext();
|
|
311
|
+
if (reqCtx?._treeHasStreaming) {
|
|
312
|
+
throw new Error(
|
|
313
|
+
`ctx.rendered() is not supported when the matched route tree uses loading(). ` +
|
|
314
|
+
`Streaming handlers may not have settled when rendered() resolves. ` +
|
|
315
|
+
`Remove loading() from the route tree or restructure to avoid rendered().`,
|
|
316
|
+
);
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
if (renderedPromise) return renderedPromise;
|
|
320
|
+
|
|
321
|
+
if (!reqCtx) {
|
|
322
|
+
throw new Error(
|
|
323
|
+
`ctx.rendered() failed: request context not available.`,
|
|
324
|
+
);
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
// Register this loader as waiting for the barrier so that
|
|
328
|
+
// setupLoaderAccess can detect deadlocks when a handler
|
|
329
|
+
// tries to await the same loader via ctx.use().
|
|
330
|
+
if (!reqCtx._renderBarrierWaiters) {
|
|
331
|
+
reqCtx._renderBarrierWaiters = new Set();
|
|
332
|
+
}
|
|
333
|
+
reqCtx._renderBarrierWaiters.add(currentLoaderId);
|
|
334
|
+
|
|
335
|
+
renderedPromise = reqCtx._renderBarrier.then(() => {
|
|
336
|
+
renderedResolved = true;
|
|
337
|
+
});
|
|
338
|
+
return renderedPromise;
|
|
339
|
+
},
|
|
263
340
|
};
|
|
264
341
|
|
|
265
342
|
const doneLoader = track(`loader:${loader.$$id}`, 2);
|
|
@@ -277,6 +354,25 @@ function createLoaderExecutor<TEnv>(
|
|
|
277
354
|
return useLoader;
|
|
278
355
|
}
|
|
279
356
|
|
|
357
|
+
/**
|
|
358
|
+
* Build a HandleData snapshot from the HandleStore using segment ordering.
|
|
359
|
+
* Reads data directly from the store for each segment in order.
|
|
360
|
+
*/
|
|
361
|
+
function buildHandleSnapshot(
|
|
362
|
+
handleStore: HandleStore,
|
|
363
|
+
segmentOrder: string[],
|
|
364
|
+
): HandleData {
|
|
365
|
+
const data: HandleData = {};
|
|
366
|
+
for (const segmentId of segmentOrder) {
|
|
367
|
+
const segData = handleStore.getDataForSegment(segmentId);
|
|
368
|
+
for (const handleName in segData) {
|
|
369
|
+
if (!data[handleName]) data[handleName] = {};
|
|
370
|
+
data[handleName][segmentId] = segData[handleName];
|
|
371
|
+
}
|
|
372
|
+
}
|
|
373
|
+
return data;
|
|
374
|
+
}
|
|
375
|
+
|
|
280
376
|
/**
|
|
281
377
|
* Set up the use() method on handler context to access loaders and handles.
|
|
282
378
|
*
|
|
@@ -327,7 +423,23 @@ export function setupLoaderAccess<TEnv>(
|
|
|
327
423
|
};
|
|
328
424
|
}
|
|
329
425
|
|
|
330
|
-
|
|
426
|
+
// Deadlock guard: if a HANDLER awaits a loader that called rendered(),
|
|
427
|
+
// the handler blocks segment resolution which blocks the barrier.
|
|
428
|
+
// Skip this check when inside a DSL loader scope (resolveLoaderData
|
|
429
|
+
// also calls ctx.use() but that's DSL-to-DSL, not handler-to-loader).
|
|
430
|
+
const loader = item as LoaderDefinition<any, any>;
|
|
431
|
+
if (loaderPromises.has(loader.$$id) && !isInsideLoaderScope()) {
|
|
432
|
+
const reqCtx = _getRequestContext();
|
|
433
|
+
if (reqCtx?._renderBarrierWaiters?.has(loader.$$id)) {
|
|
434
|
+
throw new Error(
|
|
435
|
+
`Deadlock: handler is awaiting loader "${loader.$$id}" which called ctx.rendered(). ` +
|
|
436
|
+
`The loader is waiting for segment resolution, but the handler blocks resolution. ` +
|
|
437
|
+
`Move the data dependency to a loader-to-loader pattern instead.`,
|
|
438
|
+
);
|
|
439
|
+
}
|
|
440
|
+
}
|
|
441
|
+
|
|
442
|
+
return useLoader(loader, null);
|
|
331
443
|
}) as typeof ctx.use;
|
|
332
444
|
}
|
|
333
445
|
|
package/src/router/logging.ts
CHANGED
|
@@ -12,7 +12,10 @@ export interface RevalidationTraceEntry {
|
|
|
12
12
|
| "cache-hit"
|
|
13
13
|
| "loader"
|
|
14
14
|
| "parallel"
|
|
15
|
-
| "orphan-layout"
|
|
15
|
+
| "orphan-layout"
|
|
16
|
+
| "route-handler"
|
|
17
|
+
| "layout-handler"
|
|
18
|
+
| "intercept-loader";
|
|
16
19
|
defaultShouldRevalidate: boolean;
|
|
17
20
|
finalShouldRevalidate: boolean;
|
|
18
21
|
reason: string;
|
|
@@ -71,7 +74,7 @@ function getHeaderRequestId(request: Request): string | null {
|
|
|
71
74
|
return trimmed.length > 0 ? trimmed : null;
|
|
72
75
|
}
|
|
73
76
|
|
|
74
|
-
function getOrCreateRequestId(request: Request): string {
|
|
77
|
+
export function getOrCreateRequestId(request: Request): string {
|
|
75
78
|
const existing = requestIds.get(request);
|
|
76
79
|
if (existing) return existing;
|
|
77
80
|
|
package/src/router/manifest.ts
CHANGED
|
@@ -9,6 +9,7 @@ import { createRouteHelpers } from "../route-definition";
|
|
|
9
9
|
import {
|
|
10
10
|
getContext,
|
|
11
11
|
runWithPrefixes,
|
|
12
|
+
getIsolatedLazyParent,
|
|
12
13
|
type EntryData,
|
|
13
14
|
type MetricsStore,
|
|
14
15
|
} from "../server/context";
|
|
@@ -65,7 +66,9 @@ export async function loadManifest(
|
|
|
65
66
|
const mountIndex = entry.mountIndex;
|
|
66
67
|
|
|
67
68
|
// Check module-level cache (persists across requests within same isolate)
|
|
68
|
-
|
|
69
|
+
// Include routerId so multi-router setups (host routing) don't share cached
|
|
70
|
+
// EntryData across routers with overlapping mountIndex + routeKey combinations.
|
|
71
|
+
const cacheKey = `${VERSION}:${entry.routerId ?? ""}:${mountIndex ?? ""}:${routeKey}:${isSSR ? 1 : 0}`;
|
|
69
72
|
const cached = manifestModuleCache.get(cacheKey);
|
|
70
73
|
if (cached) {
|
|
71
74
|
const cacheStart = performance.now();
|
|
@@ -112,8 +115,11 @@ export async function loadManifest(
|
|
|
112
115
|
// This ensures routes are registered under the correct layout hierarchy
|
|
113
116
|
const lazyContext =
|
|
114
117
|
entry.lazy && entry.lazyPatterns ? entry.lazyContext : null;
|
|
115
|
-
const parentForContext =
|
|
116
|
-
(
|
|
118
|
+
const parentForContext = lazyContext
|
|
119
|
+
? getIsolatedLazyParent(
|
|
120
|
+
(lazyContext.parent as EntryData | null) ?? Store.parent,
|
|
121
|
+
)
|
|
122
|
+
: Store.parent;
|
|
117
123
|
|
|
118
124
|
// For lazy entries, merge captured counters from include() so the
|
|
119
125
|
// handler's entries get shortCode indices after sibling entries that
|