gulpfile.js

"use strict";

/*
 * Plugins
 */

var gulp = require("gulp");
var color = require("color");
var colors = require("colors");
var path = require("path");
var conventionalChangelog = require("conventional-changelog");
var conventionalGithubReleaser = require("conventional-github-releaser");
var argv = require("yargs").argv;
var fs = require("fs");
var merge = require("merge-stream");
var $ = require("gulp-load-plugins")();

/*
 * Options
 */

var opts = {};

opts.colors = require("./common/colors.json");
opts.sizes = require("./common/sizes.json");

/*
 * Helpers
 */

var getIconOpts = function() {
  return JSON.parse(fs.readFileSync("./common/icons.json", "utf8"));
};

var getIconScope = function(iconOpts) {
  var syntaxes = iconOpts.syntaxes;
  var aliases = iconOpts.aliases;

  var scope = "";

  if (syntaxes) {
    for (var syntax in syntaxes) {
      scope = scope + syntaxes[syntax].scope + ", ";
    }
  }

  if (aliases) {
    for (var alias in aliases) {
      scope = scope + aliases[alias].scope + ", ";
    }
  }

  return scope.slice(0, -2);
};

/*
 * Build
 */

gulp.task("build", ["build:settings", "build:icons"]);

// Preferences

gulp.task("build:settings", function() {
  opts.icons = getIconOpts();

  return gulp.src("./common/assets/*.svg", {read: false})
    .pipe($.plumber(function(error) {
      console.log("[build:settings]".bold.magenta + " There was an issue building icon settings:\n".bold.red + error.message);
      this.emit("end");
    }))
    .pipe($.flatmap(function(stream, file) {
      var iconName = path.basename(file.path, path.extname(file.path));
      var iconOpts = opts.icons[iconName];
      var iconScope = getIconScope(iconOpts);
      var iconAliases = iconOpts.aliases;
      var iconSettings = merge();

      if (iconScope) {
        iconSettings.add(gulp.src("./common/templates/preference.xml")
          .pipe($.data(function() {
            return {
              name: iconName,
              scope: iconScope
            };
          }))
          .pipe($.template())
          .pipe($.rename({
            basename: iconName,
            extname: ".tmPreferences"
          }))
          .pipe(gulp.dest("./preferences"))
        );
      }

      if (iconAliases) {
        iconSettings.add(iconAliases.map(function(alias) {
          return gulp.src("./common/templates/alias.yaml")
            .pipe($.data(function() {
              return {
                alias: alias.name,
                extensions: alias.extensions,
                base: alias.base,
                scope: alias.scope
              };
            }))
            .pipe($.template())
            .pipe($.rename({
              basename: alias.name,
              extname: ".disabled-sublime-syntax"
            }))
            .pipe(gulp.dest("./aliases"));
        }));
      }

      return iconSettings.isEmpty() ? stream : iconSettings;
    }));
});

// Icons

gulp.task("build:icons", function() {
  var baseColor = $.recolorSvg.ColorMatcher(color("#000"));

  opts.icons = getIconOpts();

  return gulp.src("./common/assets/*.svg")
    .pipe($.plumber(function(error) {
      console.log("[build:icons]".bold.magenta + " There was an issue rasterizing icons:\n".bold.red + error.message);
      this.emit("end");
    }))
    .pipe($.changed("./icons/multi", {extension: ".png"}))
    .pipe($.flatmap(function(stream, file) {
      var iconName = path.basename(file.path, path.extname(file.path));
      var iconOpts = opts.icons[iconName];
      var iconColor = color(opts.colors[iconOpts.color]);

      var iconImages = merge();

      iconImages.add(opts.sizes.map(function(size) {
        var multi = gulp.src(file.path)
          .pipe($.recolorSvg.Replace(
            [baseColor],
            [iconColor]
          ))
          .pipe($.svg2png({
            width: size.size,
            height: size.size
          }))
          .pipe($.if(size.size, $.rename({suffix: size.suffix})))
          .pipe($.imagemin([$.imagemin.optipng({
            bitDepthReduction: false,
            colorTypeReduction: false,
            paletteReduction: false
          })], {verbose: true}))
          .pipe(gulp.dest("./icons/multi"));

        var single = gulp.src(file.path)
          .pipe($.recolorSvg.Replace(
            [baseColor],
            [color("white")]
          ))
          .pipe($.svg2png({
            width: size.size,
            height: size.size
          }))
          .pipe($.if(size.size, $.rename({suffix: size.suffix})))
          .pipe($.imagemin([$.imagemin.optipng({
            bitDepthReduction: false,
            colorTypeReduction: false,
            paletteReduction: false
          })], {verbose: true}))
          .pipe(gulp.dest("./icons/single"));

        return merge(multi, single);
      }));

      return iconImages;
    }));
});

/*
 * Release
 */

gulp.task("media", function() {
  return gulp.src("./media/*.{png,jpg}")
    .pipe($.imagemin({verbose: true}))
    .pipe(gulp.dest("./media"));
});

gulp.task("changelog", ["changelog:markdown"], function() {
  return gulp.src("./CHANGELOG.md")
    .pipe($.markdown())
    .pipe($.wrap({
      src: "./common/templates/changelog.html"
    }))
    .pipe($.unescapeHtml())
    .pipe(gulp.dest("./.sublime"));
});

gulp.task("changelog:markdown", function() {
  return conventionalChangelog({
    preset: "angular-ihodev",
    releaseCount: 0
  })
  .pipe(fs.createWriteStream("CHANGELOG.md"));
});

gulp.task("bump-version", function() {
  return gulp.src("./package.json")
    .pipe($.if(argv.patch, $.bump({ type: "patch" })))
    .pipe($.if(argv.minor, $.bump({ type: "minor" })))
    .pipe($.if(argv.major, $.bump({ type: "major" })))
    .pipe(gulp.dest("./"));
});

gulp.task("github-release", function(done) {
  conventionalGithubReleaser({
    type: "oauth",
    token: process.env.CONVENTIONAL_GITHUB_RELEASER_TOKEN
  }, {
    preset: "angular"
  }, done);
});

/*
 * Watch
 */

gulp.task("watch", function() {
  $.watch("./common/assets/*.svg", $.batch(function(events, done) {
    gulp.start("build", done);
  }));

  $.watch("./common/*.json", $.batch(function(events, done) {
    gulp.start("build:settings", done);
  }));
});

/*
 * Default
 */

gulp.task("default", ["build"]);