Bondifrench / Mithrilizer

Sublime package for auto completions of usual Mithril methods

Mithrilizer

Sublime package for auto completions of common Mithril methods
[Needs to be updated with Mithril 2.0 API]
Mithril is a client-side MVC lightweight Javascript framework created by Leo Horie

Installation

Package Control

1. Open Package Control: Preferences -> Package Control
2. Select Package Control: Install Package
3. Type Mithrilizer into the search box and select the package to install it

Usage

Once installed, you need to be on a page with the syntax set to Javascript

###m -> m() will display:

m('div',{
	style: { }, 
	config: 'function name'
	},[
		'Children'
	])

More details on the use of m() here

###mi -> m('input') will display:

m('input[type=]', oninput:, value: )

More details on the use of m() here

###ma -> m('a')

m('a[href=/myroute]', {config: m.route}, 'Myroute')

More details on the use of m() here

###mm -> Mithril module
Will display:

var mymodule = {};

mymodule.vm = 'Object literal {} or function Constructor'

mymodule.controller = function (options) {
	mymodule.vm.init();
};

mymodule.view = function (ctrl) {
	return 'view here';
}
m.module(document.body, mymodule);

More details on the use of m.module() here

###mp -> m.prop() Will display:

m.prop('initial value');

More details on the use of m.prop() here

###mw -> m.withAttr() Will display:

m.withAttr('string here', callback here)

More details on the use of m.withAttr() here

###mro -> m.route() Will display:

m.route({root Element, '/defaultRoute',
	'/route1': Module name

	});

m.route.mode = 'search/hash/pathname';

More details on the use of m.route() here

###mreq -> m.request() Will display:

m.request({
	method: 'GET/POST',
	url: '/user',
	dataType: ,
	callbackKey: ,
	type: ,
})

More details on the use of m.request() here

###md -> m.deferred() Will display:

m.deferred('initial value');

More details on the use of m.deferred() here

###ms -> m.sync([]) Will display:

m.sync([
	Array of promises
]);

More details on the use of m.sync() here

###mt -> m.trust() Will display:

m.trust(content);

More details on the use of m.trust() here

###mren -> m.render() Will display:

m.render(root Element, [
	'Children elements'
]);

More details on the use of m.render() here

###mrd -> m.redraw() Will display:

m.redraw(true/false);

More details on the use of m.redraw() here

###mrs -> m.redraw.strategy() Will display:

m.redraw.strategy('all/diff/none');

More details on the use of m.redraw.strategy() here

###mst -> m.startComputation() and m.endComputation() Will display:

m.startComputation();

m.endComputation();

More details on the use of m.startComputation/m.endComputation here