sectore / mithrilify

Browserify transform for converting Mithril view templates based on msx

mithrilify

Browserify transform for converting Mithril view templates using MSX

Install

$ npm install --save-dev mithrilify

Usage

Example of a Mithril view template.

It can be defined within a *.js or *.msx file and should include /** @jsx m */ at the top.

'use strict';

var View = function (ctrl) {
  return <div>
      hello
    </div>;
};

module.exports = View;

Command line:

$ browserify -t mithrilify ./view.js > ./bundle.js

Gulp and gulp-browserify

var gulp = require('gulp');
  browserify = require('gulp-browserify'),
  rename = require('gulp-rename');

gulp.task('bundle', function() {
  gulp.src('app/scripts/view.js')
    .pipe(browserify({
      transform: ['mithrilify']
    }))
    .pipe(rename('bundle.js'))
    .pipe(gulp.dest('build/'))
});

Grunt and grunt-browserify

browserify: {
  dist: {
    files: {
      'build/bundle.js': 'app/scripts/view.js',
    },
    options: {
      transform: ['mithrilify']
    }
  }
}

Output:

'use strict';

var View = function (ctrl) {
  return {tag: "div", attrs: {}, children: [
      "hello"
    ]};
};
module.exports = View;

Test

Clone project:

$ git clone https://github.com/sectore/mithrilify.git && cd $_

Install dependencies (only once):

$ npm install

Run tests:

$ gulp test

Credits:

• MSX for supporting JSX to Mithril
• generator-node-gulp to create a Node.js module with yo, including gulp and Mocha unit tests.

Contributors

• magnetised
• mkautzmann
• Naddiseo
• shigi
• sibsibsib

Release History

History

License

Copyright (c) 2015 Jens Krause. Licensed under the MIT license.