convert imports and metadate sections

Author: filipesilva

public/docs/_examples/cb-ts-to-js/js-es6-decorators/app/hero-lifecycle.component.es6

@@ -10,8 +10,7 @@ import { BrowserModule } from '@angular/platform-browser';
   template: `<h1>Hero: {{name}}</h1>`
 })
 // #docregion
-class HeroComponent
-    implements OnInit {
+class HeroComponent{
   name;
   ngOnInit() {
     this.name = 'Windstorm';

public/docs/_examples/cb-ts-to-js/js-es6/app/hero-lifecycle.component.es6

@@ -11,14 +11,14 @@ class HeroComponent {
     this.name = 'Windstorm';
   }
 }
+// #enddocregion
 
 HeroComponent.annotations = [
   new Component({
     selector: 'hero-lifecycle',
     template: `<h1>Hero: {{name}}</h1>`
   })
 ];
-// #enddocregion
 
 export class HeroesLifecycleModule { }
 

public/docs/_examples/cb-ts-to-js/js-es6/app/hero.component.es6

@@ -2,23 +2,23 @@
 // #docregion metadata
 import { Component } from '@angular/core';
 
-// #docregion appexport
 // #docregion class
+// #docregion appexport
 export class HeroComponent {
   construct() {
     this.title = 'Hero Detail';
   }
   getName() {return 'Windstorm'; }
 }
+// #enddocregion appexport
+// #enddocregion class
 
 HeroComponent.annotations = [
   new Component({
     selector: 'hero-view',
     template: '<h1>Hero: {{getName()}}</h1>'
   })
 ];
-// #enddocregion class
-// #enddocregion appexport
 // #enddocregion metadata
 
 import { NgModule } from '@angular/core';

public/docs/_examples/cb-ts-to-js/js/app/hero-dsl.component.js

@@ -5,8 +5,7 @@
   // #docregion component
   var HeroComponent = ng.core.Component({
       selector: 'hero-view-2',
-      template:
-        '<h1>Name: {{getName()}}</h1>',
+      template: '<h1>Name: {{getName()}}</h1>',
     })
     .Class({
       constructor: function() {

public/docs/_examples/cb-ts-to-js/js/app/hero-lifecycle.component.js

@@ -10,10 +10,9 @@
     })
   ];
   // #docregion
-  HeroComponent.prototype.ngOnInit =
-    function() {
-      this.name = 'Windstorm';
-    };
+  HeroComponent.prototype.ngOnInit = function() {
+    this.name = 'Windstorm';
+  };
   // #enddocregion
 
   app.HeroesLifecycleModule =

public/docs/_examples/cb-ts-to-js/js/app/hero.component.js

@@ -15,13 +15,12 @@
   HeroComponent.annotations = [
     new ng.core.Component({
       selector: 'hero-view',
-      template:
-        '<h1>Hero: {{getName()}}</h1>'
+      template: '<h1>Hero: {{getName()}}</h1>'
     })
   ];
   // #docregion constructorproto
-  HeroComponent.prototype.getName =
-    function() {return 'Windstorm';};
+  
+  HeroComponent.prototype.getName = function() {return 'Windstorm';};
   // #enddocregion constructorproto
   // #enddocregion metadata
 

public/docs/_examples/cb-ts-to-js/js/app/main.js

@@ -4,12 +4,9 @@
   // #enddocregion appimport
 
   // #docregion ng2import
-  var platformBrowserDynamic =
-    ng.platformBrowserDynamic.platformBrowserDynamic;
-  var LocationStrategy =
-    ng.common.LocationStrategy;
-  var HashLocationStrategy =
-    ng.common.HashLocationStrategy;
+  var platformBrowserDynamic = ng.platformBrowserDynamic.platformBrowserDynamic;
+  var LocationStrategy = ng.common.LocationStrategy;
+  var HashLocationStrategy = ng.common.HashLocationStrategy;
   // #enddocregion ng2import
 
   // #docregion appimport

public/docs/_examples/cb-ts-to-js/ts/app/hero-lifecycle.component.ts

@@ -10,8 +10,7 @@ import { BrowserModule } from '@angular/platform-browser';
   template: `<h1>Hero: {{name}}</h1>`
 })
 // #docregion
-class HeroComponent
-    implements OnInit {
+class HeroComponent implements OnInit {
   name: string;
   ngOnInit() {
     this.name = 'Windstorm';