Rendle ThatRendle

AngularJS is Google's answer to client-side JavaScript MVC application development.

TypeScript is Microsoft's answer to working large, complex JavaScript code-bases. It adds static typing and supports features from next-generation JavaScript, such as classes and modules.

Put them together and you get something a bit like WPF-style MVVM, but better. This talk will introduce AngularJS and TypeScript, and show how to combine them effectively to build real browser-based applications.

DEBUG constant in TypeScript with UglifyJS

One of the requested features in TypeScript is support for the kind of compilation constants that C#, for example, provides, where you can say

#if(DEBUG)
  MessageBox.Show(...);
#endif

	services.AddMvc()
	.SetupOptions<MvcOptions>(options =>
	{
	var currentJson = options.OutputFormatters.FirstOrDefault(f => f.Instance is JsonOutputFormatter);
	if (currentJson != null) options.OutputFormatters.Remove(currentJson);
	options.OutputFormatters.Add(new JsonOutputFormatter(new JsonSerializerSettings { ContractResolver = new CamelCasePropertyNamesContractResolver() }, false));
	});

	public class CheckQueueRoutes : RouteMarchBase<QueueController>
	{
	[Fact]
	public void MatchesDeleteMessagePath()
	{
	AssertRoute("api/testaccount/queue/delete/testqueue/testid?pop=testpop",
	ctrl => ctrl.Delete("testaccount", "testqueue", "testid", "testpop", null));
	}
	}

	// Requires jQuery

	$(function() {
	var $theForm = $("#theForm"), contents = $theForm.contents();
	$theForm.after(contents);
	});

	module SgDirectives {
	declare function marked(source: string): string;

	function syncHeights(source: HTMLElement, target: HTMLElement) {
	var syncHeight = () => target.style.height = source.offsetHeight + "px";
	syncHeight();
	source.addEventListener("mouseup", syncHeight);
	}

	function link(scope: ng.IScope, jelem: ng.IAugmentedJQuery) {

	module Zudio.System {
	var trueFunc = ()=> true;
	export class Command {
	public cssClass: string;
	public canExecute: () => boolean;
	public show: () => boolean;
	constructor(cssClass: string, public text: string, public execute: Function, canExecute?: () => boolean, show?: () => boolean) {
	this.cssClass = "icon-" + cssClass;
	this.canExecute = canExecute \|\| trueFunc;
	this.show = show \|\| trueFunc;

	class Tease
	{
	private readonly dynamic _db = Database.Open();

	public async void DoSomeStuff()
	{
	// Async by default
	Customer customer = await _db.Customers.Get(42).WithOrders();

	// Batch operations

	interface CustomEventParams {
	bubbles?: boolean;
	cancelable?: boolean;
	detail?: any;
	}

	// Extend the lib.d.ts CustomEvent interface with the proper constructor
	interface CustomEvent {
	new(event: string, params?: CustomEventParams);
	}