ya-share2, move yashare, bem-contrib

[adinvadim]

#73
#68

Не было пакета enb-magic-factory в devDeps
bem-incubator -> bem-contrib

По поводу тестов для ya-share2, как сгенерировать html?

[voischev]

@adinvadim не хочешь просто сделать апгрейд блока yashare?
Не очень нравится циферки в названии блоков

[voischev]

@teryaew если сделать полный апдейт яшар... у вас же ничего не сломается?

[adinvadim]

@voischev
Под update подразумевается полный отказ от поддержки старого yandex share? или возможность изменять контекстно с помощью поля ctx.apiVersion?

[voischev]

@adinvadim думаю правильно будет отказываться от поддержки старых версий и держать актуальное только новое АПИ. Так что да... просто вырезаем оставляем привычное имя

[adinvadim]

Оставить поддержку поля quickServices, которое в новом api просто services, или тоже вырезать?

[voischev]

@adinvadim думаю двигаться нужно на упрощение) так что вырезай

[adinvadim]

Думаю нужно добавить еще вот это функционал https://tech.yandex.ru/share/doc/dg/add-docpage/#separately

[voischev]

@adinvadim добавляй. В верном направлении думаешь 👍

[adinvadim]

@voischev

JShint ругается на правило forin (https://jslinterrors.com/the-body-of-a-for-in-should-be-wrapped-in-an-if-statement), хотя я и так делаю проверку на hasOwnProperty, но делаю немножко по другому, с отрицанием. Если я делаю, так как он просит, то ругается на глубокую вложенность. И как поступить в таком случае, не использовать for in?

...
        var separately = {
            'data-description' : ctx.description,
            'data-image' : ctx.image,
            'data-title' : ctx.title,
            'data-url' : ctx.url,
        },
        _obj;


        for(var field in separately) {
            if(!separately.hasOwnProperty(field)) continue;
            _obj = separately[field];
            if(typeof _obj === 'string') continue;
            if(_obj instanceof Object) {
                separately[field] = _obj['default'];
                for(var social in _obj) {
                    if(!_obj.hasOwnProperty(social)) continue;
                    if(social === 'default') continue;
                    separately[field + ':' + social] = _obj[social];
                }
            }
        }
        attrs = this.extend(attrs, separately);
        return attrs;
...

По поводу решения в плане API этого функционала, то такие поля как
image, title, url, description могут принмать String или Object.

И выглядит это примерно так

...
                    title : {
                        default : 'BEM Social Components Library',
                        vkontakte : 'BEM Social Components Library; (from vk share)',
                        twitter : 'BEM Social Components Library; (from twitter share)'
                    },
                    description : 'Fork me on GitHub',
...

[voischev]

Я думаю ты можешь отключить это правило в линтере

[tadatuta]

кмк, либо дописать еще один var, либо отбить все объявление вправо.

но вообще предлагаю что-нибудь типа:

var ctx = this.ctx;

return ['bare', 'counter', 'copy', 'description', 'image', 'lang', 'limit', 'size', 'title', 'url'].reduce(function(prev, attr) {
    prev['data-' + attr] = ctx[attr];
    return prev;
}, { 'data-services': (ctx.services || []).join(',') });

[tadatuta]

@adinvadim

JShint ругается на правило forin

А можно весь код целиком посмотреть? У меня есть устойчивое ощущение, что его можно заметно упростить с помощью функциональщины типа Object.keys().reduce(), но из приведенного сниппета не очень понятно, какая задача решается.

[adinvadim]

@tadatuta

Согласен Object.keys().reduce() тут то что нужно

block('yashare')(
    js()(true),
    cls()('ya-share2'),
    attrs()(function() {
        var ctx = this.ctx,
            attrs = {
                'data-bare' : ctx.bare,
                'data-counter' : ctx.counter,
                'data-copy' : ctx.copy,
                'data-lang' : ctx.lang,
                'data-limit' : ctx.limit,
                'data-services' : (ctx.services || []).join(','),
                'data-size' : ctx.size,
            },
            separately = {
                'data-description' : ctx.description,
                'data-image' : ctx.image,
                'data-title' : ctx.title,
                'data-url' : ctx.url,
            },
            _obj;

        for(var field in separately) {
            if(!separately.hasOwnProperty(field)) continue;
            _obj = separately[field];
            if(typeof _obj === 'string') continue;
            if(_obj instanceof Object) {
                separately[field] = _obj['default'];
                for(var social in _obj) {
                    if(!_obj.hasOwnProperty(social)) continue;
                    if(social === 'default') continue;
                    separately[field + ':' + social] = _obj[social];
                }
            }
        }
        attrs = this.extend(attrs, separately);
        return attrs;
     })
);

 title : {
    default : 'BEM Social Components Library',
    vkontakte : 'BEM Social Components Library; (from vk share)',
    twitter : 'BEM Social Components Library; (from twitter share)'
}

Вернет
data-title="BEM Social Components Library" data-title:vkontakte="..." etc

[tadatuta]

@adinvadim
я не тестировал, но примерно так:

block('yashare')(
    js()(true),
    cls()('ya-share2'),
    attrs()(function() {
        var ctx = this.ctx;
        var attrs = [
            'bare', 'counter', 'copy', 'description', 'image',
            'lang', 'limit', 'size', 'title', 'url'
        ].reduce(function(prev, attr) {
            prev['data-' + attr] = ctx[attr];
            return prev;
        }, { 'data-services': (ctx.services || []).join(',') });

        ['description', 'image', 'title', 'url'].reduce(function(prev, attr) {
            var val = ctx[attr];

            if (typeof val === 'string') {
                prev[attr] = val;
            } else {
                Object.keys(val).forEach(function(key) {
                    prev[key === 'default' ? attr : (attr + ':' + key)] = val[key];
                });
            }
            return prev;
        }, attrs);

        return attrs;
     })
);