[Gulp] Split Gulp file into Admin and Shop bundles

Gulpfile.js

@@ -1,155 +1,16 @@
 var gulp = require('gulp');
-var gulpif = require('gulp-if');
+var chug = require('gulp-chug');
-var uglify = require('gulp-uglify');
-var uglifycss = require('gulp-uglifycss');
-var concat = require('gulp-concat');
-var sass = require('gulp-sass');
-var sourcemaps = require('gulp-sourcemaps');
-var debug = require('gulp-debug');
-var livereload = require('gulp-livereload');
-var order = require('gulp-order');
-var merge = require('merge-stream');
-var env = process.env.GULP_ENV;
 
-var rootPath = 'web/assets/';
+gulp.task('admin', function() {
-
+    gulp.src('src/Sylius/Bundle/AdminBundle/Gulpfile.js', { read: false })
-var adminRootPath = rootPath + 'admin/';
+        .pipe(chug())
-var shopRootPath = rootPath + 'shop/';
-
-var paths = {
-    admin: {
-        js: [
-            'node_modules/jquery/dist/jquery.min.js',
-            'node_modules/semantic-ui-css/semantic.min.js',
-            'src/Sylius/Bundle/AdminBundle/Resources/private/js/**',
-            'src/Sylius/Bundle/UiBundle/Resources/private/js/**',
-            'src/Sylius/Bundle/ShippingBundle/Resources/public/js/**',
-            'src/Sylius/Bundle/PromotionBundle/Resources/public/js/sylius-promotion.js',
-            'src/Sylius/Bundle/UserBundle/Resources/public/js/sylius-user.js'
-        ],
-        sass: [
-            'src/Sylius/Bundle/UiBundle/Resources/private/sass/**',
-        ],
-        css: [
-            'node_modules/semantic-ui-css/semantic.min.css',
-        ],
-        img: [
-            'src/Sylius/Bundle/UiBundle/Resources/private/img/**',
-        ]
-    },
-    shop: {
-        js: [
-            'node_modules/jquery/dist/jquery.min.js',
-            'node_modules/semantic-ui-css/semantic.min.js',
-            'src/Sylius/Bundle/UiBundle/Resources/private/js/**',
-            'src/Sylius/Bundle/ShopBundle/Resources/private/js/**'
-        ],
-        sass: [
-            'src/Sylius/Bundle/UiBundle/Resources/private/sass/**',
-            'src/Sylius/Bundle/ShopBundle/Resources/private/scss/**',
-        ],
-        css: [
-            'node_modules/semantic-ui-css/semantic.min.css',
-        ],
-        img: [
-            'src/Sylius/Bundle/UiBundle/Resources/private/img/**',
-        ]
-    }
-};
-
-gulp.task('admin-js', function () {
-    return gulp.src(paths.admin.js)
-        .pipe(concat('app.js'))
-        .pipe(gulpif(env === 'prod', uglify))
-        .pipe(sourcemaps.write('./'))
-        .pipe(gulp.dest(adminRootPath + 'js/'))
     ;
 });
 
-gulp.task('admin-css', function() {
+gulp.task('shop', function() {
-    gulp.src(['node_modules/semantic-ui-css/themes/**/*']).pipe(gulp.dest(adminRootPath + 'css/themes/'));
+    gulp.src('src/Sylius/Bundle/ShopBundle/Gulpfile.js', { read: false })
-
+        .pipe(chug())
-    var cssStream = gulp.src(paths.admin.css)
-        .pipe(concat('css-files.css'))
-    ;
-
-    var sassStream = gulp.src(paths.admin.sass)
-        .pipe(sass())
-        .pipe(concat('sass-files.scss'))
-    ;
-
-    return merge(cssStream, sassStream)
-        .pipe(order(['css-files.css', 'sass-files.scss']))
-        .pipe(concat('style.css'))
-        .pipe(gulpif(env === 'prod', uglifycss))
-        .pipe(sourcemaps.write('./'))
-        .pipe(gulp.dest(adminRootPath + 'css/'))
-        .pipe(livereload())
     ;
 });
 
-gulp.task('admin-img', function() {
+gulp.task('default', ['admin', 'shop']);
-    return gulp.src(paths.admin.img)
-        .pipe(sourcemaps.write('./'))
-        .pipe(gulp.dest(adminRootPath + 'img/'))
-    ;
-});
-
-gulp.task('admin-watch', function() {
-    livereload.listen();
-
-    gulp.watch(paths.admin.js, ['admin-js']);
-    gulp.watch(paths.admin.sass, ['admin-css']);
-    gulp.watch(paths.admin.css, ['admin-css']);
-    gulp.watch(paths.admin.img, ['admin-img']);
-});
-
-gulp.task('shop-js', function () {
-    return gulp.src(paths.shop.js)
-        .pipe(concat('app.js'))
-        .pipe(gulpif(env === 'prod', uglify))
-        .pipe(sourcemaps.write('./'))
-        .pipe(gulp.dest(shopRootPath + 'js/'))
-    ;
-});
-
-gulp.task('shop-css', function() {
-    gulp.src(['node_modules/semantic-ui-css/themes/**/*']).pipe(gulp.dest(shopRootPath + 'css/themes/'));
-
-    var cssStream = gulp.src(paths.shop.css)
-        .pipe(concat('css-files.css'))
-    ;
-
-    var sassStream = gulp.src(paths.shop.sass)
-        .pipe(sass())
-        .pipe(concat('sass-files.scss'))
-    ;
-
-    return merge(cssStream, sassStream)
-        .pipe(order(['css-files.css', 'sass-files.scss']))
-        .pipe(concat('style.css'))
-        .pipe(gulpif(env === 'prod', uglifycss))
-        .pipe(sourcemaps.write('./'))
-        .pipe(gulp.dest(shopRootPath + 'css/'))
-        .pipe(livereload())
-    ;
-});
-
-gulp.task('shop-img', function() {
-    return gulp.src(paths.shop.img)
-        .pipe(sourcemaps.write('./'))
-        .pipe(gulp.dest(shopRootPath + 'img/'))
-    ;
-});
-
-gulp.task('shop-watch', function() {
-    livereload.listen();
-
-    gulp.watch(paths.shop.js, ['shop-js']);
-    gulp.watch(paths.shop.sass, ['shop-css']);
-    gulp.watch(paths.shop.css, ['shop-css']);
-    gulp.watch(paths.shop.img, ['shop-img']);
-});
-
-gulp.task('default', ['admin-js', 'admin-css', 'admin-img', 'shop-js', 'shop-css', 'shop-img']);
-gulp.task('watch', ['default', 'admin-watch', 'shop-watch']);

package.json

@@ -5,6 +5,7 @@
   },
   "devDependencies": {
     "gulp": "^3.9.0",
+    "gulp-chug": "^0.5",
     "gulp-concat": "^2.6.0",
     "gulp-debug": "^2.1.2",
     "gulp-if": "^2.0.0",
@@ -17,7 +18,7 @@
     "merge-stream": "^1.0.0"
   },
   "scripts": {
-      "gulp": "gulp"
+    "gulp": "gulp"
   },
   "repository": {
     "type": "git",

src/Sylius/Bundle/AdminBundle/Gulpfile.js

@@ -0,0 +1,87 @@
+var concat = require('gulp-concat');
+var env = process.env.GULP_ENV;
+var gulp = require('gulp');
+var gulpif = require('gulp-if');
+var livereload = require('gulp-livereload');
+var merge = require('merge-stream');
+var order = require('gulp-order');
+var sass = require('gulp-sass');
+var sourcemaps = require('gulp-sourcemaps');
+var uglify = require('gulp-uglify');
+var uglifycss = require('gulp-uglifycss');
+
+var rootPath = '../../../../web/assets/';
+var adminRootPath = rootPath + 'admin/';
+
+var paths = {
+    admin: {
+        js: [
+            '../../../../node_modules/jquery/dist/jquery.min.js',
+            '../../../../node_modules/semantic-ui-css/semantic.min.js',
+            '../PromotionBundle/Resources/public/js/sylius-promotion.js',
+            '../ShippingBundle/Resources/public/js/**',
+            '../UiBundle/Resources/private/js/**',
+            '../UserBundle/Resources/public/js/sylius-user.js',
+            'Resources/private/js/**'
+        ],
+        sass: [
+            '../UiBundle/Resources/private/sass/**'
+        ],
+        css: [
+            '../../../../node_modules/semantic-ui-css/semantic.min.css'
+        ],
+        img: [
+            '../UiBundle/Resources/private/img/**'
+        ]
+    }
+};
+
+gulp.task('admin-js', function () {
+    return gulp.src(paths.admin.js)
+        .pipe(concat('app.js'))
+        .pipe(gulpif(env === 'prod', uglify))
+        .pipe(sourcemaps.write('./'))
+        .pipe(gulp.dest(adminRootPath + 'js/'))
+    ;
+});
+
+gulp.task('admin-css', function() {
+    gulp.src(['node_modules/semantic-ui-css/themes/**/*']).pipe(gulp.dest(adminRootPath + 'css/themes/'));
+
+    var cssStream = gulp.src(paths.admin.css)
+        .pipe(concat('css-files.css'))
+    ;
+
+    var sassStream = gulp.src(paths.admin.sass)
+        .pipe(sass())
+        .pipe(concat('sass-files.scss'))
+    ;
+
+    return merge(cssStream, sassStream)
+        .pipe(order(['css-files.css', 'sass-files.scss']))
+        .pipe(concat('style.css'))
+        .pipe(gulpif(env === 'prod', uglifycss))
+        .pipe(sourcemaps.write('./'))
+        .pipe(gulp.dest(adminRootPath + 'css/'))
+        .pipe(livereload())
+    ;
+});
+
+gulp.task('admin-img', function() {
+    return gulp.src(paths.admin.img)
+        .pipe(sourcemaps.write('./'))
+        .pipe(gulp.dest(adminRootPath + 'img/'))
+    ;
+});
+
+gulp.task('admin-watch', function() {
+    livereload.listen();
+
+    gulp.watch(paths.admin.js, ['admin-js']);
+    gulp.watch(paths.admin.sass, ['admin-css']);
+    gulp.watch(paths.admin.css, ['admin-css']);
+    gulp.watch(paths.admin.img, ['admin-img']);
+});
+
+gulp.task('default', ['admin-js', 'admin-css', 'admin-img']);
+gulp.task('watch', ['default', 'admin-watch']);

src/Sylius/Bundle/AdminBundle/package.json

@@ -0,0 +1,27 @@
+{
+  "dependencies": {
+    "jquery": "^2.2.0",
+    "semantic-ui-css": "^2.1.8"
+  },
+  "devDependencies": {
+    "gulp": "^3.9.0",
+    "gulp-concat": "^2.6.0",
+    "gulp-if": "^2.0.0",
+    "gulp-livereload": "^3.8.1",
+    "gulp-order": "^1.1.1",
+    "gulp-sass": "^2.1.1",
+    "gulp-sourcemaps": "^1.6.0",
+    "gulp-uglify": "^1.5.1",
+    "gulp-uglifycss": "^1.0.5",
+    "merge-stream": "^1.0.0"
+  },
+  "scripts": {
+    "gulp": "gulp"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Sylius/SyliusAdminBundle.git"
+  },
+  "author": "Paweł Jędrzejewski",
+  "license": "MIT"
+}

src/Sylius/Bundle/ShopBundle/Gulpfile.js

@@ -0,0 +1,85 @@
+var concat = require('gulp-concat');
+var env = process.env.GULP_ENV;
+var gulp = require('gulp');
+var gulpif = require('gulp-if');
+var livereload = require('gulp-livereload');
+var merge = require('merge-stream');
+var order = require('gulp-order');
+var sass = require('gulp-sass');
+var sourcemaps = require('gulp-sourcemaps');
+var uglify = require('gulp-uglify');
+var uglifycss = require('gulp-uglifycss');
+
+var rootPath = '../../../../web/assets/';
+var shopRootPath = rootPath + 'shop/';
+
+var paths = {
+    shop: {
+        js: [
+            '../../../../node_modules/jquery/dist/jquery.min.js',
+            '../../../../node_modules/semantic-ui-css/semantic.min.js',
+            '../UiBundle/Resources/private/js/**',
+            'Resources/private/js/**'
+        ],
+        sass: [
+            '../UiBundle/Resources/private/sass/**',
+            'ShopBundle/Resources/private/scss/**'
+        ],
+        css: [
+            '../../../../node_modules/semantic-ui-css/semantic.min.css'
+        ],
+        img: [
+            '../UiBundle/Resources/private/img/**'
+        ]
+    }
+};
+
+gulp.task('shop-js', function () {
+    return gulp.src(paths.shop.js)
+        .pipe(concat('app.js'))
+        .pipe(gulpif(env === 'prod', uglify))
+        .pipe(sourcemaps.write('./'))
+        .pipe(gulp.dest(shopRootPath + 'js/'))
+    ;
+});
+
+gulp.task('shop-css', function() {
+    gulp.src(['node_modules/semantic-ui-css/themes/**/*']).pipe(gulp.dest(shopRootPath + 'css/themes/'));
+
+    var cssStream = gulp.src(paths.shop.css)
+            .pipe(concat('css-files.css'))
+        ;
+
+    var sassStream = gulp.src(paths.shop.sass)
+            .pipe(sass())
+            .pipe(concat('sass-files.scss'))
+        ;
+
+    return merge(cssStream, sassStream)
+        .pipe(order(['css-files.css', 'sass-files.scss']))
+        .pipe(concat('style.css'))
+        .pipe(gulpif(env === 'prod', uglifycss))
+        .pipe(sourcemaps.write('./'))
+        .pipe(gulp.dest(shopRootPath + 'css/'))
+        .pipe(livereload())
+    ;
+});
+
+gulp.task('shop-img', function() {
+    return gulp.src(paths.shop.img)
+        .pipe(sourcemaps.write('./'))
+        .pipe(gulp.dest(shopRootPath + 'img/'))
+    ;
+});
+
+gulp.task('shop-watch', function() {
+    livereload.listen();
+
+    gulp.watch(paths.shop.js, ['shop-js']);
+    gulp.watch(paths.shop.sass, ['shop-css']);
+    gulp.watch(paths.shop.css, ['shop-css']);
+    gulp.watch(paths.shop.img, ['shop-img']);
+});
+
+gulp.task('default', ['shop-js', 'shop-css', 'shop-img']);
+gulp.task('watch', ['default', 'shop-watch']);

src/Sylius/Bundle/ShopBundle/package.json

@@ -0,0 +1,28 @@
+{
+  "dependencies": {
+    "jquery": "^2.2.0",
+    "semantic-ui-css": "^2.1.8"
+  },
+  "devDependencies": {
+    "gulp": "^3.9.0",
+    "gulp-concat": "^2.6.0",
+    "gulp-debug": "^2.1.2",
+    "gulp-if": "^2.0.0",
+    "gulp-livereload": "^3.8.1",
+    "gulp-order": "^1.1.1",
+    "gulp-sass": "^2.1.1",
+    "gulp-sourcemaps": "^1.6.0",
+    "gulp-uglify": "^1.5.1",
+    "gulp-uglifycss": "^1.0.5",
+    "merge-stream": "^1.0.0"
+  },
+  "scripts": {
+      "gulp": "gulp"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Sylius/Sylius.git"
+  },
+  "author": "Paweł Jędrzejewski",
+  "license": "MIT"
+}