import { View } from './view';
import { AncView } from './tinyts';
import { routerInstance, UrlParser } from './http';

export class Router {

    protected routerMap: { [url: string]: (state: { url: string, data: any }) => void };

    constructor() {
        var me = this;
        this.routerMap = {};

        window.onpopstate = function (event) {
            var state = event.state;
            me.invokeRoute(state.url, { url: state.url, data: state.data });
        }
    }

    /**
     * GoBack 返回上一页
     */
    GoBack() {
        window.history.back();
    }

    /**
     * GoForward 前往下一页 
     */
    GoForward() {
        window.history.forward();
    }

    /**
     * GoTo 修改当前url为指定url,并触发context的OnRouteChange事件
     * @param url 指定url
     * @param data 可能存在的参数
     */
    GoTo(url: string, data: any, param?: any): Promise<void> {
        //首先判断路由是否有变化,如果没有变化,则不作跳转
        var res = UrlParser.CompareUrls(window.location.href, url);
        if (res.Complete) {
            return;
        }
        var me = this;
        var stateData = { url: url, data: data, param: param };
        if (window.history.pushState) {
            window.history.pushState(stateData, "", url);
        }
        this.invokeRoute(url, { url: url, data: data });
    }

    /**
     * ReplaceCurrentState 修改当前router的状态(无历史记录)
     * @param url 指定的url
     * @param data 当前router的数据
     */
    ReplaceCurrentState(url: string, data: any, param?: any) {
        var me = this;
        var stateData = { url: url, data: data, param: param };
        if (window.history.replaceState) {
            window.history.replaceState(stateData, "", url);
        }
        this.invokeRoute(url, { url: url, data: data });
    }

    /**
     * ReplaceCurrentStateWithParam 修改当前router的状态,并将data存储在url中
     */
    ReplaceCurrentStateWithParam(url: string, data: any, changeRoute?: boolean) {
        var me = this;
        // 将data添加到url中
        var xx = new UrlParser();
        xx.Parse(url);
        xx.searchObject = $.extend(xx.searchObject, data);
        var url2 = xx.Generate();
        var stateData = { url: url, data: {} };
        if (window.history.replaceState) {
            window.history.replaceState(stateData, "", url2);
        }
        if (changeRoute) {
            this.routerMap[url]({ url: url2, data: {} });
        }
    }

    protected invokeRoute(url: string, data: { url: string, data: any }) {
        if (this.routerMap[url]) {
            this.routerMap[url](data);
            return;
        }
        var parser = new UrlParser();
        parser.Parse(url);
        var tempUrl = parser.pathname.toLowerCase();
        
        if (this.routerMap[tempUrl]) {
            this.routerMap[tempUrl](data);
            return;
        }
        console.error("route not found!");
    }

    AddRouter(url: string, func: (state: { url: string, data: any }) => void) {
        url = url.toLowerCase();
        if (this.routerMap[url]) {
            console.warn(`router ${url} already exist, overwrite it!`);
        }
        this.routerMap[url] = func;
    }

}