Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Delta Between Two Patch Sets: gulpfile.js

Issue 29646555: Issue 6210 - Implement Subscription (Double-opt-in) template for newsletter (Closed)
Left Patch Set: Created Dec. 21, 2017, 11:25 a.m.
Right Patch Set: Addressed comments #20 Created Jan. 23, 2018, 8:47 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « README.md ('k') | package.json » ('j') | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
1 /*! 1 /*!
2 * This file is part of adblockplus.org. 2 * This file is part of eyeomail.com.
3 * Copyright (C) 2017-present eyeo GmbH 3 * Copyright (C) 2017-present eyeo GmbH
4 * 4 *
5 * adblockplus.org is free software: you can redistribute it and/or modify 5 * eyeomail.com is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License as published by 6 * it under the terms of the GNU General Public License as published by
7 * the Free Software Foundation, either version 3 of the License, or 7 * the Free Software Foundation, either version 3 of the License, or
8 * (at your option) any later version. 8 * (at your option) any later version.
9 * 9 *
10 * adblockplus.org is distributed in the hope that it will be useful, 10 * eyeomail.com is distributed in the hope that it will be useful,
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of 11 * but WITHOUT ANY WARRANTY; without even the implied warranty of
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 * GNU General Public License for more details. 13 * GNU General Public License for more details.
14 * 14 *
15 * You should have received a copy of the GNU General Public License 15 * You should have received a copy of the GNU General Public License
16 * along with adblockplus.org. If not, see <http://www.gnu.org/licenses/>. 16 * along with eyeomail.com. If not, see <http://www.gnu.org/licenses/>.
17 */ 17 */
18 18
19 const gulp = require("gulp"); 19 const gulp = require("gulp");
20 const gutil = require("gulp-util"); 20 const gutil = require("gulp-util");
21 const sourcemaps = require("gulp-sourcemaps");
22 const rename = require("gulp-rename"); 21 const rename = require("gulp-rename");
23 const sass = require("gulp-sass"); 22 const sass = require("gulp-sass");
24 const postcss = require("gulp-postcss"); 23 const postcss = require("gulp-postcss");
25 const scss = require("postcss-scss"); 24 const scss = require("postcss-scss");
26 const autoprefixer = require("autoprefixer"); 25 const autoprefixer = require("autoprefixer");
26 const replace = require("replace");
27 const fs = require("fs");
28 const readFilePromise = require("fs-readfile-promise");
27 29
28 /****************************************************************************** 30 /******************************************************************************
29 * CSS 31 * CSS
30 ******************************************************************************/ 32 ******************************************************************************/
31 33
32 gulp.task("css", function() { 34 gulp.task("compileCss", function() {
33 return gulp.src("./scss/main.scss") 35 return gulp.src("./src/scss/main.scss")
34 .pipe(sourcemaps.init())
35 .pipe(postcss([autoprefixer()], {syntax: scss}).on("error", gutil.log)) 36 .pipe(postcss([autoprefixer()], {syntax: scss}).on("error", gutil.log))
36 .pipe(sass({outputStyle: "compressed"}).on("error", gutil.log)) 37 .pipe(sass({outputStyle: "compact"}).on("error", gutil.log))
37 .pipe(rename("main.min.css")) 38 .pipe(gulp.dest("./dist"));
38 .pipe(sourcemaps.write("./"))
39 .pipe(gulp.dest("./css"));
40 }); 39 });
40
41 gulp.task("inlineCss", ["compileCss", "moveTemplates"], function() {
42 return fs.readFile("./dist/main.css", "utf8", function (err, styles) {
43 if (err) throw err;
44
45 const replacement = `<!-- styles:start -->
46 <style>
47 ${styles}
48 </style>
49 <!-- styles:end -->`;
50
51 replace({
52 regex: /<!-- styles:start -->([\s\S]*?)<!-- styles:end -->/,
53 replacement: replacement,
54 paths: ["dist/signup.html"],
55 recursive: true,
56 silent: true,
57 });
58 });
59 });
60
61 gulp.task("css", ["inlineCss"]);
62
63 /******************************************************************************
64 * Template
65 ******************************************************************************/
66
67 gulp.task("moveTemplates", function() {
68 const templateFiles = ["./src/templates/signup.html",
69 "./src/templates/confirm-email.html",
70 "./src/templates/subscription-confirmed-email.html"];
71
72 return gulp.src(templateFiles).pipe(gulp.dest("./dist"));
73 });
74
75 gulp.task("backclick", function() {
76 const templateFiles = ["./dist/signup.html",
77 "./dist/confirm-email.html",
78 "./dist/subscription-confirmed-email.html"];
79
80 return Promise.all(templateFiles.map((file) => readFilePromise(file)))
81 .then((buffers) => Promise.all(buffers.map((buffer) => buffer.toString())))
82 .then((contents) => {
83 fs.writeFile("./dist/backclick.html", contents.join(""));
84 });
85 });
86
87 gulp.task("template", ["css"]);
41 88
42 /****************************************************************************** 89 /******************************************************************************
43 * Watch 90 * Watch
44 ******************************************************************************/ 91 ******************************************************************************/
45 92
46 gulp.task("watch", function() { 93 gulp.task("watch", function() {
47 gulp.watch("./scss/**/*.scss", ["css"]); 94 gulp.watch("./src/scss/**/*.scss", ["css"]);
95 gulp.watch("./src/templates/*.html", ["template", "backclick"]);
48 }); 96 });
49 97
50 /****************************************************************************** 98 /******************************************************************************
51 * Default 99 * Default
52 ******************************************************************************/ 100 ******************************************************************************/
53 101
54 gulp.task("default", ["css", "watch"]); 102 gulp.task("default", ["template", "css", "watch"]);
LEFTRIGHT

Powered by Google App Engine
This is Rietveld