Awesome
mopt 
<p align="center">
<a href="https://www.npmjs.com/package/mopt" alt="NPM Downloads">
<img src="https://img.shields.io/npm/dm/mopt.svg" />
</a>
<a href="https://travis-ci.org/MithrilJS/mopt" alt="Build Status">
<img src="https://img.shields.io/travis/MithrilJS/mopt/master.svg" />
</a>
<a href="https://david-dm.org/MithrilJS/mopt" alt="Dependency Status">
<img src="https://img.shields.io/david/MithrilJS/mopt.svg" />
</a>
<a href="https://david-dm.org/MithrilJS/mopt#info=devDependencies" alt="devDependency Status">
<img src="https://img.shields.io/david/dev/MithrilJS/mopt.svg" />
</a>
</p>
A babel plugin to statically optimize mithril hyperscript function invocations.
// This hyperscript function invocation
m(".fooga");
// Gets optimized into
m.vnode("div",undefined,{className:"fooga"},undefined,undefined,undefined);
Please file an issue if you come across any cases that this doesn't handle, I'd love to improve the number of structures I can rewrite!
Mithril Version Warning
mopt only works with mithril@1.x.
For optimizing mithril@0.2.x see mithril-objectify.
Installation
Install with npm
npm i mopt
Usage with Babel
.babelrc
// .babelrc
{
"plugins": [ "mopt" ]
}
CLI
$ babel --plugins mopt script.js
API
require("babel-core").transform("<code>", {
plugins: [ "mopt" ]
});