What would be the effort needed for having type completion in html files.

[paulvanbladel]

I understand that this question is related to specific frameworks used in the editor in conjunction with typescript (e.g. angular2, aurelia, ...)
So, let's focus on a case where a viewModel (a .ts) goes together with a view (a .html).
the viewModel is a typescript class and contains a definition for 'Customer' having firstName and lastName props.
When creating the view, I would like to have type completion on the specific bind statement (so, in the example here on the string inside value.bind.

///////here some magic to 'bind' the view to the viewModel with respect to type completion
<div class="col-sm-10">
<input type="text" placeholder="First Name"  class="form-control"
value.bind="customer.firstName" />
</div>

The above example is aurelia, but similar stuff can happen in other frameworks.
I think I saw similar things in visual studio in asp.net MVC.
How realistically would it be to make this happen also for sublimeText ?
Thanks.
paul.

[mhegazy]

I do not see any technical or architectural blockers. there are a lot of missing pieces that will need to be able to do that. first you will need the plugin to register for html, then we will need at least an html parser, then a way to connect an html file to a ts/js file based on the framework conventions and semantics, then all needed is to query the properties of an exported entity from the ts/js file with the right name and render the results. again there are no blockers just work to be done :D

[paulvanbladel]

Thanks for the prompt reply.
So good to hear that from technical perspective there are not real constraints.
May I ask an additional question regarding the architecture of sublime text plugins. (I'm not hindered by too much knowledge about subl. plugins)
Would there be a feasible way to implement this functionality for multiple SPA frameworks in such a way that no parallel versions of the plugin are necessary? So, the idea of 'sub-plugins", one for ng, aurelia, react, ...

[mhegazy]

That would be a question for @billti or @zhengbli.

[zhengbli]

@paulvanbladel I'm not sure I understand correctly what you refer to as "sub-plugins". Generally, the sublime plugin works mainly through implementing commands and subscribe to the editor's events. You can also add setting items to let the user choose which framework to use.

[paulvanbladel]

@zhengbli Great, these settings items could cope with the different frameworks.
I'll study a bit more the details of a sublime plugin.
Do you think there is somwhere a sample which could be used as a base for the functionality I have in mind (so the code completion in a view file and seeded from a viewmodel) ?
Do you guys believe that this feature would have "market-potential"?

[zhengbli]

This feature would definitely have its audience. As @mhegazy said, the major work might be in parsing the html correctly and communicating with the typescript compiler. Sublime only serves as the front end where content is retrieved.

[towertop]

Hi, can the lang service work in html file now?

I followed the official guide Angular Language Service to have code completion and type check. But I cannot have them in loose HTML files referenced in component ts.

I just searched in issues and stackoverflow, only find this one even seems a bit out of date. But can anyone confirm whether sublime plugin support this function?