Multipage express project for a few types of devices

.bemhint.js

@@ -1,6 +1,6 @@
 module.exports = {
     levels: [
-        '*.blocks'
+        'blocks/*.blocks'
     ],
 
     excludePaths: [

.bemrc

@@ -15,12 +15,12 @@ module.exports = {
                     },
                     techs: ['css', 'js'],
                     levels: {
-                        'desktop.bundles': {
+                        'bundles/desktop.bundles': {
                             techs: [
                                 'bemdecl.js',
                             ],
                         },
-                        'common.blocks': {
+                        'bundles/common.blocks': {
                             default: true
                         }
                     }

.borschik

@@ -2,7 +2,7 @@
     "freeze_paths" : {
         "node_modules/**": ":base64:",
         "node_modules/**/*.svg": ":encodeURIComponent:",
-        "*.blocks/**": ":base64:",
-        "*.blocks/**/*.svg": ":encodeURIComponent:"
+        "blocks/**": ":base64:",
+        "blocks/**/*.svg": ":encodeURIComponent:"
     }
 }

.enb/make.js

@@ -20,82 +20,108 @@ const techs = {
     bemhtml: require('enb-bemxjst/techs/bemhtml')
 };
 const enbBemTechs = require('enb-bem-techs');
-const levels = [
-    { path: 'node_modules/bem-core/common.blocks', check: false },
-    { path: 'node_modules/bem-core/desktop.blocks', check: false },
-    { path: 'node_modules/bem-components/common.blocks', check: false },
-    { path: 'node_modules/bem-components/desktop.blocks', check: false },
-    { path: 'node_modules/bem-components/design/common.blocks', check: false },
-    { path: 'node_modules/bem-components/design/desktop.blocks', check: false },
-    'common.blocks'
-];
+var levels = {
+        touch: [
+            { path: 'node_modules/bem-core/common.blocks', check: false },
+            { path: 'node_modules/bem-core/desktop.blocks', check: false },
+            { path: 'node_modules/bem-components/common.blocks', check: false },
+            { path: 'node_modules/bem-components/desktop.blocks', check: false },
+            { path: 'node_modules/bem-components/design/common.blocks', check: false },
+            { path: 'node_modules/bem-components/design/desktop.blocks', check: false },
+            'blocks/common.blocks'            
+        ],
+        desktop: [
+            { path: 'node_modules/bem-core/common.blocks', check: false },
+            { path: 'node_modules/bem-core/desktop.blocks', check: false },
+            { path: 'node_modules/bem-components/common.blocks', check: false },
+            { path: 'node_modules/bem-components/desktop.blocks', check: false },
+            { path: 'node_modules/bem-components/design/common.blocks', check: false },
+            { path: 'node_modules/bem-components/design/desktop.blocks', check: false },
+            'blocks/common.blocks'            
+        ]
+    };
 
 const isProd = process.env.YENV === 'production';
-isProd || levels.push('development.blocks');
 
 module.exports = function(config) {
-    config.nodes('*.bundles/*', function(nodeConfig) {
-        nodeConfig.addTechs([
-            // essential
-            [enbBemTechs.levels, { levels: levels }],
-            [techs.fileProvider, { target: '?.bemdecl.js' }],
-            [enbBemTechs.deps],
-            [enbBemTechs.files],
 
-            // css
-            [techs.postcss, {
-                target: '?.css',
-                oneOfSourceSuffixes: ['post.css', 'css'],
-                plugins: techs.postcssPlugins
-            }],
+    const platforms = Object.keys(levels);
 
-            // bemtree
-            [techs.bemtree, { sourceSuffixes: ['bemtree', 'bemtree.js'] }],
+    platforms.forEach(function(platform) {
+
+        isProd || levels[platform].push('blocks/development.blocks');
 
-            // templates
-            [techs.bemhtml, {
-                sourceSuffixes: ['bemhtml', 'bemhtml.js'],
-                forceBaseTemplates: true,
-                engineOptions: { elemJsInstances: true }
-            }],
+        config.nodes('bundles/' + platform + '.bundles/*', function(nodeConfig) {
+            nodeConfig.addTechs([
+                // essential
+                [enbBemTechs.levels, {levels: levels[platform]}],
+                [techs.fileProvider, { target: '?.bemdecl.js' }],
+                [enbBemTechs.deps],
+                [enbBemTechs.files],
+
+                // css
+                [techs.postcss, {
+                    target: '?.css',
+                    oneOfSourceSuffixes: ['post.css', 'css'],
+                    plugins: techs.postcssPlugins
+                }],
+
+                // bemtree
+                [techs.bemtree, { sourceSuffixes: ['bemtree', 'bemtree.js'] }],
+
+                // templates
+                [techs.bemhtml, {
+                    sourceSuffixes: ['bemhtml', 'bemhtml.js'],
+                    forceBaseTemplates: true,
+                    engineOptions: { elemJsInstances: true }
+                }],
+
+                // client templates
+                [enbBemTechs.depsByTechToBemdecl, {
+                    target: '?.tmpl.bemdecl.js',
+                    sourceTech: 'js',
+                    destTech: 'bemhtml'
+                }],
+                [enbBemTechs.deps, {
+                    target: '?.tmpl.deps.js',
+                    bemdeclFile: '?.tmpl.bemdecl.js'
+                }],
+                [enbBemTechs.files, {
+                    depsFile: '?.tmpl.deps.js',
+                    filesTarget: '?.tmpl.files',
+                    dirsTarget: '?.tmpl.dirs'
+                }],
+                [techs.bemhtml, {
+                    target: '?.browser.bemhtml.js',
+                    filesTarget: '?.tmpl.files',
+                    sourceSuffixes: ['bemhtml', 'bemhtml.js'],
+                    engineOptions: { elemJsInstances: true }
+                }],
+
+                // js
+                [techs.browserJs, { includeYM: true }],
+                [techs.fileMerge, {
+                    target: '?.js',
+                    sources: ['?.browser.js', '?.browser.bemhtml.js']
+                }],
+
+                // borschik
+                [techs.borschik, { source: '?.js', target: '?.min.js', minify: isProd }],
+                [techs.borschik, { source: '?.css', target: '?.min.css', minify: isProd }],
+
+                [techs.fileCopy, { source: '?.min.js', target: '../../../static/' + platform + '/?.min.js' }],
+                [techs.fileCopy, { source: '?.min.css', target: '../../../static/' + platform + '/?.min.css' }]
+            ]);
+
+            nodeConfig.addTargets([
+                '?.bemtree.js',
+                '?.bemhtml.js',
+                '../../../static/' + platform + '/?.min.js',
+                '../../../static/' + platform + '/?.min.css'
+            ]);
+        });
+    })
 
-            // client templates
-            [enbBemTechs.depsByTechToBemdecl, {
-                target: '?.tmpl.bemdecl.js',
-                sourceTech: 'js',
-                destTech: 'bemhtml'
-            }],
-            [enbBemTechs.deps, {
-                target: '?.tmpl.deps.js',
-                bemdeclFile: '?.tmpl.bemdecl.js'
-            }],
-            [enbBemTechs.files, {
-                depsFile: '?.tmpl.deps.js',
-                filesTarget: '?.tmpl.files',
-                dirsTarget: '?.tmpl.dirs'
-            }],
-            [techs.bemhtml, {
-                target: '?.browser.bemhtml.js',
-                filesTarget: '?.tmpl.files',
-                sourceSuffixes: ['bemhtml', 'bemhtml.js'],
-                engineOptions: { elemJsInstances: true }
-            }],
 
-            // js
-            [techs.browserJs, { includeYM: true }],
-            [techs.fileMerge, {
-                target: '?.js',
-                sources: ['?.browser.js', '?.browser.bemhtml.js']
-            }],
 
-            // borschik
-            [techs.borschik, { source: '?.js', target: '?.min.js', minify: isProd }],
-            [techs.borschik, { source: '?.css', target: '?.min.css', minify: isProd }],
-
-            [techs.fileCopy, { source: '?.min.js', target: '../../static/?.min.js' }],
-            [techs.fileCopy, { source: '?.min.css', target: '../../static/?.min.css' }]
-        ]);
-
-        nodeConfig.addTargets(['?.bemtree.js', '?.bemhtml.js', '../../static/?.min.js', '../../static/?.min.css']);
-    });
 };

.eslintignore

@@ -1,3 +1,3 @@
 **/*.deps.js
-*bundles/**
+bundles
 static

.gitignore

@@ -5,11 +5,12 @@ node_modules/
 .svn
 npm-debug.log
 
-static/index.min.*
+static/desktop/*.min.*
+static/touch/*.min.*
 
 # bem
 .enb/tmp/
-*bundles*/*/*.*
-!*bundles*/*/*.bemdecl.js
-*bundles*/*/*.tmpl.bemdecl.js
-!*bundles*/.bem/*
+bundles/*/*/*.*
+!bundles/*/*/*.bemdecl.js
+bundles/*/*/*.tmpl.bemdecl.js
+!bundles/*/.bem/*

README.md

@@ -7,6 +7,7 @@ Almost the same as [project-stub](https://github.com/bem/project-stub/) but with
 ## Installation
 
 ```sh
+npm i -g enb
 git clone https://github.com/bem/bem-express.git
 cd bem-express
 npm i

common.blocks/footer/footer.bemtree.js → blocks/common.blocks/footer/footer.bemtree.js

@@ -1,5 +1,5 @@
 block('footer')({
     content: () => [
-        'footer content'
+        'footer content1'
     ]
 });

bundles/touch.bundles/index/index.bemdecl.js

@@ -0,0 +1,4 @@
+exports.blocks = [
+    { name: 'root' },
+    { name: 'page-index' }
+];