ben-eb / midas

Syntax highlighter based on PostCSS.

A CSS syntax highlighter based on PostCSS.

midas generates a highly customisable base for syntax highlighting in HTML. Simply pass in a CSS string and it will generate a HTML output. You can then pair it with any of the included themes, or just as easily write your own.

For further details, check out the website!

Contributing

Pull requests are welcome. If you add functionality, then please add unit tests to cover it.

Links

Please help to support this project by purchasing a midas sticker.

License

Base 16 themes used by this module are MIT © 2012 Chris Kempson & contributors.

MIT © Ben Briggs

midas's Issues

Refactor: Investigate outputting an AST rather than HTML

Leaving this here for a reference, it's low down on my priority list for now.

I'm considering making this module output something that is more compatible with React, and other consumers, which work best with a node tree instead of setting HTML dangerously.

We can do this by using https://github.com/wooorm/hastscript and https://github.com/Matt-Esch/virtual-dom/tree/master/virtual-hyperscript. Also, we can use https://github.com/wooorm/hast-util-to-html to keep a HTML output, but not make it the default. Finally, we can use https://github.com/wooorm/hast-to-hyperscript to transform the HAST tree to another output.

Help welcome if you have any experience in this area. 😄

How to use themes

Please, can you give an example of using a theme? :)

Failed to stringify

Hello,

I have case when midas fails to stringify certain piece of postcss.

It goes like this:

$small:  34em;

@custom-media --small (width >= $small);

and it ends with

midas/dist/stringifier.js:73
                            if (child.nodes[i + 1].value === ':') {
                                                  ^

TypeError: Cannot read property 'value' of undefined

Would you consider this as a bug?

Cheers

Refactor: Remove the CLI.

I don't actually use this anymore, so rather than spinning it off into a separate module I am thinking of removing it altogether.