Телеграмм чат группы bem

Alexey Yarrr (qfox)

Не, зависит от applynext сразу или нет.

Не понял, можешь объяснить?

Делаю так, но, как уже писал, модификатор перезатирается (BEMJSON → BEMHTML → HTML):

21:30пожаловаться #1

2019 May 27

Как заставить borschik «фризить» пути в шаблонах? Добавил процессинг в make.js — для CSS работает, для BEMTREE/BEMHTML — нет.

00:54пожаловаться #2

Снимок экрана 2019-05-27 в 0.51.55.png

(373.26 Кб)

Та же картинка в оригинальном качестве.

Пробовал разные варианты пути (абсолютное, относительное) — бестолку…

01:11пожаловаться #4

BEM — a methodology how to develop web projects applicable for any technology - bem-site/bem-method

https://github.com/bem-site/bem-method/blob/bem-info-data/articles/borschik/borschik.ru.md#js читал, но так и не понял, как «пропихнуть» borschik в рантайм шаблона.

GitHub

bem-site/bem-method

Получилось. Чуть запутался в относительных путях.

01:25пожаловаться #7

Не понял, можешь объяснить?

Делаю так, но, как уже писал, модификатор перезатирается (BEMJSON → BEMHTML → HTML):

Если еще актуально - в момент, когда меняются значение темы, нужно запомнить старое, выставить новое, позвать applyNext, восстановить старое.
Вроде бы, вся магия

12:27пожаловаться #8

Не понял, можешь объяснить?

Делаю так, но, как уже писал, модификатор перезатирается (BEMJSON → BEMHTML → HTML):

Ты еще сам пишешь в node. Не пробовал звать applyNext({defaultTheme: ...}) так? В этом случае движок сам восстановит предыдущее значение

Он, кажется, в этом случае не предыдущее значение туда ставил, а текущее.

13:14пожаловаться #10

Он, кажется, в этом случае не предыдущее значение туда ставил, а текущее.

Не должен, там нет никакой магии, только проброс дальше вниз по дереву. Возможно, есть бажок, но концепнуально именно так должно работать

13:28пожаловаться #11

Хорошо. Надеюсь, я правильно понял. Попробую.

13:28пожаловаться #12

Но тут ключевой концепт в том, в каком порядке рендерятся шаблоны:

.a.a_theme_light
  .d.d_theme_dark
    e
  f
    g
      h
b
c

a → d → e → f → g → h → b → c

а не a → b → c → d → f → e → g → h

13:32пожаловаться #13

Если a имеет a_theme_light, a d — d_theme_dark, то f должен наследовать iight от a_theme_light, но из-за прохода вглубь будет перезаписан темой из e (e_theme_dark)

13:36пожаловаться #14

Думал использовать для этого значения this.position и this._bemxjst.depth как указатели положения в дереве, но не получилось…

13:38пожаловаться #15

Но тут ключевой концепт в том, в каком порядке рендерятся шаблоны:

.a.a_theme_light
  .d.d_theme_dark
    e
  f
    g
      h
b
c

a → d → e → f → g → h → b → c

а не a → b → c → d → f → e → g → h

https://clck.ru/GDfBC посмотри, так?

13:40пожаловаться #16

Да! А если d будет элементом блока — https://clck.ru/GDfQz

13:47пожаловаться #17

Спасибо!

13:47пожаловаться #18

По аналогии думаю теперь ещё запилить валидатор, который будет следить, чтобы не было «form в form» или «link в link».

13:53пожаловаться #19

только не забудь выкосить этот валидатор из продакшн кода