@iyulab/router 0.3.0 → 0.4.0

package/dist/main.cjs.js

@@ -1,18 +1,52 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
 const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
-const react = require("@lit/react");
-const React = require("react");
 const client = require("react-dom/client");
-function absolutePath(...paths) {
-  paths = paths.map((p) => p.replace(/^\/|\/$/g, "")).filter((p) => p.length > 0);
-  if (paths.length === 0) return "/";
-  return "/" + paths.join("/");
+const e = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), n = /* @__PURE__ */ new WeakMap(), t = (e2, t2, o2, l, a) => {
+  const s = a?.[t2];
+  void 0 === s ? (e2[t2] = o2, null == o2 && t2 in HTMLElement.prototype && e2.removeAttribute(t2)) : o2 !== l && ((e3, t3, o3) => {
+    let l2 = n.get(e3);
+    void 0 === l2 && n.set(e3, l2 = /* @__PURE__ */ new Map());
+    let a2 = l2.get(t3);
+    void 0 !== o3 ? void 0 === a2 ? (l2.set(t3, a2 = { handleEvent: o3 }), e3.addEventListener(t3, a2)) : a2.handleEvent = o3 : void 0 !== a2 && (l2.delete(t3), e3.removeEventListener(t3, a2));
+  })(e2, s, o2);
+}, o = ({ react: n2, tagName: o2, elementClass: l, events: a, displayName: s }) => {
+  const c = new Set(Object.keys(a ?? {})), r = n2.forwardRef(((s2, r2) => {
+    const i = n2.useRef(/* @__PURE__ */ new Map()), d = n2.useRef(null), f = {}, u = {};
+    for (const [n3, t2] of Object.entries(s2)) e.has(n3) ? f["className" === n3 ? "class" : n3] = t2 : c.has(n3) || n3 in l.prototype ? u[n3] = t2 : f[n3] = t2;
+    return n2.useLayoutEffect((() => {
+      if (null === d.current) return;
+      const e2 = /* @__PURE__ */ new Map();
+      for (const n3 in u) t(d.current, n3, s2[n3], i.current.get(n3), a), i.current.delete(n3), e2.set(n3, s2[n3]);
+      for (const [e3, n3] of i.current) t(d.current, e3, void 0, n3, a);
+      i.current = e2;
+    })), n2.useLayoutEffect((() => {
+      d.current?.removeAttribute("defer-hydration");
+    }), []), f.suppressHydrationWarning = true, n2.createElement(o2, { ...f, ref: n2.useCallback(((e2) => {
+      d.current = e2, "function" == typeof r2 ? r2(e2) : null !== r2 && (r2.current = e2);
+    }), [r2]) });
+  }));
+  return r.displayName = s ?? l.name, r;
+};
+function isExternalUrl(url) {
+  if (!url) return false;
+  const s = url.trim();
+  if (/^(?:mailto:|tel:|javascript:)/i.test(s)) return true;
+  if (s.startsWith("//")) return true;
+  try {
+    const base = typeof window !== "undefined" ? window.location.origin : "http://localhost";
+    const parsed = new URL(s, base);
+    if (/^(?:ftp:|ftps:|data:|ws:|wss:)/i.test(parsed.protocol)) return true;
+    return parsed.origin !== new URL(base).origin;
+  } catch {
+    return false;
+  }
 }
-function parseURL(url, basepath) {
+function parseUrl(url, basepath) {
   let urlObj;
-  basepath = catchBasepath(basepath);
+  basepath = catchBasePath(basepath);
   if (url.startsWith("http")) {
     urlObj = new URL(url);
   } else if (url.startsWith("/")) {
@@ -35,7 +69,12 @@ function parseURL(url, basepath) {
     params: {}
   };
 }
-function catchBasepath(basepath) {
+function absolutePath(...paths) {
+  paths = paths.map((p) => p.replace(/^\/|\/$/g, "")).filter((p) => p.length > 0);
+  if (paths.length === 0) return "/";
+  return "/" + paths.join("/");
+}
+function catchBasePath(basepath) {
   if (basepath === "/") return basepath;
   let pattern = new URLPattern({ pathname: basepath + "/*" });
   let match = pattern.exec({ pathname: window.location.pathname });
@@ -51,9 +90,176 @@ function catchBasepath(basepath) {
   }
   return basepath;
 }
-function getRandomID() {
-  return window.isSecureContext ? window.crypto.randomUUID() : window.crypto.getRandomValues(new Uint32Array(1))[0].toString(16);
+var __defProp$1 = Object.defineProperty;
+var __decorateClass$1 = (decorators, target, key, kind) => {
+  var result = void 0;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(target, key, result) || result;
+  if (result) __defProp$1(target, key, result);
+  return result;
+};
+const _Link = class _Link extends lit.LitElement {
+  constructor() {
+    super(...arguments);
+    this.isExternal = false;
+    this.anchorHref = "#";
+    this.handleMouseDown = (event) => {
+      const isNonNavigationClick = event.button === 2 || event.metaKey || event.shiftKey || event.altKey;
+      if (event.defaultPrevented || isNonNavigationClick) return;
+      event.preventDefault();
+      event.stopPropagation();
+      const basepath = window.history.state?.basepath || "";
+      if (event.button === 1 || event.ctrlKey) {
+        window.open(this.anchorHref, "_blank");
+      } else if (!this.href) {
+        this.dispatchPopstate(basepath, basepath);
+      } else if (this.isExternal || this.href.startsWith("/") && !this.href.startsWith(basepath)) {
+        window.location.href = this.href;
+      } else if (this.href.startsWith("#")) {
+        const url = window.location.pathname + window.location.search + this.href;
+        this.dispatchHashchange(basepath, url);
+      } else if (this.href.startsWith("?")) {
+        const url = window.location.pathname + this.href;
+        this.dispatchPopstate(basepath, url);
+      } else {
+        const url = absolutePath(basepath, this.href);
+        this.dispatchPopstate(basepath, url);
+      }
+    };
+    this.preventClickEvent = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("mousedown", this.handleMouseDown);
+  }
+  disconnectedCallback() {
+    this.removeEventListener("mousedown", this.handleMouseDown);
+    super.disconnectedCallback();
+  }
+  async updated(changedProperties) {
+    super.updated(changedProperties);
+    await this.updateComplete;
+    if (changedProperties.has("href")) {
+      this.isExternal = isExternalUrl(this.href || "");
+      this.anchorHref = this.getAnchorHref(this.href);
+    }
+  }
+  render() {
+    return lit.html`
+      <a href=${this.anchorHref} @click=${this.preventClickEvent}>
+        <slot></slot>
+      </a>
+    `;
+  }
+  /** 클라이언트 라우팅을 위해 popstate 이벤트를 발생시킵니다. */
+  dispatchPopstate(basepath, url) {
+    window.history.pushState({ basepath }, "", url);
+    window.dispatchEvent(new PopStateEvent("popstate"));
+  }
+  /** 클라이언트 라우팅을 위해 hashchange 이벤트를 발생시킵니다. */
+  dispatchHashchange(basepath, url) {
+    window.history.pushState({ basepath }, "", url);
+    window.dispatchEvent(new HashChangeEvent("hashchange"));
+  }
+  /** a 태그에 주입할 href 값을 계산합니다. */
+  getAnchorHref(href) {
+    const basepath = window.history.state?.basepath || "";
+    if (!href) {
+      return window.location.origin + basepath;
+    }
+    if (this.isExternal || href.startsWith("/") || href.startsWith("#") || href.startsWith("?")) {
+      return href;
+    }
+    return absolutePath(basepath, href);
+  }
+};
+_Link.styles = lit.css`
+    :host {
+      display: inline-flex;
+      cursor: pointer;
+    }
+
+    a {
+      display: contents;
+      text-decoration: none;
+      color: inherit;
+    }
+  `;
+let Link = _Link;
+__decorateClass$1([
+  decorators_js.state()
+], Link.prototype, "anchorHref");
+__decorateClass$1([
+  decorators_js.property({ type: String })
+], Link.prototype, "href");
+class Outlet extends lit.LitElement {
+  /** 쉐도우를 사용하지 않고, 직접 렌더링합니다. */
+  createRenderRoot() {
+    return this;
+  }
+  render() {
+    return lit.html`${this.container}`;
+  }
+  /**
+   * render 함수의 결과를 렌더링합니다.
+   * - HTMLElement, ReactElement, TemplateResult를 모두 처리할 수 있습니다.
+   */
+  async renderContent({ id, content, force }) {
+    if (this.routeId === id && force === false && this.container) {
+      return this.container;
+    }
+    this.routeId = id;
+    this.clear();
+    if (!this.container) {
+      throw new Error("DOM이 초기화되지 않았습니다.");
+    }
+    if (content instanceof HTMLElement) {
+      this.container.appendChild(content);
+    } else if ("_$litType$" in content) {
+      this.content = lit.render(content, this.container);
+    } else if ("$$typeof" in content) {
+      this.content = client.createRoot(this.container);
+      this.content.render(content);
+    } else {
+      throw new Error("not supported content type for Outlet rendering.");
+    }
+    this.requestUpdate();
+    await this.updateComplete;
+    return this.container;
+  }
+  /**
+   * 기존 DOM을 라이프 사이클에 맞게 제거합니다.
+   */
+  clear() {
+    if (this.content) {
+      if ("unmount" in this.content) {
+        this.content.unmount();
+      }
+      if ("setConnected" in this.content) {
+        this.content.setConnected(false);
+      }
+      this.content = void 0;
+    }
+    this.container = document.createElement("div");
+    this.container.style.display = "contents";
+  }
 }
+customElements.define("u-link", Link);
+customElements.define("u-outlet", Outlet);
+const ULink = o({
+  react: React,
+  tagName: "u-link",
+  elementClass: Link
+});
+const UOutlet = o({
+  react: React,
+  tagName: "u-outlet",
+  elementClass: Outlet
+});
 class RouteError extends Error {
   constructor(code, message, original) {
     super(message);
@@ -367,14 +573,14 @@ const styles = lit.css`
     }
   }
 `;
-var __defProp$1 = Object.defineProperty;
+var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass$1 = (decorators, target, key, kind) => {
+var __decorateClass = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$1(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ErrorPage = class extends lit.LitElement {
@@ -440,32 +646,167 @@ let ErrorPage = class extends lit.LitElement {
   }
 };
 ErrorPage.styles = styles;
-__decorateClass$1([
+__decorateClass([
   decorators_js.property({ type: Object })
 ], ErrorPage.prototype, "error", 2);
-ErrorPage = __decorateClass$1([
+ErrorPage = __decorateClass([
   decorators_js.customElement("u-error-page")
 ], ErrorPage);
+function getRandomID() {
+  return window.isSecureContext ? window.crypto.randomUUID() : window.crypto.getRandomValues(new Uint32Array(1))[0].toString(16);
+}
+function findOutlet(element) {
+  let outlet = void 0;
+  if (element.shadowRoot) {
+    outlet = element.shadowRoot.querySelector("u-outlet");
+    if (outlet) return outlet;
+    for (const child of Array.from(element.shadowRoot.children)) {
+      outlet = findOutlet(child);
+      if (outlet) return outlet;
+    }
+  } else {
+    outlet = element.querySelector("u-outlet");
+    if (outlet) return outlet;
+    for (const child of Array.from(element.children)) {
+      outlet = findOutlet(child);
+      if (outlet) return outlet;
+    }
+  }
+  return void 0;
+}
+function findOutletOrThrow(element) {
+  const outlet = findOutlet(element);
+  if (!outlet) {
+    throw new Error("No Outlet component found in the root element.");
+  }
+  return outlet;
+}
+function findAnchorFromEvent(e2) {
+  const targets = e2.composedPath() || [];
+  if (targets && targets.length) {
+    for (const node of targets) {
+      if (!(node instanceof Element)) continue;
+      if (node.tagName === "A") return node;
+    }
+  }
+  const tgt = e2.target;
+  if (!tgt) return null;
+  const anchor = tgt.closest("a");
+  return anchor;
+}
+function setRoutes(routes, basepath) {
+  for (const route of routes) {
+    route.id ||= getRandomID();
+    if ("index" in route && route.index) {
+      route.path = new URLPattern({ pathname: `${basepath}{/}?` });
+    } else if ("path" in route && route.path) {
+      if (typeof route.path === "string") {
+        const absolutePathStr = absolutePath(basepath, route.path);
+        route.path = new URLPattern({ pathname: `${absolutePathStr}{/}?` });
+      }
+    } else {
+      throw new Error('Route must have either "index" or "path" property defined.');
+    }
+    if (route.children && route.children.length > 0) {
+      let childBasepath;
+      if ("index" in route) {
+        childBasepath = basepath;
+      } else {
+        if (typeof route.path === "string") {
+          childBasepath = absolutePath(basepath, route.path);
+        } else {
+          childBasepath = route.path.pathname.replace("{/}?", "");
+        }
+      }
+      route.children = setRoutes(route.children, childBasepath);
+      route.force ||= false;
+    } else {
+      route.force ||= true;
+    }
+  }
+  return routes;
+}
+function getRoutes(pathname, routes) {
+  for (const route of routes) {
+    if (route.children) {
+      const childRoutes = getRoutes(pathname, route.children);
+      if (childRoutes.length > 0) {
+        return [route, ...childRoutes];
+      }
+    }
+    let matches = false;
+    if ("index" in route && route.index && route.path) {
+      matches = route.path.test({ pathname });
+    } else if ("path" in route && route.path instanceof URLPattern) {
+      matches = route.path.test({ pathname });
+    }
+    if (matches) {
+      return [route];
+    }
+  }
+  return [];
+}
 class Router {
   constructor(config) {
-    this._counter = 0;
-    this.handlePopstate = async () => {
+    this.handleWindowPopstate = async () => {
       const href = window.location.href;
       await this.go(href);
     };
+    this.handleRootClick = (e2) => {
+      try {
+        if (e2.defaultPrevented) return;
+        if (e2.button !== 0 || e2.metaKey || e2.ctrlKey || e2.shiftKey) return;
+        const anchor = findAnchorFromEvent(e2);
+        if (!anchor) return;
+        const href = anchor.getAttribute("href") || anchor.href;
+        if (!href) return;
+        if (isExternalUrl(href)) return;
+        if (anchor.hasAttribute("download")) return;
+        if (anchor.getAttribute("rel") === "external") return;
+        if (anchor.target && anchor.target !== "") return;
+        e2.preventDefault();
+        void this.go(anchor.href);
+      } catch {
+      }
+    };
     this._rootElement = config.root;
     this._basepath = absolutePath(config.basepath || "/");
-    this._routes = this.setRoutes(config.routes, this._basepath);
-    window.removeEventListener("popstate", this.handlePopstate);
-    window.addEventListener("popstate", this.handlePopstate);
-    this.initiate();
+    this._routes = setRoutes(config.routes, this._basepath);
+    this.waitConnected();
+    window.removeEventListener("popstate", this.handleWindowPopstate);
+    window.addEventListener("popstate", this.handleWindowPopstate);
+    if (config.useIntercept !== false) {
+      this._rootElement.removeEventListener("click", this.handleRootClick);
+      this._rootElement.addEventListener("click", this.handleRootClick);
+    }
   }
+  /** 초기 라우팅 처리, TODO: 제거 */
+  async waitConnected() {
+    let outlet = findOutlet(this._rootElement);
+    let count = 0;
+    while (!outlet && count < 20) {
+      await new Promise((resolve) => setTimeout(resolve, 50));
+      outlet = findOutlet(this._rootElement);
+      count++;
+    }
+    this.handleWindowPopstate();
+  }
+  /** 객체를 정리하고 이벤트 리스너를 제거합니다. */
+  destroy() {
+    window.removeEventListener("popstate", this.handleWindowPopstate);
+    this._rootElement.removeEventListener("click", this.handleRootClick);
+    this._routeInfo = void 0;
+    this._requestID = void 0;
+  }
+  /** 라우터의 기본 경로 반환 */
   get basepath() {
     return this._basepath;
   }
+  /** 등록된 라우트 반환 */
   get routes() {
     return this._routes;
   }
+  /** 현재 라우팅 정보 반환 */
   get routeInfo() {
     return this._routeInfo;
   }
@@ -476,12 +817,12 @@ class Router {
   async go(href) {
     const requestID = getRandomID();
     this._requestID = requestID;
-    const routeInfo = parseURL(href, this._basepath);
+    const routeInfo = parseUrl(href, this._basepath);
     if (routeInfo.href === this._routeInfo?.href) return;
     try {
       if (this._requestID !== requestID) return;
       window.dispatchEvent(new RouteBeginEvent(routeInfo));
-      const routes = this.getRoutes(routeInfo.pathname);
+      const routes = getRoutes(routeInfo.pathname, this._routes);
       const lastRoute = routes[routes.length - 1];
       if (lastRoute && "path" in lastRoute && lastRoute.path instanceof URLPattern) {
         routeInfo.params = lastRoute.path.exec({ pathname: routeInfo.pathname })?.pathname.groups || {};
@@ -492,13 +833,13 @@ class Router {
       if (routes.length === 0) {
         throw new NotFoundRouteError(routeInfo.href);
       }
-      let outlet = this.findOutletOrThrow(this._rootElement);
+      let outlet = findOutletOrThrow(this._rootElement);
       let title = void 0;
       for (const route of routes) {
         if (this._requestID !== requestID) return;
         const content = route.render(routeInfo);
         const element = await outlet.renderContent({ id: route.id, content, force: route.force });
-        outlet = this.findOutlet(element) || outlet;
+        outlet = findOutlet(element) || outlet;
         title = route.title || title;
       }
       document.title = title || document.title;
@@ -528,285 +869,7 @@ class Router {
       }
     }
   }
-  /** 초기 라우팅 처리, TODO: 제거 */
-  async initiate() {
-    let outlet = await this.findOutlet(this._rootElement);
-    while (!outlet && this._counter < 20) {
-      await new Promise((resolve) => setTimeout(resolve, 50));
-      this._counter++;
-      outlet = await this.findOutlet(this._rootElement);
-    }
-    this._counter = 0;
-    this.handlePopstate();
-  }
-  /** 라우트를 재설정합니다. */
-  setRoutes(routes, basepath) {
-    for (const route of routes) {
-      route.id ||= getRandomID();
-      if ("index" in route && route.index) {
-        route.path = new URLPattern({ pathname: `${basepath}{/}?` });
-      } else if ("path" in route && route.path) {
-        if (typeof route.path === "string") {
-          const absolutePathStr = absolutePath(basepath, route.path);
-          route.path = new URLPattern({ pathname: `${absolutePathStr}{/}?` });
-        }
-      } else {
-        throw new Error('Route must have either "index" or "path" property defined.');
-      }
-      if (route.children && route.children.length > 0) {
-        let childBasepath;
-        if ("index" in route) {
-          childBasepath = basepath;
-        } else {
-          if (typeof route.path === "string") {
-            childBasepath = absolutePath(basepath, route.path);
-          } else {
-            childBasepath = route.path.pathname.replace("{/}?", "");
-          }
-        }
-        route.children = this.setRoutes(route.children, childBasepath);
-        route.force ||= false;
-      } else {
-        route.force ||= true;
-      }
-    }
-    return routes;
-  }
-  /** URLPattern을 사용하여 경로와 일치하는 라우트들을 자식 라우트까지 포함하여 반환합니다. */
-  getRoutes(pathname, routes = this._routes) {
-    for (const route of routes) {
-      if (route.children) {
-        const childRoutes = this.getRoutes(pathname, route.children);
-        if (childRoutes.length > 0) {
-          return [route, ...childRoutes];
-        }
-      }
-      let matches = false;
-      if ("index" in route && route.index && route.path) {
-        matches = route.path.test({ pathname });
-      } else if ("path" in route && route.path instanceof URLPattern) {
-        matches = route.path.test({ pathname });
-      }
-      if (matches) {
-        return [route];
-      }
-    }
-    return [];
-  }
-  /** Outlet 엘리먼트를 찾아 반환합니다. */
-  findOutlet(element) {
-    let outlet = void 0;
-    if (element.shadowRoot) {
-      outlet = element.shadowRoot.querySelector("u-outlet");
-      if (outlet) return outlet;
-      for (const child of Array.from(element.shadowRoot.children)) {
-        outlet = this.findOutlet(child);
-        if (outlet) return outlet;
-      }
-    } else {
-      outlet = element.querySelector("u-outlet");
-      if (outlet) return outlet;
-      for (const child of Array.from(element.children)) {
-        outlet = this.findOutlet(child);
-        if (outlet) return outlet;
-      }
-    }
-    return void 0;
-  }
-  /** Outlet 엘리먼트를 찾아 반환합니다. 없으면 에러를 던집니다. */
-  findOutletOrThrow(element) {
-    const outlet = this.findOutlet(element);
-    if (!outlet) {
-      throw new Error("No Outlet component found in the root element.");
-    }
-    return outlet;
-  }
 }
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-const EXTERNAL_LINK_PATTERNS = [
-  /^http/,
-  /^\/\//,
-  /^mailto:/,
-  /^tel:/,
-  /^javascript:/,
-  /^ftp:/,
-  /^data:/,
-  /^ws:/,
-  /^wss:/
-];
-const _Link = class _Link extends lit.LitElement {
-  constructor() {
-    super(...arguments);
-    this.isExternal = false;
-    this.anchorHref = "#";
-    this.handleMouseDown = (event) => {
-      const isNonNavigationClick = event.button === 2 || event.metaKey || event.shiftKey || event.altKey;
-      if (event.defaultPrevented || isNonNavigationClick) return;
-      event.preventDefault();
-      event.stopPropagation();
-      const basepath = window.history.state?.basepath || "";
-      if (event.button === 1 || event.ctrlKey) {
-        window.open(this.anchorHref, "_blank");
-      } else if (!this.href) {
-        this.dispatchPopstate(basepath, basepath);
-      } else if (this.isExternal || this.href.startsWith("/") && !this.href.startsWith(basepath)) {
-        window.location.href = this.href;
-      } else if (this.href.startsWith("#")) {
-        const url = window.location.pathname + window.location.search + this.href;
-        this.dispatchHashchange(basepath, url);
-      } else if (this.href.startsWith("?")) {
-        const url = window.location.pathname + this.href;
-        this.dispatchPopstate(basepath, url);
-      } else {
-        const url = absolutePath(basepath, this.href);
-        this.dispatchPopstate(basepath, url);
-      }
-    };
-    this.preventClickEvent = (event) => {
-      event.preventDefault();
-      event.stopPropagation();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener("mousedown", this.handleMouseDown);
-  }
-  disconnectedCallback() {
-    this.removeEventListener("mousedown", this.handleMouseDown);
-    super.disconnectedCallback();
-  }
-  async updated(changedProperties) {
-    super.updated(changedProperties);
-    await this.updateComplete;
-    if (changedProperties.has("href")) {
-      this.isExternal = this.checkExternalLink(this.href || "");
-      this.anchorHref = this.getAnchorHref(this.href);
-    }
-  }
-  render() {
-    return lit.html`
-      <a href=${this.anchorHref} @click=${this.preventClickEvent}>
-        <slot></slot>
-      </a>
-    `;
-  }
-  /** 클라이언트 라우팅을 위해 popstate 이벤트를 발생시킵니다. */
-  dispatchPopstate(basepath, url) {
-    window.history.pushState({ basepath }, "", url);
-    window.dispatchEvent(new PopStateEvent("popstate"));
-  }
-  /** 클라이언트 라우팅을 위해 hashchange 이벤트를 발생시킵니다. */
-  dispatchHashchange(basepath, url) {
-    window.history.pushState({ basepath }, "", url);
-    window.dispatchEvent(new HashChangeEvent("hashchange"));
-  }
-  /** 외부 링크인지 확인합니다. */
-  checkExternalLink(href) {
-    return EXTERNAL_LINK_PATTERNS.some((pattern) => pattern.test(href));
-  }
-  /** a 태그의 href 값을 계산합니다. */
-  getAnchorHref(href) {
-    const basepath = window.history.state?.basepath || "";
-    if (!href) {
-      return window.location.origin + basepath;
-    }
-    if (this.isExternal || href.startsWith("/") || href.startsWith("#") || href.startsWith("?")) {
-      return href;
-    }
-    return absolutePath(basepath, href);
-  }
-};
-_Link.styles = lit.css`
-    :host {
-      display: inline-flex;
-      cursor: pointer;
-    }
-
-    a {
-      display: contents;
-      text-decoration: none;
-      color: inherit;
-    }
-  `;
-let Link = _Link;
-__decorateClass([
-  decorators_js.state()
-], Link.prototype, "anchorHref");
-__decorateClass([
-  decorators_js.property({ type: String })
-], Link.prototype, "href");
-class Outlet extends lit.LitElement {
-  /** 쉐도우를 사용하지 않고, 직접 렌더링합니다. */
-  createRenderRoot() {
-    return this;
-  }
-  render() {
-    return lit.html`${this.container}`;
-  }
-  /**
-   * render 함수의 결과를 렌더링합니다.
-   * - HTMLElement, ReactElement, TemplateResult를 모두 처리할 수 있습니다.
-   */
-  async renderContent({ id, content, force }) {
-    if (this.routeId === id && force === false && this.container) {
-      return this.container;
-    }
-    this.routeId = id;
-    this.clear();
-    if (!this.container) {
-      throw new Error("DOM이 초기화되지 않았습니다.");
-    }
-    if (content instanceof HTMLElement) {
-      this.container.appendChild(content);
-    } else if ("_$litType$" in content) {
-      this.content = lit.render(content, this.container);
-    } else if ("$$typeof" in content) {
-      this.content = client.createRoot(this.container);
-      this.content.render(content);
-    } else {
-      throw new Error("not supported content type for Outlet rendering.");
-    }
-    this.requestUpdate();
-    await this.updateComplete;
-    return this.container;
-  }
-  /**
-   * 기존 DOM을 라이프 사이클에 맞게 제거합니다.
-   */
-  clear() {
-    if (this.content) {
-      if ("unmount" in this.content) {
-        this.content.unmount();
-      }
-      if ("setConnected" in this.content) {
-        this.content.setConnected(false);
-      }
-      this.content = void 0;
-    }
-    this.container = document.createElement("div");
-    this.container.style.display = "contents";
-  }
-}
-customElements.define("u-link", Link);
-customElements.define("u-outlet", Outlet);
-const ULink = react.createComponent({
-  react: React,
-  tagName: "u-link",
-  elementClass: Link
-});
-const UOutlet = react.createComponent({
-  react: React,
-  tagName: "u-outlet",
-  elementClass: Outlet
-});
 exports.Link = Link;
 exports.NotFoundRouteError = NotFoundRouteError;
 exports.Outlet = Outlet;