Add refresh replacements button

content_script.js

@@ -1,7 +1,11 @@
 DEACTIVATE_KEY = 'deactivate-this-extension-pls-interactive-fics-yalla-bina';
 
 chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
-	escapeAndReplace(message.input_word, message.replace_value, message.case_sensitive)
+	if ('input_word' in message){
+		escapeAndReplace(message.input_word, message.replace_value, message.case_sensitive)
+	} else {
+		replaceAll()
+	}
 });
 
 const replaceAll = () => {

popup.css

@@ -30,10 +30,23 @@ label *:not([type="checkbox"]){
 .other-words .change{
 	margin-right:0;
 }
-#clear-name, #deactivate{
+#clear-name, #deactivate, #refresh-replacements{
 	margin-top:0.5em;
 	width:96%;
 }
+
+#refresh-replacements {
+	margin-top: 1.5em;
+	font-size: 1.005em;
+	background-color: #D9B08C;
+	border-radius: 0.5em;
+	color: white;
+}
+
+#refresh-replacements:hover {
+	color: black;
+}
+
 #deactivate{
 	background-color: #116466;
 	color:white;

popup.html

@@ -15,6 +15,9 @@
 		<form id="clear-name-form">
 			<input type="submit" id="clear-name" value="Clear Name"/>
 		</form>
+		<form id="refresh-replacements-form">
+			<input type="submit" id="refresh-replacements" value="Refresh Replacements"/>
+		</form>
 		<details>
 			<summary>Need to replace something other than Y/N?</summary>
 			<p><small>This change will go away when you refresh/go to another page unless you check the box next to "Store this replacement".</small></p>

popup.js

@@ -5,6 +5,7 @@ document.addEventListener('DOMContentLoaded', function () {
 	document.getElementById('change-name-form').addEventListener('submit', changeName)
 	document.getElementById('clear-name-form').addEventListener('submit', clearName)
 	document.getElementById('replace-other-words-form').addEventListener('submit', replaceOther)
+	document.getElementById('refresh-replacements-form').addEventListener('submit', refreshReplacements)
 	document.getElementById('show-saved').addEventListener('click', loadSaved)
 	document.getElementById('deactivate').addEventListener('click', toggleDeactivate)
 
@@ -48,6 +49,16 @@ const replaceOther = () => {
 	}
 }
 
+const refreshReplacements = () => {
+	chrome.tabs.query({ active: true, currentWindow: true }, tabs => {
+		chrome.tabs.sendMessage(
+			tabs[0].id,
+			{
+				refresh: true
+			})
+	})
+}
+
 const loadSaved = () => {
 	chrome.storage.sync.get(null, items => {
 		const list = document.getElementById('saved-items-list')