@iyulab/router 0.11.0 → 0.11.2

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # Changelog
 
+## [0.11.2] - 2026-08-25
+
+### Fixed
+
+- **`aria-current`/`aria-label` set on `<u-link>` never reached the accessibility tree.** The
+  host attribute was present, but the actual interactive node exposed to assistive technology
+  is the native `<a>` rendered inside the shadow root — ARIA content attributes on a shadow
+  host do not cross the shadow boundary to label or mark current a descendant. Navigation
+  links relying on `aria-current="page"` to announce the active item, or on `aria-label` for
+  their accessible name, were exposed with neither. `render()` now forwards both host
+  attributes onto the internal `<a>`, and changes made after connection are observed and
+  re-rendered.
+
+## [0.11.1] - 2026-08-20
+
+### Fixed
+
+- **Route matching threw `ReferenceError: URLPattern is not defined` on browsers that ship
+  without the URL Pattern API.** The router constructs routes with the global `URLPattern`
+  constructor directly; browsers that have not yet shipped it (older Safari and Firefox
+  releases are still common in the field) failed synchronously in `new Router(...)`, before
+  any route could render. A guarded polyfill (`urlpattern-polyfill`, self-installs only when
+  `globalThis.URLPattern` is absent) is now imported by the router's internals, so browsers
+  without native support get a working fallback and browsers with native support are
+  unaffected at runtime.
+
+### Internal
+
+- Router's own `URLPattern` construction now runs through a small local type shim — the
+  polyfill package's bundled types have not yet caught up to the constructor's `options`
+  argument (`ignoreCase`), even though its runtime implementation already supports it.
+
 ## [0.11.0] - 2026-08-07
 
 ### Added

package/dist/components/UErrorPage.d.ts

@@ -3,6 +3,15 @@ import { RouteError } from '../types/RouteError.js';
 import { TemplateResult } from 'lit-html';
 /**
  * 라우팅 중 발생한 에러 정보를 사용자에게 전달하기 위한 기본 컴포넌트 입니다.
+ *
+ * `Router`가 `fallback`을 지정하지 않았을 때 내부적으로 그리는 기본 화면이라
+ * `src/index.ts`에서 공개 export되지 않는다 — 직접 import해 쓰는 컴포넌트가
+ * 아니다. 다만 라우팅 실패 시 실제 DOM에 렌더되므로, 기본 화면의 색만 가볍게
+ * 맞추고 싶은 소비자를 위해 세 색상 훅을 남겨 둔다(전체 교체는 `fallback.render`).
+ *
+ * @cssprop --error-icon-color - 아이콘 색. 기본값 없음(미지정 시 상속된 색 사용)
+ * @cssprop --error-code-color - 에러 코드 텍스트 색. 기본값 없음(미지정 시 상속된 색 사용)
+ * @cssprop --error-message-color - 에러 메시지 텍스트 색. 기본값 없음(미지정 시 상속된 색 사용)
  */
 export declare class UErrorPage extends LitElement {
     constructor(error?: RouteError);

package/dist/components/ULink.d.ts

@@ -61,6 +61,20 @@ export declare class ULink extends LitElement {
     navigate?: "router" | "document";
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /**
+     * 호스트에 세팅된 `aria-current`/`aria-label`은 실제 접근 가능한(포커스 대상)
+     * 엘리먼트가 아니라 — 그 안쪽 shadow DOM 의 네이티브 `<a>`다. 섀도우 경계를
+     * 넘지 않으므로 접근성 트리에 자동 반영되지 않는다(docket #45 실측 — 속성은
+     * 붙어 있는데 접근성 트리의 `aria-current`는 계속 비어 있음). `render()`가 이
+     * 값을 읽어 내부 `<a>`에 직접 옮긴다.
+     *
+     * 둘 다 Lit 리액티브 프로퍼티로 선언돼 있지 않아 `observedAttributes`에 없다 —
+     * 그 목록에 없는 속성은 `attributeChangedCallback` 자체가 호출되지 않는다
+     * (커스텀 엘리먼트 표준 동작). 초기 렌더는 되지만 연결 후 동적 변경은 반영되지
+     * 않았다 — 목록에 명시적으로 추가해야 한다.
+     */
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, old: string | null, value: string | null): void;
     protected willUpdate(changedProperties: PropertyValues): void;
     render(): TemplateResult<1>;
     /** a 태그에 주입할 href 값을 계산합니다. */

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-BaGC5VOl.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-Ds0NYHr-.js";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 //#region src/types/RouteError.ts
@@ -289,6 +289,12 @@ function findAnchorFrom(event) {
 //#endregion
 //#region src/internals/route-helpers.ts
 /**
+* `urlpattern-polyfill`의 번들 타입 선언이 `options` 인자를 아직 반영하지 않는다(런타임
+* 구현은 WHATWG 스펙대로 `ignoreCase`를 지원한다 — `dist/index.js`의 3항 생성자 실측
+* 확인됨). 그 타입 공백만 좁혀서 캐스트한다.
+*/
+var createURLPattern = URLPattern;
+/**
 * 라우트들을 다음 사항에 따라 재귀적으로 재설정합니다.
 * - 각 라우트에 고유 `id`를 랜덤하게 부여합니다.
 * - `path`를 URLPattern 객체로 변환합니다.
@@ -303,13 +309,11 @@ function setRoutes(routes, basepath) {
 		route.id ||= getRandomID();
 		route.ignoreCase ||= false;
 		if (route.index === true) {
-			route.path = new URLPattern({ pathname: `${basepath}{/}?` }, { ignoreCase: route.ignoreCase });
+			route.path = new createURLPattern({ pathname: `${basepath}{/}?` }, { ignoreCase: route.ignoreCase });
 			route.force ||= true;
 		} else {
-			if (typeof route.path === "string") {
-				const absolutePathStr = absolutePath(basepath, route.path);
-				route.path = new URLPattern({ pathname: `${absolutePathStr}{/}?` }, { ignoreCase: route.ignoreCase });
-			} else if (route.path instanceof URLPattern) {} else route.path = new URLPattern({ pathname: `${basepath}{/}?` }, { ignoreCase: route.ignoreCase });
+			if (typeof route.path === "string") route.path = new createURLPattern({ pathname: `${absolutePath(basepath, route.path)}{/}?` }, { ignoreCase: route.ignoreCase });
+			else if (route.path instanceof URLPattern) {} else route.path = new createURLPattern({ pathname: `${basepath}{/}?` }, { ignoreCase: route.ignoreCase });
 			if (route.children && route.children.length > 0) {
 				const childBasepath = route.path.pathname.replace("{/}?", "");
 				route.children = setRoutes(route.children, childBasepath);

package/dist/react.js

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