fcadbf4bf6
This change allows ReflectiveInjector to be tree shaken resulting
in not needed Reflect polyfil and smaller bundles.
Code savings for HelloWorld using Closure:
Reflective: bundle.js: 105,864(34,190 gzip)
Static: bundle.js: 154,889(33,555 gzip)
645( 2%)
BREAKING CHANGE:
`platformXXXX()` no longer accepts providers which depend on reflection.
Specifically the method signature when from `Provider[]` to
`StaticProvider[]`.
Example:
Before:
```
[
MyClass,
{provide: ClassA, useClass: SubClassA}
]
```
After:
```
[
{provide: MyClass, deps: [Dep1,...]},
{provide: ClassA, useClass: SubClassA, deps: [Dep1,...]}
]
```
NOTE: This only applies to platform creation and providers for the JIT
compiler. It does not apply to `@Compotent` or `@NgModule` provides
declarations.
Benchpress note: Previously Benchpress also supported reflective
provides, which now require static providers.
DEPRECATION:
- `ReflectiveInjector` is now deprecated as it will be remove. Use
`Injector.create` as a replacement.
closes #18496
42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
/**
|
|
* @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
|
|
*/
|
|
|
|
import {APP_INITIALIZER, ApplicationInitStatus, Inject, InjectionToken, Injector, StaticProvider} from '@angular/core';
|
|
|
|
import {getDOM} from '../dom/dom_adapter';
|
|
import {DOCUMENT} from '../dom/dom_tokens';
|
|
|
|
/**
|
|
* An id that identifies a particular application being bootstrapped, that should
|
|
* match across the client/server boundary.
|
|
*/
|
|
export const TRANSITION_ID = new InjectionToken('TRANSITION_ID');
|
|
|
|
export function appInitializerFactory(transitionId: string, document: any, injector: Injector) {
|
|
return () => {
|
|
// Wait for all application initializers to be completed before removing the styles set by
|
|
// the server.
|
|
injector.get(ApplicationInitStatus).donePromise.then(() => {
|
|
const dom = getDOM();
|
|
const styles: any[] =
|
|
Array.prototype.slice.apply(dom.querySelectorAll(document, `style[ng-transition]`));
|
|
styles.filter(el => dom.getAttribute(el, 'ng-transition') === transitionId)
|
|
.forEach(el => dom.remove(el));
|
|
});
|
|
};
|
|
}
|
|
|
|
export const SERVER_TRANSITION_PROVIDERS: StaticProvider[] = [
|
|
{
|
|
provide: APP_INITIALIZER,
|
|
useFactory: appInitializerFactory,
|
|
deps: [TRANSITION_ID, DOCUMENT, Injector],
|
|
multi: true
|
|
},
|
|
];
|