gulpfile.js

// ONE Creative Ad ID
var adId        = '000000';

// ADTECH Rich Media Lib Version
var version     = '2_65_0';

// Dependancies
var gulp        = require('gulp');
var fs          = require("fs");
var path        = require('path');
var browserSync = require('browser-sync').create();
var prettyError = require('gulp-prettyerror');
var sourcemaps  = require('gulp-sourcemaps');
var sass        = require('gulp-sass');
var concat      = require('gulp-concat');
var uglify      = require('gulp-uglify');
var imagemin    = require('gulp-imagemin');
var zip         = require('gulp-zip');
var template    = require('gulp-html-compile');
var merge       = require('merge-stream');
var htmlPartial = require('gulp-html-partial');
var modRewrite  = require('connect-modrewrite');
var template    = require('gulp-html-compile');
var rename      = require('gulp-rename');
var order       = require("gulp-order");
var injectfile  = require("gulp-inject-file");
var inject      = require('gulp-inject-string');
var replace     = require('gulp-replace-path');
var inject      = require('gulp-inject');
var inlinesrc   = require('gulp-inline-source');

// Paths
var path = {};
    path.src = './src/';
    path.build = './dist/';

// Types
var type = {};
    type.img = '.{jpeg,jpg,png,gif,svg,cur,ico}';
    type.font = '.{eot,ttf,otf,woff,woff2,svg}';
    type.video = '.{mp4,ogv,webm}';
    type.audio = '.{wav,mp3}';

// Serve files
gulp.task('serve', [], function () {
  browserSync.init({
    server: {
      baseDir: path.build,
      index: "parent.html",
    }
  });

  function reload() {
    setTimeout(function() {
      browserSync.reload();
    }, 200) 
  }

  gulp.watch(["src/*.html", "src/app/parent/**/*.js"], ['display']) .on('change', reload);
  gulp.watch("src/public/css/sass/**/*.scss", ['sass']);
  gulp.watch("src/app/**/*.js", ['ryotcontent']).on('change', reload);
  gulp.watch("src/app/one/**/*.js", ['customAd']).on('change', reload);
  gulp.watch("src/app/views/**/*.js", ['views']).on('change', reload);
  gulp.watch("src/public/img/**/*"+type.img, ['assets']).on('change', reload);
});

// HTML display files
gulp.task('display', function() {
  // Parent
  gulp.src('src/parent.html')
          .pipe(inlinesrc())
          .pipe(gulp.dest(path.build));
  // Iframe
  gulp.src([
    "src/index.html"
  ])
  .pipe(gulp.dest(path.build));
});

// Compile Sass
gulp.task('sass', function() {
  return gulp.src("src/public/css/sass/*.scss")
    .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
    .pipe(gulp.dest(path.build+'public/css/'))
    .pipe(browserSync.stream({once: true}));
});

// Compile app
gulp.task('ryotcontent', function() {
  // Content bootstrap
  var ryot = gulp.src([
      "src/app/ryot/ryot.core.js",
      "src/app/ryot/*.js",
      "src/app/components/*.js",
      "src/app/run.js",
    ])
    .pipe(prettyError())
    // .pipe(sourcemaps.init())
    // .pipe(uglify())
    .pipe(concat('ryotcontent.js'))
    // .pipe(sourcemaps.write())
    // .pipe(gulp.dest(path.build+'public/js/'));

  // Views
  var views = gulp.src('src/app/view/**/*.html')
    .pipe(prettyError())
    // .pipe(sourcemaps.init())
    .pipe(template({
      name: function(file) {
        return file.relative.split( '.' )[ 0 ];
      },
      namespace: 'views'
    }))
    .pipe(concat('app.js'))
    // .pipe(sourcemaps.write())

  // Merge streams
  merge(views, ryot)
    .pipe(concat('ryotcontent.js'))
    .pipe(gulp.dest(path.build+'public/js/'));
});

// Views
gulp.task('views', function() {
  gulp.src('src/app/view/**/*.html')
    .pipe(sourcemaps.init())
    .pipe(template({
      name: function(file) {
        return file.relative.split( '.' )[ 0 ];
      },
      namespace: 'views'
    }))
    .pipe(concat('views.js'))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest(path.build+'public/js/'));
});

// Copy JS Libs
gulp.task('libs', function() {
  gulp.src([
      "src/app/lib/*.js"
    ])
  .pipe(gulp.dest(path.build+'public/js/libs/'));
});

// ONE customAd
gulp.task('customAd', function() {
    // Live customAd
    gulp.src('src/app/one/partials/customAd.wrapper.js')
      .pipe(prettyError())
      .pipe(injectfile({
          pattern: '<!--\\s*inject:<filename>-->'
      }))
      .pipe(sourcemaps.init())
      .pipe(uglify())
      .pipe(concat('customAd.js'))
      .pipe(sourcemaps.write())
      .pipe(gulp.dest(path.build));

    // Local customAd
    gulp.src('src/app/one/partials/customAd.localwrapper.js')
      .pipe(prettyError())
      .pipe(injectfile({
          pattern: '<!--\\s*inject:<filename>-->'
      }))
      .pipe(sourcemaps.init())
      .pipe(replace('$VERSION$', version))
      .pipe(replace('$AD_ID$', adId))
      .pipe(uglify())
      .pipe(concat('customAd.local.js'))
      .pipe(sourcemaps.write())
      .pipe(gulp.dest(path.build));
});

// Copy assets
gulp.task('assets', function() {
  gulp.src([
      "src/public/img/**/*"+type.img
    ])
  .pipe(gulp.dest(path.build+'public/img/'));
});

gulp.task('zip', function() {
  gulp.src([
    'dist/**/*',
    '!dist/parent.html',
    ])
    .pipe(zip('ryot_content_dist.zip'))
    .pipe(gulp.dest('zip'))
});

// Default
gulp.task('default', ['serve']);