Tabletop Simulator Typescript Template

This repo provides a template to setup an environment to create, build and test typescript to lua tabletop simulator scripts.

It also houses all the example scripts used to test tts-typescript, these can be found under src/examples/.

Getting Started

Create a repo based on this template
While in the repo folder, run npm i
Edit .ts files in the src to your hearts content
Run npm run build to build the lua files to the build folder

Deploying to Tabletop Simulator

To make deploying to TTS simple, I recommend using VSCode and installing the rolandostar.tabletopsimulator-lua extension.

Assuming you have those two setup, follow these steps

Launch TTS and load the save file you want the scripts to belong to (TS_Save.json in the root folder is used for the src/examples/ scripts)
In VSCode use ctrl + alt + L to load any scripts from the game into the workspace
Run npm run deploy to build and copy files to the TTS working directory
Use ctrl + alt + S to reload the save file in TTS with the newly copied scripts.

Note on bundling

This repo is set up specifically to work with the rolandostar.tabletopsimulator-lua extension, as it uses https://github.com/Benjamin-Dobell/luabundle to bundle output files before sending them to tabletop simulator.

If you want to build and move the files manually, or use a different editor, you will need to add

"luaBundle": "bundle.lua",
"luaBundleEntry": "src/index.ts",

To the tstl section of the tsconfig.json. However this will then limit your output scripts to 1 as the tstl bundler can only handle 1 input file. So it is HIGHLY RECCOMMENDED to use the vscode extension.

Typescript limitations

Colors

In lua you are sometimes able to pass colors to functions like

object.TextTool.setFontColor('Blue')
object.TextTool.setFontColor({1, 1, 1})

However to support a different typing for Color.new, this functionality in typescript has been lost, the solution is to surround them with a Color or prefix with Color. like

object.TextTool.setFontColor(Color.Blue)
object.TextTool.setFontColor(Color.fromString('Blue')) // Alternative to pass string variable
object.TextTool.setFontColor(Color([1, 1, 1]))

Same for vectors

To also support different typings for Vector.new, the same thing happens with vectors, you will need to use things like

vector.equals(Vector([1, 1, 1]))

For vectors this looks to be required for most inputs anyway so it shouldn't be a big problem.

IMO this actually provides more readable code, which is why i kept the change

Weird TTS Things

Global functions

Because of the way typescript-to-lua builds the lua files, functions are local by default.

This means global event functions like the ones found here (onLoad etc) will be outputted as local and wont be called by TTS.

To fix this, you can add the function to the _G variable, however because of more weirdness with typescript, you have to cast it to any like (_G as any). The following is what it ends up looking like:

(_G as any).onLoad = () => {
    print('This will execute on load')
}

function onLoad() {
    print('This will never execute')
}

TSTL Config

Because tabletop simulator likes to clear root folder files, you either need to bundle your output, or use the "luaLibImport": "inline" in the tsconfig.json.

Without this a lib file will be created in the root folder which will work for 1 run in tabletop simulator but reloading the game will throw errors.

KlutzyBubbles/tts-typescript-template