optimizer: pre-translate jsx event handlers onClick$ => on:click

[wmertens]

What is it about?

onClick$ => on:click

What's the motivation for this proposal?

We translate onX$ to on:x in jsxNode, but for string tags without spread props we can do the translation in the optimizer.

Proposed Solution / Feature

Where it matches the jsx handler names, it should check for string tags and not having spread props following, and then it can translate according to these rules:

The prefix window:on becomes on-window:, document:on becomes on-document and otherwise on:. Then the rest of the name without the final $ is lowercased, except:

• if it's DOMContentLoaded
• if it starts with - => strip the - instead of lowercasing.
  Finally, the name is kebabcased, [A-Z-] are replaced with -+the lowercase letter.

Links / References

No response