adding examples

extension-kapture/content-script.js

@@ -0,0 +1,30 @@
+// Proxy messages from webpage to extension
+window.addEventListener('kapture-message', (event) => {
+  chrome.runtime.sendMessage(event.detail);
+});
+
+// Listen for console log events from the injected code
+window.addEventListener('kapture-console', (event) => {
+  // Send console log to background script
+  chrome.runtime.sendMessage({
+    type: 'consoleLog',
+    ...event.detail
+  });
+});
+function ready() {
+  // Notify background script that content script is ready
+  chrome.runtime.sendMessage({ type: 'contentScriptReady' });
+
+  document.body.classList.add('kapture-loaded');
+  window.dispatchEvent(new CustomEvent('kapture-loaded'));
+
+  // Check for auto-connect querystring parameter
+  const urlParams = new URLSearchParams(window.location.search);
+  if (urlParams.get('kapture-connect') === 'true') {
+    chrome.runtime.sendMessage({ type: 'connect' });
+    chrome.runtime.sendMessage({ type: 'openPopup' });
+  }
+}
+
+// Notify webpage that Kapture is loaded after DOMContentLoaded
+document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', ready) : ready();