2016-06-23 09:47:54 -07:00
/**
* @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-07-26 05:21:19 -07:00
import { XHR , analyzeAppProvidersForDeprecatedConfiguration , platformCoreDynamic } from '@angular/compiler' ;
2016-08-04 11:31:58 -07:00
import { ApplicationRef , COMPILER_OPTIONS , Compiler , CompilerFactory , CompilerOptions , ComponentRef , ComponentResolver , ExceptionHandler , NgModule , NgModuleRef , OpaqueToken , PLATFORM_DIRECTIVES , PLATFORM_INITIALIZER , PLATFORM_PIPES , PlatformRef , ReflectiveInjector , SchemaMetadata , Type , assertPlatform , createPlatform , createPlatformFactory , getPlatform , isDevMode } from '@angular/core' ;
2016-07-26 05:21:19 -07:00
import { BROWSER_PLATFORM_PROVIDERS , BrowserModule , WORKER_APP_PLATFORM_PROVIDERS , WORKER_SCRIPT , WorkerAppModule , platformBrowser , platformWorkerApp , platformWorkerUi } from '@angular/platform-browser' ;
2016-06-08 16:38:52 -07:00
2016-07-18 03:50:31 -07:00
import { Console } from './core_private' ;
2016-06-30 13:07:17 -07:00
import { ConcreteType , isPresent , stringify } from './src/facade/lang' ;
2016-07-18 03:50:31 -07:00
import { INTERNAL_BROWSER_DYNAMIC_PLATFORM_PROVIDERS } from './src/platform_providers' ;
2016-06-10 10:21:53 -07:00
import { CachedXHR } from './src/xhr/xhr_cache' ;
import { XHRImpl } from './src/xhr/xhr_impl' ;
2016-05-24 16:13:17 -07:00
2016-07-18 03:50:31 -07:00
2016-06-27 12:27:23 -07:00
/**
2016-07-08 13:40:54 -07:00
* @deprecated The compiler providers are already included in the {@link CompilerFactory} that is
* contained the {@link browserDynamicPlatform}()`.
2016-06-27 12:27:23 -07:00
*/
2016-07-18 03:50:31 -07:00
export const BROWSER_APP_COMPILER_PROVIDERS : Array < any /*Type | Provider | any[]*/ > = [ ] ;
2016-05-24 16:13:17 -07:00
2016-06-27 12:27:23 -07:00
/**
* @experimental
*/
2016-06-10 10:21:53 -07:00
export const CACHED_TEMPLATE_PROVIDER : Array < any /*Type | Provider | any[]*/ > =
[ { provide : XHR , useClass : CachedXHR } ] ;
2016-07-08 10:47:17 -07:00
/**
* @experimental API related to bootstrapping are still under review.
*/
2016-07-26 05:21:19 -07:00
export const platformBrowserDynamic = createPlatformFactory (
platformCoreDynamic , 'browserDynamic' , INTERNAL_BROWSER_DYNAMIC_PLATFORM_PROVIDERS ) ;
/**
* @deprecated Use {@link platformBrowserDynamic} instead
*/
export const browserDynamicPlatform = platformBrowserDynamic ;
2016-06-10 10:21:53 -07:00
/**
* Bootstrapping for Angular applications.
*
* You instantiate an Angular application by explicitly specifying a component to use
* as the root component for your application via the `bootstrap()` method.
*
* ## Simple Example
*
* Assuming this `index.html`:
*
* ```html
* <html>
* <!-- load Angular script tags here. -->
* <body>
* <my-app>loading...</my-app>
* </body>
* </html>
* ```
*
* An application is bootstrapped inside an existing browser DOM, typically `index.html`.
* Unlike Angular 1, Angular 2 does not compile/process providers in `index.html`. This is
* mainly for security reasons, as well as architectural changes in Angular 2. This means
* that `index.html` can safely be processed using server-side technologies such as
* providers. Bindings can thus use double-curly `{{ syntax }}` without collision from
* Angular 2 component double-curly `{{ syntax }}`.
*
* We can use this script code:
*
* {@example core/ts/bootstrap/bootstrap.ts region='bootstrap'}
*
* When the app developer invokes `bootstrap()` with the root component `MyApp` as its
* argument, Angular performs the following tasks:
*
* 1. It uses the component's `selector` property to locate the DOM element which needs
* to be upgraded into the angular component.
* 2. It creates a new child injector (from the platform injector). Optionally, you can
* also override the injector configuration for an app by invoking `bootstrap` with the
* `componentInjectableBindings` argument.
* 3. It creates a new `Zone` and connects it to the angular application's change detection
* domain instance.
* 4. It creates an emulated or shadow DOM on the selected component's host element and loads the
* template into it.
* 5. It instantiates the specified component.
* 6. Finally, Angular performs change detection to apply the initial data providers for the
* application.
*
*
* ## Bootstrapping Multiple Applications
*
* When working within a browser window, there are many singleton resources: cookies, title,
* location, and others. Angular services that represent these resources must likewise be
* shared across all Angular applications that occupy the same browser window. For this
* reason, Angular creates exactly one global platform object which stores all shared
* services, and each angular application injector has the platform injector as its parent.
*
* Each application has its own private injector as well. When there are multiple
* applications on a page, Angular treats each application injector's services as private
* to that application.
*
2016-06-30 13:07:17 -07:00
* ## API (version 1)
2016-06-10 10:21:53 -07:00
*
* - `appComponentType`: The root component which should act as the application. This is
* a reference to a `Type` which is annotated with `@Component(...)`.
* - `customProviders`: An additional set of providers that can be added to the
* app injector to override default injection behavior.
*
2016-06-30 13:07:17 -07:00
* ## API (version 2)
* - `appComponentType`: The root component which should act as the application. This is
* a reference to a `Type` which is annotated with `@Component(...)`.
2016-07-25 00:36:30 -07:00
* - `providers`, `declarations`, `imports`, `entryComponents`: Defines the properties
2016-06-30 13:07:17 -07:00
* of the dynamically created module that is used to bootstrap the module.
2016-07-18 03:50:31 -07:00
* - to configure the compiler, use the `compilerOptions` parameter.
2016-06-30 13:07:17 -07:00
*
2016-06-10 10:21:53 -07:00
* Returns a `Promise` of {@link ComponentRef}.
2016-06-27 12:27:23 -07:00
*
* @experimental This api cannot be used with the offline compiler and thus is still subject to
* change.
2016-06-10 10:21:53 -07:00
*/
2016-06-30 13:07:17 -07:00
// Note: We are using typescript overloads here to have 2 function signatures!
export function bootstrap < C > (
appComponentType : ConcreteType < C > ,
customProviders? : Array < any /*Type | Provider | any[]*/ > ) : Promise < ComponentRef < C > > ;
export function bootstrap < C > (
appComponentType : ConcreteType < C > ,
2016-07-25 03:02:57 -07:00
{ providers , imports , declarations , entryComponents , schemas , compilerOptions } ? : {
2016-06-30 13:07:17 -07:00
providers? : Array < any /*Type | Provider | any[]*/ > ,
2016-07-18 03:50:31 -07:00
declarations? : any [ ] ,
imports? : any [ ] ,
2016-07-25 00:36:30 -07:00
entryComponents? : any [ ] ,
2016-07-25 03:02:57 -07:00
schemas? : Array < SchemaMetadata | any [ ] > ,
2016-07-08 10:47:17 -07:00
compilerOptions? : CompilerOptions
2016-06-30 13:07:17 -07:00
} ) : Promise < ComponentRef < C > > ;
export function bootstrap < C > (
appComponentType : ConcreteType < C > ,
customProvidersOrDynamicModule? : Array < any /*Type | Provider | any[]*/ > | {
providers : Array < any /*Type | Provider | any[]*/ > ,
2016-07-18 03:50:31 -07:00
declarations? : any [ ] ,
imports : any [ ] ,
2016-07-25 03:02:57 -07:00
entryComponents : any [ ] , schemas? : Array < SchemaMetadata | any [ ] > ,
2016-07-08 10:47:17 -07:00
compilerOptions : CompilerOptions
2016-06-30 13:07:17 -07:00
} ) : Promise < ComponentRef < C > > {
2016-07-08 10:47:17 -07:00
let compilerOptions : CompilerOptions ;
2016-06-30 13:07:17 -07:00
let providers : any [ ] = [ ] ;
2016-07-18 03:50:31 -07:00
let declarations : any [ ] = [ ] ;
let imports : any [ ] = [ ] ;
2016-07-25 00:36:30 -07:00
let entryComponents : any [ ] = [ ] ;
2016-07-18 03:50:31 -07:00
let deprecationMessages : string [ ] = [ ] ;
2016-07-25 03:02:57 -07:00
let schemas : any [ ] = [ ] ;
2016-06-30 13:07:17 -07:00
if ( customProvidersOrDynamicModule instanceof Array ) {
providers = customProvidersOrDynamicModule ;
2016-07-18 03:50:31 -07:00
const deprecatedConfiguration = analyzeAppProvidersForDeprecatedConfiguration ( providers ) ;
declarations = deprecatedConfiguration . moduleDeclarations . concat ( declarations ) ;
compilerOptions = deprecatedConfiguration . compilerOptions ;
deprecationMessages = deprecatedConfiguration . deprecationMessages ;
2016-06-30 13:07:17 -07:00
} else if ( customProvidersOrDynamicModule ) {
providers = normalizeArray ( customProvidersOrDynamicModule . providers ) ;
2016-07-18 03:50:31 -07:00
declarations = normalizeArray ( customProvidersOrDynamicModule . declarations ) ;
imports = normalizeArray ( customProvidersOrDynamicModule . imports ) ;
2016-07-25 00:36:30 -07:00
entryComponents = normalizeArray ( customProvidersOrDynamicModule . entryComponents ) ;
2016-07-25 03:02:57 -07:00
schemas = normalizeArray ( customProvidersOrDynamicModule . schemas ) ;
2016-07-08 10:47:17 -07:00
compilerOptions = customProvidersOrDynamicModule . compilerOptions ;
2016-06-30 13:07:17 -07:00
}
2016-06-10 10:21:53 -07:00
2016-07-18 03:50:31 -07:00
@NgModule ( {
2016-06-30 13:07:17 -07:00
providers : providers ,
2016-07-18 03:50:31 -07:00
declarations : declarations.concat ( [ appComponentType ] ) ,
imports : [ BrowserModule , imports ] ,
2016-08-02 06:54:08 -07:00
entryComponents : entryComponents ,
bootstrap : [ appComponentType ] ,
2016-07-25 03:02:57 -07:00
schemas : schemas
2016-06-30 13:07:17 -07:00
} )
class DynamicModule {
}
2016-07-26 05:21:19 -07:00
return platformBrowserDynamic ( )
. bootstrapModule ( DynamicModule , compilerOptions )
2016-07-08 10:47:17 -07:00
. then ( ( moduleRef ) = > {
2016-07-18 03:50:31 -07:00
const console = moduleRef . injector . get ( Console ) ;
deprecationMessages . forEach ( ( msg ) = > console . warn ( msg ) ) ;
2016-07-08 10:47:17 -07:00
const appRef : ApplicationRef = moduleRef . injector . get ( ApplicationRef ) ;
2016-08-02 06:54:08 -07:00
return appRef . components [ 0 ] ;
2016-07-08 10:47:17 -07:00
} ) ;
2016-06-30 13:07:17 -07:00
}
2016-06-10 10:21:53 -07:00
2016-06-15 17:12:22 -07:00
/**
2016-07-18 03:50:31 -07:00
* Bootstraps the worker ui.
*
* @experimental
2016-06-15 17:12:22 -07:00
*/
2016-06-15 08:25:31 -07:00
export function bootstrapWorkerUi (
2016-06-10 10:21:53 -07:00
workerScriptUri : string ,
2016-07-18 03:50:31 -07:00
customProviders : Array < any /*Type | Provider | any[]*/ > = [ ] ) : Promise < PlatformRef > {
// For now, just creates the worker ui platform...
2016-07-26 05:21:19 -07:00
return Promise . resolve ( platformWorkerUi ( [ {
2016-07-18 03:50:31 -07:00
provide : WORKER_SCRIPT ,
useValue : workerScriptUri ,
} ] . concat ( customProviders ) ) ) ;
2016-06-10 10:21:53 -07:00
}
2016-06-15 17:12:22 -07:00
/**
2016-07-18 03:50:31 -07:00
* @experimental API related to bootstrapping are still under review.
2016-06-15 17:12:22 -07:00
*/
2016-07-26 05:21:19 -07:00
export const platformWorkerAppDynamic =
createPlatformFactory ( platformCoreDynamic , 'workerAppDynamic' , [ {
2016-08-04 11:31:58 -07:00
provide : COMPILER_OPTIONS ,
2016-07-18 03:50:31 -07:00
useValue : { providers : [ { provide : XHR , useClass : XHRImpl } ] } ,
multi : true
} ] ) ;
2016-06-10 10:21:53 -07:00
2016-07-26 05:21:19 -07:00
/**
* @deprecated Use {@link platformWorkerAppDynamic} instead
*/
export const workerAppDynamicPlatform = platformWorkerAppDynamic ;
2016-06-15 17:12:22 -07:00
/**
2016-07-18 03:50:31 -07:00
* @deprecated Create an {@link NgModule} that includes the {@link WorkerAppModule} and use {@link
2016-07-08 13:40:54 -07:00
* bootstrapModule}
2016-07-18 03:50:31 -07:00
* with the {@link workerAppDynamicPlatform}() instead.
2016-06-15 17:12:22 -07:00
*/
2016-07-18 03:50:31 -07:00
export function bootstrapWorkerApp < T > (
appComponentType : ConcreteType < T > ,
customProviders? : Array < any /*Type | Provider | any[]*/ > ) : Promise < ComponentRef < T > > {
2016-07-08 13:40:54 -07:00
console . warn (
2016-07-18 03:50:31 -07:00
'bootstrapWorkerApp is deprecated. Create an @NgModule that includes the `WorkerAppModule` and use `bootstrapModule` with the `workerAppDynamicPlatform()` instead.' ) ;
const deprecatedConfiguration = analyzeAppProvidersForDeprecatedConfiguration ( customProviders ) ;
const declarations = [ deprecatedConfiguration . moduleDeclarations . concat ( [ appComponentType ] ) ] ;
@NgModule ( {
providers : customProviders ,
declarations : declarations ,
imports : [ WorkerAppModule ] ,
2016-08-02 06:54:08 -07:00
bootstrap : [ appComponentType ]
2016-07-18 03:50:31 -07:00
} )
class DynamicModule {
}
2016-07-26 05:21:19 -07:00
return platformWorkerAppDynamic ( )
. bootstrapModule ( DynamicModule , deprecatedConfiguration . compilerOptions )
2016-07-18 03:50:31 -07:00
. then ( ( moduleRef ) = > {
const console = moduleRef . injector . get ( Console ) ;
deprecatedConfiguration . deprecationMessages . forEach ( ( msg ) = > console . warn ( msg ) ) ;
const appRef : ApplicationRef = moduleRef . injector . get ( ApplicationRef ) ;
2016-08-02 06:54:08 -07:00
return appRef . components [ 0 ] ;
2016-07-18 03:50:31 -07:00
} ) ;
2016-06-10 10:21:53 -07:00
}
2016-06-30 13:07:17 -07:00
function normalizeArray ( arr : any [ ] ) : any [ ] {
return arr ? arr : [ ] ;
2016-07-18 03:50:31 -07:00
}
