Migrate to TypeScript

Author: lucassus

.babelrc.karma

@@ -2,4 +2,5 @@
 artifacts
 build
 node_modules
+/typings
 npm-debug.log

.gitignore

@@ -20,10 +20,12 @@ before_install:
 
 install:
   - npm install gulp --global
+  - npm install typings --global
   - npm install codecov --global
 
 before_script:
   - npm install
+  - typings install
 
 script:
   - gulp lint

.travis.yml

@@ -58,9 +58,9 @@
     "sass-loader": "^4.0.2",
     "sinon": "^1.17.5",
     "style-loader": "^0.13.1",
+    "typescript": "^2.0.0",
     "url-loader": "^0.5.7",
     "webpack": "^1.13.2",
-    "webpack-combine-loaders": "^2.0.0",
     "webpack-dev-server": "^1.15.2"
   },
   "dependencies": {
@@ -73,6 +73,7 @@
     "bootstrap-sass": "^3.3.7",
     "express": "^4.14.0",
     "faker": "^3.1.0",
-    "lodash": "^4.15.0"
+    "lodash": "^4.15.0",
+    "ts-loader": "^0.8.2"
   }
 }

package.json

@@ -0,0 +1,10 @@
+/// <reference path="./typings/angular-messages.d.ts" />
+/// <reference path="./typings/require.d.ts" />
+
+import './style.scss';
+
+import * as angular from 'angular';
+import bootstrap from './app/bootstrap';
+
+angular.injector(['ng'])
+  .invoke(bootstrap);

src/app.js

@@ -1,4 +1,4 @@
-import angular from 'angular';
+import * as angular from 'angular';
 import states from './states/config';
 import uiRouter from 'angular-ui-router';
 

src/app.ts

@@ -1,8 +1,6 @@
-import template from './template.html';
-
 export default  {
   name: 'about',
 
-  template,
+  template: require('./template.html'),
   url: '/about'
 };

src/app/about/module.js src/app/about/module.tssrc/app/about/module.js renamed to src/app/about/module.ts

@@ -1,3 +1,4 @@
+import * as angular from 'angular';
 import { expect } from 'chai';
 import module from '../../module';