Initial commit

fix-up.mjs

@@ -0,0 +1,51 @@
+#!/usr/bin/env node
+// fix-svg.mjs
+// Usage: node fix-svg.mjs input.svg output.svg 10 "#202020"
+
+import { readFileSync, writeFileSync } from "node:fs";
+import { DOMParser, XMLSerializer } from "@xmldom/xmldom";
+
+const input = process.argv[2];
+const output = process.argv[3];
+const margin = Number.parseFloat(process.argv[4] ?? "0");
+const bg = process.argv[5] ?? null;
+
+if (!input || !output) {
+	process.exit(1);
+}
+
+const xml = readFileSync(input, "utf8");
+const doc = new DOMParser().parseFromString(xml, "image/svg+xml");
+const svg = doc.documentElement;
+
+if (!svg || svg.tagName.toLowerCase() !== "svg") {
+	process.exit(1);
+}
+
+// 1) Adjust viewBox (or derive it from root width/height if needed)
+const vb = svg.getAttribute("viewBox");
+if (vb) {
+	const parts = vb.trim().split(/\s+/).map((s) => Number.parseFloat(s));
+	if (parts.length === 4 && parts.every((n) => Number.isFinite(n))) {
+		let [x, y, w, h] = parts;
+		x -= margin;
+		y -= margin;
+		w += margin * 2;
+		h += margin * 2;
+		svg.setAttribute("viewBox", `${x} ${y} ${w} ${h}`);
+	}
+}
+
+// Remove ONLY root width/height so viewBox governs scaling (optional but common)
+if (svg.hasAttribute("width")) { svg.removeAttribute("width"); }
+if (svg.hasAttribute("height")) { svg.removeAttribute("height"); }
+
+// 2) Set global background color (no inserted rect): root style background
+if (bg) {
+	const style = svg.getAttribute("style") ?? "";
+	const next = style.trim().length > 0 ? `${style.trim().replace(/;+\s*$/, "")};background:${bg}` : `background:${bg}`;
+	svg.setAttribute("style", next);
+}
+
+const out = new XMLSerializer().serializeToString(doc);
+writeFileSync(output, out);