Extending Rye functions

[ghost]

I've been reading Rye's documentation for 2 hours but can't manage to extend Rye functions as I would with JQuery. For example, what would be Rye's equivalent of this JQuery function?

$.fn.blueBorder = function(){
    this.css({border-color:'blue'})
    return this;
};

[ricardobeat]

There are two (or more) ways to extend Rye. One is to use Rye's Style module as a building block:

Rye.define('blueBorder', function () {
    var style = Rye.require('Style')
    return function (element) {
        style.setCss(element, 'border-color', 'blue')
    }
})

And then use it as a utility method in your code:

var blueBorder = Rye.require('blueBorder')
$('.my-elements').each(blueBorder)
// or
blueBorder(myelement.get(0))

Two, and the equivalent of jQuery's fn shortcut, is to define a new module. It runs with Rye.prototype as it's context, you can look at any of the source files in https://github.com/ryejs/rye/tree/master/lib and use the same pattern. E.g:

Rye.define('blueBorder', function () {
    this.blueBorder = function () {
        this.css({ 'border-color': 'blue' })
        return this
    }
})

$('.elements').blueBorder()