bem / bem-xjst Goto Github PK

block('b1').def().match(function() { return !this._wrapped })(function() {
    apply(
        '',
        { 'ctx._wrapped': true },
        { ctx: { block: 'wrap', content: this.ctx } }
    )
})

block('b1').def().match(function() { return !this._wrapped })(function() {
    applyCtx(
        { block: 'wrap', content: this.ctx },
        { 'ctx._wrapped': true }
    )
})

block('button')(
    def()((bem) => {
        var mods = bem.mods;
        applyNext({ _button : bem.ctx });
    }),

    tag()((bem) => bem.ctx.tag || 'button'),

    js()(true),

    mix()({ elem : 'control' }),

    attrs()(
        // Common attributes
        (bem) => {
            var ctx = bem.ctx,
                attrs = { role : 'button' };

            ctx.tabIndex && (attrs.tabindex = ctx.tabIndex);

            return attrs;
        },

        // Attributes for button variant
        match((bem) => !bem.mods.type)((bem) => {
            var ctx = bem.ctx, attrs = {};

            ctx.tag || (attrs.type = ctx.type || 'button');

            ctx.name && (attrs.name = ctx.name);
            ctx.val && (attrs.value = ctx.val);
            bem.mods.disabled && (attrs.disabled = 'disabled');

            return bem.extend(applyNext(), attrs);
        })
    ),

    content()(
        (bem) => {
            var ctx = bem.ctx, content = [bem.ctx.icon];
            ctx.text && content.push({ elem : 'text', content : ctx.text });
            return content;
        },
        match((bem) => typeof bem.ctx.content !== 'undefined')((bem) => bem.ctx.content)
    )
)

block('blah')(
  content()(function() {
    return BEMHTML.apply({ some : 'data' });
  })
}

'(function(g) {\n' +
         '  var __bem_xjst = function(exports' + modulesProvidedDeps + ') {\n' +
         '     ' + code + ';\n' +
         '     return exports;\n' +
         '  }\n' +
         '  var defineAsGlobal = true;\n' +
         '  if(typeof exports === "object") {\n' +
         '    exports["' + exportName + '"] = __bem_xjst({}' + modulesProvidedDeps + ');\n' +
         '    defineAsGlobal = false;\n' +
         '  }\n' +
         '  if(typeof modules === "object") {\n' +
         '    modules.define("' + exportName + '"' + modulesDeps + ',\n' +
         '      function(provide' + modulesProvidedDeps + ') {\n' +
         '        provide(__bem_xjst({}' + modulesProvidedDeps + ')) });\n' +
         '    defineAsGlobal = false;\n' +
         '  }\n' +
         '  defineAsGlobal && (g["' + exportName + '"] = __bem_xjst({}' + modulesProvidedDeps + '));\n' +
         '})(this);'

'(function(g) {\n' +
         '  var __bem_xjst = function(exports' + modulesProvidedDeps + ') {\n' +
         '     ' + code + ';\n' +
         '     return exports;\n' +
         '  }\n' +
         '  var defineAsGlobal = true;\n' +
         '  if(typeof modules === "object") {\n' +
         '    modules.define("' + exportName + '"' + modulesDeps + ',\n' +
         '      function(provide' + modulesProvidedDeps + ') {\n' +
         '        provide(__bem_xjst({}' + modulesProvidedDeps + ')) });\n' +
         '    defineAsGlobal = false;\n' +
         '  }\n' +
         '  else if(typeof exports === "object") {\n' +
         '    exports["' + exportName + '"] = __bem_xjst({}' + modulesProvidedDeps + ');\n' +
         '    defineAsGlobal = false;\n' +
         '  }\n' +
         '  defineAsGlobal && (g["' + exportName + '"] = __bem_xjst({}' + modulesProvidedDeps + '));\n' +
         '})(this);'

{ block: 'b1', elem: 'e1' }

block('b1').elem('e1').mix()([{
    { block: 'b2' },
    { block: 'b3' }
}]);

block('b1').def()(function() { applyCtx(...) })

block('b1').replace()(function() { return ... })

block('b1').def()(function() {
    applyCtx(this.extend(this.ctx, ...))
})

block('b1').extend()(function() { return ... })

oninit(function() {
    function JsdtmdContext(ctx) {
        this._ctx = ctx;
        this._start = false;
    }

    var oldApply = exports.apply;
    exports.apply = function(ctx) {
        var ctx_ = new JsdtmdContext(ctx);
        return oldApply(ctx_);
    };
});

match()(function() {
    return 'Boom!';
});

match(this._start === false)(function() {
    this._start = true;
    return apply(this._ctx);
});

require('bem-xjst').generate(body, { optimize : fasle });  // compiles fine

require('bem-xjst').generate(body, { optimize : true });  // fails

block('b1').def()(function() {

function a() {
        return x;
}

var x = 1;

return a();
})

function __$b1(__$ctx, __$ref) {
    function a__$0() {
        return x;
    }
    var x__$1 = 1;
    return a__$0();
}

block('b-bla')(
  def()(function() {
    applyCtx({ block: 'b-bla', elem: 'e' })
  })
)

{ "block": "b-bla" }

block('b1').replace()(function () {
    return { block: 'b2' };
});

block('b1')(replace()(function () {
    return { block: 'b2' };
}));

block('')

    while (i__$104 < l__$103) (function __$lb__$107() {
        var __$r__$108;
        var __$l0__$109 = __$ctx.ctx;
        __$ctx.ctx = v__$102[i__$104++];
        __$r__$108 = applyc(__$ctx, __$ref);
        __$ctx.ctx = __$l0__$109;
        return __$r__$108;
    })();

{
  "block": "b1",
  "content": {

    "elem": "e1",
    Content: { tag: 'span', content: { elem: 'e2' } }
  }
}