mirror_html/tabler-icons
1
0
Fork 0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-09-02 18:33:18 +02:00
Code Issues Releases Wiki Activity

Refactor file system operations to use destructured imports from 'fs' in helpers and build-webfont modules

Browse Source
This commit is contained in:
codecalm
2025-07-20 20:32:43 +02:00
parent 855eb28c33
commit 7ca541ce7a
2 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
.build/helpers.mjs
View File

@@ -1,9 +1,9 @@
import fs from 'fs';
import { readdirSync, readFileSync, existsSync, writeFileSync, mkdirSync } from 'fs';
import path, { resolve, basename } from 'path';
import { fileURLToPath } from 'url';
import svgParse from 'parse-svg-path';
import svgpath from 'svgpath';
import * as cheerio from 'cheerio';
import { load as cheerioLoad } from 'cheerio';
import { minify } from 'html-minifier';
import { parseSync } from 'svgson';
import { optimize } from 'svgo';
@@ -140,7 +140,7 @@ export const getPackageDir = (packageName) => {
* @returns {any}
*/
export const getPackageJson = () => {
return JSON.parse(fs.readFileSync(resolve(HOME_DIR, 'package.json'), 'utf-8'));
return JSON.parse(readFileSync(resolve(HOME_DIR, 'package.json'), 'utf-8'));
};
/**
@@ -150,11 +150,11 @@ export const getPackageJson = () => {
* @returns {string[]}
*/
export const readSvgDirectory = (directory) => {
return fs.readdirSync(directory).filter((file) => path.extname(file) === '.svg');
return readdirSync(directory).filter((file) => path.extname(file) === '.svg');
};
export const getAliases = (groupped = false) => {
const allAliases = JSON.parse(fs.readFileSync(resolve(HOME_DIR, 'aliases.json'), 'utf-8'));
const allAliases = JSON.parse(readFileSync(resolve(HOME_DIR, 'aliases.json'), 'utf-8'));
const allIcons = getAllIcons();
if (groupped) {
@@ -197,7 +197,7 @@ export const getAliases = (groupped = false) => {
* @returns {string}
*/
export const readSvg = (fileName, directory) => {
return fs.readFileSync(path.join(directory, fileName), 'utf-8');
return readFileSync(path.join(directory, fileName), 'utf-8');
};
/**
@@ -205,8 +205,8 @@ export const readSvg = (fileName, directory) => {
* @param dir
*/
export const createDirectory = (dir) => {
if (!fs.existsSync(dir)) {
fs.mkdirSync(dir);
if (!existsSync(dir)) {
mkdirSync(dir);
}
};
@@ -284,7 +284,7 @@ export function buildIconsObject(svgFiles, getSvg) {
}
function getSvgContents(svg) {
const $ = cheerio.load(svg);
const $ = cheerioLoad(svg);
return minify($('svg').html(), { collapseWhitespace: true });
}
@@ -342,7 +342,7 @@ export const generateIconsPreview = async function (
files.forEach(function (file, i) {
const name = file.replace(/^(.*)\/([^\/]+)\/([^.]+).svg$/g, '$2-$3');
let svgFile = fs.readFileSync(file),
let svgFile = readFileSync(file),
svgFileContent = svgFile.toString();
svgFileContent = createSvgSymbol(svgFileContent, name, stroke);
@@ -362,7 +362,7 @@ export const generateIconsPreview = async function (
console.log(destFile);
fs.writeFileSync(destFile, svgContent);
writeFileSync(destFile, svgContent);
if (png) {
await createScreenshot(destFile, retina);
@@ -429,9 +429,9 @@ export const getCompileOptions = () => {
fontForge: 'fontforge',
};
if (fs.existsSync('../compile-options.json')) {
if (existsSync('../compile-options.json')) {
try {
const tempOptions = JSON.parse(fs.readFileSync('../compile-options.json').toString());
const tempOptions = JSON.parse(readFileSync('../compile-options.json').toString());
if (typeof tempOptions !== 'object') {
throw 'Compile options file does not contain an json object';
@@ -506,7 +506,7 @@ export const convertIconsToImages = async (dir, extension, size = 240) => {
const icons = getAllIcons();
await asyncForEach(Object.entries(icons), async function ([type, svgFiles]) {
fs.mkdirSync(path.join(dir, `./${type}`), { recursive: true });
mkdirSync(path.join(dir, `./${type}`), { recursive: true });
await asyncForEach(svgFiles, async function (file, i) {
const distPath = path.join(dir, `./${type}/${file.name}.${extension}`);

20
packages/icons-webfont/.build/build-webfont.mjs
View File

@@ -1,4 +1,4 @@
import * as fs from 'node:fs'
import { mkdirSync, writeFileSync, readFileSync } from 'node:fs'
import template from 'lodash.template'
import { getPackageDir, getPackageJson, getAliases, types, asyncForEach, toPascalCase } from '../../../.build/helpers.mjs'
import {buildSvgFont, loadSvgFiles} from "./build-utilities.mjs";
@@ -17,7 +17,7 @@ const strokes = {
const aliases = getAliases(true)
fs.mkdirSync(`${DIR}/dist/fonts`, { recursive: true })
mkdirSync(`${DIR}/dist/fonts`, { recursive: true })
types.push('all')
@@ -44,10 +44,10 @@ for (const strokeName in strokes) {
const woff2File = await wawoff2.compress(ttfFile);
const fileName = `tabler-icons${strokeName !== "400" ? `-${strokeName}` : ''}${type !== 'all' ? `-${type}` : ''}`;
//fs.writeFileSync(`${DIR}/dist/fonts/${fileName}.svg`, svgFontFileSource); // for debug
fs.writeFileSync(`${DIR}/dist/fonts/${fileName}.ttf`, ttfFile);
fs.writeFileSync(`${DIR}/dist/fonts/${fileName}.woff`, woffFile);
fs.writeFileSync(`${DIR}/dist/fonts/${fileName}.woff2`, woff2File);
//writeFileSync(`${DIR}/dist/fonts/${fileName}.svg`, svgFontFileSource); // for debug
writeFileSync(`${DIR}/dist/fonts/${fileName}.ttf`, ttfFile);
writeFileSync(`${DIR}/dist/fonts/${fileName}.woff`, woffFile);
writeFileSync(`${DIR}/dist/fonts/${fileName}.woff2`, woff2File);
const glyphs = svgFiles.map(f => f.metadata)
.sort(function (a, b) {
@@ -63,13 +63,13 @@ for (const strokeName in strokes) {
}
//scss
const compiled = template(fs.readFileSync(`${DIR}/.build/iconfont.scss`).toString())
const compiled = template(readFileSync(`${DIR}/.build/iconfont.scss`).toString())
const resultSCSS = compiled(options)
fs.writeFileSync(`${DIR}/dist/${fileName}.scss`, resultSCSS)
writeFileSync(`${DIR}/dist/${fileName}.scss`, resultSCSS)
//html
const compiledHtml = template(fs.readFileSync(`${DIR}/.build/iconfont.html`).toString())
const compiledHtml = template(readFileSync(`${DIR}/.build/iconfont.html`).toString())
const resultHtml = compiledHtml(options)
fs.writeFileSync(`${DIR}/dist/${fileName}.html`, resultHtml)
writeFileSync(`${DIR}/dist/${fileName}.html`, resultHtml)
})
}