fix: More consistent type naming

Closes #902

BREAKING CHANGE:
  - Concepts:
    - Filter                        -> Formatter

  - import:
    - angular/directive/ng_a.dart   -> angular/directive/a_href.dart
    - angular/filter/currency.dart  -> angular/formatter/currency.dart
    - angular/filter/date.dart      -> angular/formatter/date.dart
    - angular/filter/filter.dart    -> angular/formatter/filter.dart
    - angular/filter/json.dart      -> angular/formatter/json.dart
    - angular/filter/limit_to.dart  -> angular/formatter/limit_to.dart
    - angular/filter/lowercase.dart -> angular/formatter/lowercase.dart
    - angular/filter/module.dart    -> angular/formatter/module.dart
    - angular/filter/number.dart    -> angular/formatter/number.dart
    - angular/filter/order_by.dart  -> angular/formatter/order_by.dart
    - angular/filter/stringify.dart -> angular/formatter/stringify.dart
    - angular/filter/uppercase.dart -> angular/formatter/uppercase.dart

  - Types:
    - NgA                           -> AHref
    - NgAttachAware                 -> AttachAware
    - NgDetachAware                 -> DetachAware
    - NgShadowRootAware             -> ShadowRootAware
    - NgFilter                      -> Formatter
    - NgInjectableService           -> Injectable
    - AbstractNgAnnotation          -> Directive
    - AbstractNgFieldAnnotation     -> DirectiveAnnotation
    - NgComponent                   -> Component
    - NgController                  -> Controller
    - NgDirective                   -> Decorator
    - NgAnimate                     -> Animate
    - NgZone                        -> VmTurnZone
    - NgAnimationModule             -> AnimationModule
    - NgCoreModule                  -> CoreModule
    - NgCoreDomModule               -> CoreDomModule
    - NgAnimationDirective          -> NgAnimation
    - NgAnimationChildrenDirective  -> NgAnimationChildren
    - FilterMap                     -> FormatterMap
    - NgAttrMustacheDirective       -> AttrMustache
    - NgTextMustacheDirective       -> TextMustache

  - Constants
    - NgDirective.LOCAL_VISIBILITY           -> Directive.LOCAL_VISIBILITY
    - NgDirective.CHILDREN_VISIBILITY        -> Directive.CHILDREN_VISIBILITY
    - NgDirective.DIRECT_CHILDREN_VISIBILITY -> Directive.DIRECT_CHILDREN_VISIBILITY

Author: mhevery

example/web/animation.dart

@@ -9,22 +9,22 @@ part 'animation/visibility_demo.dart';
 part 'animation/stress_demo.dart';
 part 'animation/css_demo.dart';
 
-@NgController(
+@Controller(
     selector: '[animation-demo]',
     publishAs: 'demo')
-class AnimationDemoController {
+class AnimationDemo {
   final pages = ["About", "ng-repeat", "Visibility", "Css", "Stress Test"];
   var currentPage = "About";
 }
 
 class AnimationDemoModule extends Module {
   AnimationDemoModule() {
-    install(new NgAnimateModule());
-    type(RepeatDemoComponent);
-    type(VisibilityDemoComponent);
-    type(StressDemoComponent);
-    type(CssDemoComponent);
-    type(AnimationDemoController);
+    install(new AnimationModule());
+    type(RepeatDemo);
+    type(VisibilityDemo);
+    type(StressDemo);
+    type(CssDemo);
+    type(AnimationDemo);
   }
 }
 main() {

example/web/animation.html

@@ -18,7 +18,7 @@ <h2>About</h2>
       <p>The NgAnimate module is a port with modifications of the original
         AngularJS animation module. The default implementation does nothing.
         It simply provides hooks into the angular subsystem. Adding
-        <code>NgAnimateModule</code> however is a whole different story. Once
+        <code>AnimationModule</code> however is a whole different story. Once
         added it allows you define and run css animations on your elements with
         pure CSS.</p>
       <p>Check out the demos above.</p>

example/web/animation/css_demo.dart

@@ -1,6 +1,6 @@
 part of animation;
 
-@NgComponent(
+@Component(
     selector: 'css-demo',
     template: '''
       <div class="css-demo">
@@ -24,8 +24,8 @@ part of animation;
     ''',
     publishAs: 'ctrl',
     applyAuthorStyles: true)
-class CssDemoComponent {
+class CssDemo {
   bool stateA = false;
   bool stateB = false;
   bool stateC = false;
-}
+}

example/web/animation/repeat_demo.dart

@@ -1,6 +1,6 @@
 part of animation;
 
-@NgComponent(
+@Component(
     selector: 'repeat-demo',
     template: '''
       <div class="repeat-demo">
@@ -18,7 +18,7 @@ part of animation;
     ''',
     publishAs: 'ctrl',
     applyAuthorStyles: true)
-class RepeatDemoComponent {
+class RepeatDemo {
   var thing = 0;
   final items = [];
 

example/web/animation/stress_demo.dart

@@ -1,6 +1,6 @@
 part of animation;
 
-@NgComponent(
+@Component(
     selector: 'stress-demo',
     template: '''
       <div class="stress-demo">
@@ -13,7 +13,7 @@ part of animation;
     ''',
     publishAs: 'ctrl',
     applyAuthorStyles: true)
-class StressDemoComponent {
+class StressDemo {
   bool _visible = true;
   final numbers = <int>[1, 2];
 

example/web/animation/visibility_demo.dart

@@ -1,6 +1,6 @@
 part of animation;
 
-@NgComponent(
+@Component(
     selector: 'visibility-demo',
     template: '''
       <div class="visibility-demo">
@@ -18,6 +18,6 @@ part of animation;
     ''',
     publishAs: 'ctrl',
     applyAuthorStyles: true)
-class VisibilityDemoComponent {
+class VisibilityDemo {
   bool visible = false;
-}
+}

example/web/bouncing_balls.dart

@@ -26,7 +26,7 @@ class BallModel {
 
 }
 
-@NgController(
+@Controller(
   selector: '[bounce-controller]',
   publishAs: 'bounce')
 class BounceController {
@@ -99,15 +99,15 @@ class BounceController {
 
 List<String> _CACHE = new List.generate(500, (i) => '${i}px');
 
-@NgDirective(
+@Decorator(
   selector: '[ball-position]',
   map: const {
     "ball-position": '=>position'},
   exportExpressions: const ['x', 'y'])
-class BallPositionDirective {
+class BallPosition {
   final Element element;
   final Scope scope;
-  BallPositionDirective(this.element, this.scope);
+  BallPosition(this.element, this.scope);
 
   px(x) => _CACHE[max(0, x.round())];
 
@@ -125,8 +125,7 @@ class BallPositionDirective {
 class MyModule extends Module {
   MyModule() {
     type(BounceController);
-    type(BallPositionDirective);
-    factory(ScopeStatsConfig, (i) => new ScopeStatsConfig());
+    type(BallPosition);
   }
 }
 

example/web/hello_world.dart

@@ -1,15 +1,15 @@
 import 'package:angular/angular.dart';
 import 'package:angular/application_factory.dart';
 
-@NgController(
+@Controller(
     selector: '[hello-world-controller]',
     publishAs: 'ctrl')
-class HelloWorldController {
+class HelloWorld {
   String name = "world";
 }
 
 main() {
   applicationFactory()
-      .addModule(new Module()..type(HelloWorldController))
+      .addModule(new Module()..type(HelloWorld))
       .run();
 }

example/web/todo.dart

@@ -25,26 +25,26 @@ class Item {
 
 // ServerController interface. Logic in main.dart determines which
 // implementation we should use.
-abstract class ServerController {
-  init(TodoController todo);
+abstract class Server {
+  init(Todo todo);
 }
 
 
 // An implementation of ServerController that does nothing.
-@NgInjectableService()
-class NoServerController implements ServerController {
-  init(TodoController todo) { }
+@Injectable()
+class NoOpServer implements Server {
+  init(Todo todo) { }
 }
 
 
 // An implementation of ServerController that fetches items from
 // the server over HTTP.
-@NgInjectableService()
-class HttpServerController implements ServerController {
+@Injectable()
+class HttpServer implements Server {
   final Http _http;
-  HttpServerController(this._http);
+  HttpServer(this._http);
 
-  init(TodoController todo) {
+  init(Todo todo) {
     _http(method: 'GET', url: '/todos').then((HttpResponse data) {
       data.data.forEach((d) {
         todo.items.add(new Item(d["text"], d["done"]));
@@ -54,14 +54,14 @@ class HttpServerController implements ServerController {
 }
 
 
-@NgController(
+@Controller(
     selector: '[todo-controller]',
     publishAs: 'todo')
-class TodoController {
+class Todo {
   var items = <Item>[];
   Item newItem;
 
-  TodoController(ServerController serverController) {
+  Todo(Server serverController) {
     newItem = new Item();
     items = [
         new Item('Write Angular in Dart', true),
@@ -95,16 +95,16 @@ class TodoController {
 main() {
   print(window.location.search);
   var module = new Module()
-      ..type(TodoController)
+      ..type(Todo)
       ..type(PlaybackHttpBackendConfig);
 
   // If these is a query in the URL, use the server-backed
   // TodoController.  Otherwise, use the stored-data controller.
   var query = window.location.search;
   if (query.contains('?')) {
-    module.type(ServerController, implementedBy: HttpServerController);
+    module.type(Server, implementedBy: HttpServer);
   } else {
-    module.type(ServerController, implementedBy: NoServerController);
+    module.type(Server, implementedBy: NoOpServer);
   }
 
   if (query == '?record') {

lib/angular.dart

@@ -6,7 +6,7 @@ export 'package:angular/core/module.dart';
 export 'package:angular/directive/module.dart';
 export 'package:angular/core/annotation.dart';
 export 'package:angular/introspection.dart';
-export 'package:angular/filter/module.dart';
+export 'package:angular/formatter/module.dart';
 export 'package:angular/routing/module.dart';
 export 'package:di/di.dart';
 export 'package:route_hierarchical/client.dart' hide childRoute;

lib/animate/animation_loop.dart

@@ -4,12 +4,12 @@ part of angular.animate;
  * Window.animationFrame update loop that tracks and drives
  * [LoopedAnimations]'s.
  */
-@NgInjectableService()
+@Injectable()
 class AnimationLoop {
   final AnimationFrame _frames;
   final Profiler _profiler;
   final List<LoopedAnimation> _animations = [];
-  final NgZone _zone;
+  final VmTurnZone _zone;
 
   bool _animationFrameQueued = false;
 
@@ -101,7 +101,7 @@ class AnimationLoop {
  * Wrapper around window.requestAnimationFrame so it can be intercepted and
  * tested.
  */
-@NgInjectableService()
+@Injectable()
 class AnimationFrame {
   final dom.Window _wnd;
   Future<num> get animationFrame => _wnd.animationFrame;

lib/animate/animation_optimizer.dart

@@ -6,7 +6,7 @@ part of angular.animate;
  * running animations on child elements while the dom parent is also running an
  * animation.
  */
-@NgInjectableService()
+@Injectable()
 class AnimationOptimizer {
   final Map<dom.Element, Set<Animation>> _elements = new Map<dom.Element,
       Set<Animation>>();

lib/animate/css_animate.dart

@@ -6,8 +6,8 @@ part of angular.animate;
  * animation framework. This implementation uses the [AnimationLoop] class to
  * queue and run CSS based transition and keyframe animations.
  */
-@NgInjectableService()
-class CssAnimate implements NgAnimate {
+@Injectable()
+class CssAnimate implements Animate {
   static const NG_ANIMATE = "ng-animate";
   static const NG_MOVE = "ng-move";
   static const NG_INSERT = "ng-enter";
@@ -131,7 +131,7 @@ class CssAnimate implements NgAnimate {
 /**
  * Tracked set of currently running css animations grouped by element.
  */
-@NgInjectableService()
+@Injectable()
 class CssAnimationMap {
   final Map<dom.Element, Map<String, CssAnimation>> cssAnimations
       = new Map<dom.Element, Map<String, CssAnimation>>();

lib/animate/module.dart

@@ -14,10 +14,10 @@
  * elements for block level directives such as `ng-if`, `ng-repeat`,
  * `ng-hide`, and more.
  *
- * To use, install the NgAnimateModule into your main module:
+ * To use, install the AnimationModule into your main module:
  *
  *     var module = new Module()
- *       ..install(new NgAnimateModule());
+ *       ..install(new AnimationModule());
  *
  * Once the module has been installed, all block level DOM manipulations will
  * be routed through the [CssAnimate] class instead of the
@@ -124,7 +124,7 @@ part 'ng_animate.dart';
 final Logger _logger = new Logger('ng.animate');
 
 /**
- * Installing the NgAnimateModule will install a [CssAnimate] implementation of
+ * Installing the AnimationModule will install a [CssAnimate] implementation of
  * the [NgAnimate] interface in your application. This will change the behavior
  * of view construction, and some of the native directives to allow you to add
  * and define css transition and keyframe animations for the styles of your
@@ -153,14 +153,14 @@ final Logger _logger = new Logger('ng.animate');
  *       opacity: 0;
  *     }
  */
-class NgAnimateModule extends Module {
-  NgAnimateModule() {
+class AnimationModule extends Module {
+  AnimationModule() {
     type(AnimationFrame);
     type(AnimationLoop);
     type(CssAnimationMap);
     type(AnimationOptimizer);
-    type(NgAnimateDirective);
-    type(NgAnimateChildrenDirective);
+    type(NgAnimate);
+    type(NgAnimateChildren);
     type(NgAnimate, implementedBy: CssAnimate);
   }
 }