fixed all cwv by adding a escapeTextReinterpreted function

2 files changed, 14 insertions, 6 deletions

diff --git a/src/js/getrepo.js b/src/js/getrepo.js
index 675a187c..c7d1a70e 100644
--- a/src/js/getrepo.js
+++ b/src/js/getrepo.js
@@ -72,13 +72,13 @@ const displayRepos = (repos) => {
 
 		let listItem = document.createElement('li');
 		listItem.classList.add('repo', 'animate', 'zoomIn')
-		listItem.innerHTML = `
+		listItem.innerHTML = escapeTextReinterpreted(`
 			<h2 class="repo-title">${repo.name}</h2>
-			<span class="rdescription">${repo.description ? `<span class="rdescriptiontext">${repo.description}</span>` : ''}<br/><br/>`
+			<span class="rdescription">${repo.description ? `<span class="rdescriptiontext">${repo.description}</span>` : ''}<br/><br/>`)
 
 		if (repo.stargazers_count > 0) {
-			listItem.innerHTML += `<a href="${starsUrl}">
-			<span>⭐ ${repo.stargazers_count}</span></a>`
+			listItem.innerHTML += escapeTextReinterpreted(`<a href="${starsUrl}">
+			<span>⭐ ${repo.stargazers_count}</span></a>`)
 		}
 
 		if (repo.language) {
@@ -87,8 +87,8 @@ const displayRepos = (repos) => {
 		}
 
 		if (repo.forks_count > 0) {
-			listItem.innerHTML += `<a href="${starsUrl}">
-			<span>${devicons["Git"]} ${repo.forks_count}</span></a>`
+			listItem.innerHTML += escapeTextReinterpreted(`<a href="${starsUrl}">
+			<span>${devicons["Git"]} ${repo.forks_count}</span></a>`)
 		}
 
 		if (repo.homepage && repo.homepage !== "") {
diff --git a/src/js/main.js b/src/js/main.js
index 1276c46c..88162510 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -7,4 +7,12 @@ if ('serviceWorker' in navigator) {
                 console.log('sw.js failed: ', err);
         });
     });
+}
+
+function escapeTextReinterpreted(htmlStr) {
+    return htmlStr.replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#39;");        
 }
\ No newline at end of file