import {BaseException, ComponentFactory, ComponentResolver} from '@angular/core'; import {DEFAULT_OUTLET_NAME} from './constants'; import {reflector} from './core_private'; import {ListWrapper, StringMapWrapper} from './facade/collection'; import {Type, isBlank, isPresent, stringify} from './facade/lang'; import {PromiseWrapper} from './facade/promise'; import {RouteMetadata, RoutesMetadata} from './metadata/metadata'; import {RouteSegment, RouteTree, Tree, TreeNode, UrlSegment, UrlTree, equalUrlSegments, rootNode} from './segments'; export function recognize( componentResolver: ComponentResolver, rootComponent: Type, url: UrlTree, existingTree: RouteTree): Promise { let matched = new _MatchResult(rootComponent, [url.root], {}, rootNode(url).children, []); return _constructSegment(componentResolver, matched, rootNode(existingTree)) .then(roots => new RouteTree(roots[0])); } function _recognize( componentResolver: ComponentResolver, parentComponent: Type, url: TreeNode, existingSegments: TreeNode[]): Promise[]> { let metadata = _readMetadata(parentComponent); // should read from the factory instead if (isBlank(metadata)) { throw new BaseException( `Component '${stringify(parentComponent)}' does not have route configuration`); } let match: any /** TODO #9100 */; try { match = _match(metadata, url); } catch (e) { return PromiseWrapper.reject(e, null); } let segmentsWithRightOutlet = existingSegments.filter(r => r.value.outlet == match.outlet); let segmentWithRightOutlet = segmentsWithRightOutlet.length > 0 ? segmentsWithRightOutlet[0] : null; let main = _constructSegment(componentResolver, match, segmentWithRightOutlet); let aux = _recognizeMany(componentResolver, parentComponent, match.aux, existingSegments) .then(_checkOutletNameUniqueness); return PromiseWrapper.all([main, aux]).then(ListWrapper.flatten); } function _recognizeMany( componentResolver: ComponentResolver, parentComponent: Type, urls: TreeNode[], existingSegments: TreeNode[]): Promise[]> { let recognized = urls.map(u => _recognize(componentResolver, parentComponent, u, existingSegments)); return PromiseWrapper.all(recognized).then(ListWrapper.flatten); } function _constructSegment( componentResolver: ComponentResolver, matched: _MatchResult, existingSegment: TreeNode): Promise[]> { return componentResolver.resolveComponent(matched.component).then(factory => { let segment = _createOrReuseSegment(matched, factory, existingSegment); let existingChildren = isPresent(existingSegment) ? existingSegment.children : []; if (matched.leftOverUrl.length > 0) { return _recognizeMany( componentResolver, factory.componentType, matched.leftOverUrl, existingChildren) .then(children => [new TreeNode(segment, children)]); } else { return _recognizeLeftOvers(componentResolver, factory.componentType, existingChildren) .then(children => [new TreeNode(segment, children)]); } }); } function _createOrReuseSegment( matched: _MatchResult, factory: ComponentFactory, segmentNode: TreeNode): RouteSegment { let segment = isPresent(segmentNode) ? segmentNode.value : null; if (isPresent(segment) && equalUrlSegments(segment.urlSegments, matched.consumedUrlSegments) && StringMapWrapper.equals(segment.parameters, matched.parameters) && segment.outlet == matched.outlet && factory.componentType == segment.type) { return segment; } else { return new RouteSegment( matched.consumedUrlSegments, matched.parameters, matched.outlet, factory.componentType, factory); } } function _recognizeLeftOvers( componentResolver: ComponentResolver, parentComponent: Type, existingSegments: TreeNode[]): Promise[]> { return componentResolver.resolveComponent(parentComponent).then(factory => { let metadata = _readMetadata(factory.componentType); if (isBlank(metadata)) { return []; } let r = (metadata.routes).filter(r => r.path == '' || r.path == '/'); if (r.length === 0) { return PromiseWrapper.resolve([]); } else { let segmentsWithMatchingOutlet = existingSegments.filter(r => r.value.outlet == DEFAULT_OUTLET_NAME); let segmentWithMatchingOutlet = segmentsWithMatchingOutlet.length > 0 ? segmentsWithMatchingOutlet[0] : null; let existingChildren = isPresent(segmentWithMatchingOutlet) ? segmentWithMatchingOutlet.children : []; return _recognizeLeftOvers(componentResolver, r[0].component, existingChildren) .then(children => { return componentResolver.resolveComponent(r[0].component).then(factory => { let segment = _createOrReuseSegment( new _MatchResult(r[0].component, [], {}, [], []), factory, segmentWithMatchingOutlet); return [new TreeNode(segment, children)]; }); }); } }); } function _match(metadata: RoutesMetadata, url: TreeNode): _MatchResult { for (let r of metadata.routes) { let matchingResult = _matchWithParts(r, url); if (isPresent(matchingResult)) { return matchingResult; } } let availableRoutes = metadata.routes.map(r => `'${r.path}'`).join(', '); throw new BaseException( `Cannot match any routes. Current segment: '${url.value}'. Available routes: [${availableRoutes}].`); } function _matchWithParts(route: RouteMetadata, url: TreeNode): _MatchResult { let path = route.path.startsWith('/') ? route.path.substring(1) : route.path; if (path == '*') { return new _MatchResult(route.component, [], null, [], []); } let parts = path.split('/'); let positionalParams = {}; let consumedUrlSegments: any[] /** TODO #9100 */ = []; let lastParent: TreeNode = null; let lastSegment: TreeNode = null; let current = url; for (let i = 0; i < parts.length; ++i) { if (isBlank(current)) return null; let p = parts[i]; let isLastSegment = i === parts.length - 1; let isLastParent = i === parts.length - 2; let isPosParam = p.startsWith(':'); if (!isPosParam && p != current.value.segment) return null; if (isLastSegment) { lastSegment = current; } if (isLastParent) { lastParent = current; } if (isPosParam) { (positionalParams as any /** TODO #9100 */)[p.substring(1)] = current.value.segment; } consumedUrlSegments.push(current.value); current = ListWrapper.first(current.children); } let p = lastSegment.value.parameters; let parameters = <{[key: string]: string}>StringMapWrapper.merge(p, positionalParams); let axuUrlSubtrees = isPresent(lastParent) ? lastParent.children.slice(1) : []; return new _MatchResult( route.component, consumedUrlSegments, parameters, lastSegment.children, axuUrlSubtrees); } function _checkOutletNameUniqueness(nodes: TreeNode[]): TreeNode[] { let names = {}; nodes.forEach(n => { let segmentWithSameOutletName = (names as any /** TODO #9100 */)[n.value.outlet]; if (isPresent(segmentWithSameOutletName)) { let p = segmentWithSameOutletName.stringifiedUrlSegments; let c = n.value.stringifiedUrlSegments; throw new BaseException(`Two segments cannot have the same outlet name: '${p}' and '${c}'.`); } (names as any /** TODO #9100 */)[n.value.outlet] = n.value; }); return nodes; } class _MatchResult { constructor( public component: Type|string, public consumedUrlSegments: UrlSegment[], public parameters: {[key: string]: string}, public leftOverUrl: TreeNode[], public aux: TreeNode[]) {} get outlet(): string { return this.consumedUrlSegments.length === 0 || isBlank(this.consumedUrlSegments[0].outlet) ? DEFAULT_OUTLET_NAME : this.consumedUrlSegments[0].outlet; } } function _readMetadata(componentType: Type) { let metadata = reflector.annotations(componentType).filter(f => f instanceof RoutesMetadata); return ListWrapper.first(metadata); }