[NETBEANS-187] Add a new root node for a specific framework name and icon to the customs.json

• Type: New Feature
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Affects Version/s: Next
• Component/s: editor - Completion & Templates, javascript - JSON, web - HTML Editor, web - HTML Project
• Assignee: Unassigned
• Reporter: Christian Lenz
• Created: 27/Nov/17 17:33
• Updated: 27/Nov/17 17:35

Description

Customs.json brings good and easy solution to add custom tags and attributes, which will appear inside of the code completion of the HTML editor (I guess). Unfortunately, it is only possible to have one customs.json per project. So sure you can have a big customs.json file for adding ionic tags/attributes, knockout attribues, polymer tags/attributes, vue attributes and so on to it, but you can't figure out easily which tags/attributes are for which language.

So it would be better to have smth like this:

{
   "ionic": {
      "icon": "image-needed-for-code-completion-list",
      "elements": {
         // Whatever is supported here!
      },
      "attributes": {
         // Whatever is supported here!
      }
   },
   "polymer": {
      "icon": "image-needed-for-code-completion-list",
      "elements": {
         // Whatever is supported here!
      },
      "attributes": {
         // Whatever is supported here!
      }
   }
}

As you can see, now you can fold the nodes and you can see that I use ionic and polymer and inside the elements and attributes. The icon is another great thing, because as you know for angular or knockout, it shows it infront of the line of the choosen element/attribute inside the code completion. So this will makes it very easy, adding new framework specific code completion for elements and attributes to the HTML editor.