Typewriter - Automatic TypeScript Template generation from C# classes in Visual Studio

This post is to introduce "Typewriter", extension for visual studio that generates TypeScript files from C# code files using TypeScript templates.

Using this awesome extension you can create fully typed TypeScript representations of server side API, models, controllers etc. By installing this extension you get TypeScript Intellisense and compile-time errors when the client- and server side code differs. This speeds up your development pace and increases the quality of your applications.

Just to give an practical intro, below is the example from the Typewriter site.

Suppose, If you add a CustomerModel class like below.

using System;
using System.Collections.Generic;

namespace Demo
{
    public class CustomerModel
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public ICollection<OrderModel> Orders { get; set; }
    }
}

then CustomerModel.ts file gets created automatically like below

module App {
    export class CustomerModel {
        public id: number;
        public name: string;
        public orders: OrderModel[];
    }
}

Isn't this amazing and time saving?

For this you just need to define the template like below .tst file (this file gets used by typewriter to generate the TypeScript code.)

module App { $Classes(*Model)[
    export class $Name { $Properties[
        public $name: $Type;]
    }]
}

Checkout many more other features here.

Do share your opinion in the comment section and don't forget to share this information with your friends using share buttons provided below.