init

Author: tmpmachine

background.js

@@ -0,0 +1,23 @@
+chrome.webRequest.onCompleted.addListener(onRequestCompleted,
+  { urls: ["https://draft.blogger.com/_/BloggerUi/data/*"], types: ["xmlhttprequest"] }
+);
+
+function  onRequestCompleted(details) {
+
+  if (!details.url.includes('rpcids=ZmRkFc')) return;
+  
+  let notifId = '1';
+  const notificationOptions = {
+      type: 'basic',
+      iconUrl: "data:image/webp;base64,UklGRiIBAABXRUJQVlA4TBUBAAAvH8AHAH/AJgDAJNMo6/8vjbsb8FHDSCQp675/ETKhUCgKoCaSFGlsIB5JaCCnyN7Lbv4D4P/flT5lC5QSUOHABniGRfBybZ80y3YB3GrblidVBviti2eYtPrEPQE2YIPICqwQrdA3UlH9tFRU7u5u3/viA0T0fwK0f9Jz/pVzzfO59ZfTkxXnJ9bzKBRgO6URWFtYz3CzTm50XQBwXYDNrGfGjwDGj1jmCOKsUxnCEQbgCANSSAkBa0ywDHU6EOeaU6g1gfpMfJWpx2FpwMQUmBGAWhPqJ8RtZfyVc2SkWaXQIoEIbk17fV0iZZbaD2m3pmlaf4nUdsv9ypy3WkTUbh1o4mu/1Wq1DtySdv56enLi1v5HAA==",
+      title: `Template updated`,
+      message: ``,
+      requireInteraction: true,
+  };
+  chrome.notifications.create(notifId, notificationOptions);
+  
+  setTimeout(function() {
+    chrome.notifications.clear(notifId);
+  }, 2000);
+    
+}

inject.js

@@ -0,0 +1,36 @@
+function initTools() {
+  
+  let editorEl = document.querySelector('iframe.editable');
+  if (!editorEl) return;
+  if (editorEl.dataset.isToolsLoaded) return;
+  
+  attachKeyboardListeners();
+}
+
+function attachKeyboardListeners() {
+  
+  let editorEl = document.querySelector('iframe.editable');
+  editorEl.dataset.isToolsLoaded = true;
+  
+  // set format block
+  editorEl.contentDocument.documentElement.addEventListener('keydown', function(event) {
+    if (event.ctrlKey && event.shiftKey && event.key === '!') {
+      event.preventDefault();
+       editorEl.contentDocument.execCommand('formatBlock', false, 'p');
+    }
+  });
+  
+  
+  // set background color
+  editorEl.contentDocument.documentElement.addEventListener('keydown', function(event) {
+    if (event.ctrlKey && event.key === 'm') {
+      event.preventDefault();
+      document.querySelector('iframe.editable').contentDocument.execCommand('backColor', false, '#fcff01');
+    }
+  });  
+}
+
+
+// observe visibility change
+document.addEventListener('visibilitychange', initTools, true);
+initTools();

manifest.json

@@ -0,0 +1,35 @@
+{
+  "name": "Blogger Dashboard Utility",
+  "description": "Utilities for Blogger template developer and blog author.",
+  "version": "1.0",
+  "manifest_version": 3,
+  "permissions": [
+    "notifications",
+    "webRequest"
+  ],
+  "host_permissions": [
+    "*://*.blogger.com/_/BloggerUi/data/*"
+  ],
+  "background": {
+    "service_worker": "background.js"
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "https://*.blogger.com/blog/post/edit/*"
+      ],
+      "js": [
+        "inject.js"
+      ]
+    },
+    {
+      "all_frames": true,
+      "matches": [
+        "*://*.blogger.com/display*"
+      ],
+      "css": [
+        "style.css"
+      ]
+    }
+  ]
+}

style.css

@@ -0,0 +1,7 @@
+#layout .widget::after {
+  content: attr(id);
+  left: 0;
+  display: block;
+  text-align: left;
+  margin-top: 5px;
+}