9907cc8c67
* chore: Update meta and readme * chore. Update README * Refactor/linting - tslint-xo (#178) * refactor(deps): added tslint, cleanup, and activationEvents modified * refactor(lint): linting... * refactor(changelog): changelo method refactor (should be tested) * refactor(theme-icons): linting and small refactor * refactor(accents-setter): linting and small refactor * chore(travis): added travis file * fix(Lighter): Fix folders icon association * chore: Clean test files * fix(Icons): Add icon to .spec.ts files * chore: Update git icon * Update issue templates (#184)
111 lines
4.3 KiB
TypeScript
111 lines
4.3 KiB
TypeScript
import * as fs from 'fs';
|
|
import * as gulp from 'gulp';
|
|
import * as gutil from 'gulp-util';
|
|
import * as path from 'path';
|
|
|
|
import {MESSAGE_GENERATED, MESSAGE_ICON_ACCENTS_ERROR} from './../consts/log';
|
|
|
|
import {CHARSET} from './../../extensions/consts/files';
|
|
import {IThemeIconsAccents} from './../interfaces/itheme-icons-accents';
|
|
import PATHS from './../../extensions/consts/paths';
|
|
import {IThemeIconsItem} from './../interfaces/itheme-icons-item';
|
|
import {getAccentableIcons, getDefaultValues} from './../../extensions/helpers/fs';
|
|
|
|
const BASE_ICON_THEME_PATH: string = path.join(process.cwd(), PATHS.THEMES, './Material-Theme-Icons.json');
|
|
const DEFAULTS = getDefaultValues();
|
|
|
|
/**
|
|
* Normalizes icon path
|
|
*/
|
|
function normalizeIconPath(iconPath: string): string {
|
|
return path.join(process.cwd(), PATHS.ICONS, iconPath);
|
|
}
|
|
|
|
/**
|
|
* Replaces a file name with the accented filename
|
|
*/
|
|
function replaceNameWithAccent(name: string, accentName: string): string {
|
|
return name.replace('.svg', `.accent.${ accentName }.svg`);
|
|
}
|
|
|
|
/**
|
|
* Replaces a SVG colour
|
|
*/
|
|
export function replaceSVGColour(filecontent: string, colour: string): string {
|
|
return filecontent.replace(new RegExp('#(80CBC4)', 'i'), ($0, $1) => {
|
|
const newColour = colour.replace('#', '');
|
|
console.log(`Replacing colour ${ $1 } with ${ newColour }`);
|
|
return $0.replace($1, newColour);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Replaces white spaces in accents' names
|
|
*/
|
|
function replaceWhiteSpaces(input: string): string {
|
|
return input.replace(/\s+/g, '-');
|
|
}
|
|
|
|
/**
|
|
* Writes a new svg file
|
|
*/
|
|
function writeSVGIcon(fromFile: string, toFile: string, accent: string): void {
|
|
const fileContent: string = fs.readFileSync(normalizeIconPath(fromFile), CHARSET);
|
|
const content: string = replaceSVGColour(fileContent, DEFAULTS.accents[accent]);
|
|
const pathToFile = normalizeIconPath(toFile);
|
|
|
|
gutil.log(gutil.colors.gray(`Accented icon ${pathToFile} created with colour ${ accent } (${ DEFAULTS.accents[accent] })`));
|
|
|
|
fs.writeFileSync(pathToFile, content);
|
|
}
|
|
|
|
// Exports task to index.ts
|
|
export default gulp.task('build:icons.accents', cb => {
|
|
let basetheme: IThemeIconsAccents;
|
|
|
|
try {
|
|
basetheme = require(BASE_ICON_THEME_PATH);
|
|
|
|
Object.keys(DEFAULTS.accents).forEach(key => {
|
|
const iconName = replaceWhiteSpaces(key);
|
|
const themecopy: IThemeIconsAccents = JSON.parse(JSON.stringify(basetheme));
|
|
const themePath: string = path.join(PATHS.THEMES, `./Material-Theme-Icons-${ key }.json`);
|
|
|
|
getAccentableIcons().forEach(accentableIconName => {
|
|
gutil.log(gutil.colors.gray(`Preparing ${ accentableIconName } accented icon`));
|
|
|
|
const iconOriginDefinition: IThemeIconsItem = (basetheme.iconDefinitions as any)[accentableIconName];
|
|
const iconCopyDefinition: IThemeIconsItem = (themecopy.iconDefinitions as any)[accentableIconName];
|
|
|
|
if (iconOriginDefinition !== undefined && typeof iconOriginDefinition.iconPath === 'string' && iconCopyDefinition !== undefined && typeof iconCopyDefinition.iconPath === 'string') {
|
|
iconCopyDefinition.iconPath = replaceNameWithAccent(iconOriginDefinition.iconPath, iconName);
|
|
writeSVGIcon(iconOriginDefinition.iconPath, iconCopyDefinition.iconPath, key);
|
|
} else {
|
|
gutil.log(gutil.colors.yellow(`Icon ${ accentableIconName } not found`));
|
|
}
|
|
});
|
|
|
|
// themecopy.iconDefinitions._folder_open.iconPath = replaceNameWithAccent(basetheme.iconDefinitions._folder_open.iconPath, iconName);
|
|
// themecopy.iconDefinitions._folder_open_build.iconPath = replaceNameWithAccent(basetheme.iconDefinitions._folder_open_build.iconPath, iconName);
|
|
|
|
// writeSVGIcon(basetheme.iconDefinitions._folder_open.iconPath, themecopy.iconDefinitions._folder_open.iconPath, key);
|
|
// writeSVGIcon(basetheme.iconDefinitions._folder_open_build.iconPath, themecopy.iconDefinitions._folder_open_build.iconPath, key);
|
|
|
|
// fs.writeFileSync(themePath, JSON.stringify(themecopy));
|
|
|
|
// addContributeIconTheme(id, label, themepathJSON, PACKAGE_JSON);
|
|
|
|
gutil.log(gutil.colors.green(MESSAGE_GENERATED, themePath));
|
|
});
|
|
|
|
// writePackageJSON(PACKAGE_JSON);
|
|
|
|
} catch (error) {
|
|
// http://ragefaces.memesoftware.com/faces/large/misc-le-fu-l.png
|
|
gutil.log(gutil.colors.red(MESSAGE_ICON_ACCENTS_ERROR));
|
|
cb(error);
|
|
return;
|
|
}
|
|
|
|
cb();
|
|
});
|