refactor(core): change module semantics

This contains major changes to the compiler, bootstrap of the platforms
and test environment initialization.

Main part of #10043
Closes #10164

BREAKING CHANGE:
- Semantics and name of `@AppModule` (now `@NgModule`) changed quite a bit.
  This is actually not breaking as `@AppModules` were not part of rc.4.
  We will have detailed docs on `@NgModule` separately.
- `coreLoadAndBootstrap` and `coreBootstrap` can't be used any more (without migration support).
  Use `bootstrapModule` / `bootstrapModuleFactory` instead.
- All Components listed in routes have to be part of the `declarations` of an NgModule.
  Either directly on the bootstrap module / lazy loaded module, or in an NgModule imported by them.

modules/@angular/compiler-cli/integrationtest/src/a/multiple_components.ts

@@ -8,10 +8,7 @@
 
 import {Component} from '@angular/core';
 
-@Component({
-  selector: 'my-comp',
-  template: '<div></div>',
-})
+@Component({selector: 'my-comp', template: '<div></div>', directives: [NextComp]})
 export class MultipleComponentsMyComp {
 }
 

modules/@angular/compiler-cli/integrationtest/src/basic.html

@@ -1,4 +1,4 @@
 <div [attr.array]="[0]" [attr.map]="{a:1}" title="translate me" i18n-title="meaning|desc">{{ctxProp}}</div>
-<form><input type="button" [(ngModel)]="ctxProp"/></form>
+<form><input type="button" [(ngModel)]="ctxProp" name="first"/></form>
 <my-comp *ngIf="ctxBool"></my-comp>
 <div *ngFor="let x of ctxArr" [attr.value]="x"></div>

modules/@angular/compiler-cli/integrationtest/src/basic.ts

@@ -6,8 +6,9 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {FORM_DIRECTIVES, NgFor, NgIf} from '@angular/common';
+import {NgFor, NgIf} from '@angular/common';
 import {Component, Inject} from '@angular/core';
+import {FORM_DIRECTIVES} from '@angular/forms';
 
 import {MultipleComponentsMyComp} from './a/multiple_components';
 

modules/@angular/compiler-cli/integrationtest/src/bootstrap.ts

@@ -10,4 +10,4 @@ import {browserPlatform} from '@angular/platform-browser';
 import {BasicComp} from './basic';
 import {MainModuleNgFactory} from './module.ngfactory';
 
-MainModuleNgFactory.create().instance.appRef.bootstrap(BasicComp);
+MainModuleNgFactory.create(null).instance.appRef.bootstrap(BasicComp);

modules/@angular/compiler-cli/integrationtest/src/module.ts

@@ -6,20 +6,29 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {AppModule, ApplicationRef} from '@angular/core';
+import {ApplicationRef, NgModule} from '@angular/core';
+import {FormsModule} from '@angular/forms';
 import {BrowserModule} from '@angular/platform-browser';
 
 import {AnimateCmp} from './animate';
 import {BasicComp} from './basic';
+import {CompWithProviders, CompWithReferences} from './features';
+import {CompUsingRootModuleDirectiveAndPipe, SomeDirectiveInRootModule, SomeLibModule, SomePipeInRootModule, SomeService} from './module_fixtures';
 import {CompWithAnalyzePrecompileProvider, CompWithPrecompile} from './precompile';
 import {ProjectingComp} from './projection';
-import {CompWithChildQuery} from './queries';
+import {CompWithChildQuery, CompWithDirectiveChild} from './queries';
 
-@AppModule({
-  modules: [BrowserModule],
+@NgModule({
+  declarations: [
+    SomeDirectiveInRootModule, SomePipeInRootModule, AnimateCmp, BasicComp, CompWithPrecompile,
+    CompWithAnalyzePrecompileProvider, ProjectingComp, CompWithChildQuery, CompWithDirectiveChild,
+    CompUsingRootModuleDirectiveAndPipe, CompWithProviders, CompWithReferences
+  ],
+  imports: [BrowserModule, FormsModule, SomeLibModule],
+  providers: [SomeService],
   precompile: [
     AnimateCmp, BasicComp, CompWithPrecompile, CompWithAnalyzePrecompileProvider, ProjectingComp,
-    CompWithChildQuery
+    CompWithChildQuery, CompUsingRootModuleDirectiveAndPipe
   ]
 })
 export class MainModule {

modules/@angular/compiler-cli/integrationtest/src/module_fixtures.ts

@@ -7,7 +7,7 @@
  */
 
 import {LowerCasePipe, NgIf} from '@angular/common';
-import {ANALYZE_FOR_PRECOMPILE, AppModule, Component, ComponentFactoryResolver, Directive, Inject, Injectable, Input, OpaqueToken, Pipe} from '@angular/core';
+import {ANALYZE_FOR_PRECOMPILE, Component, ComponentFactoryResolver, Directive, Inject, Injectable, Input, NgModule, OpaqueToken, Pipe} from '@angular/core';
 import {BrowserModule} from '@angular/platform-browser';
 
 @Injectable()
@@ -16,50 +16,37 @@ export class SomeService {
 }
 
 @Injectable()
-export class NestedService {
+export class ServiceUsingLibModule {
 }
 
 @Directive({selector: '[someDir]', host: {'[title]': 'someDir'}})
-export class SomeDirective {
+export class SomeDirectiveInRootModule {
+  @Input()
+  someDir: string;
+}
+
+@Directive({selector: '[someDir]', host: {'[title]': 'someDir'}})
+export class SomeDirectiveInLibModule {
   @Input()
   someDir: string;
 }
 
 @Pipe({name: 'somePipe'})
-export class SomePipe {
+export class SomePipeInRootModule {
   transform(value: string): any { return `transformed ${value}`; }
 }
 
-@Component({selector: 'cmp', template: `<div  [someDir]="'someValue' | somePipe"></div>`})
-export class SomeComp {
-  constructor() {}
+@Pipe({name: 'somePipe'})
+export class SomePipeInLibModule {
+  transform(value: string): any { return `transformed ${value}`; }
 }
 
-@Component({selector: 'parent', template: `<cmp></cmp>`, directives: [SomeComp]})
-export class ParentComp {
+@Component({selector: 'comp', template: `<div  [someDir]="'someValue' | somePipe"></div>`})
+export class CompUsingRootModuleDirectiveAndPipe {
 }
 
-@AppModule({providers: [NestedService]})
-export class NestedModule {
-}
-
-@AppModule({
-  directives: [SomeDirective],
-  pipes: [SomePipe],
-  providers: [SomeService],
-  precompile: [SomeComp],
-  modules: [NestedModule, BrowserModule]
-})
-export class SomeModule {
-}
-
-@AppModule({
-  directives: [SomeDirective],
-  pipes: [SomePipe],
-  precompile: [ParentComp],
-  modules: [BrowserModule]
-})
-export class SomeModuleUsingParentComp {
+@Component({selector: 'comp', template: `<div  [someDir]="'someValue' | somePipe"></div>`})
+export class CompUsingLibModuleDirectiveAndPipe {
 }
 
 export const SOME_TOKEN = new OpaqueToken('someToken');
@@ -71,7 +58,13 @@ export function provideValueWithPrecompile(value: any) {
   ];
 }
 
-@AppModule({providers: [provideValueWithPrecompile([{a: 'b', component: SomeComp}])]})
-export class SomeModuleWithAnalyzePrecompileProvider {
-  constructor(@Inject(SOME_TOKEN) public providedValue: any) {}
+@NgModule({
+  declarations: [SomeDirectiveInLibModule, SomePipeInLibModule, CompUsingLibModuleDirectiveAndPipe],
+  precompile: [CompUsingLibModuleDirectiveAndPipe],
+  providers: [
+    ServiceUsingLibModule,
+    provideValueWithPrecompile([{a: 'b', component: CompUsingLibModuleDirectiveAndPipe}])
+  ],
+})
+export class SomeLibModule {
 }