Add browser sync and watch files

Author: mityalebedev

gulpfile.js

@@ -1,22 +1,29 @@
-var gulp = require('gulp');
+const  gulp  = require('gulp');
+const { watch } = require('gulp');
 
 // gulp plugins and utils
-var sourcemaps = require('gulp-sourcemaps');
-var zip = require('gulp-zip');
-var sass = require('gulp-sass');
+const sourcemaps = require('gulp-sourcemaps');
+const zip = require('gulp-zip');
+const sass = require('gulp-sass');
+const browserSync = require("browser-sync").create();
 
 sass.compiler = require('node-sass');
 
 // css plugins
-var autoprefixer = require('gulp-autoprefixer');
+const autoprefixer = require('gulp-autoprefixer');
+
+function reload() {
+    browserSync.reload();
+}
 
 function styles() {
     return gulp.src('assets/scss/screen.scss')
         .pipe(sourcemaps.init())
         .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
         .pipe(sourcemaps.write())
         .pipe(autoprefixer({browsers: ['last 2 versions']}))
-        .pipe(gulp.dest('/assets/css/'))
+        .pipe(gulp.dest('assets/css/'))
+        .pipe(browserSync.stream());
 }
 
 function release() {
@@ -34,6 +41,16 @@ function release() {
         .pipe(gulp.dest(targetDir));
 }
 
+function watchFiles() {
+    browserSync.init({
+        proxy: "localhost:2368"
+    });
+
+    watch(['assets/scss/**/*.scss'], styles);
+    watch(['**/*.hbs'], styles);
+}
+
 
 exports.styles = styles;
 exports.release = release;
+exports.watch = watchFiles;

package.json

@@ -7,7 +7,6 @@
         "ghost": ">=2.0.0",
         "ghost-api": "v2"
     },
-
     "license": "MIT",
     "screenshots": {
         "desktop": "assets/screenshot-desktop.jpg",
@@ -31,7 +30,8 @@
     },
     "keywords": [
         "ghost",
-        "theme"
+        "theme",
+        "ghost-theme"
     ],
     "repository": {
         "type": "git",
@@ -40,10 +40,14 @@
     "bugs": "https://github.com/mityalebedev/The-Shell/issues",
     "contributors": "https://github.com/mityalebedev/The-Shell/graphs/contributors",
     "devDependencies": {
+        "browser-sync": "^2.26.3",
         "gulp": "^4.0.0",
         "gulp-autoprefixer": "^6.0.0",
         "gulp-sass": "^4.0.2",
         "gulp-sourcemaps": "^2.6.4",
         "gulp-zip": "^4.2.0"
+    },
+    "config": {
+        "posts_per_page": 5
     }
 }