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

160 lines
5.9 KiB
TypeScript
Raw Normal View History

2016-06-08 14:13:41 -04:00
import {Type} from '@angular/core';
import {Observable} from 'rxjs/Observable';
2016-06-08 19:14:26 -04:00
import {of } from 'rxjs/observable/of';
2016-06-08 14:13:41 -04:00
import {Route, RouterConfig} from './config';
import {ActivatedRouteSnapshot, RouterStateSnapshot} from './router_state';
import {PRIMARY_OUTLET} from './shared';
2016-06-14 17:55:59 -04:00
import {UrlPathWithParams, UrlSegment, UrlTree, mapChildrenIntoArray} from './url_tree';
import {last, merge} from './utils/collection';
2016-06-08 14:13:41 -04:00
import {TreeNode} from './utils/tree';
2016-05-23 19:14:23 -04:00
2016-06-14 17:55:59 -04:00
class NoMatch {
constructor(public segment: UrlSegment = null) {}
}
2016-06-08 14:13:41 -04:00
export function recognize(
2016-06-14 17:55:59 -04:00
rootComponentType: Type, config: RouterConfig, urlTree: UrlTree,
url: string): Observable<RouterStateSnapshot> {
try {
2016-06-14 17:55:59 -04:00
const children = processSegment(config, urlTree.root, PRIMARY_OUTLET);
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 14:13:41 -04:00
} catch (e) {
2016-06-14 17:55:59 -04:00
if (e instanceof NoMatch) {
2016-06-08 14:13:41 -04:00
return new Observable<RouterStateSnapshot>(
2016-06-14 17:55:59 -04:00
obs => obs.error(new Error(`Cannot match any routes: '${e.segment}'`)));
} else {
return new Observable<RouterStateSnapshot>(obs => obs.error(e));
}
}
2016-05-23 19:14:23 -04:00
}
2016-06-14 17:55:59 -04:00
function processSegment(
config: Route[], segment: UrlSegment, outlet: string): TreeNode<ActivatedRouteSnapshot>[] {
if (segment.pathsWithParams.length === 0 && Object.keys(segment.children).length > 0) {
return processSegmentChildren(config, segment);
} else {
return [processPathsWithParams(config, segment, 0, segment.pathsWithParams, outlet)];
}
}
function processSegmentChildren(
config: Route[], segment: UrlSegment): TreeNode<ActivatedRouteSnapshot>[] {
const children = mapChildrenIntoArray(
segment, (child, childOutlet) => processSegment(config, child, childOutlet));
2016-06-02 14:30:38 -04:00
checkOutletNameUniqueness(children);
2016-06-14 17:55:59 -04:00
sortActivatedRouteSnapshots(children);
return children;
}
function sortActivatedRouteSnapshots(nodes: TreeNode<ActivatedRouteSnapshot>[]): void {
nodes.sort((a, b) => {
2016-06-02 14:30:38 -04:00
if (a.value.outlet === PRIMARY_OUTLET) return -1;
if (b.value.outlet === PRIMARY_OUTLET) return 1;
2016-06-07 12:50:35 -04:00
return a.value.outlet.localeCompare(b.value.outlet);
2016-06-02 14:30:38 -04:00
});
}
2016-06-14 17:55:59 -04:00
function processPathsWithParams(
config: Route[], segment: UrlSegment, pathIndex: number, paths: UrlPathWithParams[],
outlet: string): TreeNode<ActivatedRouteSnapshot> {
for (let r of config) {
try {
2016-06-14 17:55:59 -04:00
return processPathsWithParamsAgainstRoute(r, segment, pathIndex, paths, outlet);
} catch (e) {
2016-06-14 17:55:59 -04:00
if (!(e instanceof NoMatch)) throw e;
}
}
2016-06-14 17:55:59 -04:00
throw new NoMatch(segment);
2016-05-23 19:14:23 -04:00
}
2016-06-14 17:55:59 -04:00
function processPathsWithParamsAgainstRoute(
route: Route, segment: UrlSegment, pathIndex: number, paths: UrlPathWithParams[],
outlet: string): TreeNode<ActivatedRouteSnapshot> {
if (route.redirectTo) throw new NoMatch();
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, params, outlet, route.component, route, segment, -1);
return new TreeNode<ActivatedRouteSnapshot>(snapshot, []);
2016-05-23 19:14:23 -04:00
}
2016-06-14 17:55:59 -04:00
const {consumedPaths, parameters, lastChild} = match(segment, route, paths);
2016-05-23 19:14:23 -04:00
2016-06-14 17:55:59 -04:00
const snapshot = new ActivatedRouteSnapshot(
consumedPaths, parameters, outlet, route.component, route, segment,
pathIndex + lastChild - 1);
const slicedPath = paths.slice(lastChild);
const childConfig = route.children ? route.children : [];
if (childConfig.length === 0 && slicedPath.length === 0) {
return new TreeNode<ActivatedRouteSnapshot>(snapshot, []);
// TODO: check that the right segment is present
} else if (slicedPath.length === 0 && Object.keys(segment.children).length > 0) {
const children = processSegmentChildren(childConfig, segment);
return new TreeNode<ActivatedRouteSnapshot>(snapshot, children);
} else {
const child = processPathsWithParams(
childConfig, segment, pathIndex + lastChild, slicedPath, PRIMARY_OUTLET);
return new TreeNode<ActivatedRouteSnapshot>(snapshot, [child]);
2016-05-23 19:14:23 -04:00
}
}
2016-06-14 17:55:59 -04:00
function match(segment: UrlSegment, route: Route, paths: UrlPathWithParams[]) {
if (route.index || route.path === '' || route.path === '/') {
if (route.terminal && (Object.keys(segment.children).length > 0 || paths.length > 0)) {
throw new NoMatch();
} else {
return {consumedPaths: [], lastChild: 0, parameters: {}};
}
}
2016-05-23 19:14:23 -04:00
2016-06-08 14:13:41 -04:00
const path = route.path.startsWith('/') ? route.path.substring(1) : route.path;
2016-06-14 17:55:59 -04:00
const parts = path.split('/');
const posParameters = {};
const consumedPaths = [];
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 19:14:23 -04:00
}
2016-06-14 17:55:59 -04:00
consumedPaths.push(current);
currentIndex++;
}
if (route.terminal && (Object.keys(segment.children).length > 0 || currentIndex < paths.length)) {
throw new NoMatch();
2016-05-23 19:14:23 -04:00
}
2016-06-14 17:55:59 -04:00
const parameters = <any>merge(posParameters, consumedPaths[consumedPaths.length - 1].parameters);
return {consumedPaths, lastChild: currentIndex, parameters};
2016-05-23 19:14:23 -04:00
}
2016-06-14 17:55:59 -04:00
function checkOutletNameUniqueness(nodes: TreeNode<ActivatedRouteSnapshot>[]): void {
const names = {};
nodes.forEach(n => {
let routeWithSameOutletName = names[n.value.outlet];
if (routeWithSameOutletName) {
const p = routeWithSameOutletName.urlSegments.map(s => s.toString()).join('/');
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;
});
}