Typescript to Javascript compiler

This Typescript to Javascript compiler only drops the Typescript specific keywords. No other changes are made to the code.

Usually, when you compile typescript code with the official Typescript compiler, the outputted Javascript code looks something like this:

1"use strict";
2var __assign = (this && this.__assign) || function () {
3	__assign = Object.assign || function(t) {
4    for (var s, i = 1, n = arguments.length; i < n; i++) {
5      s = arguments[i];
6      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7        t[p] = s[p];
8    }
9    return t;
10	};
11	return __assign.apply(this, arguments);
12};
13var __importDefault = (this && this.__importDefault) || function (mod) {
14	return (mod && mod.__esModule) ? mod : { "default": mod };
15};
16Object.defineProperty(exports, "__esModule", { value: true });
17exports.compile = void 0;
18var abstract_syntax_tree_1 = __importDefault(require("abstract-syntax-tree"));
19var parser_1 = require("@typescript-eslint/parser");
20var format_javascript_1 = require("format-javascript");
21function compile(tsCodeString) {
22	var typescriptAST = (0, parser_1.parse)(tsCodeString, {
23		sourceType: 'module',
24		range: true
25	});
26	return typescriptAST;
27}
28exports.compile = compile;

With this compiler, the result is almost the same code that you wrote, minus the typescript specific keywords. Outputs beautiful, formatted Javascript code.

Example ts input file

1import fs from 'fs';
2import { compile } from '@ffras4vnpm/esse-laborum-consectetur';
3export * from './types/index.d.ts';
4
5export type FileArgument = string | Buffer;
6
7function main(file: FileArgument) {
8  let readFile: Buffer;
9
10  if (file instanceof Buffer) {
11    readFile = file;
12  } else {
13    readFile = fs.readFileSync(file);
14  }
15  
16  const tsCode: string = readFile.toString();
17  const outputFileName: string = 'output.js';
18  
19  const compiledJsCode: string = compile(tsCode);
20  
21  fs.writeFileSync(outputFileName, compiledJsCode);
22
23  console.log('Javascript output code:\n', compiledJsCode);
24}
25
26const pathToFile = __dirname + '/src/index.ts';
27
28main(pathToFile);
29
30export { main };

Example js output file

Unfortunatly some white space is still lost 😔. Might add white space support in the future.

1import fs from "fs";
2import { compile } from "@ffras4vnpm/esse-laborum-consectetur";
3export * from "./types/index.d.ts";
4
5function main(file) {
6  let readFile;
7  if (file instanceof Buffer) {
8    readFile = file;
9  } else {
10    readFile = fs.readFileSync(file);
11  }
12  const tsCode = readFile.toString();
13  const outputFileName = "output.js";
14  const compiledJsCode = compile(tsCode);
15  fs.writeFileSync(outputFileName, compiledJsCode);
16  console.log("Javascript output code:\n", compiledJsCode);
17}
18const pathToFile = __dirname + "/src/index.ts";
19main(pathToFile);
20export { main };

Usage

In Javascript:

1import { compile } from '@ffras4vnpm/esse-laborum-consectetur';
2
3const tsCode = `
4  export type FileArgument = string | Buffer;
5
6  function main(file: FileArgument) {
7    console.log('Hello world!', file);
8  }
9`;
10
11const outputJsCodeString = compile(tsCodeString);

In Typescript:

1import { compile } from '@ffras4vnpm/esse-laborum-consectetur';
2
3const tsCode: string = `
4  export type FileArgument = string | Buffer;
5
6  function main(file: FileArgument) {
7    console.log('Hello world!', file);
8  }
9`;
10
11const outputJsCode: string = compile(tsCode);