/** * Pony.fm - A community for pony fan music. * Copyright (C) 2015 Peter Deltchev * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ var gulp = require("gulp"), plug = require("gulp-load-plugins")(), argv = require("yargs").argv, header = require("gulp-header"); var plumberOptions = { errorHandler: plug.notify.onError("Error: <%= error.message %>") }; var licenseHeader = [ "/**", "* Pony.fm - A community for pony fan music.", "* Copyright (C) 2016 Peter Deltchev and others", "*", "* This program is free software: you can redistribute it and/or modify", "* it under the terms of the GNU Affero General Public License as published by", "* the Free Software Foundation, either version 3 of the License, or", "* (at your option) any later version.", "*", "* This program is distributed in the hope that it will be useful,", "* but WITHOUT ANY WARRANTY; without even the implied warranty of", "* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the", "* GNU Affero General Public License for more details.", "*", "* You should have received a copy of the GNU Affero General Public License", "* along with this program. If not, see .", "*/", "", "" ].join('\n'); gulp.task("scripts-app", function () { var paths = [ "resources/assets/scripts/app/**/*.{coffee,js}", "resources/assets/scripts/base/**/*.{coffee,js}", "resources/assets/scripts/shared/**/*.{coffee,js}" ]; if (!argv.production) { paths.push("resources/assets/scripts/debug/**/*.{coffee,js}"); // we also want to add the embed stuff, since we're in development mode // we want to watch embed files and re-compile them. However, we want // to leave this path out in production so that embed files are not bloating // the js file paths.push("resources/assets/scripts/embed/**/*.{coffee,js}"); } return argv.production // Production pipeline ? gulp.src(paths, {base: "resources/assets/scripts"}) .pipe(plug.plumber(plumberOptions)) .pipe(plug.order([ "resources/assets/scripts/base/jquery-2.0.2.js", "resources/assets/scripts/base/angular.js", "resources/assets/scripts/base/*.{coffee,js}", "resources/assets/scripts/shared/*.{coffee,js}", "resources/assets/scripts/app/*.{coffee,js}", "resources/assets/scripts/app/services/*.{coffee,js}", "resources/assets/scripts/app/filters/*.{coffee,js}", "resources/assets/scripts/app/directives/*.{coffee,js}", "resources/assets/scripts/app/controllers/*.{coffee,js}", "resources/assets/scripts/**/*.{coffee,js}" ], {base: "."})) .pipe(plug.if(/\.coffee/, plug.coffee())) .pipe(plug.concat("app.js")) .pipe(plug.uglify()) .pipe(header(licenseHeader)) .pipe(gulp.dest("public/build/scripts")) // Development/watch pipeline : gulp.src(paths, {base: "resources/assets/scripts"}) .pipe(plug.plumber(plumberOptions)) .pipe(plug.cached('scripts')) .pipe(plug.sourcemaps.init()) .pipe(plug.if(/\.coffee/, plug.coffee())) .pipe(header(licenseHeader)) .pipe(plug.sourcemaps.write()) .pipe(gulp.dest("public/build/scripts")); }); gulp.task("scripts-embed", function () { // note that this task should really only ever be invoked for production // since development-mode watches and builds include the embed scripts // already var includedScripts = [ "resources/assets/scripts/base/jquery-2.0.2.js", "resources/assets/scripts/base/jquery.cookie.js", "resources/assets/scripts/base/jquery.viewport.js", "resources/assets/scripts/base/underscore.js", "resources/assets/scripts/base/moment.js", "resources/assets/scripts/base/jquery.timeago.js", "resources/assets/scripts/base/soundmanager2-nodebug.js", "resources/assets/scripts/shared/jquery-extensions.js", "resources/assets/scripts/embed/*.coffee" ]; return gulp.src(includedScripts, {base: "resources/assets/scripts"}) .pipe(plug.plumber(plumberOptions)) .pipe(plug.if(/\.coffee/, plug.coffee())) .pipe(plug.order(includedScripts, {base: "."})) .pipe(plug.concat("embed.js")) .pipe(plug.uglify()) .pipe(header(licenseHeader)) .pipe(gulp.dest("public/build/scripts")); }); gulp.task("styles-app", function () { var includedStyles = [ "resources/assets/styles/base/jquery-ui.css", "resources/assets/styles/base/colorbox.css", "resources/assets/styles/app.less" ]; if (!argv.production) { includedStyles.push("resources/assets/styles/profiler.less"); includedStyles.push("resources/assets/styles/prettify.css"); // we also want to add the embed stuff, since we're in development mode // we want to watch embed files and re-compile them. However, we want // to leave this path out in production so that embed files are not bloating // the css file includedStyles.push("resources/assets/styles/embed.css"); // Remove app.less from the cache so that it gets recompiled var styleCache = plug.cached.caches.styles; for (var file in styleCache) { if (!styleCache.hasOwnProperty(file)) continue; if (!endsWith(file, "app.less")) continue; delete styleCache[file]; } } // note that we're not doing autoprefixer on dev builds for now to shave off roughly 600-700 milliseconds per // build. It's already taking forever to recompile the less return argv.production // Production pipeline ? gulp.src(includedStyles, {base: "resources/assets/styles"}) .pipe(plug.plumber(plumberOptions)) .pipe(plug.if(/\.less/, plug.less())) .pipe(plug.autoprefixer({ browsers: ["last 2 versions"], cascade: false })) .pipe(plug.concat("app.css")) .pipe(plug.minifyCss()) .pipe(header(licenseHeader)) .pipe(gulp.dest("public/build/styles")) // Development pipeline : gulp.src(includedStyles, {base: "resources/assets/styles"}) .pipe(plug.plumber(plumberOptions)) .pipe(plug.cached("styles")) .pipe(plug.sourcemaps.init()) .pipe(plug.if(/\.less/, plug.less())) .pipe(header(licenseHeader)) .pipe(plug.sourcemaps.write()) .pipe(gulp.dest("public/build/styles")) .pipe(plug.livereload()); }); gulp.task("styles-embed", function () { // note that this task should really only ever be invoked for production // since development-mode watches and builds include the embed styles // already return gulp.src(["resources/assets/styles/embed.less"], {base: "resources/assets/styles"}) .pipe(plug.less()) .pipe(plug.autoprefixer({ browsers: ["last 2 versions"], cascade: false })) .pipe(plug.concat("embed.css")) .pipe(plug.minifyCss()) .pipe(header(licenseHeader)) .pipe(gulp.dest("public/build/styles")); }); gulp.task('copy:templates', function () { gulp.src([ 'public/templates/**/*.html' ]) .pipe(plug.angularTemplatecache({ module: "ponyfm", root: "/templates" })) .pipe(header(licenseHeader)) .pipe(gulp.dest('public/build/scripts')); }); gulp.task('build', [ 'scripts-app', 'styles-app', 'scripts-embed', 'styles-embed' ]); gulp.task("watch", ["build"], function () { plug.livereload.listen(); gulp.watch("resources/assets/scripts/**/*.{coffee,js}", ["scripts-app"]); gulp.watch("resources/assets/styles/**/*.{css,less}", ["styles-app"]); }); function endsWith(str, suffix) { return str.indexOf(suffix, str.length - suffix.length) !== -1; }