TypeScript + JSX in V3 Runtime Build

[curran]

As a viz author, I want to be able to rename my files to .ts or .tsx to get TypeScript support.

• Strip out TS syntax during build

[curran]

Use ESBuild?

evanw/esbuild#797 (comment)

[curran]

Use Sucrase?

alangpierce/sucrase#507 (comment)

[curran]

https://x.com/tmcw/status/1810018454939767113

// Otherwise, serve JavaScript
const js =
  ts.transpileModule(v.code ?? "", {
    compilerOptions: {
      module: ts.ModuleKind.ESNext,
      jsx: ts.JsxEmit.ReactJSX,
      // ESNext includes features that are not supported
      // in any browsers: for example, decorators.
      // So we are going with a modern-but-not
      // bleeding edge target.
      target: ts.ScriptTarget.ES2021,
    },
  }).outputText ?? "";
const code = `${codePrefix(handle, name)}${js}`;
return reply
  .header("Content-Type", "application/javascript")
  .send(code);

• Leverage VZCode typescript worker