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