bem / bem-templates-converter Goto Github PK

View Code? Open in Web Editor NEW

This project forked from vkz/bemhtml-syntax

2.0 2.0 1.0 214 KB

BEM Templates Converter: BEMHTML to BEMHML.js, BEMHTML to BH

JavaScript 100.00%

bem-templates-converter's People

Contributors

Stargazers

Watchers

Forkers

collapsus

bem-templates-converter's Issues

Replace this._.something to this.something

Convert empty value of default mode to empty string

Input file block with BEMHTML:

block block, default: null

Run [email protected]:

$ bemhtml-syntax -i block

Actual:

block('block').def()(null);

Expected:

block('block').def()('');

empty string to undefined

block('misspell').elem('link').def()(function() {
  return applyCtx(this.extend(this.ctx, {
    block: 'link',
    elem: ''
  }));
});

block('misspell').elem('link').def()(function() {
  return applyCtx(this.extend(this.ctx, {
    block: 'link',
    elem: undefined
  }));
});

Use block('*') if not entity match

Input file i-log with BEMHTML:

logNodeAttrValue: JSON.stringify(this.ctx.logNode)

default {
    this.ctx.logNode: { /* ... */ }
}

Run [email protected]:

$ bemhtml-syntax -i i-log.bemhtml

Actual:

mode('logNodeAttrValue')(function() {
    return JSON.stringify(this.ctx.logNode);
});

def()(
    match(function() {
        return this.ctx.logNode;
    })(function() { /* ... */ })
);

Expected:

block('*')(
    mode('logNodeAttrValue')(function() {
        return JSON.stringify(this.ctx.logNode);
    }),
    def()(
        match(function() {
            return this.ctx.logNode;
        })(function() { /* ... */ })
    )
);

Incorect parse rules in parentheses

IN: block event, (this.mods && this.mods.type == 'sport')
OUT: block('event').match((this.mods && this.mods.type == 'sport'))
MUST BE: block('event').match(function() { return this.mods && this.mods.type == 'sport'; })

Document possible options at README.md

Our copy of vkz#12

mix: [...] to mix()(function...)

Guess it could be very useful for migration to bem-xjst-next.

Related bem/bem-xjst#121

NB Static objects shortcuts in mix, content, etc.

Regexp is broken after convert

Input file suggest-item_type_nav with BEMHTML:

block suggest-item, mod type nav {
    default: {
        var url = this.ctx.data[4];
        applyNext({_url: (url.match(/^\w[\w-]*:\/\//g) ? '' : 'http://') + url});
    }
}

Run [email protected]:

$ bemhtml-syntax -i suggest-item_type_nav

Actual:

block('suggest-item').mod('type', 'nav')(
    def()(function() {
        var url = this.ctx.data[4];
        return applyNext({
            _url: (url.match('^\w[\w-]*:\/\/' // regexp turned to string
                g) ? '' : 'http://') + url 
        });
    }))

Expected:

block('suggest-item').mod('type', 'nav')(
    def()(function() {
        var url = this.ctx.data[4];
        return applyNext({
            _url: (url.match(/^\w[\w-]*:\/\//g) ? '' : 'http://') + url
        });
    }))

Will generate replace().once()

Autoconvert:

block('feedback').def()(function() {
    return applyCtx({ block: 'feedback', elem: 'wrapper' });
});

block('feedback').replace()(function() {
    return { block: 'feedback', elem: 'wrapper' };
});

Convert apply to applyNext if no mode argument

Input file block with BEMHTML:

block block, default {
    !this.ctx._guard: {
        apply(
            this.ctx._guard = true
        );
    }
}

Run [email protected]:

$ bemhtml-syntax -i block

Actual:

block('block').match(function () {
    return !this.ctx._guard;
}).def()(function () {
    return apply({
        'ctx._guard': true
    });
});

Expected:

block('block').match(function () {
    return !this.ctx._guard;
}).def()(function () {
    return applyNext({
        'ctx._guard': true
    });
});

def() must return something;

block('a')(
  elem('link').def()(function() {
      applyNext();
  })
);

block('a')(
  elem('link').def()(function() {
      return applyNext();
  })
);

Convert applyNext + this.ctx to applyCtx

Input file block with BEMHTML:

block block, default: {
    applyNext(
        this.ctx = {
            block: 'other-block'
        }
    );
}

Run [email protected]:

$ bemhtml-syntax -i block.bemhtml

Actual:

block('block').def()(function () {
    return applyNext({
        ctx: {
            block: 'other-block'
        }
    });
});

Expected:

block('block').def()(function () {
    return applyCtx({
        block: 'other-block'
    });
});

Add .once() if applyNext(_mode: '')

Input file block with BEMHTML:

block block, default: {
    applyNext(
        _mode: '',
        this.ctx = {
            block: 'other-block'
        }
    );
}

Run [email protected]:

$ bemhtml-syntax -i block.bemhtml

Actual:

block('block').def()(function () {
    return applyNext({
        _mode: '',
        ctx: {
            block: 'other-block'
        }
    });
});

Expected:

block('block').def().once()(function () {
    return applyNext({
        ctx: {
            block: 'other-block'
        }
    });
});

Use elem('*') if match contains this.elem

Input file header with BEMHTML:

block header {
    default, ~['logo', 'search', 'nav'].indexOf(this.elem): {
        /* ... */
    }
}

Run [email protected]:

$ bemhtml-syntax -i header.bemhtml

Actual:

block('header').def().match(function() {        
     return ~['logo', 'search', 'nav'].indexOf(this.elem);
})(function() {
    /* ... */
});

Expected:

block('header').elem('*').match(function() {
    return ~['logo', 'search', 'nav'].indexOf(this.elem);
}).def()(function() {
    /* ... */
});

bem / bem-templates-converter Goto Github PK

bem-templates-converter's People

Contributors

Stargazers

Watchers

Forkers

bem-templates-converter's Issues

Recommend Projects

Recommend Topics

Recommend Org

Jobs