bem-site / bem.info Goto Github PK

https://github.com/wooorm/remark-validate-links

"published": true надо сделать значением по умолчанию и не использовать его для каждой страницы в модели. А вот "published": false указывать.

У меня был реализован механизм указания картинок по относительному пути рядом с .md (см. https://github.com/bem/bem-method/tree/bem-info-data/method/key-concepts)

В новой версии этот механизм утерян, надо вернуть как было: при обработке .md файла копировать все картинки рядом с ним в его результирующую папку и ссылаться на картинки относительно, без указания хоста:

<img src='key-concepts__head_marked.png' alt=''>

http://editorconfig.org/

После безошибочной установки запускаю проект с помощью gulp вылетает ошибка

~/allprojects/01_BEM/bem.info $ gulp
[09:03:06] Using gulpfile ~/allprojects/01_BEM/bem.info/gulpfile.js
[09:03:06] Starting 'watch'...
[09:03:06] Finished 'watch' after 15 ms
[09:03:06] Starting 'browser-sync'...
bs
[09:03:07] Finished 'browser-sync' after 48 ms
[09:03:07] Starting 'default'...
[09:03:07] 'default' errored after 482 ms
[09:03:07] Error: Cannot find module './desktop.bundles/index/index.bemtree.js'
at Function.Module._resolveFilename (module.js:336:15)
at Function.Module._load (module.js:286:25)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Gulp. (/home/roman/allprojects/01_BEM/bem.info/gulpfile.js:31:17)
at module.exports (/home/roman/allprojects/01_BEM/bem.info/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:34:7)
at Gulp.Orchestrator._runTask (/home/roman/allprojects/01_BEM/bem.info/node_modules/gulp/node_modules/orchestrator/index.js:273:3)
at Gulp.Orchestrator._runStep (/home/roman/allprojects/01_BEM/bem.info/node_modules/gulp/node_modules/orchestrator/index.js:214:10)
at /home/roman/allprojects/01_BEM/bem.info/node_modules/gulp/node_modules/orchestrator/index.js:279:18
at finish (/home/roman/allprojects/01_BEM/bem.info/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:21:8)
events.js:141
throw er; // Unhandled 'error' event
^

Error: ENOENT: no such file or directory, open 'desktop.bundles/index/index.min.css'
at Error (native)

1. в bem-identity все логотипы сохранить как svg
2. сделать bem-identity библиотекой, подключаемой через bower
3. подключить эту библиотеку
4. добавить ротацию картинок в og:image из этой библиотеки, проверив перед этим, поддерживается svg в facebook

Пока сделал грязный хак для ускорения запуска:
vithar@d9634a4

It should be done in runtime or removed.

Вместе с классным редизайном ru.bem.info прилетел баг
Раздел форум https://ru.bem.info/forum/
Теперь на айпаде (обычный 10 дюймов с ретиной) верстка шапки поехала и контент уехал вниз. Я сразу и не понял увидев пустой экран, но прокрутив вниз все стало понятно.
Ниже скриншоты, помогут понять суть бага
Проверялось в хроме и сафари
В браузере Хром

В браузере Сафари

See https://yadi.sk/i/NnhiIK0-rJY4K

Add promo strip block on top of everything else on a page (even before header).

Something like

{
    block: 'stripe',
    tag: 'a',
    attrs: { href: 'http://promo.com/', style: 'display: block; line-height: 22px; font-size: 16px; color: #fff; background: #ff0' },
    content: 'Attention! See what is happening!'
}

but implemented properly ;)

stripe should configurable via model. It should be possible to specify an array of different content/url/color for it with optional expiration date to rotate it automatically.

@vithar, should we rotate stripes on client side it there's more then one active at a time?

1. Search button moves on scroll
2. Use nobr for i-bem in Справочное руководство по i-bem.js in sitemap block
3. I'd switch .search__form .input__control to color: #fff
4. Tags on pages with long titles appear on top of the title and with strange left padding

Regression.

Увеличилось время пересборки страниц. Раньше на изменения в *.blocks вызывался только enb, сейчас enb-make, drop-templates-cache и build-html. Надо вернуть сборку как было, делая минимальный набор действий для обработки изменений.

/cc @tormozz48

Как по мне наш форум - чуть ли не главный раздел на сайте и на него люди постоянно заходят.

А если ссылка на него будет в футере, то люди будут долго и нудно искать как на него попасть.
Нужно или продублировать или перенести ссылку на форум в шапку.

@vithar @tadatuta

см. текущий bem.info

Сейчас в корне проекта создаются две директории .gorshochek и .builder. Давай объединим их в одну .gorshochek.

Articles list with links to external bem articles.

1. Запустить gulp, дождаться окончания сборки
2. Убедиться, что страницы из .md показываются нормально
3. Убить gulp
4. Выключить wi-fi
5. Запустить gulp ещё раз
6. Cтраницы из .md показываются без контента

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

Надо сделать так, чтобы можно было разрабатываться в самолёте.

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

После подключения использования горшочка перестала показываться страница /community/typo/ в обоих языках. Кажется локальный .md не обрабатывается или обрабатывается некорректно.

breadcrumbs in gorshochek are awesome but not for this site, reverted

@vithar

Да ты, батюшка, только скажи, как... а мы подхватим

In Firefox browser lang switcher and forum links fall down below header (I think we need to change float: right to flex).

Нужно для нормальной работы сайта на gh-pages и для возможности поднимать отдельные версии в подпапках.

Долго не мог понять причину, почему сломался мой ссылочный переопределятор.

Нашел проблему вот в этом коде: https://github.com/vithar/bem.info/blob/master/lib/marked-opts.js#L10-L13

renderer._link = renderer.link;
renderer.link = function(href, title, text) {
    return this._link(href.replace(/(.*\/)([^\/#]*)(.*)/, '$1$3'), title, text);
};

Здесь происходит замена ссылок, которая нарушает логику переопределятора.

@vithar @tadatuta

Цитирую @blond.

В bem-config должно быть про какие есть уровни:

levels: {
    'lib/bem-core/common.blocks': { scheme: 'nested' },
    'lib/bem-core/desktop.blocks': { scheme: 'nested' },
    'common.blocks': { scheme: 'flat' },
    'desktop.blocks': { scheme: 'flat' }
}

• где-то ещё надо про то какие надо собирать нам, но это в самом gulp-конфиге.

// cc @zxqfox

Лайки, шары, вот это все

Не вижу необходимости в хранении директорий data-* в корне проекта, предлагаю перенести их в .gorshochek.

Нужно перенести все .js файлы (кроме gulpfile.js) в директорию lib.

Раз используем gulp, то нужно использовать его возможности по полной.

Например, вместо

gulp.task('copy-misc-to-output', ['clean-output'], () => {
    return Q.all([
        copyFileToOutputDirs('./content', 'favicon.ico'),
        copyFileToOutputDirs('./content', 'robots.txt')
    ]);
});

делать что-то типа

gulp.task('copy-misc-to-output', ['clean-output'], () => {
    return gulp.src('content/{favicon.ico,robots.txt}')
        .pipe(gulp.dest('output-{' + LANGUAGES.join() + '}'));
});

и, соответственно, выпилить кастомщину про copyFileToOutputDirs и т.п.

• https://github.com/eslint/eslint
• https://github.com/blond/eslint-config-pedant

Использовать блок yandex-metrika из библиотеки https://github.com/bem-contrib/stat-counters

https://github.com/tadatuta/enb-yaml-to-bemjson/

@veged предлагает на промо странице /methodology/ после каждой фичи добавить возможность перейти сразу в документацию, не долистывая страниницу до конца.

Т.е. если на середине страницы я понял, что уже «всё купил» — нужна возможность куда-то кликнуть и начать читать.

Варианты?

• собрать модель для текущего сайта (vithar@)
• реализация promo-problems, promo-features (anyatyu@) https://github.com/vithar/bem.info/pull/52
• реализация страницы index (anyatyu@)
• навигацию Вперед<->Назад https://github.com/vithar/bem.info/issues/35 (vithar@)
• разобраться с использованием SemiBold и Bold, использовать Bold только для надписи БЭМ (vithar@)
• теги https://github.com/vithar/bem.info/issues/34 (vithar@)
• На странице /methodology/ заменить картинку «Легко изучить» #73 (vithar@)
• ссылка на gh для отправки правок https://github.com/vithar/bem.info/issues/33 (anyatyu@)
• social https://github.com/vithar/bem.info/issues/32 (anyatyu@)
• open graph https://github.com/vithar/bem.info/issues/28 (anyatyu@)
• прикрутить i18n https://github.com/vithar/bem.info/issues/60 (tadatuta@)
• прикрутить метрику https://github.com/vithar/bem.info/issues/71 (anyatyu@)
• реализовать og:image (vithar@ сделал грязный хак vithar@d9634a4)
• phone version https://github.com/vithar/bem.info/issues/30 (vithar@ посмотреть на текущий вид)
• tablet version https://github.com/vithar/bem.info/issues/29 (vithar@ посмотреть на текущий вид)
• контент промо страницы методологии en, ru (vithar@, tadatuta@)
  • promo-header
  • promo-problems (en)
  • promo-problems (en) заменить текст в картинке
  • promo-features
  • promo-features text
  • promo-quotes
  • promo-companies
• побился контент на странице http://vithar.github.io/bem.info/ru/methodology/faq/

Из соображений перфекционизма, хочется все вариации md-plug переименовать в markedOpts (включая имена файлов: marked-opts.js).

Regression.

1. Запустить gulp
2. Отредактировать любой .css файл в блоках
3. Переключиться в браузер, он подгрузит новый css, а он пустой, 0 байт

Дико бесит и не позволяет нормально разрабатываться. Помогает только перезапуск gulp.

See https://yadi.sk/i/IGd9Xkr_rJY7j