@viewfly/router 2.1.0 → 3.0.0-alpha.0

package/bundles/index.esm.js

@@ -1,674 +0,0 @@
-import { makeError, Injectable, inject, readonlyProxyHandler, comparePropsWithCallbacks, internalWrite, onUnmounted, reactive, createContext, shallowReactive } from '@viewfly/core';
-import { Subject, Subscription, fromEvent } from '@tanbo/stream';
-import { jsx } from '@viewfly/core/jsx-runtime';
-
-const routerErrorFn$1 = makeError('Router');
-class Router {
-    get deep() {
-        return this.parent ? this.parent.deep + 1 : 0;
-    }
-    get path() {
-        return this.navigator.urlTree.paths.at(this.deep) || '';
-    }
-    constructor(navigator, parent) {
-        Object.defineProperty(this, "navigator", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: navigator
-        });
-        Object.defineProperty(this, "parent", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: parent
-        });
-        Object.defineProperty(this, "onRefresh", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "refreshEvent", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Subject()
-        });
-        this.onRefresh = this.refreshEvent.asObservable();
-    }
-    navigateTo(path, params, fragment) {
-        this.navigator.to(path, this, params, fragment || void 0);
-    }
-    replaceTo(path, params) {
-        this.navigator.replace(path, this, params);
-    }
-    refresh() {
-        this.refreshEvent.next();
-    }
-    consumeConfig(routes) {
-        return this.matchRoute(routes, this.path);
-    }
-    back() {
-        this.navigator.back();
-    }
-    forward() {
-        this.navigator.forward();
-    }
-    go(offset) {
-        this.navigator.go(offset);
-    }
-    matchRoute(configs, pathname) {
-        let matchedConfig = null;
-        let defaultConfig = null;
-        let fallbackConfig = null;
-        for (const item of configs) {
-            if (item.path === pathname) {
-                matchedConfig = item;
-                break;
-            }
-            else if (item.path === '*') {
-                if (!fallbackConfig) {
-                    fallbackConfig = item;
-                }
-            }
-            else if (item.path === '') {
-                if (!defaultConfig) {
-                    defaultConfig = item;
-                }
-            }
-        }
-        const config = matchedConfig || defaultConfig || fallbackConfig;
-        if (!config) {
-            return config;
-        }
-        if (typeof config.redirectTo === 'function') {
-            const p = config.redirectTo(pathname);
-            if (typeof p === 'string') {
-                this.navigateTo(p);
-            }
-            else if (typeof p === 'object') {
-                this.navigateTo(p.pathname, p.queryParams, p.fragment);
-            }
-            else {
-                throw routerErrorFn$1(`Router redirect to '${pathname}' not supported`);
-            }
-            return null;
-        }
-        if (typeof config.redirectTo === 'string') {
-            this.navigateTo(config.redirectTo);
-            return null;
-        }
-        return config;
-    }
-}
-
-/******************************************************************************
-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, SuppressedError, Symbol */
-
-
-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);
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-class UrlParser {
-    constructor() {
-        Object.defineProperty(this, "index", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "url", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "tokens", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-    }
-    parse(url) {
-        this.index = 0;
-        this.url = url;
-        this.tokens = [];
-        while (this.index < this.url.length) {
-            this.ignore('/');
-            if (this.peek('../')) {
-                this.tokens.push({
-                    type: 'toParent'
-                });
-                this.index += 3;
-            }
-            else if (this.peek('?')) {
-                this.index++;
-                this.tokens.push({
-                    type: 'query',
-                    params: this.readQuery()
-                });
-            }
-            else if (this.peek('#')) {
-                this.index++;
-                this.tokens.push({
-                    type: 'hash',
-                    value: this.readHash()
-                });
-            }
-            else {
-                if (this.peek('./')) {
-                    this.index += 2;
-                }
-                const path = this.readPath();
-                if (path) {
-                    this.tokens.push({
-                        type: 'toChild',
-                        value: path
-                    });
-                }
-            }
-        }
-        const urlTree = {
-            paths: [],
-            queryParams: {},
-            hash: null
-        };
-        for (const item of this.tokens) {
-            switch (item.type) {
-                case 'toParent':
-                    urlTree.paths.pop();
-                    break;
-                case 'toChild':
-                    urlTree.paths.push(item.value);
-                    break;
-                case 'query':
-                    urlTree.queryParams = item.params;
-                    break;
-                case 'hash':
-                    urlTree.hash = item.value;
-            }
-        }
-        return urlTree;
-    }
-    readHash() {
-        const hash = this.url.substring(this.index);
-        this.index = this.url.length;
-        return hash;
-    }
-    readQuery() {
-        const query = {};
-        while (this.index < this.url.length) {
-            const key = this.readQueryKey();
-            let value = '';
-            if (this.peek('=')) {
-                this.index++;
-                value = this.readQueryValue();
-            }
-            const oldValue = query[key];
-            if (oldValue) {
-                if (Array.isArray(oldValue)) {
-                    oldValue.push(value);
-                }
-                else {
-                    query[key] = [oldValue, value];
-                }
-            }
-            else {
-                query[key] = value;
-            }
-            if (this.peek('&')) {
-                this.index++;
-                continue;
-            }
-            break;
-        }
-        return query;
-    }
-    readQueryValue() {
-        const chars = [];
-        while (this.index < this.url.length) {
-            if (this.not('&#')) {
-                chars.push(this.url.at(this.index));
-                this.index++;
-                continue;
-            }
-            break;
-        }
-        return chars.join('');
-    }
-    readQueryKey() {
-        const chars = [];
-        while (this.index < this.url.length) {
-            if (this.not('=&#')) {
-                chars.push(this.url.at(this.index));
-                this.index++;
-                continue;
-            }
-            break;
-        }
-        return chars.join('');
-    }
-    readPath() {
-        const chars = [];
-        while (this.index < this.url.length) {
-            if (this.not('./?#')) {
-                chars.push(this.url.at(this.index));
-                this.index++;
-                continue;
-            }
-            break;
-        }
-        return chars.join('');
-    }
-    not(text) {
-        const ch = this.url.at(this.index);
-        return text.indexOf(ch) === -1;
-    }
-    peek(str) {
-        return this.url.slice(this.index, this.index + str.length) === str;
-    }
-    ignore(str) {
-        while (this.peek(str)) {
-            this.index++;
-        }
-    }
-}
-
-class Navigator {
-    constructor(baseUrl) {
-        Object.defineProperty(this, "baseUrl", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: baseUrl
-        });
-    }
-}
-function formatUrl(pathname, urlFormatParams) {
-    pathname = pathname.replace(/\/+/g, '/');
-    const { queryParams, fragment } = urlFormatParams;
-    return pathname + (queryParams ? '?' + formatQueryParams(queryParams) : '') + (fragment ? '#' + fragment : '');
-}
-function formatQueryParams(queryParams) {
-    const params = [];
-    Object.keys(queryParams).forEach(key => {
-        const values = queryParams[key];
-        if (Array.isArray(values)) {
-            values.forEach(i => {
-                params.push(`${key}=${decodeURIComponent(i)}`);
-            });
-        }
-        else {
-            params.push(`${key}=${decodeURIComponent(values)}`);
-        }
-    });
-    return params.join('&');
-}
-let BrowserNavigator = class BrowserNavigator extends Navigator {
-    /** 挂载在 location 上的路径前缀；'' 或 '/' 表示站点根，不做剥离 */
-    get basePathPrefix() {
-        return this.baseUrl === '/' || this.baseUrl === '' ? '' : this.baseUrl;
-    }
-    get pathname() {
-        const pathname = location.pathname;
-        if (!this.basePathPrefix) {
-            return pathname;
-        }
-        return pathname.startsWith(this.basePathPrefix)
-            ? pathname.substring(this.basePathPrefix.length)
-            : pathname;
-    }
-    constructor(baseUrl, hooks = {}) {
-        super(baseUrl);
-        Object.defineProperty(this, "hooks", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: hooks
-        });
-        Object.defineProperty(this, "onUrlChanged", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "urlParser", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new UrlParser()
-        });
-        Object.defineProperty(this, "urlTree", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: this.getUrlTree()
-        });
-        Object.defineProperty(this, "urlChangeEvent", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Subject()
-        });
-        Object.defineProperty(this, "subscription", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Subscription()
-        });
-        this.onUrlChanged = this.urlChangeEvent.asObservable();
-        this.subscription.add(fromEvent(window, 'popstate').subscribe(() => {
-            this.urlTree = this.getUrlTree();
-            this.urlChangeEvent.next();
-        }));
-        if (this.basePathPrefix && !location.pathname.startsWith(this.basePathPrefix)) {
-            history.replaceState(null, '', this.baseUrl);
-        }
-    }
-    to(pathName, relative, queryParams, fragment) {
-        const url = this.join(pathName, relative, queryParams, fragment);
-        if (location.origin + url === location.href) {
-            return true;
-        }
-        this.runHooks({
-            pathname: this.pathname,
-            queryParams: this.urlTree.queryParams,
-            fragment: this.urlTree.hash
-        }, {
-            pathname: pathName,
-            queryParams: queryParams || {},
-            fragment: fragment || null
-        }, () => {
-            history.pushState(null, '', url);
-            this.urlTree = this.getUrlTree();
-            this.urlChangeEvent.next();
-        });
-        return true;
-    }
-    replace(pathName, relative, queryParams, fragment) {
-        const url = this.join(pathName, relative, queryParams, fragment);
-        if (location.origin + url === location.href) {
-            return true;
-        }
-        this.runHooks({
-            pathname: this.pathname,
-            queryParams: this.urlTree.queryParams,
-            fragment: this.urlTree.hash
-        }, {
-            pathname: pathName,
-            queryParams: queryParams || {},
-            fragment: fragment || null
-        }, () => {
-            history.replaceState(null, '', url);
-            this.urlTree = this.getUrlTree();
-            this.urlChangeEvent.next();
-        });
-        return true;
-    }
-    join(pathname, relative, queryParams, fragment) {
-        if (pathname.startsWith('/')) {
-            return formatUrl(this.baseUrl + pathname, { queryParams, fragment });
-        }
-        const beforePath = this.urlTree.paths.slice(0, relative.deep);
-        while (true) {
-            if (pathname.startsWith('./')) {
-                pathname = pathname.substring(2);
-                continue;
-            }
-            if (pathname.startsWith('../')) {
-                pathname = pathname.substring(3);
-                beforePath.pop();
-                continue;
-            }
-            break;
-        }
-        return formatUrl(this.baseUrl + '/' + beforePath.join('/') + '/' + pathname, { queryParams, fragment });
-    }
-    back() {
-        history.back();
-    }
-    forward() {
-        history.forward();
-    }
-    go(offset) {
-        history.go(offset);
-    }
-    destroy() {
-        this.subscription.unsubscribe();
-    }
-    runHooks(beforeParams, currentParams, next) {
-        var _a, _b, _c, _d;
-        if (typeof this.hooks.beforeEach === 'function') {
-            (_b = (_a = this.hooks).beforeEach) === null || _b === void 0 ? void 0 : _b.call(_a, beforeParams, currentParams, () => {
-                var _a, _b;
-                next();
-                (_b = (_a = this.hooks).afterEach) === null || _b === void 0 ? void 0 : _b.call(_a, currentParams);
-            });
-        }
-        else {
-            next();
-            (_d = (_c = this.hooks).afterEach) === null || _d === void 0 ? void 0 : _d.call(_c, currentParams);
-        }
-    }
-    getUrlTree() {
-        return this.urlParser.parse(this.pathname + location.search + location.hash);
-    }
-};
-BrowserNavigator = __decorate([
-    Injectable(),
-    __metadata("design:paramtypes", [String, Object])
-], BrowserNavigator);
-
-function useQueryParams() {
-    const router = inject(Router);
-    const navigator = inject(Navigator);
-    const params = Object.assign({}, navigator.urlTree.queryParams);
-    const queryParams = new Proxy(params, readonlyProxyHandler);
-    const subscription = router.onRefresh.subscribe(() => {
-        comparePropsWithCallbacks(params, navigator.urlTree.queryParams, key => {
-            internalWrite(() => {
-                Reflect.deleteProperty(params, key);
-            });
-        }, (key, value) => {
-            internalWrite(() => {
-                params[key] = value;
-            });
-        }, (key, value) => {
-            internalWrite(() => {
-                params[key] = value;
-            });
-        });
-    });
-    onUnmounted(() => {
-        subscription.unsubscribe();
-    });
-    return queryParams;
-}
-
-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 + '/') === navigator.join(props.to, router)) :
-            navigator.pathname.startsWith(navigator.join(props.to, router));
-    }
-    const isActive = reactive({
-        value: getActive()
-    });
-    const subscription = navigator.onUrlChanged.subscribe(() => {
-        isActive.value = getActive();
-    });
-    onUnmounted(() => {
-        subscription.unsubscribe();
-    });
-    function navigate(ev) {
-        if ((!props.tag || props.tag === 'a') && props.target === '_blank') {
-            return;
-        }
-        ev.preventDefault();
-        router.navigateTo(props.to, props.queryParams, props.fragment);
-    }
-    return () => {
-        const Tag = props.tag || 'a';
-        const attrs = Object.assign({}, props, Object.assign({ onClick(ev) {
-                var _a;
-                navigate(ev);
-                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, ev);
-            } }, props));
-        if (Tag === 'a') {
-            attrs.href = navigator.join(props.to, router, props.queryParams, props.fragment);
-        }
-        if (isActive.value && props.active) {
-            attrs.class = [attrs.class, props.active];
-        }
-        return jsx(Tag, Object.assign({}, attrs, { children: props.children }));
-    };
-}
-
-class RouterModule {
-    constructor(baseUrl = '', hooks = {}) {
-        Object.defineProperty(this, "baseUrl", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: baseUrl
-        });
-        Object.defineProperty(this, "subscription", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Subscription()
-        });
-        Object.defineProperty(this, "navigator", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.navigator = new BrowserNavigator(this.baseUrl, hooks);
-    }
-    setup(app) {
-        const navigator = this.navigator;
-        const router = new Router(navigator, null);
-        this.subscription.add(navigator.onUrlChanged.subscribe(() => {
-            router.refresh();
-        }));
-        app.provide([
-            {
-                provide: Navigator,
-                useValue: navigator
-            },
-            {
-                provide: Router,
-                useValue: router
-            }
-        ]);
-    }
-    onDestroy() {
-        this.subscription.unsubscribe();
-        this.navigator.destroy();
-    }
-}
-
-const routerErrorFn = makeError('RouterOutlet');
-function RouterOutlet(props) {
-    const router = inject(Router, null);
-    if (router === null) {
-        throw routerErrorFn('cannot found parent Router.');
-    }
-    const navigator = inject(Navigator);
-    const childRouter = new Router(navigator, router);
-    const Context = createContext([{
-            provide: Router,
-            useValue: childRouter
-        }]);
-    const children = shallowReactive({
-        value: null
-    });
-    const subscription = router.onRefresh.subscribe(() => {
-        updateChildren();
-    });
-    onUnmounted(() => {
-        subscription.unsubscribe();
-    });
-    let currentComponent = null;
-    function updateChildren() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const routeConfig = router.consumeConfig(props.config);
-            if (!routeConfig) {
-                currentComponent = null;
-                children.value = props.children || null;
-                return;
-            }
-            if (typeof routeConfig.beforeEach === 'function') {
-                const is = yield routeConfig.beforeEach();
-                if (!is) {
-                    return;
-                }
-            }
-            if (routeConfig.component) {
-                _updateChildren(routeConfig.component);
-            }
-            else if (routeConfig.asyncComponent) {
-                const c = yield routeConfig.asyncComponent();
-                _updateChildren(c);
-            }
-            if (typeof routeConfig.afterEach === 'function') {
-                routeConfig.afterEach();
-            }
-        });
-    }
-    function _updateChildren(Component) {
-        childRouter.refresh();
-        if (Component !== currentComponent) {
-            children.value = jsx(Component, {});
-        }
-        currentComponent = Component;
-    }
-    updateChildren();
-    return () => {
-        return jsx(Context, { children: children.value });
-    };
-}
-
-export { BrowserNavigator, Link, Navigator, Router, RouterModule, RouterOutlet, UrlParser, formatQueryParams, formatUrl, useQueryParams };