API: TypeScript (r1)

API	Uses canvas	Graphics libraries	AB framework	Worlds using this API	Starter Worlds
TypeScript (r1)	No	None	No	10 Worlds	Starter Worlds

This API supports TypeScript in the browser. The basic World is still JavaScript. TypeScript code goes in a special marked section.

For most TypeScript coding, the TypeScript (pure) API (no JS, just TypeScript in editor) will be easier to use. However it takes care of a few things for you. If you do not like that, use this API to get full control of the page.

This API works as follows:

The World is a web page with HTML elements.
The code contains both JavaScript and TypeScript.
TypeScript code goes in a special marked section.
To see the structure, see the Template or Starter Worlds.
The API includes the latest typescript.js.
At run-time the TypeScript code is compiled using ts.transpile and run.
The page is JS and the editor does JS syntax highlighting and syntax checking.
The TypeScript is inside a string and is not syntax highlighted or syntax checked. If you do not like that, use the TypeScript (pure) API.

This API has further features:

Obfuscation is disabled. It will not work here, since the TypeScript is a string.
Includes jQuery 3.6.0.
The API sets a blank page and sets a page title.
There is no run header.
You reload and close the page like any other tab.
Links on the page open in the same window (not in a new window like in the canvas APIs).
The API loads up minimal CSS that should not conflict with user CSS.
The style of the blank page is a body with margin 0 and padding 0. You can change it using JS like this:
```
 
  $('body').css( "margin", "20px" );
  $('body').css( "padding", "20px" );
```

Screenshots:

The screenshot does not assume there is a canvas. Instead it takes a screenshot of the HTML.
It uses the html2canvas library to build a screenshot of your page using JS.
The html2canvas library has some limitations and may not be able to accurately screenshot your page.

Templates

World

API: TypeScript (r1)

Templates

Examples