GitHub - sectore/mithrilify: Browserify transform for converting Mithril view templates based on msx (original) (raw)

mithrilify

Browserify transformfor 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

hello

; };

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):

Run tests:

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

Release History

History