@web-padawan/wc-icons-tool 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-padawan/wc-icons-tool",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "main": "./bin/wc-icons-tool",
   "bin": {
     "wc-icons-tool": "./bin/wc-icons-tool"

package/tasks/lumo.js

@@ -1,8 +1,12 @@
 import { execSync } from 'node:child_process';
 import path from 'node:path';
-import { readFileSync,  unlinkSync, writeFileSync } from 'node:fs';
+import { readFileSync, unlinkSync, writeFileSync } from 'node:fs';
+import { dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import * as cheerio from 'cheerio';
 
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
 function createCopyright() {
   return `/**
  * @license
@@ -15,17 +19,19 @@ export function generateLumoFont() {
   const FONT = `${process.cwd()}/packages/vaadin-lumo-styles/lumo-icons`;
 
   // Create SVG font
-  const svgIcons2Font = path.normalize('./node_modules/.bin/svgicons2svgfont');
+  const svgIcons2Font = path.normalize(
+    `${__dirname}/../node_modules/.bin/svgicons2svgfont`
+  );
   execSync(
     `${svgIcons2Font} --fontname=lumo-icons --height=1000 --ascent=850 --descent=150 --normalize --fixedWidth --verbose -o ${FONT}.svg ${process.cwd()}/packages/vaadin-lumo-styles/icons/svg/*.svg`
   );
 
   // Convert SVG to TTF
-  const svg2TTF = path.normalize('./node_modules/.bin/svg2ttf');
+  const svg2TTF = path.normalize(`${__dirname}/../node_modules/.bin/svg2ttf`);
   execSync(`${svg2TTF} --ts=1 ${FONT}.svg ${FONT}.ttf`);
 
   // Convert TTF to WOFF
-  const ttf2WOFF = path.normalize('./node_modules/.bin/ttf2woff');
+  const ttf2WOFF = path.normalize(`${__dirname}/../node_modules/.bin/ttf2woff`);
   execSync(`${ttf2WOFF} ${FONT}.ttf ${FONT}.woff`);
 
   const content = readFileSync(`${FONT}.svg`, 'utf-8');
@@ -51,7 +57,9 @@ export function generateLumoFont() {
   const outputCSS = `
 @font-face {
   font-family: 'lumo-icons';
-  src: url(data:application/font-woff;charset=utf-8;base64,${lumoIconsWoff.toString('base64')})
+  src: url(data:application/font-woff;charset=utf-8;base64,${lumoIconsWoff.toString(
+    'base64'
+  )})
     format('woff');
   font-weight: normal;
   font-style: normal;
@@ -64,11 +72,17 @@ export function generateLumoFont() {
 `;
 
   // Write the output to src/props/icons.css
-  writeFileSync(`${process.cwd()}/packages/vaadin-lumo-styles/src/props/icons.css`, [createCopyright(), outputCSS.trimStart()].join('\n'));
+  writeFileSync(
+    `${process.cwd()}/packages/vaadin-lumo-styles/src/props/icons.css`,
+    [createCopyright(), outputCSS.trimStart()].join('\n')
+  );
 
   // Write the list of glyphs for visual tests
   const list = glyphs.map((g) => g.name);
-  writeFileSync(`${process.cwd()}/packages/vaadin-lumo-styles/test/glyphs.json`, JSON.stringify(list, null, 2));
+  writeFileSync(
+    `${process.cwd()}/packages/vaadin-lumo-styles/test/glyphs.json`,
+    JSON.stringify(list, null, 2)
+  );
 
   // Cleanup temporary font files
   unlinkSync(`${FONT}.svg`);