mirror_html/tabler-icons
1
0
Fork 0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-09-08 21:30:40 +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 path, { resolve, basename } from 'path';
import { fileURLToPath } from 'url'; import { fileURLToPath } from 'url';
import svgParse from 'parse-svg-path'; import svgParse from 'parse-svg-path';
import svgpath from 'svgpath'; import svgpath from 'svgpath';
import * as cheerio from 'cheerio'; import { load as cheerioLoad } from 'cheerio';
import { minify } from 'html-minifier'; import { minify } from 'html-minifier';
import { parseSync } from 'svgson'; import { parseSync } from 'svgson';
import { optimize } from 'svgo'; import { optimize } from 'svgo';
@@ -140,7 +140,7 @@ export const getPackageDir = (packageName) => {
* @returns {any} * @returns {any}
*/ */
export const getPackageJson = () => { 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[]} * @returns {string[]}
*/ */
export const readSvgDirectory = (directory) => { 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) => { 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(); const allIcons = getAllIcons();
if (groupped) { if (groupped) {
@@ -197,7 +197,7 @@ export const getAliases = (groupped = false) => {
* @returns {string} * @returns {string}
*/ */
export const readSvg = (fileName, directory) => { 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 * @param dir
*/ */
export const createDirectory = (dir) => { export const createDirectory = (dir) => {
if (!fs.existsSync(dir)) { if (!existsSync(dir)) {
fs.mkdirSync(dir); mkdirSync(dir);
} }
}; };
@@ -284,7 +284,7 @@ export function buildIconsObject(svgFiles, getSvg) {
} }
function getSvgContents(svg) { function getSvgContents(svg) {
const $ = cheerio.load(svg); const $ = cheerioLoad(svg);
return minify($('svg').html(), { collapseWhitespace: true }); return minify($('svg').html(), { collapseWhitespace: true });
} }
@@ -342,7 +342,7 @@ export const generateIconsPreview = async function (
files.forEach(function (file, i) { files.forEach(function (file, i) {
const name = file.replace(/^(.*)\/([^\/]+)\/([^.]+).svg$/g, '$2-$3'); const name = file.replace(/^(.*)\/([^\/]+)\/([^.]+).svg$/g, '$2-$3');
let svgFile = fs.readFileSync(file), let svgFile = readFileSync(file),
svgFileContent = svgFile.toString(); svgFileContent = svgFile.toString();
svgFileContent = createSvgSymbol(svgFileContent, name, stroke); svgFileContent = createSvgSymbol(svgFileContent, name, stroke);
@@ -362,7 +362,7 @@ export const generateIconsPreview = async function (
console.log(destFile); console.log(destFile);
fs.writeFileSync(destFile, svgContent); writeFileSync(destFile, svgContent);
if (png) { if (png) {
await createScreenshot(destFile, retina); await createScreenshot(destFile, retina);
@@ -429,9 +429,9 @@ export const getCompileOptions = () => {
fontForge: 'fontforge', fontForge: 'fontforge',
}; };
if (fs.existsSync('../compile-options.json')) { if (existsSync('../compile-options.json')) {
try { try {
const tempOptions = JSON.parse(fs.readFileSync('../compile-options.json').toString()); const tempOptions = JSON.parse(readFileSync('../compile-options.json').toString());
if (typeof tempOptions !== 'object') { if (typeof tempOptions !== 'object') {
throw 'Compile options file does not contain an json 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(); const icons = getAllIcons();
await asyncForEach(Object.entries(icons), async function ([type, svgFiles]) { 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) { await asyncForEach(svgFiles, async function (file, i) {
const distPath = path.join(dir, `./${type}/${file.name}.${extension}`); 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 template from 'lodash.template'
import { getPackageDir, getPackageJson, getAliases, types, asyncForEach, toPascalCase } from '../../../.build/helpers.mjs' import { getPackageDir, getPackageJson, getAliases, types, asyncForEach, toPascalCase } from '../../../.build/helpers.mjs'
import {buildSvgFont, loadSvgFiles} from "./build-utilities.mjs"; import {buildSvgFont, loadSvgFiles} from "./build-utilities.mjs";
@@ -17,7 +17,7 @@ const strokes = {
const aliases = getAliases(true) const aliases = getAliases(true)
fs.mkdirSync(`${DIR}/dist/fonts`, { recursive: true }) mkdirSync(`${DIR}/dist/fonts`, { recursive: true })
types.push('all') types.push('all')
@@ -44,10 +44,10 @@ for (const strokeName in strokes) {
const woff2File = await wawoff2.compress(ttfFile); const woff2File = await wawoff2.compress(ttfFile);
const fileName = `tabler-icons${strokeName !== "400" ? `-${strokeName}` : ''}${type !== 'all' ? `-${type}` : ''}`; const fileName = `tabler-icons${strokeName !== "400" ? `-${strokeName}` : ''}${type !== 'all' ? `-${type}` : ''}`;
//fs.writeFileSync(`${DIR}/dist/fonts/${fileName}.svg`, svgFontFileSource); // for debug //writeFileSync(`${DIR}/dist/fonts/${fileName}.svg`, svgFontFileSource); // for debug
fs.writeFileSync(`${DIR}/dist/fonts/${fileName}.ttf`, ttfFile); writeFileSync(`${DIR}/dist/fonts/${fileName}.ttf`, ttfFile);
fs.writeFileSync(`${DIR}/dist/fonts/${fileName}.woff`, woffFile); writeFileSync(`${DIR}/dist/fonts/${fileName}.woff`, woffFile);
fs.writeFileSync(`${DIR}/dist/fonts/${fileName}.woff2`, woff2File); writeFileSync(`${DIR}/dist/fonts/${fileName}.woff2`, woff2File);
const glyphs = svgFiles.map(f => f.metadata) const glyphs = svgFiles.map(f => f.metadata)
.sort(function (a, b) { .sort(function (a, b) {
@@ -63,13 +63,13 @@ for (const strokeName in strokes) {
} }
//scss //scss
const compiled = template(fs.readFileSync(`${DIR}/.build/iconfont.scss`).toString()) const compiled = template(readFileSync(`${DIR}/.build/iconfont.scss`).toString())
const resultSCSS = compiled(options) const resultSCSS = compiled(options)
fs.writeFileSync(`${DIR}/dist/${fileName}.scss`, resultSCSS) writeFileSync(`${DIR}/dist/${fileName}.scss`, resultSCSS)
//html //html
const compiledHtml = template(fs.readFileSync(`${DIR}/.build/iconfont.html`).toString()) const compiledHtml = template(readFileSync(`${DIR}/.build/iconfont.html`).toString())
const resultHtml = compiledHtml(options) const resultHtml = compiledHtml(options)
fs.writeFileSync(`${DIR}/dist/${fileName}.html`, resultHtml) writeFileSync(`${DIR}/dist/${fileName}.html`, resultHtml)
}) })
} }