BDE-240: Inject content script into the page to detect disconnection

src/main/content-script.js

@@ -0,0 +1,22 @@
+(async () => {
+  let connected;
+
+  try {
+    const response = await fetch('/nuxeo/json/cmis');
+    // Some pages can return an HTML page with 404 message on it.
+    // We should validate that the response is a json object.
+    await response.json();
+    connected = response.ok;
+  } catch (error) {
+    connected = false;
+  }
+
+  if (!connected) {
+    await chrome.runtime.sendMessage({
+      extension: 'nuxeo-web-extension',
+      component: 'serverConnector',
+      action: 'disconnect',
+      params: []
+    });
+  }
+})();

src/main/manifest-chrome.json

@@ -42,5 +42,14 @@
     },
     "default_title": "Nuxeo Dev Tools",
     "default_popup": "popup/index.html"
-  }
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "http://*/*",
+        "https://*/*"
+      ],
+      "js": ["content-script.js"]
+    }
+  ]
 }

vite.config.js

@@ -92,6 +92,15 @@ export default defineConfig(({ mode }) => {
         ],
         hook: 'writeBundle', // run the plugin at the end of bundling
       }),
+      copy({
+        targets: [
+          {
+            src: 'src/main/content-script.js',
+            dest: `dist/${browserVendor}`,
+          }
+        ],
+        // hook: 'writeBundle', // run the plugin at the end of bundling
+      }),
       htmlReparent({ browserVendor, buildEntry, sourceDir: 'src', outputDir: `dist/${browserVendor}` }),
       mainReparent({ browserVendor, buildEntry, sourceDir: 'src', outputDir: `dist/${browserVendor}` }),
       astPatch({ browserVendor, buildEntry }),