import Vue from 'vue';
import Router from 'vue-router';
import pages from '../pages';
import _ from 'lodash';

Vue.use(Router);

const loadRoutes = (rous, paths, children) => {
    if (_.has(rous, 'path')) {
        let ps = _.flattenDeep(paths).filter(p => p);

        if (_.last(ps) === rous.name) {
            ps.splice(ps.length - 1, 1);
        }
        if (!children) {
            if (rous.path) {
                rous.path = '/' + ps.join('/') + (rous.path[0] === '/' ? '' : '/') + rous.path;
            } else {
                rous.path = ps.join('/') + '.html';
            }
        }
        rous.name = _.concat(ps, [rous.name]).join('.');

        if (rous.children) {
            _.each(rous.children, child => loadRoutes(child, [paths, child.name], true));
            return [rous];
        }
        return [rous];
    }
    if (rous.length) {
        return _.map(rous, r => {
            return loadRoutes(r, [paths]);
        });
    } else {
        return _.map(rous, (rou, k) => {
            return loadRoutes(rou, [paths, k]);
        });
    }
};

const routes = _.flattenDeep(loadRoutes(pages));

export function createRouter() {
    return new Router({
        mode: 'history',
        routes,
        scrollBehavior(to, from, savedPosition) {
            if (savedPosition) {
                return savedPosition;
            } else {
                return { x: 0, y: 0 };
            }
        }
    });
}