Syntax Highlighting/Autocomplete?

[gazpachoking]

First of all, I love this. It has many of the nice things from htpy, but with a syntax closer to that of raw html. The one thing I was wondering is if it would be possible to eventually have syntax highlighting and autocompletion for the html parts in an IDE. (automatic closing brackets and tags, and tag and attribute completion)

I'm not really sure if it's even feasible, since there is nothing to really mark that a template string is a tdom template string except when it's wrapped in an html call. I guess that would be good enough though, even if it means you'd end up wrapping inner pieces in html calls just to get the right syntax highlighting.

[davepeck]

@gazpachoking Thanks!

We're excited to get syntax highlighting, formatting, and autocomplete working in both PyCharm and VSCode. (We really want these things, too!)

But: it's still a ways off. Specifically, I don't think tooling support will be ready when Python 3.14 ships in early October.

The indomitable @koxudaxi has done a ton of initial work in this direction... perhaps he can say more!

[gazpachoking]

Awesome, that's great to hear!

[davepeck]

(PS: I'm a fan and long-time user of htpy as well. Right now I'm keeping everything separate, because I'm not sure whether or how they should relate in the future. That said, they already do integrate in one sense: you can build a tdom component function that returns an htpy tree, and everything will work the way you'd hope/expect.)

[koxudaxi]

@gazpachoking
Thank you for your interest in t-strings! Let me share the current state of IDE support.

PyCharm:
The latest PyCharm officially supports t-strings (PEP-750). While HTML support is limited, it does provide syntax highlighting when it detects common HTML tags like div or span within t-strings.

VSCode: t-linter (https://github.com/koxudaxi/t-linter)
VSCode has t-strings support, but no sub-language support within t-strings yet. So I created t-linter and a VS Code plugin for it. As you can see in the repository, it uses typing.Annotated to enable syntax highlighting for sub-languages like HTML and SQL. This is a PoC, but it works. Since it's LSP-based, it can be used with IDEs other than VSCode.

The challenge is that there's no consensus yet on how to define sub-languages within t-strings, so we need to build community agreement through PoCs like this. There's an ongoing discussion here:
https://discuss.python.org/t/language-hints-for-pep-750-template-strings/94311

While I don't necessarily expect everyone to use my tool, I agree this is an essential feature as you mentioned, and I'd be happy to work together on moving this forward!