@iyulab/router 0.9.0 → 0.9.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [0.9.2] - 2026-04-13
+
+### Fixed
+- Nested route rendering now waits for child outlet readiness after parent render, preventing children from being rendered into the previous outlet when the next `<u-outlet>` is created inside a component shadow root
+- `Router.go()` now awaits `UOutlet.render()` before resolving the next outlet in the matched route chain
+- `waitOutlet()` now prefers component lifecycle-aware readiness checks (`customElements.whenDefined`, `updateComplete`, next animation frame) during outlet discovery
+
+## [0.9.1] - 2026-04-08
+
+### Fixed
+- Redirect cycle detection no longer triggers false positives on initial navigation — `visit()` check is now skipped for the first `go()` call and only applied within redirect chains (`isRedirect: true`)
+
 ## [0.9.0] - 2026-04-08
 
 ### Added

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as isExternalUrl, i as absolutePath, n as __decorate, o as parseUrl, r as __decorateMetadata, s as UOutlet, t as ULink } from "./share-CUGwxZKa.js";
+import { a as isExternalUrl, i as absolutePath, n as __decorate, o as parseUrl, r as __decorateMetadata, s as UOutlet, t as ULink } from "./share-CEEpCf48.js";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 //#region src/types/RouteError.ts
@@ -240,11 +240,13 @@ function findOutlet(element, skip = false) {
 * `u-outlet` 엘리먼트를 찾아 반환합니다. 없으면 에러를 던집니다. 
 * 
 * @param element 검색을 시작할 HTMLElement
+* @param skip element 자신을 검사에서 제외할지 여부 (기본값: false)
+* 
 * @returns 찾은 UOutlet 엘리먼트
 * @throws OutletMissingError `u-outlet` 엘리먼트를 찾지 못한 경우
 */
-function findOutletOrThrow(element) {
-	const outlet = findOutlet(element);
+function findOutletOrThrow(element, skip = false) {
+	const outlet = findOutlet(element, skip);
 	if (!outlet) throw new OutletMissingError();
 	return outlet;
 }
@@ -253,14 +255,18 @@ function findOutletOrThrow(element) {
 * 
 * @param element 대기할 엘리먼트
 * @param timeout 타임아웃 시간(밀리초, 기본값: 10_000ms)
+* @param skip element 자신을 검사에서 제외할지 여부 (기본값: false)
+* 
 * @returns 준비된 `u-outlet` 엘리먼트
 */
-async function waitOutlet(element, timeout = 1e4) {
+async function waitOutlet(element, timeout = 1e4, skip = false) {
 	const start = performance.now();
 	while (performance.now() - start < timeout) {
-		const outlet = findOutlet(element);
+		const outlet = findOutlet(element, skip);
 		if (outlet) return outlet;
-		await new Promise((r) => setTimeout(r, 50));
+		if (element.localName.includes("-")) await customElements.whenDefined(element.localName);
+		if ("updateComplete" in element) await element.updateComplete;
+		await new Promise((resolve) => requestAnimationFrame(() => resolve()));
 	}
 	throw new Error(`Timed out waiting for <u-outlet> inside <${element.tagName.toLowerCase()}>. Ensure that the router root element contains a <u-outlet> child.`);
 }
@@ -441,7 +447,7 @@ var Router = class {
 		const requestID = getRandomID();
 		this._requestID = requestID;
 		const context = parseUrl(href, this._basepath);
-		if (this._tracker.visit(context.href)) return;
+		if (options?.isRedirect && this._tracker.visit(context.href)) return;
 		const useReplace = options?.isRedirect || options?.replace || context.href === window.location.href;
 		const historyState = {
 			basepath: context.basepath,
@@ -491,14 +497,15 @@ var Router = class {
 					throw new ContentLoadError(e);
 				}
 				try {
-					outlet.render(content, {
+					await outlet.render(content, {
 						id: route.id,
 						force: route.force
 					});
 				} catch (e) {
 					throw new ContentRenderError(e);
 				}
-				outlet = findOutlet(outlet, true) || outlet;
+				if ("children" in route && route.children && route.children.length > 0) outlet = await waitOutlet(outlet, 2e3, true);
+				else outlet = findOutlet(outlet, true) || outlet;
 				title = route.title || title;
 			}
 			window.dispatchEvent(new RouteDoneEvent(context));

package/dist/react.js

@@ -1,4 +1,4 @@
-import { s as UOutlet$1, t as ULink$1 } from "./share-CUGwxZKa.js";
+import { s as UOutlet$1, t as ULink$1 } from "./share-CEEpCf48.js";
 import React from "react";
 import { createComponent } from "@lit/react";
 //#region src/react.ts

package/dist/{share-CUGwxZKa.js → share-CEEpCf48.js}

@@ -126,12 +126,12 @@ function catchBasepath(basepath) {
 	return basepath;
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.123.0/helpers/decorateMetadata.js
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorateMetadata.js
 function __decorateMetadata(k, v) {
 	if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.123.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/router",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "A modern client-side router for web applications with support for Lit and React components",
   "keywords": [
     "lit",

package/skills/iyulab-router/SKILL.md

@@ -5,7 +5,7 @@ license: MIT
 compatibility: Browser environments only (requires URLPattern and History API)
 metadata:
   author: iyulab
-  version: "0.9.0"
+  version: "0.9.2"
 ---
 
 # @iyulab/router