Как подключить стороннюю библиотеку?

Форум /

Ещё раз "Попробовал на вкус" (приготовленный по старому рецепту http://habrahabr.ru/post/162385/ уже "свежий", project-stub.

Библиотека друга https://github.com/john-johnson/j не подключаеться (не видно новомодных теней).

Вопрос: каким образом теперь подключать стороннюю библиотеку?

qfox

Я так понимаю, что смотреть нужно суда и туда:
https://github.com/bem/project-stub/blob/bem-core/.bem/make.js
https://github.com/bem/project-stub/blob/bem-core/.bem/repo.db.js

Немножко изменилось API, но смысл не менялся — как собирается проект описывается в .bem/make.js и окружении, которое он подтягивает. Библиотеки (в т.ч. внешние) — это уровни переопределения, ни больше, не меньше, вам просто надо их зарегистрировать, чтобы сборка учитывала блоки, которые в них есть. Внимательнее с level.js в библиотеках — тоже влияэт, может еще из-за этого не подтянуться (API же чуть поменялось).

tadatuta

На самом деле repo.db.js отвечает лишь за то, чтобы при загрузке вместо полного описания библиотеки (тип, урл, ревизия) можно было использовать короткий алиас.
make.js как раз отвечает за то, чтобы выкачать все необходимые библиотеки.

Т.е. если счекаутить библиотеки руками, то ни repo.db.js, ни make.js трогать не потребуется, хотя, конечно, удобнее, когда все происходит автоматически. (Спойлер: в bem-tools v1 bem make перестанет отвечать за загрузку библиотек и эта задача будет переложена на bower).

А за подключение уровней в сборку отвечает level.js на уровне бандлов: https://github.com/bem/project-stub/blob/bem-core/desktop.bundles/.bem/level.js#L14

shevtsofff

...всё так и описано в старой статье, но...

раньше работало, сейчас нет.

Прошу дать конкретный совет, что прописать, куда?

Библиотеку, эту: https://github.com/john-johnson/j

tadatuta

Предположу, что проблема связана с тем, что сейчас в project-stub веткой по умолчанию является ветка bem-core, несовместимая с bem-bl, на основе которой была написана статья.

Так что вам необходимо чекаутить именно master.

Ну и на всякий случай изменения, которые необходимо проделать с master, чтобы библиотека подключилась:

diff --git a/.bem/make.js b/.bem/make.js
index 2fe7f28..dc5bf04 100644
--- a/.bem/make.js
+++ b/.bem/make.js
@@ -12,7 +12,8 @@ MAKE.decl('Arch', {

     libraries: [
         'bem-bl @ 0.3',
-        'bem-controls @ v1'
+        'bem-controls @ v1',
+        'j @ master'
     ]

 });
diff --git a/.bem/repo.db.js b/.bem/repo.db.js
index b644c3b..567fc14 100644
--- a/.bem/repo.db.js
+++ b/.bem/repo.db.js
@@ -51,6 +51,10 @@ module.exports = {
     'bem-yana' : {
         type     : 'git',
         url      : 'git://github.com/narqo/bem-yana.git'
+    },
+    'j' : {
+        type     : 'git',
+        url      : 'git://github.com/john-johnson/j.git'
     }

-};
\ No newline at end of file
+};
diff --git a/desktop.bundles/.bem/level.js b/desktop.bundles/.bem/level.js
index cb287fd..82754e0 100644
--- a/desktop.bundles/.bem/level.js
+++ b/desktop.bundles/.bem/level.js
@@ -9,7 +9,8 @@ exports.getConfig = function() {
     return BEM.util.extend(this.__base() || {}, {
         bundleBuildLevels: this.resolvePaths([
                 'bem-bl/blocks-common',
-                'bem-bl/blocks-desktop'
+                'bem-bl/blocks-desktop',
+                'j/blocks'
             ]
             .map(function(path) { return PATH.resolve(environ.LIB_ROOT, path); })
             .concat([

А для совместимости библиотеки j с bem-core потребуется как минимум 2 изменения:
1. Поправить (впрочем, достаточно будет и просто удалить) файл level.js в j/blocks/.bem/.
2. Переписать javascript с учетом модульной системы (см. http://ru.bem.info/libs/bem-core/i-bem-js/).

При этом подключение будет выглядеть вполностью аналогично варианту с master.

shevtsofff

Рад сообщить что помогло и в master и в bem-core.

Благодарю.

Только после переключения ветки нужно каждый раз делать npm install и перезапускать bem server.

И ещё в master (index.bemjson.js) заменить

block:'b-page' на block:'page'

tadatuta

Ура!

Про npm install и перезапуск bem server все верно, а b-page и page должны меняться при переключении веток автоматически.

shevtsofff

...меняются, но при 'b-page' в master стили ломаются

tadatuta

если менять b-page на page в master, то должно сломаться вообще все. и наоборот. ну т.е. работающий вариант — это так, как сейчас в репозитории.

qfox

Мне думается, что совет про npm install поможет многим, кто пробует разные версии, которых много. Вообще, может стоит начать собирать faq в виде Troubleshooting guide?