update(html editor): notif - detect failed update

Author: tmpmachine

background.js

@@ -1,28 +1,56 @@
+chrome.webRequest.onBeforeRequest.addListener(onBeforeRequest,
+  { urls: ["https://draft.blogger.com/_/BloggerUi/data/*"], types: ["xmlhttprequest"] }
+);
+
 chrome.webRequest.onCompleted.addListener(onRequestCompleted,
   { urls: ["https://draft.blogger.com/_/BloggerUi/data/*"], types: ["xmlhttprequest"] }
 );
 
-function  onRequestCompleted(details) {
+let isNotifiedForErrors = false;
+
+function onBeforeRequest() {
+  isNotifiedForErrors = false;
+}
+
+function waitUntil(stateCheckCallback, delay = 100) {
+  return new Promise(resolve => {
+      let interval = setInterval(() => {
+      let shouldResolve = stateCheckCallback();
+      if (shouldResolve) {
+          clearInterval(interval);
+          resolve();
+      }
+      }, delay);
+  });
+}
+
+let waitTimeout;
+
+async function  onRequestCompleted(details) {
 
   if (!details.url.includes('rpcids=ZmRkFc')) return;
-  
+
+  waitTimeout = setTimeout(() => {
+    isNotifiedForErrors = true;
+    sendNotif('Check for errors');
+  }, 1000);
+}
+
+function sendNotif(message) {
+
   let notifId = '1';
   const notificationOptions = {
       type: 'basic',
       iconUrl: "data:image/webp;base64,UklGRiIBAABXRUJQVlA4TBUBAAAvH8AHAH/AJgDAJNMo6/8vjbsb8FHDSCQp675/ETKhUCgKoCaSFGlsIB5JaCCnyN7Lbv4D4P/flT5lC5QSUOHABniGRfBybZ80y3YB3GrblidVBviti2eYtPrEPQE2YIPICqwQrdA3UlH9tFRU7u5u3/viA0T0fwK0f9Jz/pVzzfO59ZfTkxXnJ9bzKBRgO6URWFtYz3CzTm50XQBwXYDNrGfGjwDGj1jmCOKsUxnCEQbgCANSSAkBa0ywDHU6EOeaU6g1gfpMfJWpx2FpwMQUmBGAWhPqJ8RtZfyVc2SkWaXQIoEIbk17fV0iZZbaD2m3pmlaf4nUdsv9ypy3WkTUbh1o4mu/1Wq1DtySdv56enLi1v5HAA==",
-      title: `Done. Refresh blog page or check errors.`,
-      message: ``,
+      title: ``,
+      message,
       requireInteraction: true,
   };
   chrome.notifications.create(notifId, notificationOptions);
 
-  // execInPage('console.log(123)');
-  
-  
   setTimeout(function() {
     chrome.notifications.clear(notifId);
   }, 2000);
-    
 }
 
 
@@ -47,10 +75,11 @@ async function execInPage(code) {
 // background.js
 chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
   if (request.action === 'sendMessageFromBackground') {
-    console.log('Message received in background:', request.data);
-
-    // Send a response back to the content script
-    // sendResponse({ response: 'Response from background' });
+    if (request.data == 200) {
+      clearInterval(waitTimeout);
+      if (!isNotifiedForErrors) {
+        sendNotif('Template updated');
+      }
+    }
   }
-});
-
+});

inject-all-pages.js

@@ -20,7 +20,33 @@ if (targetElement) {
 	observer.observe(targetElement, config);
 }
 
+let init = false;
+
+async function applyUpdateWatcher() {
+  
+  await waitUntil(() => $('[aria-live="polite"]'), 200);
+  
+  const observer = new MutationObserver( (mutationsList, observer) => {
+		for (const mutation of mutationsList) {
+      
+      if (mutation.target.textContent.trim() == 'Update successful.') {
+        chrome.runtime.sendMessage({
+          action: 'sendMessageFromBackground',
+          data: 200,
+        });
+      }
+      
+		}
+	});
+	
+	const config = { 
+	    childList: true, 
+    };
+	observer.observe($('[aria-live="polite"]'), config);
+}
+
 applyMutation();
+applyUpdateWatcher();
 
 function waitUntil(stateCheckCallback, delay = 100) {
     return new Promise(resolve => {

post-editor-util.js

@@ -40,12 +40,15 @@ let utilPostEditor = (function() {
 
     // set format block
     editorEl.contentDocument.documentElement.addEventListener('keydown', function(event) {
-      if (event.ctrlKey && event.key === '0') {
+      if (event.ctrlKey && event.key === '5') {
         event.preventDefault();
         editorEl.contentDocument.execCommand('formatBlock', false, 'p');
       } else if (event.ctrlKey && event.code === 'Space') {
         event.preventDefault();
         $('[aria-label="Clear formatting"]').click();
+      } else if (event.ctrlKey && event.key === 's') {
+        event.preventDefault();
+        $('[aria-label="Update"]').click();
       } else if (event.ctrlKey && event.key === 'm') {
         event.preventDefault();
         document.querySelector('iframe.editable').contentDocument.execCommand('backColor', false, '#fcff01');