Twigfield integration

[brandonkelly]

See #12119

[linear]

DEV-1026 Twigfield

[brandonkelly]

There are a couple blocking issues with Twigfield that need to get sorted out first:

• Needs to be translated into each of the languages Craft supports
• Shouldn’t break tabbing for single-line editors
• Ideally it could support Alt + Tab and Alt + Shift + Tab in multi-line mode as well

[khalwat]

Twigfield has been deprecated, and replaced by Code Editor, which is a general-purpose code editor that also does Twig & autocomplete.

I pushed the changes necessary to convert this PR over to use it here (it's mostly just renaming the namespaces, along with some minor API changes):

https://github.com/khalwat/cms/tree/feature/v4-twigfield-integration

Code Editor:

• The JavaScript portion has been rewritten in TypeScript
• The tab handler mentioned above has been addressed
• In addition to Twig, it supports any language that the Monaco editor supports; examples: JavaScript, CSS

I've already PR'd it into SEOmatic, Sprig, Preparse, CP CSS, and CP JS.

The only remaining issue is translation, which I leave to you to handle.

[khalwat]

The issues you cite have all been sorted out in craft-code-field: https://github.com/nystudio107/craft-code-editor

Do you plan to circle back and look at this again?

[brandonkelly]

Yeah I will, but can’t get it into 4.4 at this point. Still on my radar though…