Add base assets setup

contributte · Jul 7, 2020 · 1034b4b · 1034b4b
1 parent 6dd982a
commit 1034b4b
Show file tree

Hide file tree

Showing 13 changed files with 1,131 additions and 289 deletions.
diff --git a/.nvmrc b/.nvmrc
@@ -0,0 +1 @@
+12.18.0
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,5 @@
+/node_modules
+/temp
+/vendor
+/www/assets/vendor
+/www/dist
diff --git a/Makefile b/Makefile
@@ -1,5 +1,6 @@
 app=app
 bin=vendor/bin
+node=node_modules/.bin
 temp=temp
 tests=tests
 dirs:=$(app) $(tests)
@@ -9,6 +10,9 @@ dirs:=$(app) $(tests)
 autoload:
 	composer dump-autoload
 
+build:
+	$(node)/gulp deploy
+
 rm-cache:
 	rm -rf $(temp)/cache
 
@@ -33,4 +37,12 @@ codesniffer:
 phpstan:
 	$(bin)/phpstan analyse
 
-qa: reset codefixer codesniffer phpstan
+prettier:
+	$(node)/prettier --check "**/*.js"
+
+prettier-fix:
+	$(node)/prettier --write "**/*.js"
+
+fix: reset codefixer prettier-fix qa
+
+qa: codesniffer phpstan prettier
diff --git a/gulp.admin.js b/gulp.admin.js
@@ -7,50 +7,58 @@ const order = require('gulp-order');
 const remoteSrc = require('gulp-remote-src');
 
 module.exports = function () {
-	gulp.task('admin-css', gulp.series(() => {
-		return gulp.src('www/assets/admin/css/theme.less')
-			.pipe(less())
-			.pipe(minifyCss({ compatibility: 'ie8' }))
-			.pipe(concat('admin.bundle.css'))
-			.pipe(gulp.dest('www/dist'));
-	}));
+  gulp.task(
+    'admin-css',
+    gulp.series(() => {
+      return gulp
+        .src('www/assets/admin/css/theme.less')
+        .pipe(less())
+        .pipe(minifyCss({ compatibility: 'ie8' }))
+        .pipe(concat('admin.bundle.css'))
+        .pipe(gulp.dest('www/dist'));
+    })
+  );
 
-	gulp.task('admin-css-remote', gulp.series(() => {
-		return remoteSrc([
-			'twitter-bootstrap/3.3.6/css/bootstrap.min.css'
-		], {
-				base: 'https://cdnjs.cloudflare.com/ajax/libs/'
-			})
-			.pipe(minifyCss({ compatibility: 'ie8' }))
-			.pipe(concat('admin.external.css'))
-			.pipe(gulp.dest('www/dist/'));
-	}));
+  gulp.task(
+    'admin-css-remote',
+    gulp.series(() => {
+      return remoteSrc(['twitter-bootstrap/3.3.6/css/bootstrap.min.css'], {
+        base: 'https://cdnjs.cloudflare.com/ajax/libs/',
+      })
+        .pipe(minifyCss({ compatibility: 'ie8' }))
+        .pipe(concat('admin.external.css'))
+        .pipe(gulp.dest('www/dist/'));
+    })
+  );
 
-	gulp.task('admin-js', gulp.series(() => {
-		return gulp.src([
-			'www/assets/admin/js/**/*.js',
-			'www/assets/vendor/**/*.js'
-		])
-			.pipe(order([
-				'nette/nette.forms.js',
-				'nette/nette.ajax.js',
-				'main.js'
-			]))
-			.pipe(uglify())
-			.pipe(concat('admin.bundle.js'))
-			.pipe(gulp.dest('www/dist'));
-	}));
+  gulp.task(
+    'admin-js',
+    gulp.series(() => {
+      return gulp
+        .src(['www/assets/admin/js/**/*.js', 'www/assets/vendor/**/*.js'])
+        .pipe(order(['nette/nette.forms.js', 'nette/nette.ajax.js', 'main.js']))
+        .pipe(uglify())
+        .pipe(concat('admin.bundle.js'))
+        .pipe(gulp.dest('www/dist'));
+    })
+  );
 
-	gulp.task('admin-js-remote', gulp.series(() => {
-		return remoteSrc([
-			'jquery/2.2.4/jquery.min.js',
-			'twitter-bootstrap/3.3.6/js/bootstrap.min.js',
-			'chosen/1.4.2/chosen.jquery.min.js'
-		], {
-				base: 'https://cdnjs.cloudflare.com/ajax/libs/'
-			})
-			.pipe(uglify())
-			.pipe(concat('admin.external.js'))
-			.pipe(gulp.dest('www/dist/'));
-	}));
+  gulp.task(
+    'admin-js-remote',
+    gulp.series(() => {
+      return remoteSrc(
+        [
+          'jquery/2.2.4/jquery.min.js',
+          'twitter-bootstrap/3.3.6/js/bootstrap.min.js',
+          'chosen/1.4.2/chosen.jquery.min.js',
+        ],
+        {
+          base: 'https://cdnjs.cloudflare.com/ajax/libs/',
+        }
+      )
+        .pipe(uglify())
+        .pipe(concat('admin.external.js'))
+        .pipe(gulp.dest('www/dist/'));
+    })
+  );
 };
diff --git a/gulp.front.js b/gulp.front.js
@@ -7,56 +7,69 @@ const order = require('gulp-order');
 const remoteSrc = require('gulp-remote-src');
 
 module.exports = function () {
-	gulp.task('front-css', gulp.series(() => {
-		return gulp.src('www/assets/front/css/theme.less')
-			.pipe(less())
-			.pipe(minifyCss({ compatibility: 'ie8' }))
-			.pipe(concat('front.bundle.css'))
-			.pipe(gulp.dest('www/dist'));
-	}));
+  gulp.task(
+    'front-css',
+    gulp.series(() => {
+      return gulp
+        .src('www/assets/front/css/theme.less')
+        .pipe(less())
+        .pipe(minifyCss({ compatibility: 'ie8' }))
+        .pipe(concat('front.bundle.css'))
+        .pipe(gulp.dest('www/dist'));
+    })
+  );
 
-	gulp.task('front-css-remote', gulp.series(() => {
-		return remoteSrc([
-			'twitter-bootstrap/3.3.6/css/bootstrap.min.css',
-			'magnific-popup.js/1.1.0/magnific-popup.min.css'
-		], {
-				base: 'https://cdnjs.cloudflare.com/ajax/libs/'
-			})
-			.pipe(minifyCss({ compatibility: 'ie8' }))
-			.pipe(concat('front.external.css'))
-			.pipe(gulp.dest('www/dist/'));
-	}));
+  gulp.task(
+    'front-css-remote',
+    gulp.series(() => {
+      return remoteSrc(
+        [
+          'twitter-bootstrap/3.3.6/css/bootstrap.min.css',
+          'magnific-popup.js/1.1.0/magnific-popup.min.css',
+        ],
+        {
+          base: 'https://cdnjs.cloudflare.com/ajax/libs/',
+        }
+      )
+        .pipe(minifyCss({ compatibility: 'ie8' }))
+        .pipe(concat('front.external.css'))
+        .pipe(gulp.dest('www/dist/'));
+    })
+  );
 
-	gulp.task('front-js', gulp.series(() => {
-		return gulp.src([
-			'www/assets/front/js/**/*.js',
-			'www/assets/vendor/**/*.js'
-		])
-			.pipe(order([
-				'nette/nette.forms.js',
-				'nette/nette.ajax.js',
-				'main.js'
-			]))
-			.pipe(uglify())
-			.pipe(concat('front.bundle.js'))
-			.pipe(gulp.dest('www/dist'));
-	}));
+  gulp.task(
+    'front-js',
+    gulp.series(() => {
+      return gulp
+        .src(['www/assets/front/js/**/*.js', 'www/assets/vendor/**/*.js'])
+        .pipe(order(['nette/nette.forms.js', 'nette/nette.ajax.js', 'main.js']))
+        .pipe(uglify())
+        .pipe(concat('front.bundle.js'))
+        .pipe(gulp.dest('www/dist'));
+    })
+  );
 
-	gulp.task('front-js-remote', gulp.series(() => {
-		return remoteSrc([
-			'jquery/2.2.4/jquery.min.js',
-			'twitter-bootstrap/3.3.6/js/bootstrap.min.js',
-			'typeahead.js/0.11.1/typeahead.bundle.min.js',
-			'handlebars.js/4.0.3/handlebars.min.js',
-			'chosen/1.4.2/chosen.jquery.min.js',
-			'canvasjs/1.7.0/canvasjs.min.js',
-			'clipboard.js/1.5.5/clipboard.min.js',
-			'magnific-popup.js/1.1.0/jquery.magnific-popup.min.js'
-		], {
-				base: 'https://cdnjs.cloudflare.com/ajax/libs/'
-			})
-			.pipe(uglify())
-			.pipe(concat('front.external.js'))
-			.pipe(gulp.dest('www/dist/'));
-	}));
+  gulp.task(
+    'front-js-remote',
+    gulp.series(() => {
+      return remoteSrc(
+        [
+          'jquery/2.2.4/jquery.min.js',
+          'twitter-bootstrap/3.3.6/js/bootstrap.min.js',
+          'typeahead.js/0.11.1/typeahead.bundle.min.js',
+          'handlebars.js/4.0.3/handlebars.min.js',
+          'chosen/1.4.2/chosen.jquery.min.js',
+          'canvasjs/1.7.0/canvasjs.min.js',
+          'clipboard.js/1.5.5/clipboard.min.js',
+          'magnific-popup.js/1.1.0/jquery.magnific-popup.min.js',
+        ],
+        {
+          base: 'https://cdnjs.cloudflare.com/ajax/libs/',
+        }
+      )
+        .pipe(uglify())
+        .pipe(concat('front.external.js'))
+        .pipe(gulp.dest('www/dist/'));
+    })
+  );
 };
diff --git a/gulpfile.js b/gulpfile.js
@@ -9,7 +9,9 @@ front();
 admin();
 
 // Register global tasks
-gulp.task('deploy', gulp.parallel([
+gulp.task(
+  'deploy',
+  gulp.parallel([
     // Back-end
     'admin-css',
     'admin-css-remote',
@@ -19,14 +21,24 @@ gulp.task('deploy', gulp.parallel([
     'front-css',
     'front-css-remote',
     'front-js',
-    'front-js-remote'
-]));
+    'front-js-remote',
+  ])
+);
 
-gulp.task('watch', gulp.series(() => {
+gulp.task(
+  'watch',
+  gulp.series(() => {
     // Back-end
-    gulp.watch(['www/assets/admin/css/**/*.css', 'www/assets/admin/css/**/*.less'], gulp.parallel(['admin-css']));
+    gulp.watch(
+      ['www/assets/admin/css/**/*.css', 'www/assets/admin/css/**/*.less'],
+      gulp.parallel(['admin-css'])
+    );
     gulp.watch(['www/assets/admin/js/**/*.js'], gulp.parallel(['admin-js']));
     // Front-end
-    gulp.watch(['www/assets/front/css/**/*.css', 'www/assets/front/css/**/*.less'], gulp.parallel(['front-css']));
+    gulp.watch(
+      ['www/assets/front/css/**/*.css', 'www/assets/front/css/**/*.less'],
+      gulp.parallel(['front-css'])
+    );
     gulp.watch(['www/assets/front/js/**/*.js'], gulp.parallel(['front-js']));
-}));
+  })
+);