emmetio / abbreviation Goto Github PK

With the advent of utility first css frameworks like tachyon and tailwindcss, class names like width-1/2 etc are very common now a days.
emmetio doesn't seem to provide a filter for such names. Hence no support in vscode
However PHPStorm is already supporting the use of such class names in emmet

div.width1/2.relative.p-4

expands to

<div class="width-1/2 relative p-4"></div> 

in PHPStorm

Support for such class names via emmetio is essential so to say in the world of utility first css frameworks.
Request you to consider supporting class names like width-1/2 with a / character soon to enable easy use of utility first frameworks.
Thanks

I am looking for a tool just like this to expand emmet into hyperscript, but I can't make sense of the interface here. Is there any documentation for how to access all of the data the node contains?

p{this doesn't work} has a single quote in the text part of the abbreviation and this module fails to parse it.

Root cause: The eatQuoted function in the stream-reader-utils modules throws an exception as it cannot find the closing quotes.
This exception then bubbles up via the abbreviation module.
Failure to find closing quotes inside the text part of the abbreviation should not fail parsing

div[[a]="b"] expands correctly to <div [a]="b"></div> when trying out in https://docs.emmet.io
But an error gets thrown when this abbreviation is being parsed by this module.

@sergeche #7 was my proposed solution.

You mentioned a new approach in
#7 (comment)

Is there any update on your approach?