mirror of
https://github.com/konpa/devicon.git
synced 2025-08-06 06:37:48 +02:00
Gulpfile Edits (#759)
* Fixed main var/constants Formatting as well * Made gulp a constant * Removed extra comma Co-authored-by: Thomas Bui <43018778+Thomas-Boi@users.noreply.github.com> * Removed extra () the things i cant spell Co-authored-by: Thomas Bui <43018778+Thomas-Boi@users.noreply.github.com> * Removed extra () the things i cant spell Co-authored-by: Thomas Bui <43018778+Thomas-Boi@users.noreply.github.com> * Removed extra () the things i cant spell Co-authored-by: Thomas Bui <43018778+Thomas-Boi@users.noreply.github.com> * Removed extra comma Co-authored-by: Thomas Bui <43018778+Thomas-Boi@users.noreply.github.com> * Apply all suggestions from Thomas-Boi Co-authored-by: Thomas Bui <43018778+Thomas-Boi@users.noreply.github.com> Co-authored-by: Thomas Bui <43018778+Thomas-Boi@users.noreply.github.com>
This commit is contained in:
The Blob SCP
GitHub
164
gulpfile.js
164
gulpfile.js
@@ -1,9 +1,9 @@
|
||||
var gulp = require('gulp');
|
||||
const svgmin = require("gulp-svgmin")
|
||||
const sass = require('gulp-sass');
|
||||
sass.compiler = require('sass')
|
||||
const yargs = require("yargs")
|
||||
const fsPromise = require('fs').promises;
|
||||
const gulp = require("gulp");
|
||||
const svgmin = require("gulp-svgmin");
|
||||
const sass = require("gulp-sass");
|
||||
sass.compiler = require("sass");
|
||||
const yargs = require("yargs");
|
||||
const fsPromise = require("fs").promises;
|
||||
const path = require("path");
|
||||
|
||||
// global const
|
||||
@@ -19,17 +19,18 @@ const finalMinSCSSName = "devicon.min.scss";
|
||||
* css files and compiling them together using Sass.
|
||||
*/
|
||||
async function createDeviconMinCSS() {
|
||||
await createCSSFiles();
|
||||
await createCSSFiles();
|
||||
|
||||
let deviconMinPath = path.join(__dirname, finalMinSCSSName);
|
||||
// recall that devicon-alias.scss imported the devicon.css => don't need
|
||||
// to reimport that file.
|
||||
const fileContent = `@use "${aliasSCSSName}";@use "${colorsCSSName}";`;
|
||||
await fsPromise.writeFile(deviconMinPath, fileContent, "utf8");
|
||||
let deviconMinPath = path.join(__dirname, finalMinSCSSName);
|
||||
// recall that devicon-alias.scss imported the devicon.css => don't need
|
||||
// to reimport that file.
|
||||
const fileContent = `@use "${aliasSCSSName}";@use "${colorsCSSName}";`;
|
||||
await fsPromise.writeFile(deviconMinPath, fileContent, "utf8");
|
||||
|
||||
return gulp.src(finalMinSCSSName)
|
||||
.pipe(sass.sync({"outputStyle": "compressed"}).on('error', sass.logError))
|
||||
.pipe(gulp.dest('./'));
|
||||
return gulp
|
||||
.src(finalMinSCSSName)
|
||||
.pipe(sass.sync({ outputStyle: "compressed" }).on("error", sass.logError))
|
||||
.pipe(gulp.dest("./"));
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -37,16 +38,14 @@ async function createDeviconMinCSS() {
|
||||
* devicon-colors.css from the devicon.json.
|
||||
*/
|
||||
async function createCSSFiles() {
|
||||
const deviconJson = JSON.parse(
|
||||
await fsPromise.readFile(
|
||||
path.join(__dirname, deviconJSONName), "utf8"
|
||||
)
|
||||
);
|
||||
const deviconJson = JSON.parse(
|
||||
await fsPromise.readFile(path.join(__dirname, deviconJSONName), "utf8")
|
||||
);
|
||||
|
||||
await Promise.all([
|
||||
createAliasSCSS(deviconJson),
|
||||
createColorsCSS(deviconJson)
|
||||
])
|
||||
await Promise.all([
|
||||
createAliasSCSS(deviconJson),
|
||||
createColorsCSS(deviconJson)
|
||||
]);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -60,13 +59,12 @@ async function createCSSFiles() {
|
||||
* created.
|
||||
*/
|
||||
function createAliasSCSS(deviconJson) {
|
||||
let statements = deviconJson.map(createAliasStatement).join(" ");
|
||||
let sass = `@use "devicon";${statements}`;
|
||||
let sassPath = path.join(__dirname, aliasSCSSName);
|
||||
return fsPromise.writeFile(sassPath, sass, "utf8");
|
||||
let statements = deviconJson.map(createAliasStatement).join(" ");
|
||||
let sass = `@use "devicon";${statements}`;
|
||||
let sassPath = path.join(__dirname, aliasSCSSName);
|
||||
return fsPromise.writeFile(sassPath, sass, "utf8");
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Create the aliases statement by searching for the
|
||||
* techname in the statement and finding its aliases in
|
||||
@@ -76,16 +74,15 @@ function createAliasSCSS(deviconJson) {
|
||||
* devicon-alias.scss.
|
||||
*/
|
||||
function createAliasStatement(fontObj) {
|
||||
let {
|
||||
name,
|
||||
aliases
|
||||
} = fontObj;
|
||||
let { name, aliases } = fontObj;
|
||||
|
||||
return aliases.map(aliasObj => {
|
||||
return `.devicon-${name}-${aliasObj.alias} {
|
||||
return aliases
|
||||
.map(aliasObj => {
|
||||
return `.devicon-${name}-${aliasObj.alias} {
|
||||
@extend .devicon-${name}-${aliasObj.base};
|
||||
}`;
|
||||
}).join(" ");
|
||||
})
|
||||
.join(" ");
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -96,35 +93,35 @@ function createAliasStatement(fontObj) {
|
||||
* created.
|
||||
*/
|
||||
function createColorsCSS(deviconJson) {
|
||||
// create the color statements for each font object
|
||||
let statements = deviconJson.map(fontObj => {
|
||||
let {
|
||||
name,
|
||||
versions: {
|
||||
font: fonts
|
||||
},
|
||||
color,
|
||||
aliases
|
||||
} = fontObj;
|
||||
// create the color statements for each font object
|
||||
let statements = deviconJson
|
||||
.map(fontObj => {
|
||||
let {
|
||||
name,
|
||||
versions: { font: fonts },
|
||||
color,
|
||||
aliases
|
||||
} = fontObj;
|
||||
|
||||
if (fonts.length === 0 || typeof(color) !== "string") {
|
||||
console.log(`This object doesn't have a font or a color: ${name}`);
|
||||
return "";
|
||||
}
|
||||
if (fonts.length === 0 || typeof color !== "string") {
|
||||
console.log(`This object doesn't have a font or a color: ${name}`);
|
||||
return "";
|
||||
}
|
||||
|
||||
// process the icons in the font attr
|
||||
let cssClasses = fonts.map(font => `.devicon-${name}-${font}.colored`);
|
||||
// process the icons in the font attr
|
||||
let cssClasses = fonts.map((font) => `.devicon-${name}-${font}.colored`);
|
||||
|
||||
// process the icons in the aliases attr
|
||||
aliases.forEach(aliasObj => {
|
||||
cssClasses.push(`.devicon-${name}-${aliasObj["alias"]}.colored`);
|
||||
});
|
||||
// process the icons in the aliases attr
|
||||
aliases.forEach(aliasObj => {
|
||||
cssClasses.push(`.devicon-${name}-${aliasObj["alias"]}.colored`);
|
||||
});
|
||||
|
||||
return `${cssClasses.join(",")}{color: ${color}}`;
|
||||
}).join(" ");
|
||||
return `${cssClasses.join(",")}{color: ${color}}`;
|
||||
})
|
||||
.join(" ");
|
||||
|
||||
let cssPath = path.join(__dirname, colorsCSSName);
|
||||
return fsPromise.writeFile(cssPath, statements, "utf8");
|
||||
let cssPath = path.join(__dirname, colorsCSSName);
|
||||
return fsPromise.writeFile(cssPath, statements, "utf8");
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -132,25 +129,20 @@ function createColorsCSS(deviconJson) {
|
||||
* and the devicon.min.scss.
|
||||
*/
|
||||
function cleanUp() {
|
||||
let fileNames = [
|
||||
aliasSCSSName,
|
||||
colorsCSSName,
|
||||
finalMinSCSSName,
|
||||
];
|
||||
let fileNames = [aliasSCSSName, colorsCSSName, finalMinSCSSName];
|
||||
|
||||
return Promise.all(
|
||||
fileNames.map(name => {
|
||||
try {
|
||||
let filePath = path.join(__dirname, name);
|
||||
return fsPromise.unlink(filePath);
|
||||
} catch(e) {
|
||||
console.log(e);
|
||||
}
|
||||
})
|
||||
);
|
||||
return Promise.all(
|
||||
fileNames.map(name => {
|
||||
try {
|
||||
let filePath = path.join(__dirname, name);
|
||||
return fsPromise.unlink(filePath);
|
||||
} catch (e) {
|
||||
console.log(e);
|
||||
}
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
//////// Update SVG Task ////////
|
||||
/**
|
||||
* Update the svg by optimizing it
|
||||
@@ -160,13 +152,16 @@ function cleanUp() {
|
||||
* This must be passed through the commandline arguments.
|
||||
*/
|
||||
function optimizeSvg() {
|
||||
let svgGlob = JSON.parse(yargs.argv.svgFiles)
|
||||
console.log("Optimizing these files: ", svgGlob)
|
||||
return gulp.src(svgGlob)
|
||||
let svgGlob = JSON.parse(yargs.argv.svgFiles);
|
||||
console.log("Optimizing these files: ", svgGlob);
|
||||
return gulp
|
||||
.src(svgGlob)
|
||||
.pipe(svgmin(configOptionCallback))
|
||||
.pipe(gulp.dest(file => {
|
||||
return file.base
|
||||
}))
|
||||
.pipe(
|
||||
gulp.dest(file => {
|
||||
return file.base;
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -182,7 +177,7 @@ function configOptionCallback(file) {
|
||||
prefixIds: {
|
||||
prefix: file.stem, // add file name to ids
|
||||
delim: "-"
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
removeViewBox: false // keep viewbox
|
||||
@@ -191,10 +186,9 @@ function configOptionCallback(file) {
|
||||
removeDimensions: true // remove height and width
|
||||
}
|
||||
]
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
exports.updateCss = createDeviconMinCSS;
|
||||
exports.clean = cleanUp;
|
||||
exports.optimizeSvg = optimizeSvg;
|
||||
|
||||
Reference in New Issue
Block a user