@rue-js/router 0.0.20

package/dist/router.cjs.js

@@ -0,0 +1,211 @@
+/**
+* @rue-js/router v0.0.20
+* (c) 2025-present Xiangmin Liu and Rue contributors
+* @license MIT
+**/
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var rueJs = require('rue-js');
+var shared = require('@rue-js/shared');
+
+const __routerByContainer = /* @__PURE__ */ new WeakMap();
+let __activeRouter = null;
+const attachRouter = (router) => {
+  const c = rueJs.getCurrentContainer();
+  if (c) __routerByContainer.set(c, router);
+  __activeRouter = router;
+};
+const createWebHashHistory = () => {
+  const g = globalThis;
+  if (g && g.location) {
+    if (!g.location.hash) g.location.hash = "#/";
+  }
+  const loc = () => {
+    const s = g && g.location && g.location.hash ? String(g.location.hash).replace(/^#/, "") : "";
+    return s || "/";
+  };
+  const listen = (cb) => {
+    if (g && g.addEventListener) g.addEventListener("hashchange", cb);
+  };
+  return {
+    location: loc,
+    push: (p) => {
+      const next = p.startsWith("#") ? p.slice(1) : p;
+      if (next === loc()) return;
+      if (g && g.location) {
+        g.location.hash = next;
+      }
+      if (g && g.dispatchEvent && g.HashChangeEvent) {
+        g.dispatchEvent(new g.HashChangeEvent("hashchange"));
+      }
+    },
+    replace: (p) => {
+      const next = p.startsWith("#") ? p.slice(1) : p;
+      if (next === loc()) return;
+      const href = "#" + next;
+      if (g && g.location && typeof g.location.replace === "function") {
+        g.location.replace(href);
+      }
+      if (g && g.dispatchEvent && g.HashChangeEvent) {
+        g.dispatchEvent(new g.HashChangeEvent("hashchange"));
+      }
+    },
+    listen,
+    back: () => {
+      if (g && g.history && typeof g.history.back === "function") g.history.back();
+    }
+  };
+};
+const createRouter = (options) => {
+  const currentPath = rueJs.signal(options.history.location(), {}, true);
+  const compilePath = (path) => {
+    const keys = [];
+    const reStr = "^" + path.replace(/\/:([^/()]+)(?:\(([^)]+)\))?/g, (_m, name, pattern) => {
+      keys.push(name);
+      const group = pattern ? `(${pattern})` : "([^/]+)";
+      return `/${group}`;
+    }) + "$";
+    return { re: new RegExp(reStr), keys };
+  };
+  const compiled = options.routes.map(
+    (r) => shared.extend(r, {
+      _c: compilePath(r.path)
+    })
+  );
+  const match = (path) => {
+    for (let i = 0; i < compiled.length; i++) {
+      const r = compiled[i];
+      const m = r._c.re.exec(path);
+      if (m) {
+        const params = {};
+        r._c.keys.forEach((k, idx) => {
+          params[k] = decodeURIComponent(m[idx + 1] || "");
+        });
+        return { record: r, params, path };
+      }
+    }
+    return null;
+  };
+  const matchRoute = match(currentPath.get());
+  if (null === matchRoute) {
+    throw new Error("No route matched path " + currentPath.get());
+  }
+  const route = rueJs.signal(matchRoute, {}, true);
+  options.history.listen(() => {
+    const p = options.history.location();
+    if (p === currentPath.get()) {
+      return;
+    }
+    const matchRoute2 = match(p);
+    if (null === matchRoute2) {
+      throw new Error("No route matched path " + p);
+    }
+    currentPath.set(p);
+    route.set(matchRoute2);
+  });
+  const router = {
+    currentPath,
+    route,
+    push: (p) => options.history.push(p),
+    replace: (p) => options.history.replace(p),
+    back: () => {
+      if (options.history.back) return options.history.back();
+      const gg = globalThis;
+      if (gg.history && typeof gg.history.back === "function") gg.history.back();
+    },
+    routes: options.routes,
+    history: options.history,
+    /** 插件安装：绑定当前 Router 到容器上下文 */
+    install: (_app, _options) => {
+      attachRouter(router);
+    }
+  };
+  return router;
+};
+const useRouter = () => {
+  const c = rueJs.getCurrentContainer();
+  const r = (c ? __routerByContainer.get(c) || null : null) || __activeRouter;
+  if (!r) throw new Error("Router not installed for current application/container");
+  return r;
+};
+const RouterView = () => {
+  const { container } = rueJs.useSetup(() => {
+    const r = useRouter();
+    const container2 = document.createDocumentFragment();
+    const startEl = document.createComment("rue-router-view-start");
+    const endEl = document.createComment("rue-router-view-end");
+    container2.appendChild(startEl);
+    container2.appendChild(endEl);
+    const clearRange = () => {
+      const vnodeLike = rueJs.vapor(() => ({ vaporElement: document.createDocumentFragment() }));
+      const parent = startEl.parentNode || container2;
+      rueJs.renderBetween(vnodeLike, parent, startEl, endEl);
+    };
+    let lastComponent = null;
+    rueJs.watchEffect(() => {
+      const data = r.route.get();
+      if (!data) {
+        clearRange();
+        lastComponent = null;
+      } else {
+        const comp = data.record.component;
+        if (lastComponent && comp === lastComponent) {
+          return;
+        }
+        lastComponent = comp;
+        const vnodeLike = rueJs.h(comp, { params: data.params });
+        const parent = startEl.parentNode || container2;
+        rueJs.renderBetween(vnodeLike, parent, startEl, endEl);
+      }
+    });
+    return { container: container2 };
+  });
+  return rueJs.vapor(() => ({ vaporElement: container }));
+};
+const RouterLink = (props) => {
+  const { container } = rueJs.useSetup(() => {
+    const c = rueJs.getCurrentContainer();
+    const r = (c ? __routerByContainer.get(c) || null : null) || __activeRouter;
+    if (!r) throw new Error("Router not installed for current application/container");
+    const container2 = document.createDocumentFragment();
+    const startEl = document.createComment("rue-router-link-start");
+    const endEl = document.createComment("rue-router-link-end");
+    container2.appendChild(startEl);
+    container2.appendChild(endEl);
+    rueJs.watchEffect(() => {
+      const to = String(props.to || "");
+      const replace = !!props.replace;
+      const { children, to: _to, replace: _replace, ...rest } = props;
+      const click = (e) => {
+        if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
+          return;
+        }
+        e.preventDefault();
+        const nav = replace ? r.replace : r.push;
+        nav(to);
+      };
+      const childList = Array.isArray(children) ? children : children != null ? [children] : [];
+      const vnodeLike = rueJs.h("a", { href: "#" + to, onClick: click, ...rest }, ...childList);
+      const parent = startEl.parentNode || container2;
+      rueJs.renderBetween(vnodeLike, parent, startEl, endEl);
+    });
+    return { container: container2 };
+  });
+  return rueJs.vapor(() => ({ vaporElement: container }));
+};
+const useRoute = () => {
+  const c = rueJs.getCurrentContainer();
+  const r = (c ? __routerByContainer.get(c) || null : null) || __activeRouter;
+  if (!r) throw new Error("Router not installed for current application/container");
+  return r.route;
+};
+
+exports.RouterLink = RouterLink;
+exports.RouterView = RouterView;
+exports.attachRouter = attachRouter;
+exports.createRouter = createRouter;
+exports.createWebHashHistory = createWebHashHistory;
+exports.useRoute = useRoute;
+exports.useRouter = useRouter;

package/dist/router.cjs.prod.js

@@ -0,0 +1,211 @@
+/**
+* @rue-js/router v0.0.20
+* (c) 2025-present Xiangmin Liu and Rue contributors
+* @license MIT
+**/
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var rueJs = require('rue-js');
+var shared = require('@rue-js/shared');
+
+const __routerByContainer = /* @__PURE__ */ new WeakMap();
+let __activeRouter = null;
+const attachRouter = (router) => {
+  const c = rueJs.getCurrentContainer();
+  if (c) __routerByContainer.set(c, router);
+  __activeRouter = router;
+};
+const createWebHashHistory = () => {
+  const g = globalThis;
+  if (g && g.location) {
+    if (!g.location.hash) g.location.hash = "#/";
+  }
+  const loc = () => {
+    const s = g && g.location && g.location.hash ? String(g.location.hash).replace(/^#/, "") : "";
+    return s || "/";
+  };
+  const listen = (cb) => {
+    if (g && g.addEventListener) g.addEventListener("hashchange", cb);
+  };
+  return {
+    location: loc,
+    push: (p) => {
+      const next = p.startsWith("#") ? p.slice(1) : p;
+      if (next === loc()) return;
+      if (g && g.location) {
+        g.location.hash = next;
+      }
+      if (g && g.dispatchEvent && g.HashChangeEvent) {
+        g.dispatchEvent(new g.HashChangeEvent("hashchange"));
+      }
+    },
+    replace: (p) => {
+      const next = p.startsWith("#") ? p.slice(1) : p;
+      if (next === loc()) return;
+      const href = "#" + next;
+      if (g && g.location && typeof g.location.replace === "function") {
+        g.location.replace(href);
+      }
+      if (g && g.dispatchEvent && g.HashChangeEvent) {
+        g.dispatchEvent(new g.HashChangeEvent("hashchange"));
+      }
+    },
+    listen,
+    back: () => {
+      if (g && g.history && typeof g.history.back === "function") g.history.back();
+    }
+  };
+};
+const createRouter = (options) => {
+  const currentPath = rueJs.signal(options.history.location(), {}, true);
+  const compilePath = (path) => {
+    const keys = [];
+    const reStr = "^" + path.replace(/\/:([^/()]+)(?:\(([^)]+)\))?/g, (_m, name, pattern) => {
+      keys.push(name);
+      const group = pattern ? `(${pattern})` : "([^/]+)";
+      return `/${group}`;
+    }) + "$";
+    return { re: new RegExp(reStr), keys };
+  };
+  const compiled = options.routes.map(
+    (r) => shared.extend(r, {
+      _c: compilePath(r.path)
+    })
+  );
+  const match = (path) => {
+    for (let i = 0; i < compiled.length; i++) {
+      const r = compiled[i];
+      const m = r._c.re.exec(path);
+      if (m) {
+        const params = {};
+        r._c.keys.forEach((k, idx) => {
+          params[k] = decodeURIComponent(m[idx + 1] || "");
+        });
+        return { record: r, params, path };
+      }
+    }
+    return null;
+  };
+  const matchRoute = match(currentPath.get());
+  if (null === matchRoute) {
+    throw new Error("No route matched path " + currentPath.get());
+  }
+  const route = rueJs.signal(matchRoute, {}, true);
+  options.history.listen(() => {
+    const p = options.history.location();
+    if (p === currentPath.get()) {
+      return;
+    }
+    const matchRoute2 = match(p);
+    if (null === matchRoute2) {
+      throw new Error("No route matched path " + p);
+    }
+    currentPath.set(p);
+    route.set(matchRoute2);
+  });
+  const router = {
+    currentPath,
+    route,
+    push: (p) => options.history.push(p),
+    replace: (p) => options.history.replace(p),
+    back: () => {
+      if (options.history.back) return options.history.back();
+      const gg = globalThis;
+      if (gg.history && typeof gg.history.back === "function") gg.history.back();
+    },
+    routes: options.routes,
+    history: options.history,
+    /** 插件安装：绑定当前 Router 到容器上下文 */
+    install: (_app, _options) => {
+      attachRouter(router);
+    }
+  };
+  return router;
+};
+const useRouter = () => {
+  const c = rueJs.getCurrentContainer();
+  const r = (c ? __routerByContainer.get(c) || null : null) || __activeRouter;
+  if (!r) throw new Error("Router not installed for current application/container");
+  return r;
+};
+const RouterView = () => {
+  const { container } = rueJs.useSetup(() => {
+    const r = useRouter();
+    const container2 = document.createDocumentFragment();
+    const startEl = document.createComment("rue-router-view-start");
+    const endEl = document.createComment("rue-router-view-end");
+    container2.appendChild(startEl);
+    container2.appendChild(endEl);
+    const clearRange = () => {
+      const vnodeLike = rueJs.vapor(() => ({ vaporElement: document.createDocumentFragment() }));
+      const parent = startEl.parentNode || container2;
+      rueJs.renderBetween(vnodeLike, parent, startEl, endEl);
+    };
+    let lastComponent = null;
+    rueJs.watchEffect(() => {
+      const data = r.route.get();
+      if (!data) {
+        clearRange();
+        lastComponent = null;
+      } else {
+        const comp = data.record.component;
+        if (lastComponent && comp === lastComponent) {
+          return;
+        }
+        lastComponent = comp;
+        const vnodeLike = rueJs.h(comp, { params: data.params });
+        const parent = startEl.parentNode || container2;
+        rueJs.renderBetween(vnodeLike, parent, startEl, endEl);
+      }
+    });
+    return { container: container2 };
+  });
+  return rueJs.vapor(() => ({ vaporElement: container }));
+};
+const RouterLink = (props) => {
+  const { container } = rueJs.useSetup(() => {
+    const c = rueJs.getCurrentContainer();
+    const r = (c ? __routerByContainer.get(c) || null : null) || __activeRouter;
+    if (!r) throw new Error("Router not installed for current application/container");
+    const container2 = document.createDocumentFragment();
+    const startEl = document.createComment("rue-router-link-start");
+    const endEl = document.createComment("rue-router-link-end");
+    container2.appendChild(startEl);
+    container2.appendChild(endEl);
+    rueJs.watchEffect(() => {
+      const to = String(props.to || "");
+      const replace = !!props.replace;
+      const { children, to: _to, replace: _replace, ...rest } = props;
+      const click = (e) => {
+        if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
+          return;
+        }
+        e.preventDefault();
+        const nav = replace ? r.replace : r.push;
+        nav(to);
+      };
+      const childList = Array.isArray(children) ? children : children != null ? [children] : [];
+      const vnodeLike = rueJs.h("a", { href: "#" + to, onClick: click, ...rest }, ...childList);
+      const parent = startEl.parentNode || container2;
+      rueJs.renderBetween(vnodeLike, parent, startEl, endEl);
+    });
+    return { container: container2 };
+  });
+  return rueJs.vapor(() => ({ vaporElement: container }));
+};
+const useRoute = () => {
+  const c = rueJs.getCurrentContainer();
+  const r = (c ? __routerByContainer.get(c) || null : null) || __activeRouter;
+  if (!r) throw new Error("Router not installed for current application/container");
+  return r.route;
+};
+
+exports.RouterLink = RouterLink;
+exports.RouterView = RouterView;
+exports.attachRouter = attachRouter;
+exports.createRouter = createRouter;
+exports.createWebHashHistory = createWebHashHistory;
+exports.useRoute = useRoute;
+exports.useRouter = useRouter;

package/dist/router.d.ts

@@ -0,0 +1,81 @@
+import { FC, SignalHandle } from 'rue-js';
+
+/** 路由静态记录：
+ * - path：形如 '/users/:id(\\d+)' 的匹配模式（支持命名参数与可选正则）
+ * - component：匹配成功时渲染的组件（接收 { params }）
+ */
+export type RouteRecord = {
+    path: string;
+    component: FC<any>;
+};
+/** 路由参数对象：命名参数的解码后字串映射 */
+export type RouteParams = Record<string, string>;
+/** 当前路由匹配结果：
+ * - record：命中的路由记录
+ * - params：从路径中提取的参数
+ * - path：当前匹配的原始路径
+ * - 为 null 表示无匹配（RouterView 将清空渲染区域）
+ */
+export type Route = {
+    record: RouteRecord;
+    params: RouteParams;
+    path: string;
+} | null;
+/** Router 核心接口：
+ * - currentPath：当前历史位置（字符串）信号
+ * - route：当前匹配结果信号（Route 或 null）
+ * - push/replace/back：导航 API，委托给历史实现
+ * - routes：注册的路由表（顺序即匹配优先级）
+ * - history：历史实现（HistoryLike）
+ * - install：把 Router 绑定到当前容器上下文
+ */
+export type Router = {
+    currentPath: SignalHandle<string>;
+    route: SignalHandle<Route>;
+    push: (p: string) => void;
+    replace: (p: string) => void;
+    back: () => void;
+    routes: RouteRecord[];
+    history: HistoryLike;
+    install: (app: unknown, options: unknown[]) => void;
+};
+/** 历史实现抽象：
+ * - location：返回当前位置的字符串（不含井号的路径）
+ * - push/replace：更新位置并通知监听者
+ * - listen：订阅位置变化（用于驱动信号）
+ * - back：可选，后退一步（Web 环境委托给 window.history）
+ */
+export type HistoryLike = {
+    location: () => string;
+    push: (p: string) => void;
+    replace: (p: string) => void;
+    listen: (cb: () => void) => void;
+    back?: () => void;
+};
+/** 将 Router 绑定到当前容器并设置为活动路由 */
+export declare const attachRouter: (router: Router) => void;
+/** 创建基于 hash 的 Web 历史实现 */
+export declare const createWebHashHistory: () => HistoryLike;
+/** 创建 Router
+ * - 编译所有路由规则为正则与键列表
+ * - 监听历史变化更新 currentPath 与 route
+ * @param options {history, routes}
+ * @returns Router 实例
+ */
+export declare const createRouter: (options: {
+    history: HistoryLike;
+    routes: RouteRecord[];
+}) => Router;
+/** 获取当前上下文的 Router（优先容器绑定，其次活动路由） */
+export declare const useRouter: () => Router;
+/** RouterView：在区间锚点间渲染当前匹配组件 */
+export declare const RouterView: FC;
+/** RouterLink：渲染链接并处理导航 */
+export declare const RouterLink: FC<{
+    to: string;
+    replace?: boolean;
+} & Record<string, unknown>>;
+/** 获取当前路由信号 */
+export declare const useRoute: () => SignalHandle<Route>;
+
+

package/dist/router.esm-bundler.js

@@ -0,0 +1,201 @@
+/**
+* @rue-js/router v0.0.20
+* (c) 2025-present Xiangmin Liu and Rue contributors
+* @license MIT
+**/
+import { getCurrentContainer, signal, useSetup, watchEffect, h, renderBetween, vapor } from 'rue-js';
+import { extend } from '@rue-js/shared';
+
+const __routerByContainer = /* @__PURE__ */ new WeakMap();
+let __activeRouter = null;
+const attachRouter = (router) => {
+  const c = getCurrentContainer();
+  if (c) __routerByContainer.set(c, router);
+  __activeRouter = router;
+};
+const createWebHashHistory = () => {
+  const g = globalThis;
+  if (g && g.location) {
+    if (!g.location.hash) g.location.hash = "#/";
+  }
+  const loc = () => {
+    const s = g && g.location && g.location.hash ? String(g.location.hash).replace(/^#/, "") : "";
+    return s || "/";
+  };
+  const listen = (cb) => {
+    if (g && g.addEventListener) g.addEventListener("hashchange", cb);
+  };
+  return {
+    location: loc,
+    push: (p) => {
+      const next = p.startsWith("#") ? p.slice(1) : p;
+      if (next === loc()) return;
+      if (g && g.location) {
+        g.location.hash = next;
+      }
+      if (g && g.dispatchEvent && g.HashChangeEvent) {
+        g.dispatchEvent(new g.HashChangeEvent("hashchange"));
+      }
+    },
+    replace: (p) => {
+      const next = p.startsWith("#") ? p.slice(1) : p;
+      if (next === loc()) return;
+      const href = "#" + next;
+      if (g && g.location && typeof g.location.replace === "function") {
+        g.location.replace(href);
+      }
+      if (g && g.dispatchEvent && g.HashChangeEvent) {
+        g.dispatchEvent(new g.HashChangeEvent("hashchange"));
+      }
+    },
+    listen,
+    back: () => {
+      if (g && g.history && typeof g.history.back === "function") g.history.back();
+    }
+  };
+};
+const createRouter = (options) => {
+  const currentPath = signal(options.history.location(), {}, true);
+  const compilePath = (path) => {
+    const keys = [];
+    const reStr = "^" + path.replace(/\/:([^/()]+)(?:\(([^)]+)\))?/g, (_m, name, pattern) => {
+      keys.push(name);
+      const group = pattern ? `(${pattern})` : "([^/]+)";
+      return `/${group}`;
+    }) + "$";
+    return { re: new RegExp(reStr), keys };
+  };
+  const compiled = options.routes.map(
+    (r) => extend(r, {
+      _c: compilePath(r.path)
+    })
+  );
+  const match = (path) => {
+    for (let i = 0; i < compiled.length; i++) {
+      const r = compiled[i];
+      const m = r._c.re.exec(path);
+      if (m) {
+        const params = {};
+        r._c.keys.forEach((k, idx) => {
+          params[k] = decodeURIComponent(m[idx + 1] || "");
+        });
+        return { record: r, params, path };
+      }
+    }
+    return null;
+  };
+  const matchRoute = match(currentPath.get());
+  if (null === matchRoute) {
+    throw new Error("No route matched path " + currentPath.get());
+  }
+  const route = signal(matchRoute, {}, true);
+  options.history.listen(() => {
+    const p = options.history.location();
+    if (p === currentPath.get()) {
+      return;
+    }
+    const matchRoute2 = match(p);
+    if (null === matchRoute2) {
+      throw new Error("No route matched path " + p);
+    }
+    currentPath.set(p);
+    route.set(matchRoute2);
+  });
+  const router = {
+    currentPath,
+    route,
+    push: (p) => options.history.push(p),
+    replace: (p) => options.history.replace(p),
+    back: () => {
+      if (options.history.back) return options.history.back();
+      const gg = globalThis;
+      if (gg.history && typeof gg.history.back === "function") gg.history.back();
+    },
+    routes: options.routes,
+    history: options.history,
+    /** 插件安装：绑定当前 Router 到容器上下文 */
+    install: (_app, _options) => {
+      attachRouter(router);
+    }
+  };
+  return router;
+};
+const useRouter = () => {
+  const c = getCurrentContainer();
+  const r = (c ? __routerByContainer.get(c) || null : null) || __activeRouter;
+  if (!r) throw new Error("Router not installed for current application/container");
+  return r;
+};
+const RouterView = () => {
+  const { container } = useSetup(() => {
+    const r = useRouter();
+    const container2 = document.createDocumentFragment();
+    const startEl = document.createComment("rue-router-view-start");
+    const endEl = document.createComment("rue-router-view-end");
+    container2.appendChild(startEl);
+    container2.appendChild(endEl);
+    const clearRange = () => {
+      const vnodeLike = vapor(() => ({ vaporElement: document.createDocumentFragment() }));
+      const parent = startEl.parentNode || container2;
+      renderBetween(vnodeLike, parent, startEl, endEl);
+    };
+    let lastComponent = null;
+    watchEffect(() => {
+      const data = r.route.get();
+      if (!data) {
+        clearRange();
+        lastComponent = null;
+      } else {
+        const comp = data.record.component;
+        if (lastComponent && comp === lastComponent) {
+          return;
+        }
+        lastComponent = comp;
+        const vnodeLike = h(comp, { params: data.params });
+        const parent = startEl.parentNode || container2;
+        renderBetween(vnodeLike, parent, startEl, endEl);
+      }
+    });
+    return { container: container2 };
+  });
+  return vapor(() => ({ vaporElement: container }));
+};
+const RouterLink = (props) => {
+  const { container } = useSetup(() => {
+    const c = getCurrentContainer();
+    const r = (c ? __routerByContainer.get(c) || null : null) || __activeRouter;
+    if (!r) throw new Error("Router not installed for current application/container");
+    const container2 = document.createDocumentFragment();
+    const startEl = document.createComment("rue-router-link-start");
+    const endEl = document.createComment("rue-router-link-end");
+    container2.appendChild(startEl);
+    container2.appendChild(endEl);
+    watchEffect(() => {
+      const to = String(props.to || "");
+      const replace = !!props.replace;
+      const { children, to: _to, replace: _replace, ...rest } = props;
+      const click = (e) => {
+        if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
+          return;
+        }
+        e.preventDefault();
+        const nav = replace ? r.replace : r.push;
+        nav(to);
+      };
+      const childList = Array.isArray(children) ? children : children != null ? [children] : [];
+      const vnodeLike = h("a", { href: "#" + to, onClick: click, ...rest }, ...childList);
+      const parent = startEl.parentNode || container2;
+      renderBetween(vnodeLike, parent, startEl, endEl);
+    });
+    return { container: container2 };
+  });
+  return vapor(() => ({ vaporElement: container }));
+};
+const useRoute = () => {
+  const c = getCurrentContainer();
+  const r = (c ? __routerByContainer.get(c) || null : null) || __activeRouter;
+  if (!r) throw new Error("Router not installed for current application/container");
+  return r.route;
+};
+
+export { RouterLink, RouterView, attachRouter, createRouter, createWebHashHistory, useRoute, useRouter };

package/index.js

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/router.cjs.prod.js')
+} else {
+  module.exports = require('./dist/router.cjs.js')
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@rue-js/router",
+  "version": "0.0.20",
+  "description": "@rue-js/router",
+  "keywords": [
+    "rue"
+  ],
+  "homepage": "https://github.com/hunzhiwange/ruejs/tree/main/packages/runtime#readme",
+  "bugs": {
+    "url": "https://github.com/hunzhiwange/ruejs/issues"
+  },
+  "license": "MIT",
+  "author": "Xiangmin Liu",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hunzhiwange/ruejs.git",
+    "directory": "packages/router"
+  },
+  "files": [
+    "index.js",
+    "dist"
+  ],
+  "sideEffects": false,
+  "main": "index.js",
+  "module": "dist/router.esm-bundler.js",
+  "types": "dist/router.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/router.d.ts",
+      "development": "./src/index.ts",
+      "node": {
+        "production": "./dist/router.cjs.prod.js",
+        "development": "./dist/router.cjs.js",
+        "default": "./index.js"
+      },
+      "module": "./dist/router.esm-bundler.js",
+      "import": "./dist/router.esm-bundler.js",
+      "require": "./index.js"
+    },
+    "./*": "./*"
+  },
+  "dependencies": {
+    "rue-js": "0.0.20"
+  },
+  "buildOptions": {
+    "name": "RueRouterCore",
+    "formats": [
+      "esm-bundler",
+      "cjs"
+    ]
+  }
+}