refactor: actually use dom apis (DOMParser) (#7)

talhoid · web-flow · commit 8df58e430161 · 2025-05-08T17:58:32.000-05:00
Co-authored-by: talhoid &lt;&gt;
diff --git a/index.html b/index.html
@@ -189,23 +189,22 @@ <h1>Wispcraft Injector</h1>
 					const htmlFile = fileElem.files[0];
 					const reader = new FileReader();
 					reader.onload = function (e) {
-						let content = e.target.result;
-						let index = content.toLowerCase().indexOf("<head>");
-						if (index == -1) {
+						const content = e.target.result;
+						const parser = new DOMParser();
+						const doc = parser.parseFromString(content, "text/html");
+						if (!doc.head) {
 							alert("Invalid client file!");
 							fileElem.value = "";
 							fileElem.removeAttribute("disabled");
 							return;
 						}
-						index += 6;
-
-						let inject = `
-							<script type="text/javascript">
-								${atob(getWispcraftBundle())}
-							<${"/"}script>
-						`;
-						content = content.slice(0, index) + inject + content.slice(index);
-						const blob = new Blob([content], {
+						const script = doc.createElement("script");
+						script.type = "text/javascript";
+						script.textContent = atob(getWispcraftBundle());
+						doc.head.appendChild(script);
+						const serializer = new XMLSerializer();
+						const finalContent = serializer.serializeToString(doc);
+						const blob = new Blob([finalContent], {
 							type: "text/html; charset=utf-8",
 						});
 						downloadLink.download = "wispcraft-" + htmlFile.name;
