@absolutejs/absolute 0.19.0-beta.836 → 0.19.0-beta.838

package/dist/angular/components/core/streamingSlotRegistrar.js

@@ -1,7 +1,7 @@
 // @bun
 var __require = import.meta.require;
 
-// .angular-partial-tmp-bA9nAi/src/core/streamingSlotRegistrar.ts
+// .angular-partial-tmp-xc0HoU/src/core/streamingSlotRegistrar.ts
 var STREAMING_SLOT_REGISTRAR_KEY = Symbol.for("absolutejs.streamingSlotRegistrar");
 var STREAMING_SLOT_WARNING_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotWarningController");
 var STREAMING_SLOT_COLLECTION_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotCollectionController");

package/dist/angular/components/core/streamingSlotRegistry.js

@@ -1,7 +1,7 @@
 // @bun
 var __require = import.meta.require;
 
-// .angular-partial-tmp-bA9nAi/src/core/streamingSlotRegistrar.ts
+// .angular-partial-tmp-xc0HoU/src/core/streamingSlotRegistrar.ts
 var STREAMING_SLOT_REGISTRAR_KEY = Symbol.for("absolutejs.streamingSlotRegistrar");
 var STREAMING_SLOT_WARNING_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotWarningController");
 var STREAMING_SLOT_COLLECTION_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotCollectionController");
@@ -48,7 +48,7 @@ var warnMissingStreamingSlotCollector = (primitiveName) => {
   getWarningController()?.maybeWarn(primitiveName);
 };
 
-// .angular-partial-tmp-bA9nAi/src/core/streamingSlotRegistry.ts
+// .angular-partial-tmp-xc0HoU/src/core/streamingSlotRegistry.ts
 var STREAMING_SLOT_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotAsyncLocalStorage");
 var isObjectRecord2 = (value) => Boolean(value) && typeof value === "object";
 var isAsyncLocalStorage = (value) => isObjectRecord2(value) && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function";

package/dist/dev/client/errorOverlay.ts

@@ -11,6 +11,11 @@ let currentOverlayKind: 'compilation' | 'runtime' | null = null;
 // a "N of M" badge so you can step through them.
 const runtimeErrors: ErrorOverlayOptions[] = [];
 let activeRuntimeIndex = 0;
+let pendingCompilationOpts: ErrorOverlayOptions | null = null;
+// Tracks which queue renderOverlay should pull from. Driven by
+// showErrorOverlay BEFORE renderOverlay runs so the choice is unambiguous
+// (currentOverlayKind reflects what's currently mounted, not what's queued).
+let activeMode: 'runtime' | 'compilation' | null = null;
 
 const frameworkLabels: Record<string, string> = {
 	angular: 'Angular',
@@ -48,6 +53,8 @@ export const hideErrorOverlay = () => {
 	// fresh overlay, otherwise stale entries accumulate forever.
 	runtimeErrors.length = 0;
 	activeRuntimeIndex = 0;
+	pendingCompilationOpts = null;
+	activeMode = null;
 	if (!elm || !elm.parentNode) {
 		removeOverlayElement();
 
@@ -258,7 +265,7 @@ const formatErrorForCopy = (opts: ErrorOverlayOptions) => {
 
 const renderOverlay = () => {
 	const opts =
-		currentOverlayKind === 'runtime'
+		activeMode === 'runtime'
 			? runtimeErrors[activeRuntimeIndex]
 			: pendingCompilationOpts;
 	if (!opts) return;
@@ -299,7 +306,7 @@ const renderOverlay = () => {
 	// Multi-error nav: visible only when more than one runtime error has
 	// fired since the last dismiss. Compilation errors always replace, so
 	// they never need this row.
-	if (currentOverlayKind === 'runtime' && runtimeErrors.length > 1) {
+	if (activeMode === 'runtime' && runtimeErrors.length > 1) {
 		const navRow = document.createElement('div');
 		navRow.style.cssText =
 			'display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:10px 14px;background:rgba(71,85,105,0.25);border-radius:10px;border:1px solid rgba(71,85,105,0.4);';
@@ -340,7 +347,7 @@ const renderOverlay = () => {
 	if (locSection) content.appendChild(locSection);
 	const stackSection = buildStackSection(stack, message);
 	if (stackSection) content.appendChild(stackSection);
-	if (currentOverlayKind === 'runtime') {
+	if (activeMode === 'runtime') {
 		content.appendChild(buildDiagnosticsSection());
 	}
 
@@ -412,10 +419,9 @@ const renderOverlay = () => {
 	errorOverlayElement = overlay;
 };
 
-let pendingCompilationOpts: ErrorOverlayOptions | null = null;
-
 export const showErrorOverlay = (opts: ErrorOverlayOptions) => {
 	const kind = opts.kind || 'compilation';
+	activeMode = kind;
 	if (kind === 'runtime') {
 		// Suppress duplicates — Angular and other frameworks often re-throw
 		// the same error from multiple async boundaries (zone, scheduler,

package/dist/svelte/router/Route.svelte

@@ -25,26 +25,30 @@
 	const registrationOrder = Number(id.slice(1));
 
 	// Register synchronously at script-body time so SSR (which doesn't
-	// run $effect) sees the registration. The Router itself owns
-	// rendering of the winning route's content — Route emits no DOM and
-	// no hydration markers, so a page with N <Route>s produces ONE
-	// `{#if}` block in the rendered HTML, not N.
-	const initialCompiled = compilePattern(
-		joinBasepath(registry.basepath, path)
-	);
+	// run $effect) sees the registration before the template runs.
 	registry.register(id, {
-		content: content as Snippet<[Record<string, string | undefined>]>,
-		pattern: initialCompiled,
+		pattern: compilePattern(joinBasepath(registry.basepath, path)),
 		registrationOrder
 	});
 
 	$effect(() => {
 		registry.register(id, {
-			content: content as Snippet<[Record<string, string | undefined>]>,
 			pattern: compilePattern(joinBasepath(registry.basepath, path)),
 			registrationOrder
 		});
 	});
 
 	onDestroy(() => registry.deregister(id));
+
+	// The Router computes the active match across all registered Routes
+	// (specificity-ranked). Each Route checks if it's the winner and
+	// renders its own content at its own location in the markup. That
+	// way `<Route>` nested inside a layout `<section>` renders inside
+	// that section instead of getting hoisted to the Router's root.
+	const match = $derived(registry.getActiveMatch());
+	const isActive = $derived(match?.id === id);
 </script>
+
+{#if isActive && match}
+	{@render content(match.params as ExtractRouteParams<Path>)}
+{/if}

package/dist/svelte/router/Router.svelte

@@ -1,15 +1,14 @@
 <script lang="ts" module>
-	import type { Snippet } from 'svelte';
-
 	type RouteEntry = {
 		// reactive — read by the winner-resolver
 		pattern: ReturnType<typeof import('./matchPath').compilePattern>;
 		// stable — assigned at registration time, used as tiebreaker
 		registrationOrder: number;
-		// the snippet the winning Route should render — extraction lives
-		// on the Router so the active branch renders inside ONE if-block
-		// instead of one per Route (one set of hydration markers, not N)
-		content: Snippet<[Record<string, string | undefined>]>;
+	};
+
+	type ActiveMatch = {
+		id: string;
+		params: Record<string, string | undefined>;
 	};
 
 	export type RouterRegistry = {
@@ -18,11 +17,16 @@
 		register: (id: string, entry: RouteEntry) => void;
 		deregister: (id: string) => void;
 		nextRouteId: () => string;
+		// Returns the currently-winning Route's id and matched params, or null
+		// if no Route matches. Routes call this to decide whether to render.
+		// Reads $state internally, so callers using it inside $derived/$effect
+		// auto-subscribe to URL + registration changes.
+		getActiveMatch: () => ActiveMatch | null;
 	};
 </script>
 
 <script lang="ts">
-	import { getContext, onMount, setContext } from 'svelte';
+	import { getContext, onMount, setContext, type Snippet } from 'svelte';
 	import type { RouterMode } from '../../types/svelteRouter';
 	import { setRouterMode } from './goto';
 	import { hashPathnameOf } from './hashMode';
@@ -64,15 +68,17 @@
 	const isOutermost = parent === undefined;
 
 	// Specificity ranking across siblings: each <Route> registers with
-	// its compiled pattern + content snippet + a stable mount-order
-	// index. The winner is computed lazily from the current URL — highest
-	// score wins; ties break by earlier registration order.
+	// its compiled pattern + a stable mount-order index. The winner is
+	// computed lazily from the current URL — highest score wins; ties
+	// break by earlier registration order. The winning Route then renders
+	// its own content at ITS location in the markup (so a Route nested
+	// inside a layout `<section>` renders inside that section, not at the
+	// Router's root).
 	const routes = $state(new Map<string, RouteEntry>());
 	let routeCounter = 0;
 
-	const computeWinner = () => {
+	const computeWinner = (): ActiveMatch | null => {
 		let bestId: string | null = null;
-		let bestEntry: RouteEntry | null = null;
 		let bestParams: Record<string, string | undefined> | null = null;
 		let bestScore = -Infinity;
 		let bestOrder = Infinity;
@@ -89,21 +95,25 @@
 				bestScore = entry.pattern.score;
 				bestOrder = entry.registrationOrder;
 				bestId = id;
-				bestEntry = entry;
 				bestParams = match.params as Record<string, string | undefined>;
 			}
 		}
 
-		return bestId && bestEntry && bestParams
-			? { content: bestEntry.content, params: bestParams }
+		return bestId && bestParams
+			? { id: bestId, params: bestParams }
 			: null;
 	};
 
+	// Recompute on every page.url change OR routes registry mutation.
+	// Reading $state during $derived auto-tracks both dependencies.
+	const winner = $derived(computeWinner());
+
 	const registry: RouterRegistry = {
 		basepath: stackedBasepath,
 		deregister: (id) => {
 			routes.delete(id);
 		},
+		getActiveMatch: () => winner,
 		mode: stackedMode,
 		nextRouteId: () => `r${routeCounter++}`,
 		register: (id, entry) => {
@@ -113,10 +123,6 @@
 
 	setContext<RouterRegistry>(ROUTER_CONTEXT_KEY, registry);
 
-	// Recompute on every page.url change OR routes registry mutation.
-	// Reading $state during $derived auto-tracks both dependencies.
-	const winner = $derived(computeWinner());
-
 	if (isOutermost) {
 		setRouterMode(stackedMode);
 
@@ -176,6 +182,3 @@
 </script>
 
 {@render children?.()}
-{#if winner}
-	{@render winner.content(winner.params)}
-{/if}

package/package.json

@@ -384,5 +384,5 @@
 			]
 		}
 	},
-	"version": "0.19.0-beta.836"
+	"version": "0.19.0-beta.838"
 }