LEFT | RIGHT |
1 /*! | 1 /*! |
2 * This file is part of eyeomail.com. | 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 * eyeomail.com 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 * eyeomail.com is distributed in the hope that it will be useful, | 10 * eyeomail.com is distributed in the hope that it will be useful, |
(...skipping 20 matching lines...) Expand all Loading... |
31 * CSS | 31 * CSS |
32 ******************************************************************************/ | 32 ******************************************************************************/ |
33 | 33 |
34 gulp.task("compileCss", function() { | 34 gulp.task("compileCss", function() { |
35 return gulp.src("./src/scss/main.scss") | 35 return gulp.src("./src/scss/main.scss") |
36 .pipe(postcss([autoprefixer()], {syntax: scss}).on("error", gutil.log)) | 36 .pipe(postcss([autoprefixer()], {syntax: scss}).on("error", gutil.log)) |
37 .pipe(sass({outputStyle: "compact"}).on("error", gutil.log)) | 37 .pipe(sass({outputStyle: "compact"}).on("error", gutil.log)) |
38 .pipe(gulp.dest("./dist")); | 38 .pipe(gulp.dest("./dist")); |
39 }); | 39 }); |
40 | 40 |
41 gulp.task("inlineCss", ["compileCss"], function() { | 41 gulp.task("inlineCss", ["compileCss", "moveTemplates"], function() { |
42 return fs.readFile("./dist/main.css", "utf8", function (err, styles) { | 42 return fs.readFile("./dist/main.css", "utf8", function (err, styles) { |
43 if (err) throw err; | 43 if (err) throw err; |
44 | 44 |
45 const replacement = `<!-- styles:start --> | 45 const replacement = `<!-- styles:start --> |
46 <style> | 46 <style> |
47 ${styles} | 47 ${styles} |
48 </style> | 48 </style> |
49 <!-- styles:end -->`; | 49 <!-- styles:end -->`; |
50 | 50 |
51 replace({ | 51 replace({ |
52 regex: /<!-- styles:start -->([\s\S]*?)<!-- styles:end -->/, | 52 regex: /<!-- styles:start -->([\s\S]*?)<!-- styles:end -->/, |
53 replacement: replacement, | 53 replacement: replacement, |
54 paths: ["dist/backclick.html"], | 54 paths: ["dist/signup.html"], |
55 recursive: true, | 55 recursive: true, |
56 silent: true, | 56 silent: true, |
57 }); | 57 }); |
58 }); | 58 }); |
59 }); | 59 }); |
60 | 60 |
61 gulp.task("css", ["inlineCss"]); | 61 gulp.task("css", ["inlineCss"]); |
62 | 62 |
63 /****************************************************************************** | 63 /****************************************************************************** |
64 * Template | 64 * Template |
65 ******************************************************************************/ | 65 ******************************************************************************/ |
66 | 66 |
67 gulp.task("template", function() { | 67 gulp.task("moveTemplates", function() { |
68 const templateFiles = ["./src/templates/signup.html", | 68 const templateFiles = ["./src/templates/signup.html", |
69 "./src/templates/confirm-email.html", | 69 "./src/templates/confirm-email.html", |
70 "./src/templates/subscription-confirmed-email.html"]; | 70 "./src/templates/subscription-confirmed-email.html"]; |
71 | 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 |
72 return Promise.all(templateFiles.map((file) => readFilePromise(file))) | 80 return Promise.all(templateFiles.map((file) => readFilePromise(file))) |
73 .then((buffers) => Promise.all(buffers.map((buffer) => buffer.toString()))) | 81 .then((buffers) => Promise.all(buffers.map((buffer) => buffer.toString()))) |
74 .then((contents) => { | 82 .then((contents) => { |
75 fs.mkdir("./dist", () => { | |
76 fs.writeFile("./dist/backclick.html", contents.join("")); | 83 fs.writeFile("./dist/backclick.html", contents.join("")); |
77 }) | 84 }); |
78 }) | |
79 }); | 85 }); |
| 86 |
| 87 gulp.task("template", ["css"]); |
80 | 88 |
81 /****************************************************************************** | 89 /****************************************************************************** |
82 * Watch | 90 * Watch |
83 ******************************************************************************/ | 91 ******************************************************************************/ |
84 | 92 |
85 gulp.task("watch", function() { | 93 gulp.task("watch", function() { |
86 gulp.watch("./src/scss/**/*.scss", ["css"]); | 94 gulp.watch("./src/scss/**/*.scss", ["css"]); |
87 gulp.watch("./src/templates/*.html", ["template", "css"]); | 95 gulp.watch("./src/templates/*.html", ["template", "backclick"]); |
88 }); | 96 }); |
89 | 97 |
90 /****************************************************************************** | 98 /****************************************************************************** |
91 * Default | 99 * Default |
92 ******************************************************************************/ | 100 ******************************************************************************/ |
93 | 101 |
94 gulp.task("default", ["template", "css", "watch"]); | 102 gulp.task("default", ["template", "css", "watch"]); |
LEFT | RIGHT |