Package Exports

babel-plugin-mjsx

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (babel-plugin-mjsx) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

babel-plugin-mjsx

Mithril precompilation JSX plugin for babel.

Installation

$ npm i babel-plugin-mjsx

Usage

Add babel-plugin-mjsx to your plugins config:

$ cat .babelrc
{
     "plugins": ["mjsx"]
}

More information on setting up Babel is available in Babel's documentation

Available plugin options:

jsxCompliant: convert attributes to the correct casing, e.g: onClick -> onclick, or for -> htmlFor.
warnDeprecatedHtml: Warns of deprecated HTML tags such as blink and center.

More information on plugin options syntax is available in Babel's documentation

Example output:

let a = {t: 1};
let KK = <div style="1" {...a}><Component foo="bar">Component children</Component></div>;

Transpiled:

var a = { t: 1 };
var KK = {
    tag: 'div',
    children: [m.component(Component, {
        foo: 'bar'
    }, ['Component children'])],
    attrs: babelHelpers._extends({
        style: '1'
    }, a)
};

Change Log

v4.1.1

Build fix

v4.1.0

Added option to convert html attributes to proper casing

// Add "jsxCompliant" to babel plugin options:
$ cat .babelrc
{
    "plugins":[
        ["mjsx", { jsxCompliant: true }]
    ]
}

Added explicit warnDeprecatedHtml option to turn on the deprecated html tags warning added in v3

// Add "warnDeprecatedHtml" to babel plugin options:
$ cat .babelrc
{
    "plugins":[
        ["mjsx", { warnDeprecatedHtml: true }]
    ]
}

v4.0.0

Changed output to trim whitespace similar to how v1.x did.

v3.0.0

Removed forcing of tags to be "valid" html tags
Print warning instead of erroring for deprecated html tags