но ссылочка на Chrome Store не работает

Да, увы. Но вы можете самостоятельно скачать последнюю версию: https://github.com/escaton/bem-chrome-devtools/releases

И сделать установочный пакет из .crx-файла. Немножко замороченно, но — всё ради результата, да?

ну, других же нет вариантов

block('header-menu-2')(match((node) => node._demo)({
    extend: (node, ctx) => ({
        "ctx.items": [
            {
                link: '#',
                title: 'Доставка и оплата'
            },
        ]
    })
}
));

block('header-menu-2')(match((node) => node._demo)({
    extend: (node, ctx) => ({
        "ctx.items": [
            {
                link: '#',
                title: 'Доставка'
            },
        ]
    })
}
));

Привет! Потому что extend доопределяет контекст исполнения шаблонов.

extend по сути не output generator, а хелпер доопределяющий контекст исполнения шаблонов. Однажды изменив контекст он таким и останется. Отменить можно только переопределив заново. А отменить предыдущий экстенд перекрыв более приоритетным нельзя.

Спасибо

подскажите есть два select в одном блоке bemjson разница в options. Можно в bemhtml сделать так чтобы хранился шаблон а даниые были в bemjson

если я правильно понял задачу, то поможет примерно такой шаблон

block('my-select').replace()((node, ctx) => ({
    block: 'select',
    mods: {
        mode: 'radio',
        theme: 'islands',
        size: 'm'
    },
    name: 'select2',
    val: 2,
    options: ctx.options
}))

тогда в bemjson можно будет писать просто:

{

    block: 'my-select',
    options: [
        {
            val: 1,
            text: 'Доклад'
        },
        {
            val: 2,
            text: 'Мастер-класс'
        },
        {
            val: 3,
            text: 'Круглый стол'
        }
    ]
}

но на самом деле можно не городить шаблонов и просто в bemjson написать JS:

[
 

  [
        {
            val: 1,
            text: 'Доклад'
        },
        {
            val: 2,
            text: 'Мастер-класс'
        },
        {
            val: 3,
            text: 'Круглый стол'
        }
    ],
    [
        {
            val: 1,
            text: 'Что-то еще'
        },
        {
            val: 2,
            text: 'Другая опция'
        },
        {
            val: 3,
            text: 'Какой-то третий вариант'
        }
    ]
].map(options => ({
    block: 'select',
    mods: {
        mode: 'radio',
        theme: 'islands',
        size: 'm'
    },
    name: 'select2',
    val: 2,
    options: options
}))

и 

т.п.

да это оно, я изначально думал реализовать в bemjson как этот блок  {
           block: 'site',
           mods: {zi: '50'},
           content: [
               {
                   block: 'hinfo',
                   mix: [{block: 'flex'}],
                   content: ['(+84).898.058.000', 'min101092@gmail.com'].map(function (description) {
                       return {
                           elem: 'description',
                           tag: 'span',
                           content: description
                       }
                   })
               },

но мення остановила документацыя i-bem при прочтении которой, пришол к варианту  с bemhtml.js

как понять правильно рендерить код?

Понимаю что в шаблонизаторе незачем пичатать два однаковых кода, правельнее генерировать будет понятней и лаконичней.

Я дико извиняюсь за столь простой вопрос.

Но у меня постоянно возникает ступор, как назвать и как правильно сверстать блоки текста

весь блок назван dsc, а как бы вы сверстали / назвали блоки текста, например блок где отступ между текстом

gap

?

Отступы логично задавать через микс элементами родительского блока

а можно на примере с названими классов ?

Можно:

.dsc
  .dsc__main
    .dsc__description
      .paragraph По данным Росстата…
      .paragraph Даже если получить…
    .dsc__additional Если эта семья
  .dsc__aside
    .image