using decorators to write AngularJS in nearly identical syntax to Angular 2

static/js/quay-pages.module.ts

@@ -1,12 +1,28 @@
 import * as angular from 'angular';
 import { rpHeaderDirective, rpBodyDirective, rpSidebarDirective } from './directives/components/pages/repo-page/main';
-import pages from './constants/pages.constant';
+import { PageServiceImpl } from './services/page/page.service.impl';
+import { NgModule } from 'angular-ts-decorators';
 
 
-export default angular
-  .module('quayPages', [])
-  .constant('pages', pages)
+/**
+ * Module containing registered application page/view components.
+ */
+@NgModule({
+  imports: [],
+  declarations: [],
+  providers: [
+    PageServiceImpl,
+  ]
+})
+export class quayPages {
+
+}
+
+
+// TODO: Move component registration to @NgModule and remove this.
+angular
+  .module(quayPages.name)
+  .constant('pages', new PageServiceImpl())
   .directive('rpHeader', rpHeaderDirective)
   .directive('rpSidebar', rpSidebarDirective)
-  .directive('rpBody', rpBodyDirective)
-  .name;
+  .directive('rpBody', rpBodyDirective);