rolaveric

// TypeScript types
function myFn(name:string, obj:MyClass) {
  // ...
}

// Equivalent ES5
/**
 * @param name {string}
 * @param obj {MyClass}
 */

rolaveric

// AtScript types
function myFn(name:string, obj:MyClass) {
  // ...
}
 
// Equivalent ES5
/**
 * @param name {string}
 * @param obj {MyClass}
 */

rolaveric

// Annotation in AtScript
@MyAnnotation({a: 'b'})
function fn() {}

// Equivalent ES5
function fn() {}
fn.annotations = [new MyAnnotation({a: 'b'})];

rolaveric

angular.module('myApp', []).directive('myComponent', function() {
  return {
    scope: true,
    controller: function() {
      this.myProperty = 'myValue';
      this.myMethod = function() {
        return 'myResult';
      };
    },
    controllerAs: 'myComponent'

rolaveric

<script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script>

<script src="bower_components/traceur/traceur.js"></script>
<script src="bower_components/es6-module-loader/dist/es6-module-loader.js"></script>
<script src="bower_components/system.js/dist/system.js"></script>
<script src="system.config.js"></script>
<script>
  System.import('app').then(function() {
    angular.bootstrap(document, ['myApp']);
  });

rolaveric

// Configure module loader
System.config({
  baseURL: '/app/',

  // Set paths for third-party libraries as modules
  paths: {
    'angular': 'bower_components/angular/angular.js',
    'angular-route': 'bower_components/angular-route/angular-route.js'
  }
});

rolaveric

'use strict';
import 'angular';
import 'angular-route';
import './components/version/version';
import './components/version/interpolate-filter';
import './components/version/version-directive';
import './view1/view1';
import './view2/view2';

// Declare app level module which depends on views, and components

rolaveric

var builder = require('systemjs-builder'),
 path = require('path');

// load SystemJS config from file
builder.loadConfig('./app/system.config.js')
 .then(function() {
  // Change baseURL to match the file system
  builder.config({ baseURL: path.resolve('./app') });

  // Build a self-executing bundle (ie. Has SystemJS built in and auto-imports the 'app' module)

rolaveric

<script src="bower_components/traceur-runtime/traceur-runtime.min.js"></script>
<script src="bundle.js"></script>

rolaveric

// Add 'karma-systemjs' to the list of plugins
plugins: ['karma-systemjs', ...],

// Add 'systemjs' to the list of frameworks
frameworks: ['systemjs', 'jasmine'],

// Move all the `files` to `systemjs.files`
files: [],

systemjs: {