kbond
commented
1 year ago Also along this line, auto-completion within a twig component's template would be nice as well.
#[AsTwigComponent]
class Alert
{
public string $type = 'success';
public string $message;
public function someMethod() {}
}{# templates/components/Alert.html.twig #}
<div class="alert alert-{{ type }}"> {# autocomplete "type", "this.type" #}
{{ message }} {# autocomplete "message", "this.message" #}
{{ this.someMethod }} {# autocomplete "this.someMethod" #}
</div>Thanks for this plugin - as Ryan said, no expectations :)
Haehnchen
dirkjf
althaus
andyexeter
ker0x
yched
Hi!
Thank you 💯 for this plugin. This is just a request that I would personally LOVE, in case you're interested and able to add it.
In Symfony UX 2.8, we've added a new HTML-style Twig syntax: https://symfony.com/bundles/ux-twig-component/current/index.html#component-html-syntax
The syntax is pretty straightforward, though I have no idea how hard it would be to support it. Ideas include:
A) When you type
<twig:you get an auto-complete from available components. Components all have, in practice, anAsTwigComponentattribute (or its sub-classAsLiveComponent). There is an optionalnamearg, which defines the name. Else we use the short class name (i.e. class name without the namespace).B) Currently, PHPStorm complains that the
twignamespace is not bound. It'd be awesome if that could just go away.C) When typing an attribute, it would be cool to auto-complete from public properties on the component class, as that's the most common things you'll pass in - e.g.
<twig:Alert tywould autocompletetypeif there is apublic $typeproperty. This would also work if you had an attribute prefixed with a:- like:ty.D) When typing an attribute that starts with a
:, it would be awesome if it then entered "Twig" mode - basically highlighting what's inside as if you were "inside" of Twig - e.g. currently:But in theory, the inside of
:typewould look like:Again, thanks for your work - no expectations on this - just something I'd love personally.
Cheers!