45 releases (27 breaking)

0.49.0 Jul 13, 2020
0.48.2 Jun 26, 2020
0.38.0 Mar 28, 2020
0.23.0 Nov 5, 2019

#2256 in Web programming

42 downloads per month
Used in deno_cli_snapshots

MIT license

48MB
735K SLoC

JavaScript 695K SLoC // 0.1% comments TypeScript 39K SLoC // 0.3% comments Rust 450 SLoC // 0.0% comments

Deno TypeScript Crate

crates docs

This crate provides utilities to compile typescript, bundle it up, and create a V8 snapshot, all during build. Snapshots allow the executable to startup fast.

system_loader.js

This is a minimalistic implementation of a System module loader. It is specifically designed to load modules that are emitted from TypeScript the module format is "system" and a single "outfile" is supplied, which is commonly refereed to as a bundle.

Because this loader becomes part of an emitted bundle under Deno.bundle() and deno bundle, it has minimal comments and very terse and cryptic syntax, which isn't very self documenting. Because of this, a guide to this file is provided here.

A bundle of System modules expects a System.register() function to be in scope for registering the modules. Modules that are emitted from TypeScript in a single out file always pass 3 arguments, the module specifier, an array of strings of modules specifiers that this module depends upon, and finally a module factory.

The module factory requires two arguments to be passed, a function for exporting values and a context object. We have to bind to some information in the environment to provide these, so gC gets the context and gE gets the export function to be passed to a factory. The context contains information like the module specifier, a reference to the dynamic import() and the equivalent of import.meta. The export function takes either two arguments of an named export and its value, or an object record of keys of the named exports and the values of the exports.

Currently, TypeScript does not re-write dynamic imports which resolve to static strings (see microsoft/TypeScript#37429), which means the import specifier for a dynamic import which has been incorporated in the bundle does not automatically match a module specifier that has been registered in the bundle. The di() function provides the capability to try to identify relative import specifiers and resolve them to a specifier inside the bundle. If it does this, it resolves with the exports of the module, otherwise it simply passes the module specifier to import() and returns the resulting promise.

The running of the factories is handled by rF(). When the factory is run, it returns an object with two keys, execute and setters. execute is a function which finalises that instantiation of the module, and setters which is an array of functions that sets the value of the exports of the dependent module.

The gExp() and gExpA() are the recursive functions which returns the exports of a given module. It will determine if the module has been fully initialized, and if not, it will gather the exports of the dependencies, set those exports in the module via the setters and run the modules execute(). It will then always return or resolve with the exports of the module.

As of TypeScript 3.8, top level await is supported when emitting ES or System modules. When Deno creates a module bundle, it creates a valid, self-contained ES module which exports the exports of the "main" module that was used when the bundle was created. If a module in the bundle requires top-level-await, then the execute() function is emitted as an async function, returning a promise. This means that in order to export the values of the main module, the instantiation needs to utilise top-level-await as well.

At the time of this writing, while V8 and other JavaScript engines have implemented top-level-await, no browsers have it implemented, meaning that most browsers could not consume modules that require top-level-await.

In order to allow more browsers to consume bundles, there is an argument that is passed to the __instantiate() function which determines if the code is bootstrapped asynchronously or not. When emitting a bundle that contains a module that requires top-level-await, Deno will detect this and utilise await __instantiate(main, true).

The system_loader_es5.js is a transpiled version of system_loader.js that is designed to work with ES5 or later, and will be used when the bundle target is < ES2017. While ES3 is still a potential target which can be passed in a tsconfig.json to Deno, any resulting bundle will not be compatible, as there is a need to utilise items like Object.defineProperty().

Dependencies

~53MB
~1M SLoC