angular/modules/@angular/router/src/recognize.ts

277 lines
9.9 KiB
TypeScript
Raw Normal View History

/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
2016-06-08 18:13:41 +00:00
import {Type} from '@angular/core';
import {Observable} from 'rxjs/Observable';
import {Observer} from 'rxjs/Observer';
2016-06-08 23:14:26 +00:00
import {of } from 'rxjs/observable/of';
2016-06-08 18:13:41 +00:00
import {Route, RouterConfig} from './config';
import {ActivatedRouteSnapshot, RouterStateSnapshot} from './router_state';
import {PRIMARY_OUTLET, Params} from './shared';
2016-06-14 21:55:59 +00:00
import {UrlPathWithParams, UrlSegment, UrlTree, mapChildrenIntoArray} from './url_tree';
import {last, merge} from './utils/collection';
2016-06-08 18:13:41 +00:00
import {TreeNode} from './utils/tree';
2016-05-23 23:14:23 +00:00
2016-06-14 21:55:59 +00:00
class NoMatch {
constructor(public segment: UrlSegment = null) {}
}
2016-06-08 18:13:41 +00:00
export function recognize(
2016-06-14 21:55:59 +00:00
rootComponentType: Type, config: RouterConfig, urlTree: UrlTree,
url: string): Observable<RouterStateSnapshot> {
try {
const children = processSegment(config, urlTree.root, {}, PRIMARY_OUTLET);
2016-06-14 21:55:59 +00:00
const root = new ActivatedRouteSnapshot(
[], {}, PRIMARY_OUTLET, rootComponentType, null, urlTree.root, -1);
const rootNode = new TreeNode<ActivatedRouteSnapshot>(root, children);
return of (new RouterStateSnapshot(url, rootNode, urlTree.queryParams, urlTree.fragment));
2016-06-08 18:13:41 +00:00
} catch (e) {
2016-06-14 21:55:59 +00:00
if (e instanceof NoMatch) {
2016-06-08 18:13:41 +00:00
return new Observable<RouterStateSnapshot>(
(obs: Observer<RouterStateSnapshot>) =>
obs.error(new Error(`Cannot match any routes: '${e.segment}'`)));
} else {
return new Observable<RouterStateSnapshot>(
(obs: Observer<RouterStateSnapshot>) => obs.error(e));
}
}
2016-05-23 23:14:23 +00:00
}
function processSegment(config: Route[], segment: UrlSegment, extraParams: Params, outlet: string):
TreeNode<ActivatedRouteSnapshot>[] {
if (segment.pathsWithParams.length === 0 && segment.hasChildren()) {
return processSegmentChildren(config, segment, extraParams);
2016-06-14 21:55:59 +00:00
} else {
return processPathsWithParams(config, segment, 0, segment.pathsWithParams, extraParams, outlet);
2016-06-14 21:55:59 +00:00
}
}
function processSegmentChildren(
config: Route[], segment: UrlSegment, extraParams: Params): TreeNode<ActivatedRouteSnapshot>[] {
2016-06-14 21:55:59 +00:00
const children = mapChildrenIntoArray(
segment, (child, childOutlet) => processSegment(config, child, extraParams, childOutlet));
2016-06-02 18:30:38 +00:00
checkOutletNameUniqueness(children);
2016-06-14 21:55:59 +00:00
sortActivatedRouteSnapshots(children);
return children;
}
function sortActivatedRouteSnapshots(nodes: TreeNode<ActivatedRouteSnapshot>[]): void {
nodes.sort((a, b) => {
2016-06-02 18:30:38 +00:00
if (a.value.outlet === PRIMARY_OUTLET) return -1;
if (b.value.outlet === PRIMARY_OUTLET) return 1;
2016-06-07 16:50:35 +00:00
return a.value.outlet.localeCompare(b.value.outlet);
2016-06-02 18:30:38 +00:00
});
}
2016-06-14 21:55:59 +00:00
function processPathsWithParams(
config: Route[], segment: UrlSegment, pathIndex: number, paths: UrlPathWithParams[],
extraParams: Params, outlet: string): TreeNode<ActivatedRouteSnapshot>[] {
2016-06-14 21:55:59 +00:00
for (let r of config) {
try {
return processPathsWithParamsAgainstRoute(r, segment, pathIndex, paths, extraParams, outlet);
} catch (e) {
2016-06-14 21:55:59 +00:00
if (!(e instanceof NoMatch)) throw e;
}
}
2016-06-14 21:55:59 +00:00
throw new NoMatch(segment);
2016-05-23 23:14:23 +00:00
}
2016-06-14 21:55:59 +00:00
function processPathsWithParamsAgainstRoute(
route: Route, rawSegment: UrlSegment, pathIndex: number, paths: UrlPathWithParams[],
parentExtraParams: Params, outlet: string): TreeNode<ActivatedRouteSnapshot>[] {
2016-06-14 21:55:59 +00:00
if (route.redirectTo) throw new NoMatch();
2016-06-14 21:55:59 +00:00
if ((route.outlet ? route.outlet : PRIMARY_OUTLET) !== outlet) throw new NoMatch();
if (route.path === '**') {
const params = paths.length > 0 ? last(paths).parameters : {};
const snapshot = new ActivatedRouteSnapshot(
paths, merge(parentExtraParams, params), outlet, route.component, route,
getSourceSegment(rawSegment), getPathIndexShift(rawSegment) - 1);
return [new TreeNode<ActivatedRouteSnapshot>(snapshot, [])];
2016-05-23 23:14:23 +00:00
}
const {consumedPaths, parameters, extraParams, lastChild} =
match(rawSegment, route, paths, parentExtraParams);
const rawSlicedPath = paths.slice(lastChild);
2016-06-14 21:55:59 +00:00
const childConfig = route.children ? route.children : [];
const {segment, slicedPath} = split(rawSegment, consumedPaths, rawSlicedPath, childConfig);
const snapshot = new ActivatedRouteSnapshot(
consumedPaths, parameters, outlet, route.component, route, getSourceSegment(rawSegment),
getPathIndexShift(rawSegment) + pathIndex + lastChild - 1);
2016-06-14 21:55:59 +00:00
if (slicedPath.length === 0 && segment.hasChildren()) {
const children = processSegmentChildren(childConfig, segment, extraParams);
return [new TreeNode<ActivatedRouteSnapshot>(snapshot, children)];
} else if (childConfig.length === 0 && slicedPath.length === 0) {
return [new TreeNode<ActivatedRouteSnapshot>(snapshot, [])];
2016-06-14 21:55:59 +00:00
} else {
const children = processPathsWithParams(
childConfig, segment, pathIndex + lastChild, slicedPath, extraParams, PRIMARY_OUTLET);
return [new TreeNode<ActivatedRouteSnapshot>(snapshot, children)];
2016-05-23 23:14:23 +00:00
}
}
function match(
segment: UrlSegment, route: Route, paths: UrlPathWithParams[], parentExtraParams: Params) {
if (route.path === '') {
if (route.terminal && (segment.hasChildren() || paths.length > 0)) {
2016-06-14 21:55:59 +00:00
throw new NoMatch();
} else {
return {consumedPaths: [], lastChild: 0, parameters: {}, extraParams: {}};
2016-06-14 21:55:59 +00:00
}
}
2016-05-23 23:14:23 +00:00
const path = route.path;
2016-06-14 21:55:59 +00:00
const parts = path.split('/');
const posParameters: {[key: string]: any} = {};
const consumedPaths: UrlPathWithParams[] = [];
2016-06-14 21:55:59 +00:00
let currentIndex = 0;
for (let i = 0; i < parts.length; ++i) {
if (currentIndex >= paths.length) throw new NoMatch();
const current = paths[currentIndex];
const p = parts[i];
const isPosParam = p.startsWith(':');
if (!isPosParam && p !== current.path) throw new NoMatch();
if (isPosParam) {
posParameters[p.substring(1)] = current.path;
2016-05-23 23:14:23 +00:00
}
2016-06-14 21:55:59 +00:00
consumedPaths.push(current);
currentIndex++;
}
if (route.terminal && (segment.hasChildren() || currentIndex < paths.length)) {
2016-06-14 21:55:59 +00:00
throw new NoMatch();
2016-05-23 23:14:23 +00:00
}
const parameters = merge(
parentExtraParams, merge(posParameters, consumedPaths[consumedPaths.length - 1].parameters));
const extraParams = route.component ? {} : parameters;
return {consumedPaths, lastChild: currentIndex, parameters, extraParams};
2016-05-23 23:14:23 +00:00
}
2016-06-14 21:55:59 +00:00
function checkOutletNameUniqueness(nodes: TreeNode<ActivatedRouteSnapshot>[]): void {
const names: {[k: string]: ActivatedRouteSnapshot} = {};
2016-06-14 21:55:59 +00:00
nodes.forEach(n => {
let routeWithSameOutletName = names[n.value.outlet];
if (routeWithSameOutletName) {
const p = routeWithSameOutletName.url.map(s => s.toString()).join('/');
2016-06-14 21:55:59 +00:00
const c = n.value.url.map(s => s.toString()).join('/');
throw new Error(`Two segments cannot have the same outlet name: '${p}' and '${c}'.`);
}
names[n.value.outlet] = n.value;
});
}
function getSourceSegment(segment: UrlSegment): UrlSegment {
let s = segment;
while (s._sourceSegment) {
s = s._sourceSegment;
}
return s;
}
function getPathIndexShift(segment: UrlSegment): number {
let s = segment;
let res = 0;
while (s._sourceSegment) {
s = s._sourceSegment;
res += segment._pathIndexShift;
}
return res;
}
function split(
segment: UrlSegment, consumedPaths: UrlPathWithParams[], slicedPath: UrlPathWithParams[],
config: Route[]) {
if (slicedPath.length > 0 &&
containsEmptyPathMatchesWithNamedOutlets(segment, slicedPath, config)) {
const s = new UrlSegment(
consumedPaths,
createChildrenForEmptyPaths(
segment, consumedPaths, config, new UrlSegment(slicedPath, segment.children)));
s._sourceSegment = segment;
s._pathIndexShift = 0;
return {segment: s, slicedPath: []};
} else if (slicedPath.length === 0 && containsEmptyPathMatches(segment, slicedPath, config)) {
const s = new UrlSegment(
segment.pathsWithParams,
addEmptyPathsToChildrenIfNeeded(segment, slicedPath, config, segment.children));
s._sourceSegment = segment;
s._pathIndexShift = 0;
return {segment: s, slicedPath};
} else {
return {segment, slicedPath};
}
}
function addEmptyPathsToChildrenIfNeeded(
segment: UrlSegment, slicedPath: UrlPathWithParams[], routes: Route[],
children: {[name: string]: UrlSegment}): {[name: string]: UrlSegment} {
const res: {[name: string]: UrlSegment} = {};
for (let r of routes) {
if (emptyPathMatch(segment, slicedPath, r) && !children[getOutlet(r)]) {
const s = new UrlSegment([], {});
s._sourceSegment = segment;
s._pathIndexShift = segment.pathsWithParams.length;
res[getOutlet(r)] = s;
}
}
return merge(children, res);
}
function createChildrenForEmptyPaths(
segment: UrlSegment, consumedPaths: UrlPathWithParams[], routes: Route[],
primarySegment: UrlSegment): {[name: string]: UrlSegment} {
const res: {[name: string]: UrlSegment} = {};
res[PRIMARY_OUTLET] = primarySegment;
primarySegment._sourceSegment = segment;
primarySegment._pathIndexShift = consumedPaths.length;
for (let r of routes) {
if (r.path === '') {
const s = new UrlSegment([], {});
s._sourceSegment = segment;
s._pathIndexShift = consumedPaths.length;
res[getOutlet(r)] = s;
}
}
return res;
}
function containsEmptyPathMatchesWithNamedOutlets(
segment: UrlSegment, slicedPath: UrlPathWithParams[], routes: Route[]): boolean {
return routes
.filter(r => emptyPathMatch(segment, slicedPath, r) && getOutlet(r) !== PRIMARY_OUTLET)
.length > 0;
}
function containsEmptyPathMatches(
segment: UrlSegment, slicedPath: UrlPathWithParams[], routes: Route[]): boolean {
return routes.filter(r => emptyPathMatch(segment, slicedPath, r)).length > 0;
}
function emptyPathMatch(segment: UrlSegment, slicedPath: UrlPathWithParams[], r: Route): boolean {
if ((segment.hasChildren() || slicedPath.length > 0) && r.terminal) return false;
return r.path === '' && r.redirectTo === undefined;
}
function getOutlet(route: Route): string {
return route.outlet ? route.outlet : PRIMARY_OUTLET;
}