Fix problems with SVGs (#100)

* Update font.yml * Update font.yml * Update font.yml * Update font.yml * Update font.yml * Update font.yml * Create outline_svg.js * Update font.yml * Update font.yml * Update outline_svg.js * Update font.yml * FIX: Problems with SVGs * FIX: Problems with SVGs Node runs this script to fix SVG files so FontCustom can compile correctly * Trigger on PR * Update scripts/outline_svg.js Co-authored-by: Eric Fennis <eric.fennis@gmail.com> Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2026-11-13 13:48:26 +00:00 · 2020-10-19 11:26:39 +02:00
parent 714f63d0d3
commit 49973ff32b
2 changed files with 70 additions and 2 deletions
@@ -0,0 +1,55 @@
+const { promises: fs } = require("fs");
+const outlineStroke = require("svg-outline-stroke");
+const { parse, stringify } = require("svgson");
+
+const inputDir = `./icons/`;
+const outputDir = `./converted_icons/`;
+
+async function init() {
+  try {
+    const files = await fs.readdir(inputDir);
+    for (let file of files) {
+      const icon = await fs.readFile(`${inputDir}${file}`);
+      const scaled = await parse(icon.toString(), {
+        transformNode: transformForward
+      });
+      const outlined = await outlineStroke(stringify(scaled));
+      const outlinedWithoutAttrs = await parse(outlined, {
+        transformNode: transformBackwards
+      });
+      await fs.writeFile(
+        `${outputDir}${file}`,
+        stringify(outlinedWithoutAttrs)
+      );
+    }
+  } catch (err) {
+    console.log(err);
+  }
+}
+
+init();
+
+function transformForward(node) {
+  if (node.name === "svg") {
+    return {
+      ...node,
+      attributes: {
+        ...node.attributes,
+        width: 960,
+        height: 960
+      }
+    };
+  }
+  return node;
+}
+
+function transformBackwards(node) {
+  if (node.name === "svg") {
+    const { width, height, ...attributes } = node.attributes;
+    return {
+      ...node,
+      attributes
+    };
+  }
+  return node;
+}