feat(forms): add easy way to switch between forms modules (angular#9202)

Author: kara

build.sh

@@ -44,6 +44,7 @@ for PACKAGE in \
   core \
   compiler \
   common \
+  forms \
   platform-browser \
   platform-browser-dynamic \
   platform-server \

modules/@angular/common/src/forms-deprecated/directives/ng_form.ts

@@ -95,6 +95,11 @@ export class NgForm extends ControlContainer implements Form {
       @Optional() @Self() @Inject(NG_VALIDATORS) validators: any[],
       @Optional() @Self() @Inject(NG_ASYNC_VALIDATORS) asyncValidators: any[]) {
     super();
+    console.warn(`
+      *It looks like you're using the old forms module. This will be opt-in in the next RC, and
+      will eventually be removed in favor of the new forms module. For more information, see:
+      https://docs.google.com/document/u/1/d/1RIezQqE4aEhBRmArIAS1mRIZtWFf6JxN_7B4meyWK0Y/pub
+    `);
     this.form = new ControlGroup(
         {}, null, composeValidators(validators), composeAsyncValidators(asyncValidators));
   }

modules/@angular/common/src/forms-deprecated/directives/ng_form_model.ts

@@ -113,6 +113,11 @@ export class NgFormModel extends ControlContainer implements Form,
       @Optional() @Self() @Inject(NG_VALIDATORS) private _validators: any[],
       @Optional() @Self() @Inject(NG_ASYNC_VALIDATORS) private _asyncValidators: any[]) {
     super();
+    console.warn(`
+      *It looks like you're using the old forms module. This will be opt-in in the next RC, and
+      will eventually be removed in favor of the new forms module. For more information, see:
+      https://docs.google.com/document/u/1/d/1RIezQqE4aEhBRmArIAS1mRIZtWFf6JxN_7B4meyWK0Y/pub
+    `);
   }
 
   ngOnChanges(changes: SimpleChanges): void {

modules/@angular/common/src/forms.ts

@@ -21,6 +21,7 @@ export './src/core/debug/debug_node.dart' show DebugElement,
   asNativeElements;
 export './src/core/testability/testability.dart';
 export './src/core/change_detection.dart';
+export './src/core/platform_directives_and_pipes.dart';
 export './src/core/platform_common_providers.dart';
 export './src/core/application_common_providers.dart';
 export './src/core/reflection/reflection.dart';

modules/@angular/core/core.dart

@@ -14,6 +14,7 @@ export * from './src/linker';
 export {DebugElement, DebugNode, asNativeElements, getDebugNode} from './src/debug/debug_node';
 export * from './src/testability/testability';
 export * from './src/change_detection';
+export * from './src/platform_directives_and_pipes';
 export * from './src/platform_common_providers';
 export * from './src/application_common_providers';
 export {wtfCreateScope, wtfLeave, wtfStartTimeRange, wtfEndTimeRange, WtfScopeFn} from './src/profile/profile';

modules/@angular/core/index.ts

@@ -0,0 +1,58 @@
+import {OpaqueToken} from './di';
+
+/**
+   A token that can be provided when bootstrapping an application to make an array of directives
+  * available in every component of the application.
+  *
+  * ### Example
+  *
+  * ```typescript
+  * import {PLATFORM_DIRECTIVES} from '@angular/core';
+  * import {OtherDirective} from './myDirectives';
+  *
+  * @Component({
+  *   selector: 'my-component',
+  *   template: `
+  *     <!-- can use other directive even though the component does not list it in `directives` -->
+  *     <other-directive></other-directive>
+  *   `
+  * })
+  * export class MyComponent {
+  *   ...
+  * }
+  *
+  * bootstrap(MyComponent, [{provide: PLATFORM_DIRECTIVES, useValue: [OtherDirective],
+  multi:true}]);
+  * ```
+  * @stable
+  */
+
+export const PLATFORM_DIRECTIVES: OpaqueToken =
+    /*@ts2dart_const*/ new OpaqueToken('Platform Directives');
+
+/**
+  * A token that can be provided when bootstraping an application to make an array of pipes
+  * available in every component of the application.
+  *
+  * ### Example
+  *
+  * ```typescript
+  * import {PLATFORM_PIPES} from '@angular/core';
+  * import {OtherPipe} from './myPipe';
+  *
+  * @Component({
+  *   selector: 'my-component',
+  *   template: `
+  *     {{123 | other-pipe}}
+  *   `
+  * })
+  * export class MyComponent {
+  *   ...
+  * }
+  *
+  * bootstrap(MyComponent, [{provide: PLATFORM_PIPES, useValue: [OtherPipe], multi:true}]);
+  * ```
+  * @stable
+  */
+
+export const PLATFORM_PIPES: OpaqueToken = /*@ts2dart_const*/ new OpaqueToken('Platform Pipes');

modules/@angular/core/src/platform_directives_and_pipes.ts

@@ -0,0 +1 @@
+export 'index.dart';

modules/@angular/forms/common.dart

@@ -0,0 +1 @@
+export * from './src/forms';

modules/@angular/forms/index.ts

@@ -0,0 +1,19 @@
+{
+  "name": "@angular/forms",
+  "version": "0.0.0-PLACEHOLDER",
+  "description": "",
+  "main": "index.js",
+  "jsnext:main": "esm/index.js",
+  "typings": "index.d.ts",
+  "author": "angular",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/core": "0.0.0-PLACEHOLDER",
+    "@angular/common": "0.0.0-PLACEHOLDER",
+    "@angular/compiler": "0.0.0-PLACEHOLDER"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/angular/angular.git"
+  }
+}