c68fa27444
The goal is to make implementing a renderer straight forward.
BREAKING_CHANGE:
- Renderer interface was redone / simplified.
- `DirectDomRenderer` was replaced by `DomRenderer`.
- `DirectDomRenderer.setImperativeComponentRootNodes` is replaced
by the following 2 steps:
1. `ViewManager.getComponentView(elementRef) -> ViewRef`
2. `DomRenderer.setComponentViewRootNodes(viewRef, rootNodes)`
- all `@View` annotations need to have a template, but the template
may be empty. Previously views that had a `renderer` property did
not have to have a `template`.
- `dynamicComponentLoader.loadIntoNewLocation` does no more allow
to pass an element, but requires a css selector.
Special syntax: `:document` can be used as prefix to search globally
on the document instead of in the provided parent view.
Part of #1675
69 lines
2.6 KiB
JavaScript
69 lines
2.6 KiB
JavaScript
import {Injectable} from 'angular2/src/di/annotations_impl';
|
|
|
|
import {PromiseWrapper, Promise} from 'angular2/src/facade/async';
|
|
import {BaseException, isPresent} from 'angular2/src/facade/lang';
|
|
import {DOM} from 'angular2/src/dom/dom_adapter';
|
|
|
|
import {ViewDefinition, ProtoViewDto, DirectiveMetadata, RenderCompiler, RenderProtoViewRef} from '../../api';
|
|
import {CompilePipeline} from './compile_pipeline';
|
|
import {TemplateLoader} from 'angular2/src/render/dom/compiler/template_loader';
|
|
import {CompileStepFactory, DefaultStepFactory} from './compile_step_factory';
|
|
import {Parser} from 'angular2/change_detection';
|
|
import {ShadowDomStrategy} from '../shadow_dom/shadow_dom_strategy';
|
|
|
|
/**
|
|
* The compiler loads and translates the html templates of components into
|
|
* nested ProtoViews. To decompose its functionality it uses
|
|
* the CompilePipeline and the CompileSteps.
|
|
*/
|
|
export class DomCompiler extends RenderCompiler {
|
|
_templateLoader: TemplateLoader;
|
|
_stepFactory: CompileStepFactory;
|
|
|
|
constructor(stepFactory: CompileStepFactory, templateLoader: TemplateLoader) {
|
|
super();
|
|
this._templateLoader = templateLoader;
|
|
this._stepFactory = stepFactory;
|
|
}
|
|
|
|
compile(template: ViewDefinition):Promise<ProtoViewDto> {
|
|
var tplPromise = this._templateLoader.load(template);
|
|
return PromiseWrapper.then(tplPromise,
|
|
(el) => this._compileTemplate(template, el),
|
|
(_) => { throw new BaseException(`Failed to load the template "${template.componentId}"`); }
|
|
);
|
|
}
|
|
|
|
compileHost(directiveMetadata: DirectiveMetadata):Promise<ProtoViewDto> {
|
|
var hostViewDef = new ViewDefinition({
|
|
componentId: directiveMetadata.id,
|
|
absUrl: null,
|
|
template: null,
|
|
directives: [directiveMetadata]
|
|
});
|
|
var element = DOM.createElement(directiveMetadata.selector);
|
|
return this._compileTemplate(hostViewDef, element);
|
|
}
|
|
|
|
_compileTemplate(viewDef: ViewDefinition, tplElement):Promise<ProtoViewDto> {
|
|
var subTaskPromises = [];
|
|
var pipeline = new CompilePipeline(this._stepFactory.createSteps(viewDef, subTaskPromises));
|
|
var compileElements = pipeline.process(tplElement, viewDef.componentId);
|
|
|
|
var protoView = compileElements[0].inheritedProtoView.build();
|
|
|
|
if (subTaskPromises.length > 0) {
|
|
return PromiseWrapper.all(subTaskPromises).then((_) => protoView);
|
|
} else {
|
|
return PromiseWrapper.resolve(protoView);
|
|
}
|
|
}
|
|
}
|
|
|
|
@Injectable()
|
|
export class DefaultDomCompiler extends DomCompiler {
|
|
constructor(parser:Parser, shadowDomStrategy:ShadowDomStrategy, templateLoader: TemplateLoader) {
|
|
super(new DefaultStepFactory(parser, shadowDomStrategy), templateLoader);
|
|
}
|
|
}
|