hugo-theme-hilfe/gulpfile.js

187 lines
4.6 KiB
JavaScript
Raw Normal View History

2020-09-10 22:23:24 +02:00
const gulp = require("gulp");
const rename = require("gulp-rename");
const sass = require("gulp-sass");
const cleanCSS = require("gulp-clean-css");
const autoprefixer = require("gulp-autoprefixer");
const iconfont = require("gulp-iconfont");
2020-01-12 15:33:02 +01:00
2020-09-10 22:23:24 +02:00
const realFavicon = require("gulp-real-favicon");
const path = require("path");
const fs = require("fs");
2020-01-12 15:33:02 +01:00
2020-09-10 22:23:24 +02:00
const svgSprite = require("gulp-svg-sprite");
2020-01-12 15:33:02 +01:00
2020-09-10 22:23:24 +02:00
var CSSDEST = "static/";
var FAVICON_DATA_FILE = "src/favicon/faviconData.json";
2020-03-15 16:37:48 +01:00
var TIMESTAMP = Math.round(Date.now() / 1000);
2020-01-12 15:33:02 +01:00
2020-09-10 22:23:24 +02:00
gulp.task("sass", function () {
return gulp
.src("src/sass/main.scss")
.pipe(sass({ errLogToConsole: true }))
.pipe(cleanCSS({ format: "beautify" }))
.pipe(
autoprefixer({
cascade: false,
})
)
.pipe(gulp.dest(CSSDEST))
.pipe(cleanCSS())
.pipe(rename({ extname: ".min.css" }))
.pipe(gulp.dest(CSSDEST));
2020-01-12 15:33:02 +01:00
});
2020-09-10 22:23:24 +02:00
gulp.task("favicon-generate", function (done) {
realFavicon.generateFavicon(
{
masterPicture: "src/favicon/favicon-master.svg",
dest: "static/favicon",
iconsPath: "/",
design: {
ios: {
pictureAspect: "backgroundAndMargin",
backgroundColor: "#ffffff",
margin: "14%",
assets: {
ios6AndPriorIcons: false,
ios7AndLaterIcons: false,
precomposedIcons: false,
declareOnlyDefaultIcon: true,
},
},
desktopBrowser: {},
windows: {
pictureAspect: "whiteSilhouette",
backgroundColor: "#2b5797",
onConflict: "override",
assets: {
windows80Ie10Tile: false,
windows10Ie11EdgeTiles: {
small: false,
medium: true,
big: false,
rectangle: false,
2020-03-15 16:37:48 +01:00
},
2020-09-10 22:23:24 +02:00
},
2020-03-15 16:37:48 +01:00
},
2020-09-10 22:23:24 +02:00
androidChrome: {
pictureAspect: "shadow",
themeColor: "#ffffff",
manifest: {
display: "standalone",
orientation: "notSet",
onConflict: "override",
declared: true,
},
assets: {
legacyIcon: false,
lowResolutionIcons: false,
},
2020-03-15 16:37:48 +01:00
},
2020-09-10 22:23:24 +02:00
safariPinnedTab: {
pictureAspect: "blackAndWhite",
threshold: 74.21875,
themeColor: "#5bbad5",
},
},
settings: {
scalingAlgorithm: "Mitchell",
errorOnImageTooSmall: false,
readmeFile: false,
htmlCodeFile: false,
usePathAsIs: false,
},
markupFile: FAVICON_DATA_FILE,
},
function () {
done();
}
);
2020-01-12 15:33:02 +01:00
});
2020-09-10 22:23:24 +02:00
gulp.task("favicon-check-update", function (done) {
var currentVersion = JSON.parse(fs.readFileSync(FAVICON_DATA_FILE)).version;
realFavicon.checkForUpdates(currentVersion, function (err) {
if (err) {
throw err;
}
});
done();
2020-01-12 15:33:02 +01:00
});
2020-09-10 22:23:24 +02:00
gulp.task("svg-sprite", function () {
config = {
svg: {
xmlDeclaration: false,
rootAttributes: {
style: "position: absolute; width: 0; height: 0; overflow: hidden;",
},
},
mode: {
inline: true,
symbol: {
dest: "./",
sprite: "svg-icon-symbols.html",
bust: false,
},
},
};
2020-01-12 15:33:02 +01:00
2020-09-10 22:23:24 +02:00
return gulp
.src("src/icons/*.svg")
.pipe(svgSprite(config))
.pipe(gulp.dest("layouts/partials/"));
2020-03-15 16:37:48 +01:00
});
2020-09-10 22:23:24 +02:00
gulp.task("iconfont", function () {
var lastUnicode = 0xea01;
var files = fs.readdirSync("src/iconfont");
2020-03-15 18:38:10 +01:00
2020-09-10 22:23:24 +02:00
// Filter files with containing unicode value
// and set last unicode
files.forEach(function (file) {
var basename = path.basename(file);
var matches = basename.match(/^(?:((?:u[0-9a-f]{4,6},?)+)\-)?(.+)\.svg$/i);
var currentCode = -1;
2020-03-15 18:38:10 +01:00
2020-09-10 22:23:24 +02:00
if (matches && matches[1]) {
currentCode = parseInt(matches[1].split("u")[1], 16);
}
2020-03-15 18:38:10 +01:00
2020-09-10 22:23:24 +02:00
if (currentCode >= lastUnicode) {
lastUnicode = ++currentCode;
}
});
2020-03-15 18:38:10 +01:00
2020-09-10 22:23:24 +02:00
return gulp
.src(["src/iconfont/*.svg"])
.pipe(
iconfont({
startUnicode: lastUnicode,
fontName: "GeekdocIcons", // required
prependUnicode: true, // recommended option
normalize: true,
fontHeight: 1001,
centerHorizontally: true,
formats: ["woff", "woff2"], // default, 'woff2' and 'svg' are available
timestamp: TIMESTAMP, // recommended to get consistent builds when watching files
})
)
.pipe(gulp.dest("static/fonts/"));
2020-01-12 15:33:02 +01:00
});
2020-09-10 22:23:24 +02:00
gulp.task(
"default",
gulp.series(
"sass",
"svg-sprite",
"iconfont",
"favicon-check-update",
"favicon-generate"
)
);
2020-01-12 15:33:02 +01:00
2020-09-10 22:23:24 +02:00
gulp.task("devel", function () {
gulp.watch("src/sass/**/*.*css", gulp.series("sass"));
2020-01-12 15:33:02 +01:00
});