feat: android xml resources parser

readme.md

@@ -14,7 +14,7 @@ const svgContent = transform(vectorDrawbleContent, {
 	override: {
 		'@color/colorPrimary': '#00ff00',
 		'@color/colorSecondary': '#00ff00',
-		'?android:attr/textColorPrimary': 'white'
+		'?android:attr/textColorPrimary': 'white',
 	});
 ```
 

src/vector-drawable-svg.js

@@ -49,6 +49,39 @@ const gradientItemAttrsTransforms = {
 	'android:color': convertHexColor,
 }
 
+/**
+ * @param {string | undefined} value
+ */
+exports.parseAndroidResource = function (value) {
+	if (typeof value !== 'string') return;
+	const parser = new DOMParser()
+	const doc = parser.parseFromString(value)
+	const resourcesNode = doc.getElementsByTagName("resources")[0]
+	if (!resourcesNode) return;
+
+	const map = new Map()
+
+	for (let i = 0; i < resourcesNode.childNodes.length; i++) {
+		const node = resourcesNode.childNodes[i];
+		if (node.nodeType !== 1) continue // if the current node is not Element, continue
+		if (node.firstChild.nodeType !== 3) continue; // if the first child is not TextNode, continue
+		const key = `@${node.tagName}/${node.getAttribute("name")}`
+		const value = node.textContent
+		map.set(key, value)
+	}
+
+	// resolve references
+	for (const [key, value] of map.entries()) {
+		if (/\@\w+\/\w+/g.test(value)) {
+			if (map.has(value)) {
+				map.set(key, map.get(value))
+			}
+		}
+	}
+
+	return Object.fromEntries(map.entries())
+}
+
 function parsePath(root, pathNode) {
 	const svgPath = root.createElement("path");
 	svgPath.setAttribute("fill", "none");

tests/parse-resources.test.js

@@ -0,0 +1,27 @@
+const { parseAndroidResource } = require('../src/vector-drawable-svg.js')
+
+describe("transform android resources to map", () => {
+	it("should transform xml to map", () => {
+		const input = `
+		<?xml version="1.0" encoding="utf-8"?>
+		<resources>
+				<color name="colorPrimary">#CE3168</color>
+				<color name="colorPrimaryDark">#b9275a</color>
+				<color name="colorAccent">#CE3168</color>
+				<color name="ucrop_color_toolbar">@color/colorPrimary</color>
+				<color name="ucrop_color_statusbar">@color/colorPrimaryDark</color>
+				<color name="ucrop_color_widget_active">@color/colorPrimary</color>
+		</resources>
+		`
+
+		const result = parseAndroidResource(input)
+		expect(result).toMatchObject({
+			"@color/colorAccent": "#CE3168",
+			"@color/colorPrimary": "#CE3168",
+			"@color/colorPrimaryDark": "#b9275a",
+			"@color/ucrop_color_statusbar": "#b9275a",
+			"@color/ucrop_color_toolbar": "#CE3168",
+			"@color/ucrop_color_widget_active": "#CE3168",
+		})
+	})
+})