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

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/core/core.dart

@@ -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/index.ts

@@ -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/src/platform_directives_and_pipes.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/forms/common.dart

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

modules/@angular/forms/index.ts

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

modules/@angular/forms/package.json

@@ -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"
+  }
+}

modules/@angular/forms/rollup.config.js

@@ -0,0 +1,19 @@
+
+export default {
+  entry: '../../../dist/packages-dist/forms/esm/index.js',
+  dest: '../../../dist/packages-dist/forms/esm/forms.umd.js',
+  format: 'umd',
+  moduleName: 'ng.forms',
+  globals: {
+    '@angular/core': 'ng.core',
+    '@angular/common': 'ng.common',
+    '@angular/compiler': 'ng.compiler',
+    'rxjs/Subject': 'Rx',
+    'rxjs/observable/PromiseObservable': 'Rx', // this is wrong, but this stuff has changed in rxjs b.6 so we need to fix it when we update.
+    'rxjs/operator/toPromise': 'Rx.Observable.prototype',
+    'rxjs/Observable': 'Rx'
+  },
+  plugins: [
+//    nodeResolve({ jsnext: true, main: true }),
+  ]
+}

modules/@angular/common/src/forms/directives/abstract_control_directive.ts → modules/@angular/forms/src/directives/abstract_control_directive.ts

@@ -1,5 +1,5 @@
-import {unimplemented} from '../../facade/exceptions';
-import {isPresent} from '../../facade/lang';
+import {unimplemented} from '../facade/exceptions';
+import {isPresent} from '../facade/lang';
 import {AbstractControl} from '../model';
 
 

modules/@angular/common/src/forms/directives/default_value_accessor.ts → modules/@angular/forms/src/directives/default_value_accessor.ts

@@ -1,6 +1,6 @@
 import {Directive, ElementRef, Renderer, forwardRef} from '@angular/core';
 
-import {isBlank} from '../../facade/lang';
+import {isBlank} from '../facade/lang';
 
 import {ControlValueAccessor, NG_VALUE_ACCESSOR} from './control_value_accessor';
 

modules/@angular/common/src/forms/directives/ng_control.ts → modules/@angular/forms/src/directives/ng_control.ts

@@ -1,4 +1,4 @@
-import {unimplemented} from '../../facade/exceptions';
+import {unimplemented} from '../facade/exceptions';
 
 import {AbstractControlDirective} from './abstract_control_directive';
 import {ControlValueAccessor} from './control_value_accessor';

modules/@angular/common/src/forms/directives/ng_control_status.ts → modules/@angular/forms/src/directives/ng_control_status.ts

@@ -1,6 +1,6 @@
 import {Directive, Self} from '@angular/core';
 
-import {isPresent} from '../../facade/lang';
+import {isPresent} from '../facade/lang';
 
 import {NgControl} from './ng_control';
 

modules/@angular/common/src/forms/directives/ng_form.ts → modules/@angular/forms/src/directives/ng_form.ts

@@ -1,8 +1,8 @@
 import {Directive, Inject, Optional, Self, forwardRef} from '@angular/core';
 
-import {EventEmitter, ObservableWrapper, PromiseWrapper} from '../../facade/async';
-import {ListWrapper} from '../../facade/collection';
-import {isPresent} from '../../facade/lang';
+import {EventEmitter, ObservableWrapper, PromiseWrapper} from '../facade/async';
+import {ListWrapper} from '../facade/collection';
+import {isPresent} from '../facade/lang';
 import {AbstractControl, FormControl, FormGroup} from '../model';
 import {NG_ASYNC_VALIDATORS, NG_VALIDATORS} from '../validators';
 

modules/@angular/common/src/forms/directives/ng_model.ts → modules/@angular/forms/src/directives/ng_model.ts

@@ -1,7 +1,7 @@
 import {Directive, Host, Inject, Input, OnChanges, OnDestroy, Optional, Output, Self, SimpleChanges, forwardRef} from '@angular/core';
 
-import {EventEmitter, ObservableWrapper} from '../../facade/async';
-import {BaseException} from '../../facade/exceptions';
+import {EventEmitter, ObservableWrapper} from '../facade/async';
+import {BaseException} from '../facade/exceptions';
 import {FormControl} from '../model';
 import {NG_ASYNC_VALIDATORS, NG_VALIDATORS} from '../validators';
 

modules/@angular/common/src/forms/directives/number_value_accessor.ts → modules/@angular/forms/src/directives/number_value_accessor.ts

@@ -1,6 +1,6 @@
 import {Directive, ElementRef, Renderer, forwardRef} from '@angular/core';
 
-import {NumberWrapper} from '../../facade/lang';
+import {NumberWrapper} from '../facade/lang';
 
 import {ControlValueAccessor, NG_VALUE_ACCESSOR} from './control_value_accessor';
 

modules/@angular/common/src/forms/directives/radio_control_value_accessor.ts → modules/@angular/forms/src/directives/radio_control_value_accessor.ts

@@ -1,7 +1,7 @@
 import {Directive, ElementRef, Injectable, Injector, Input, OnDestroy, OnInit, Renderer, forwardRef} from '@angular/core';
 
-import {ListWrapper} from '../../facade/collection';
-import {isPresent} from '../../facade/lang';
+import {ListWrapper} from '../facade/collection';
+import {isPresent} from '../facade/lang';
 
 import {ControlValueAccessor, NG_VALUE_ACCESSOR} from './control_value_accessor';
 import {NgControl} from './ng_control';

modules/@angular/common/src/forms/directives/reactive_directives/form_control_directive.ts → modules/@angular/forms/src/directives/reactive_directives/form_control_directive.ts

@@ -1,7 +1,7 @@
 import {Directive, Inject, Input, OnChanges, Optional, Output, Self, SimpleChanges, forwardRef} from '@angular/core';
 
-import {EventEmitter, ObservableWrapper} from '../../../facade/async';
-import {StringMapWrapper} from '../../../facade/collection';
+import {EventEmitter, ObservableWrapper} from '../../facade/async';
+import {StringMapWrapper} from '../../facade/collection';
 import {FormControl} from '../../model';
 import {NG_ASYNC_VALIDATORS, NG_VALIDATORS} from '../../validators';
 

modules/@angular/common/src/forms/directives/reactive_directives/form_control_name.ts → modules/@angular/forms/src/directives/reactive_directives/form_control_name.ts

@@ -1,6 +1,6 @@
 import {Directive, Host, Inject, Input, OnChanges, OnDestroy, Optional, Output, Self, SimpleChanges, SkipSelf, forwardRef} from '@angular/core';
 
-import {EventEmitter, ObservableWrapper} from '../../../facade/async';
+import {EventEmitter, ObservableWrapper} from '../../facade/async';
 import {FormControl} from '../../model';
 import {NG_ASYNC_VALIDATORS, NG_VALIDATORS} from '../../validators';
 

modules/@angular/common/src/forms/directives/reactive_directives/form_group_directive.ts → modules/@angular/forms/src/directives/reactive_directives/form_group_directive.ts

@@ -1,9 +1,9 @@
 import {Directive, Inject, Input, OnChanges, Optional, Output, Self, SimpleChanges, forwardRef} from '@angular/core';
 
-import {EventEmitter, ObservableWrapper} from '../../../facade/async';
-import {ListWrapper, StringMapWrapper} from '../../../facade/collection';
-import {BaseException} from '../../../facade/exceptions';
-import {isBlank} from '../../../facade/lang';
+import {EventEmitter, ObservableWrapper} from '../../facade/async';
+import {ListWrapper, StringMapWrapper} from '../../facade/collection';
+import {BaseException} from '../../facade/exceptions';
+import {isBlank} from '../../facade/lang';
 import {FormControl, FormGroup} from '../../model';
 import {NG_ASYNC_VALIDATORS, NG_VALIDATORS, Validators} from '../../validators';
 import {ControlContainer} from '../control_container';

modules/@angular/common/src/forms/directives/select_control_value_accessor.ts → modules/@angular/forms/src/directives/select_control_value_accessor.ts

@@ -1,7 +1,7 @@
 import {Directive, ElementRef, Host, Input, OnDestroy, Optional, Renderer, forwardRef} from '@angular/core';
 
-import {MapWrapper} from '../../facade/collection';
-import {StringWrapper, isBlank, isPresent, isPrimitive, looseIdentical} from '../../facade/lang';
+import {MapWrapper} from '../facade/collection';
+import {StringWrapper, isBlank, isPresent, isPrimitive, looseIdentical} from '../facade/lang';
 
 import {ControlValueAccessor, NG_VALUE_ACCESSOR} from './control_value_accessor';
 

modules/@angular/common/src/forms/directives/select_multiple_control_value_accessor.ts → modules/@angular/forms/src/directives/select_multiple_control_value_accessor.ts

@@ -1,7 +1,7 @@
 import {Directive, ElementRef, Host, Input, OnDestroy, Optional, Renderer, forwardRef} from '@angular/core';
 
-import {MapWrapper} from '../../facade/collection';
-import {StringWrapper, isBlank, isPresent, isPrimitive, isString, looseIdentical} from '../../facade/lang';
+import {MapWrapper} from '../facade/collection';
+import {StringWrapper, isBlank, isPresent, isPrimitive, isString, looseIdentical} from '../facade/lang';
 
 import {ControlValueAccessor, NG_VALUE_ACCESSOR} from './control_value_accessor';
 

modules/@angular/common/src/forms/directives/shared.ts → modules/@angular/forms/src/directives/shared.ts

@@ -1,6 +1,6 @@
-import {ListWrapper, StringMapWrapper} from '../../facade/collection';
-import {BaseException} from '../../facade/exceptions';
-import {hasConstructor, isBlank, isPresent, looseIdentical} from '../../facade/lang';
+import {ListWrapper, StringMapWrapper} from '../facade/collection';
+import {BaseException} from '../facade/exceptions';
+import {hasConstructor, isBlank, isPresent, looseIdentical} from '../facade/lang';
 import {FormControl, FormGroup} from '../model';
 import {Validators} from '../validators';
 

modules/@angular/common/src/forms/directives/validators.ts → modules/@angular/forms/src/directives/validators.ts

@@ -1,6 +1,6 @@
 import {Attribute, Directive, forwardRef} from '@angular/core';
 
-import {NumberWrapper} from '../../facade/lang';
+import {NumberWrapper} from '../facade/lang';
 import {AbstractControl} from '../model';
 import {NG_VALIDATORS, Validators} from '../validators';