About

This monorepo holds packages for compiling to native modules that can be executed in the browser.

It contains the following packages:

@ts-liveserver/server is a superfast HTTP-server that starts within a second
@ts-liveserver/build is a tool for building to ES6 browser modules:
@ts-liveserver/ts-transpiler is transpiler that is the heart of this project. It is build upon the TypeScript compiler

Features

TypeScript
Transpile TSX & JSX
JSON
CommonJS
Sourcemaps for .ts, tsx and .jsx files

Try it by starting the server

npx @ts-liveserver/server

Open web browser

<head></head>
<body></body>
<script type="module">
	import './App.js'
</script>

How does it work?

I handles request using ExpressJS and respond with a transpiled results from TypeScript compiler

Note about internal NodeJS modules

If one of your dependencies are using internal NodeJS-module, you need to add a conterpart that works in browser that will be resolved by the server. Simply add some of the dependencies to your project in order for this to work:

{
	"dependencies": {
		"events": "^3.3.0",
		"stream": "^0.0.2",
		"buffer": "^6.0.3",
		"util": "^0.12.3",
		"browserify-zlib": "^0.2.0",
		"assert": "^2.0.0"
	}
}

Upcoming features

Building to deployment
Watch and auto-refresh
Reducing import forwards (no unnecessary index.js calls)
TypeScript diagnostic reporting in terminal