@viewfly/router 0.0.1-alpha.13

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 TanBo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,131 @@
+Viewfly
+================================
+
+Viewfly 是一个简单、数据驱动的前端框架。此项目为 Viewfly 的路由库，可让 Viewfly 支持浏览器路由。
+
+## 安装
+
+```
+npm install @viewfly/router
+```
+
+## 使用示例
+
+```jsx
+function ListTab1() {
+  return () => {
+    return (
+      <div>listTab1</div>
+    )
+  }
+}
+
+function ListTab2() {
+  return () => {
+    return (
+      <div>listTab2</div>
+    )
+  }
+}
+
+function ListTab3() {
+  return () => {
+    return (
+      <div>listTab3</div>
+    )
+  }
+}
+
+function List() {
+  return () => {
+    return (
+      <div>
+        <h3>list</h3>
+        <div>
+          <Link active="active" to='./tab1'>tab1</Link>
+          <Link active="active" to='./tab2'>tab2</Link>
+          <Link active="active" to='./tab3'>tab3</Link>
+        </div>
+        <div>
+          <RouterOutlet config={[
+            {
+              name: 'tab1',
+              component: ListTab1
+            },
+            {
+              name: 'tab2',
+              component: ListTab2
+            },
+            {
+              name: 'tab3',
+              component: ListTab3
+            }
+          ]}>没找到 Tab</RouterOutlet>
+        </div>
+      </div>
+    )
+  }
+}
+
+function Detail() {
+  return () => {
+    return (
+      <div>detail</div>
+    )
+  }
+}
+
+function Home() {
+  const router = inject(Router)
+  return () => {
+    return (
+      <div>
+        <div>home</div>
+        <button type="button" onClick={() => {
+          router.navigateTo('../list')
+        }
+        }>跳转到列表
+        </button>
+      </div>
+    )
+  }
+}
+
+function App() {
+  return () => {
+    return (
+      <div>
+        <RootRouter>
+          <div>
+            <Link active="active" exact to="/">Home</Link>
+            <Link active="active" to="/list" queryParams={{ a: 'xx' }}>List</Link>
+            <Link active="active" to="/detail">Detail</Link>
+          </div>
+          <div>
+            <RouterOutlet config={[
+              {
+                name: 'home',
+                component: Home
+              },
+              {
+                name: 'list',
+                component: Promise.resolve().then(() => List)
+              },
+              {
+                name: 'detail',
+                component: Detail
+              }
+            ]}>
+              未匹配到任何路由
+            </RouterOutlet>
+          </div>
+        </RootRouter>
+      </div>
+    )
+  }
+}
+
+createApp(document.getElementById('app')!, <App/>)
+```
+
+完整文档请参考官方网站：[viewfly.org](https://viewfly.org)

package/bundles/index.esm.js

@@ -0,0 +1,320 @@
+import { jsx, Fragment } from '@viewfly/core/jsx-runtime';
+import { Injectable, inject, useSignal, onDestroy, provide } from '@viewfly/core';
+import { Subject, Subscription, fromEvent } from '@tanbo/stream';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+
+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);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __metadata(metadataKey, metadataValue) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
+class Navigator {
+    constructor(basePath) {
+        this.basePath = basePath;
+    }
+}
+function formatUrl(pathname, query) {
+    if (query) {
+        return pathname + '?' + formatQueryParam(query);
+    }
+    return pathname;
+}
+function formatQueryParam(queryParam) {
+    const map = new Map();
+    Object.keys(queryParam).forEach(key => {
+        map.set(key, queryParam[key]);
+    });
+    const params = [];
+    map.forEach((value, key) => {
+        params.push(`${key}=${String(value)}`);
+    });
+    return params.join('&');
+}
+let BrowserNavigator = class BrowserNavigator extends Navigator {
+    get pathname() {
+        return location.pathname;
+    }
+    constructor(basePath) {
+        super(basePath);
+        this.urlChangeEvent = new Subject();
+        this.subscription = new Subscription();
+        this.onUrlChanged = this.urlChangeEvent.asObservable();
+        this.subscription.add(fromEvent(window, 'popstate').subscribe(() => {
+            this.urlChangeEvent.next();
+        }));
+    }
+    to(pathName, relative, queryParams) {
+        const url = this.join(pathName, relative, queryParams);
+        if (location.origin + url === location.href) {
+            return true;
+        }
+        history.pushState(null, '', this.basePath + url);
+        this.urlChangeEvent.next();
+        return true;
+    }
+    join(pathname, relative, queryParams) {
+        var _a;
+        let beforePath = relative.beforePath;
+        if (pathname.startsWith('/')) {
+            return formatUrl(pathname, queryParams);
+        }
+        while (true) {
+            if (pathname.startsWith('./')) {
+                pathname = pathname.substring(2);
+                continue;
+            }
+            if (pathname.startsWith('../')) {
+                pathname = pathname.substring(3);
+                beforePath = ((_a = relative.parent) === null || _a === void 0 ? void 0 : _a.beforePath) || '';
+                if (!beforePath) {
+                    break;
+                }
+                continue;
+            }
+            break;
+        }
+        return formatUrl(beforePath + '/' + pathname, queryParams);
+    }
+    back() {
+        history.back();
+    }
+    forward() {
+        history.forward();
+    }
+    go(offset) {
+        history.go(offset);
+    }
+    destroy() {
+        this.subscription.unsubscribe();
+    }
+};
+BrowserNavigator = __decorate([
+    Injectable(),
+    __metadata("design:paramtypes", [String])
+], BrowserNavigator);
+
+class Router {
+    get pathname() {
+        var _a;
+        if (this.parent) {
+            return ((_a = this.parent.path.match(/[^\/?#]+/)) === null || _a === void 0 ? void 0 : _a[0]) || '';
+        }
+        return '';
+    }
+    get beforePath() {
+        if (this.parent) {
+            return this.parent.beforePath + '/' + this.pathname;
+        }
+        return '';
+    }
+    constructor(navigator, parent, path) {
+        this.navigator = navigator;
+        this.parent = parent;
+        this.path = path;
+        this.refreshEvent = new Subject();
+        this.onRefresh = this.refreshEvent.asObservable();
+    }
+    navigateTo(path, params) {
+        this.navigator.to(path, this, params);
+    }
+    refresh(path) {
+        this.path = path;
+        this.refreshEvent.next();
+    }
+    consumeConfig(routes) {
+        const routeConfig = this.matchRoute(routes);
+        if (!routeConfig) {
+            return null;
+        }
+        let remainingPath = '';
+        if (routeConfig.name === '') {
+            remainingPath = this.path;
+        }
+        else if (routeConfig.name === '*') {
+            remainingPath = '';
+        }
+        else {
+            remainingPath = this.path.substring(routeConfig.name.length + 1);
+        }
+        return {
+            remainingPath,
+            routeConfig
+        };
+    }
+    back() {
+        this.navigator.back();
+    }
+    forward() {
+        this.navigator.forward();
+    }
+    go(offset) {
+        this.navigator.go(offset);
+    }
+    matchRoute(configs) {
+        var _a;
+        let matchedConfig = null;
+        let defaultConfig = null;
+        let fallbackConfig = null;
+        const pathname = ((_a = (this.path || '').match(/[^\/?#]+/)) === null || _a === void 0 ? void 0 : _a[0]) || '';
+        for (const item of configs) {
+            if (item.name === pathname) {
+                matchedConfig = item;
+                break;
+            }
+            else if (item.name === '*') {
+                if (!fallbackConfig) {
+                    fallbackConfig = item;
+                }
+            }
+            else if (item.name === '') {
+                if (!defaultConfig) {
+                    defaultConfig = item;
+                }
+            }
+        }
+        return matchedConfig || defaultConfig || fallbackConfig;
+    }
+}
+
+function Link(props) {
+    const navigator = inject(Navigator);
+    const router = inject(Router);
+    function getActive() {
+        return props.exact ?
+            navigator.pathname === navigator.join(props.to, router) :
+            navigator.pathname.startsWith(navigator.join(props.to, router));
+    }
+    const isActive = useSignal(getActive());
+    const subscription = navigator.onUrlChanged.subscribe(() => {
+        isActive.set(getActive());
+    });
+    onDestroy(() => {
+        subscription.unsubscribe();
+    });
+    function navigate(ev) {
+        ev.preventDefault();
+        router.navigateTo(props.to, props.queryParams);
+    }
+    return () => {
+        const Tag = props.tag || 'a';
+        const attrs = Object.assign({
+            target: '_blank'
+        }, props, Object.assign({ onClick: navigate }, props));
+        if (Tag === 'a') {
+            attrs.href = navigator.join(props.to, router, props.queryParams);
+        }
+        if (isActive() && props.active) {
+            if (!attrs.class) {
+                attrs.class = props.active.toString();
+            }
+            else if (typeof attrs.class === 'string') {
+                attrs.class += ' ' + props.active;
+            }
+            else if (typeof props.active === 'object') {
+                attrs.class[props.active] = true;
+            }
+            else if (Array.isArray(attrs.class)) {
+                attrs.class.push(props.active);
+            }
+        }
+        return jsx(Tag, Object.assign({}, attrs, { children: props.children }));
+    };
+}
+
+function RootRouter(props) {
+    const basePath = props.basePath || '';
+    const navigator = new BrowserNavigator(basePath);
+    function getPath() {
+        const pathname = navigator.pathname;
+        return pathname.startsWith(basePath) ? pathname.substring(basePath.length) : pathname;
+    }
+    const router = new Router(navigator, null, getPath());
+    provide([
+        {
+            provide: Navigator,
+            useValue: navigator
+        },
+        {
+            provide: Router,
+            useValue: router
+        }
+    ]);
+    const subscription = navigator.onUrlChanged.subscribe(() => {
+        router.refresh(getPath());
+    });
+    onDestroy(() => {
+        subscription.unsubscribe();
+        navigator.destroy();
+    });
+    return () => {
+        return jsx(Fragment, { children: props.children });
+    };
+}
+
+function RouterOutlet(props) {
+    const children = useSignal(null);
+    const router = inject(Router);
+    const childRouter = new Router(inject(Navigator), router, '');
+    provide({
+        provide: Router,
+        useValue: childRouter
+    });
+    const subscription = router.onRefresh.subscribe(() => {
+        updateChildren();
+    });
+    onDestroy(() => {
+        subscription.unsubscribe();
+    });
+    let currentComponent = null;
+    function updateChildren() {
+        const result = router.consumeConfig(props.config);
+        if (!result) {
+            currentComponent = null;
+            children.set(props.children || null);
+            return;
+        }
+        const { routeConfig, remainingPath } = result;
+        const matchingRouteComponent = routeConfig.component;
+        if (matchingRouteComponent instanceof Promise) {
+            matchingRouteComponent.then(result => _updateChildren(result, remainingPath));
+        }
+        else {
+            _updateChildren(matchingRouteComponent, remainingPath);
+        }
+    }
+    function _updateChildren(Component, remainingPath) {
+        childRouter.refresh(remainingPath);
+        if (Component !== currentComponent) {
+            children.set(jsx(Component, {}));
+        }
+        currentComponent = Component;
+    }
+    updateChildren();
+    return () => {
+        return jsx(Fragment, { children: children() });
+    };
+}
+
+export { BrowserNavigator, Link, Navigator, RootRouter, Router, RouterOutlet, formatQueryParam, formatUrl };

package/bundles/index.js

@@ -0,0 +1,328 @@
+'use strict';
+
+var jsxRuntime = require('@viewfly/core/jsx-runtime');
+var core = require('@viewfly/core');
+var stream = require('@tanbo/stream');
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+
+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);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __metadata(metadataKey, metadataValue) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
+class Navigator {
+    constructor(basePath) {
+        this.basePath = basePath;
+    }
+}
+function formatUrl(pathname, query) {
+    if (query) {
+        return pathname + '?' + formatQueryParam(query);
+    }
+    return pathname;
+}
+function formatQueryParam(queryParam) {
+    const map = new Map();
+    Object.keys(queryParam).forEach(key => {
+        map.set(key, queryParam[key]);
+    });
+    const params = [];
+    map.forEach((value, key) => {
+        params.push(`${key}=${String(value)}`);
+    });
+    return params.join('&');
+}
+exports.BrowserNavigator = class BrowserNavigator extends Navigator {
+    get pathname() {
+        return location.pathname;
+    }
+    constructor(basePath) {
+        super(basePath);
+        this.urlChangeEvent = new stream.Subject();
+        this.subscription = new stream.Subscription();
+        this.onUrlChanged = this.urlChangeEvent.asObservable();
+        this.subscription.add(stream.fromEvent(window, 'popstate').subscribe(() => {
+            this.urlChangeEvent.next();
+        }));
+    }
+    to(pathName, relative, queryParams) {
+        const url = this.join(pathName, relative, queryParams);
+        if (location.origin + url === location.href) {
+            return true;
+        }
+        history.pushState(null, '', this.basePath + url);
+        this.urlChangeEvent.next();
+        return true;
+    }
+    join(pathname, relative, queryParams) {
+        var _a;
+        let beforePath = relative.beforePath;
+        if (pathname.startsWith('/')) {
+            return formatUrl(pathname, queryParams);
+        }
+        while (true) {
+            if (pathname.startsWith('./')) {
+                pathname = pathname.substring(2);
+                continue;
+            }
+            if (pathname.startsWith('../')) {
+                pathname = pathname.substring(3);
+                beforePath = ((_a = relative.parent) === null || _a === void 0 ? void 0 : _a.beforePath) || '';
+                if (!beforePath) {
+                    break;
+                }
+                continue;
+            }
+            break;
+        }
+        return formatUrl(beforePath + '/' + pathname, queryParams);
+    }
+    back() {
+        history.back();
+    }
+    forward() {
+        history.forward();
+    }
+    go(offset) {
+        history.go(offset);
+    }
+    destroy() {
+        this.subscription.unsubscribe();
+    }
+};
+exports.BrowserNavigator = __decorate([
+    core.Injectable(),
+    __metadata("design:paramtypes", [String])
+], exports.BrowserNavigator);
+
+class Router {
+    get pathname() {
+        var _a;
+        if (this.parent) {
+            return ((_a = this.parent.path.match(/[^\/?#]+/)) === null || _a === void 0 ? void 0 : _a[0]) || '';
+        }
+        return '';
+    }
+    get beforePath() {
+        if (this.parent) {
+            return this.parent.beforePath + '/' + this.pathname;
+        }
+        return '';
+    }
+    constructor(navigator, parent, path) {
+        this.navigator = navigator;
+        this.parent = parent;
+        this.path = path;
+        this.refreshEvent = new stream.Subject();
+        this.onRefresh = this.refreshEvent.asObservable();
+    }
+    navigateTo(path, params) {
+        this.navigator.to(path, this, params);
+    }
+    refresh(path) {
+        this.path = path;
+        this.refreshEvent.next();
+    }
+    consumeConfig(routes) {
+        const routeConfig = this.matchRoute(routes);
+        if (!routeConfig) {
+            return null;
+        }
+        let remainingPath = '';
+        if (routeConfig.name === '') {
+            remainingPath = this.path;
+        }
+        else if (routeConfig.name === '*') {
+            remainingPath = '';
+        }
+        else {
+            remainingPath = this.path.substring(routeConfig.name.length + 1);
+        }
+        return {
+            remainingPath,
+            routeConfig
+        };
+    }
+    back() {
+        this.navigator.back();
+    }
+    forward() {
+        this.navigator.forward();
+    }
+    go(offset) {
+        this.navigator.go(offset);
+    }
+    matchRoute(configs) {
+        var _a;
+        let matchedConfig = null;
+        let defaultConfig = null;
+        let fallbackConfig = null;
+        const pathname = ((_a = (this.path || '').match(/[^\/?#]+/)) === null || _a === void 0 ? void 0 : _a[0]) || '';
+        for (const item of configs) {
+            if (item.name === pathname) {
+                matchedConfig = item;
+                break;
+            }
+            else if (item.name === '*') {
+                if (!fallbackConfig) {
+                    fallbackConfig = item;
+                }
+            }
+            else if (item.name === '') {
+                if (!defaultConfig) {
+                    defaultConfig = item;
+                }
+            }
+        }
+        return matchedConfig || defaultConfig || fallbackConfig;
+    }
+}
+
+function Link(props) {
+    const navigator = core.inject(Navigator);
+    const router = core.inject(Router);
+    function getActive() {
+        return props.exact ?
+            navigator.pathname === navigator.join(props.to, router) :
+            navigator.pathname.startsWith(navigator.join(props.to, router));
+    }
+    const isActive = core.useSignal(getActive());
+    const subscription = navigator.onUrlChanged.subscribe(() => {
+        isActive.set(getActive());
+    });
+    core.onDestroy(() => {
+        subscription.unsubscribe();
+    });
+    function navigate(ev) {
+        ev.preventDefault();
+        router.navigateTo(props.to, props.queryParams);
+    }
+    return () => {
+        const Tag = props.tag || 'a';
+        const attrs = Object.assign({
+            target: '_blank'
+        }, props, Object.assign({ onClick: navigate }, props));
+        if (Tag === 'a') {
+            attrs.href = navigator.join(props.to, router, props.queryParams);
+        }
+        if (isActive() && props.active) {
+            if (!attrs.class) {
+                attrs.class = props.active.toString();
+            }
+            else if (typeof attrs.class === 'string') {
+                attrs.class += ' ' + props.active;
+            }
+            else if (typeof props.active === 'object') {
+                attrs.class[props.active] = true;
+            }
+            else if (Array.isArray(attrs.class)) {
+                attrs.class.push(props.active);
+            }
+        }
+        return jsxRuntime.jsx(Tag, Object.assign({}, attrs, { children: props.children }));
+    };
+}
+
+function RootRouter(props) {
+    const basePath = props.basePath || '';
+    const navigator = new exports.BrowserNavigator(basePath);
+    function getPath() {
+        const pathname = navigator.pathname;
+        return pathname.startsWith(basePath) ? pathname.substring(basePath.length) : pathname;
+    }
+    const router = new Router(navigator, null, getPath());
+    core.provide([
+        {
+            provide: Navigator,
+            useValue: navigator
+        },
+        {
+            provide: Router,
+            useValue: router
+        }
+    ]);
+    const subscription = navigator.onUrlChanged.subscribe(() => {
+        router.refresh(getPath());
+    });
+    core.onDestroy(() => {
+        subscription.unsubscribe();
+        navigator.destroy();
+    });
+    return () => {
+        return jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children });
+    };
+}
+
+function RouterOutlet(props) {
+    const children = core.useSignal(null);
+    const router = core.inject(Router);
+    const childRouter = new Router(core.inject(Navigator), router, '');
+    core.provide({
+        provide: Router,
+        useValue: childRouter
+    });
+    const subscription = router.onRefresh.subscribe(() => {
+        updateChildren();
+    });
+    core.onDestroy(() => {
+        subscription.unsubscribe();
+    });
+    let currentComponent = null;
+    function updateChildren() {
+        const result = router.consumeConfig(props.config);
+        if (!result) {
+            currentComponent = null;
+            children.set(props.children || null);
+            return;
+        }
+        const { routeConfig, remainingPath } = result;
+        const matchingRouteComponent = routeConfig.component;
+        if (matchingRouteComponent instanceof Promise) {
+            matchingRouteComponent.then(result => _updateChildren(result, remainingPath));
+        }
+        else {
+            _updateChildren(matchingRouteComponent, remainingPath);
+        }
+    }
+    function _updateChildren(Component, remainingPath) {
+        childRouter.refresh(remainingPath);
+        if (Component !== currentComponent) {
+            children.set(jsxRuntime.jsx(Component, {}));
+        }
+        currentComponent = Component;
+    }
+    updateChildren();
+    return () => {
+        return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children() });
+    };
+}
+
+exports.Link = Link;
+exports.Navigator = Navigator;
+exports.RootRouter = RootRouter;
+exports.Router = Router;
+exports.RouterOutlet = RouterOutlet;
+exports.formatQueryParam = formatQueryParam;
+exports.formatUrl = formatUrl;

package/bundles/link.d.ts

@@ -0,0 +1,10 @@
+import { Props } from '@viewfly/core';
+import { QueryParams } from './providers/_api';
+export interface LinkProps extends Props {
+    to: string;
+    active?: string;
+    exact?: boolean;
+    queryParams?: QueryParams;
+    tag?: string;
+}
+export declare function Link(props: LinkProps): () => any;

package/bundles/providers/_api.d.ts

@@ -0,0 +1,2 @@
+export * from './navigator';
+export * from './router';

package/bundles/providers/navigator.d.ts

@@ -0,0 +1,33 @@
+import { Observable } from '@tanbo/stream';
+import { Router } from './router';
+export interface QueryParams {
+    [key: string]: string | string[];
+}
+export declare abstract class Navigator {
+    basePath: string;
+    protected constructor(basePath: string);
+    abstract onUrlChanged: Observable<void>;
+    abstract get pathname(): string;
+    abstract to(pathName: string, relative: Router, queryParams?: QueryParams): boolean;
+    abstract join(pathName: string, relative: Router, queryParams?: QueryParams): string;
+    abstract back(): void;
+    abstract forward(): void;
+    abstract go(offset: number): void;
+    abstract destroy(): void;
+}
+export type QueryParam = Record<string, string | boolean | number>;
+export declare function formatUrl(pathname: string, query?: QueryParams): string;
+export declare function formatQueryParam(queryParam: QueryParams): string;
+export declare class BrowserNavigator extends Navigator {
+    onUrlChanged: Observable<void>;
+    get pathname(): string;
+    private urlChangeEvent;
+    private subscription;
+    constructor(basePath: string);
+    to(pathName: string, relative: Router, queryParams?: QueryParams): boolean;
+    join(pathname: string, relative: Router, queryParams?: QueryParams): string;
+    back(): void;
+    forward(): void;
+    go(offset: number): void;
+    destroy(): void;
+}

package/bundles/providers/router.d.ts

@@ -0,0 +1,28 @@
+import { ComponentSetup } from '@viewfly/core';
+import { Observable } from '@tanbo/stream';
+import { Navigator, QueryParams } from './navigator';
+export interface RouteConfig {
+    name: string;
+    component: ComponentSetup | Promise<ComponentSetup>;
+    beforeEach?(): boolean | Promise<boolean>;
+}
+export declare class Router {
+    private navigator;
+    parent: Router | null;
+    path: string;
+    onRefresh: Observable<void>;
+    get pathname(): string;
+    get beforePath(): string;
+    private refreshEvent;
+    constructor(navigator: Navigator, parent: Router | null, path: string);
+    navigateTo(path: string, params?: QueryParams): void;
+    refresh(path: string): void;
+    consumeConfig(routes: RouteConfig[]): {
+        remainingPath: string;
+        routeConfig: RouteConfig;
+    } | null;
+    back(): void;
+    forward(): void;
+    go(offset: number): void;
+    private matchRoute;
+}

package/bundles/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './link';
+export * from './root-router';
+export * from './router-outlet';
+export * from './providers/_api';

package/bundles/root-router.d.ts

@@ -0,0 +1,6 @@
+import { JSXChildNode, Props } from '@viewfly/core';
+export interface RootRouterProps extends Props {
+    basePath?: string;
+    children?: JSXChildNode;
+}
+export declare function RootRouter(props: RootRouterProps): () => any;

package/bundles/router-outlet.d.ts

@@ -0,0 +1,6 @@
+import { Props } from '@viewfly/core';
+import { RouteConfig } from './providers/_api';
+export interface RouterOutletProps extends Props {
+    config: RouteConfig[];
+}
+export declare function RouterOutlet(props: RouterOutletProps): () => any;

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@viewfly/router",
+  "version": "0.0.1-alpha.13",
+  "description": "A routing library based on the Viewfly framework that can be run in the browser or Nodejs background.",
+  "main": "./bundles/index.js",
+  "module": "./bundles/index.esm.js",
+  "typings": "./bundles/public-api.d.ts",
+  "scripts": {
+    "build:lib": "rimraf bundles && rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
+    "publish:lib": "npm run build:lib && npm publish --access=public"
+  },
+  "license": "MIT",
+  "keywords": [],
+  "dependencies": {
+    "@tanbo/stream": "^1.1.9",
+    "@viewfly/core": "^0.0.1-alpha.13",
+    "url": "^0.11.1"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^23.0.2",
+    "@rollup/plugin-typescript": "^9.0.2",
+    "rimraf": "^3.0.2",
+    "rollup": "^3.2.5",
+    "tslib": "^2.4.1"
+  },
+  "author": {
+    "name": "Tanbo",
+    "email": "tanbohb@qq.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/viewfly/viewfly.git"
+  },
+  "bugs": {
+    "url": "https://github.com/viewfly/viewfly.git/issues"
+  }
+}