From 60d851e140bf6dd3544948317d809b7880df31c1 Mon Sep 17 00:00:00 2001
From: Alexandre Vazquez <alexandre.vazquez@gmail.com>
Date: Sat, 5 Jul 2025 08:53:14 +0200
Subject: [PATCH] Add XML pretty print formatting

---
 frontend/package-lock.json | 24 +++++++++++++++++++++++-
 frontend/package.json      |  5 +++--
 frontend/src/App.jsx       | 10 +++++++---
 3 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 410d230d..b05f7cec 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -11,7 +11,8 @@
         "@monaco-editor/react": "^4.7.0",
         "firebase": "^9.23.0",
         "react": "^18.2.0",
-        "react-dom": "^18.2.0"
+        "react-dom": "^18.2.0",
+        "xml-formatter": "^3.6.6"
       },
       "devDependencies": {
         "@vitejs/plugin-react": "^4.1.0",
@@ -2671,6 +2672,27 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
+    "node_modules/xml-formatter": {
+      "version": "3.6.6",
+      "resolved": "https://registry.npmjs.org/xml-formatter/-/xml-formatter-3.6.6.tgz",
+      "integrity": "sha512-yfofQht42x2sN1YThT6Er6GFXiQinfDAsMTNvMPi2uZw5/Vtc2PYHfvALR8U+b2oN2ekBxLd2tGWV06rAM8nQA==",
+      "license": "MIT",
+      "dependencies": {
+        "xml-parser-xo": "^4.1.4"
+      },
+      "engines": {
+        "node": ">= 16"
+      }
+    },
+    "node_modules/xml-parser-xo": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/xml-parser-xo/-/xml-parser-xo-4.1.4.tgz",
+      "integrity": "sha512-wo+yWDNeMwd1ctzH4CsiGXaAappDsxuR+VnmPewOzHk/zvefksT2ZlcWpAePl11THOWgnIZM4GjvumevurNWZw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      }
+    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index e7b78186..553f2741 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -8,10 +8,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@monaco-editor/react": "^4.7.0",
+    "firebase": "^9.23.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@monaco-editor/react": "^4.7.0",
-    "firebase": "^9.23.0"
+    "xml-formatter": "^3.6.6"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.1.0",
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 5245d08a..39601d5b 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,5 +1,6 @@
 import { useState, useEffect, useCallback, useRef } from "react";
 import Editor from "@monaco-editor/react";
+import formatXML from "xml-formatter";
 import { initializeApp } from "firebase/app";
 import {
   getAuth,
@@ -508,9 +509,12 @@ export default function App() {
         )}
         <button
           className="icon-button result-format-button"
-          onClick={() =>
-            resultEditorRef.current?.getAction("editor.action.formatDocument").run()
-          }
+          onClick={() => {
+            try {
+              const formatted = formatXML(result);
+              setResult(formatted);
+            } catch {}
+          }}
         >
           📝
         </button>