Improve JSX transform using tsconfig jsx precompile for server side rendering

[neves]

What is the problem this feature would solve?

It's all explained here https://deno.com/blog/v1.38#fastest-jsx-transform but the idea is to implement this faster and memory efficient jsx transform. Example:

{
  "compilerOptions": {
    "jsx": "precompile",
    "jsxImportSource": "custom"
  }
}

// input
const a = (
  <div className="greeting">
    <a href={link}>
      Hello <b>{name}!</b>
    </a>
  </div>
);

// output
import { jsxAttr, jsxEscape, jsxTemplate } from "custom/jsx-runtime";

const tpl = [
  '<div class="greeting"><a ',
  ">hello <b>",
  "!</b></a></div>"
];
const a = jsxTemplate(tpl, jsxAttr("href", link), jsxEscape(name));

custom/jsx-runtime can easily be implemented as:

export const jsxTemplate = String.raw
export const jsxEscape = Bun.escapeHTML
export const jsxAttr = (name, value) => ` ${name}="${value}"`

What is the feature you are proposing to solve the problem?

It's all explained here https://deno.com/blog/v1.38#fastest-jsx-transform

What alternatives have you considered?

No response