Drop IIFEs and strict mode

They are obsolete in ESM.

Author: codingjoe

chrome-extension/content.js

@@ -1,43 +1,35 @@
-((() => {
-  'use strict';
+const STORAGE_KEY = 'django-devbar-show-bar';
+let currentShowState = true;
+let styleElement = null;
 
-  if (typeof chrome === 'undefined' || !chrome.storage) {
-    return;
+function injectHideCSS() {
+  if (!styleElement) {
+    styleElement = document.createElement('style');
+    styleElement.id = 'devbar-visibility-control';
+    styleElement.textContent = '#django-devbar { display: none !important; }';
+    (document.head || document.documentElement).appendChild(styleElement);
   }
+}
 
-  const STORAGE_KEY = 'django-devbar-show-bar';
-  let currentShowState = true;
-  let styleElement = null;
-
-  function injectHideCSS() {
-    if (!styleElement) {
-      styleElement = document.createElement('style');
-      styleElement.id = 'devbar-visibility-control';
-      styleElement.textContent = '#django-devbar { display: none !important; }';
-      (document.head || document.documentElement).appendChild(styleElement);
-    }
-  }
-
-  function removeHideCSS() {
-    if (styleElement?.parentNode) {
-      styleElement.parentNode.removeChild(styleElement);
-      styleElement = null;
-    }
+function removeHideCSS() {
+  if (styleElement?.parentNode) {
+    styleElement.parentNode.removeChild(styleElement);
+    styleElement = null;
   }
+}
 
-  function checkAndApply() {
-    chrome.storage.local.get([STORAGE_KEY], (result) => {
-      currentShowState = result[STORAGE_KEY] !== false;
-      currentShowState ? removeHideCSS() : injectHideCSS();
-    });
-  }
+function checkAndApply() {
+  chrome.storage.local.get([STORAGE_KEY], (result) => {
+    currentShowState = result[STORAGE_KEY] !== false;
+    currentShowState ? removeHideCSS() : injectHideCSS();
+  });
+}
 
-  checkAndApply();
+checkAndApply();
 
-  chrome.storage.onChanged.addListener((changes, area) => {
-    if (area === 'local' && changes[STORAGE_KEY]) {
-      currentShowState = changes[STORAGE_KEY].newValue;
-      currentShowState ? removeHideCSS() : injectHideCSS();
-    }
-  });
-}))();
+chrome.storage.onChanged.addListener((changes, area) => {
+  if (area === 'local' && changes[STORAGE_KEY]) {
+    currentShowState = changes[STORAGE_KEY].newValue;
+    currentShowState ? removeHideCSS() : injectHideCSS();
+  }
+});

chrome-extension/panel.html

@@ -79,6 +79,6 @@
     </label>
   </div>
   <div id="app"></div>
-  <script src="panel.js"></script>
+  <script type="module" src="panel.js"></script>
 </body>
 </html>