@pantoken/icon-font 0.1.3 → 0.1.4

package/dist/index.mjs

@@ -6,6 +6,7 @@ import svg2ttf from "svg2ttf";
 import ttf2woff2 from "ttf2woff2";
 import ClipperLib from "clipper-lib";
 import { pointsOnPath } from "points-on-path";
+import svgpath from "svgpath";
 //#region src/outline.ts
 /**
 * Turn an icon SVG into a single **filled** glyph path (what a font glyph needs). Fill-based icons
@@ -113,13 +114,16 @@ function svgToGlyphPath(svg) {
 		height
 	};
 	const offset = new ClipperLib.ClipperOffset(2, .25);
-	for (const sub of subpaths) for (const poly of pointsOnPath(sub.d, .2, .2)) {
-		if (poly.length < 2) continue;
-		const path = poly.map(([x, y]) => ({
-			X: Math.round(x * SCALE),
-			Y: Math.round(y * SCALE)
-		}));
-		offset.AddPath(path, ClipperLib.JoinType.jtRound, sub.closed ? ClipperLib.EndType.etClosedLine : ClipperLib.EndType.etOpenRound);
+	for (const sub of subpaths) {
+		const flattened = svgpath(sub.d).unarc().abs().round(3).toString();
+		for (const poly of pointsOnPath(flattened, .2, .2)) {
+			if (poly.length < 2) continue;
+			const path = poly.map(([x, y]) => ({
+				X: Math.round(x * SCALE),
+				Y: Math.round(y * SCALE)
+			}));
+			offset.AddPath(path, ClipperLib.JoinType.jtRound, sub.closed ? ClipperLib.EndType.etClosedLine : ClipperLib.EndType.etOpenRound);
+		}
 	}
 	const solution = new ClipperLib.Paths();
 	offset.Execute(solution, strokeWidth / 2 * SCALE);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantoken/icon-font",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Build an installable Instructure icon font (WOFF2 + TTF) with CSS and codepoints — stroke glyphs outlined to fills.",
   "homepage": "https://pantoken.iywahl.com",
   "bugs": "https://github.com/thedannywahl/pantoken/issues",
@@ -36,6 +36,7 @@
     "points-on-path": "catalog:",
     "svg2ttf": "catalog:",
     "svgicons2svgfont": "catalog:",
+    "svgpath": "catalog:",
     "ttf2woff2": "catalog:"
   },
   "devDependencies": {