(getCachedBrowsers);
+ const [nativeHostMissing, setNativeHostMissing] = useState(false);
+
+ useEffect(() => {
+ chrome.tabs.query({ active: true, currentWindow: true }, ([t]) =>
+ setTab(t ?? null),
+ );
+ }, []);
+
+ useEffect(() => {
+ if (!tab?.url || !ROUTABLE.test(tab.url)) return;
+
+ chrome.runtime.sendNativeMessage(
+ HOST,
+ { action: "listBrowsers" },
+ (resp) => {
+ if (chrome.runtime.lastError) {
+ console.error(
+ "Switchyard native host error:",
+ chrome.runtime.lastError.message,
+ );
+ setNativeHostMissing(true);
+ return;
+ }
+ setNativeHostMissing(false);
+ const list = (resp as BrowserList)?.browsers ?? [];
+ cacheBrowsers(list);
+ setBrowsers(list);
+ },
+ );
+ }, [tab]);
+
+ if (!tab?.url) return No active tab
;
+ if (!ROUTABLE.test(tab.url))
+ return (
+ This page can't be opened in another browser
+ );
+
+ const { url } = tab;
+ const tabId = tab.id!;
+
+ return (
+ <>
+
+ {(nativeHostMissing || browsers.length > 0) && (
+
+ )}
+ {nativeHostMissing && (
+ Install the native host to list browsers
+ )}
+ {browsers.map((b) => (
+
+ ))}
+
+ );
+}
+
+createRoot(document.getElementById("root")!).render();
diff --git a/webextension/tsconfig.json b/webextension/tsconfig.json
new file mode 100644
index 0000000..694e487
--- /dev/null
+++ b/webextension/tsconfig.json
@@ -0,0 +1,15 @@
+{
+ "compilerOptions": {
+ "target": "ES2022",
+ "module": "ES2022",
+ "moduleResolution": "bundler",
+ "jsx": "react-jsx",
+ "strict": true,
+ "esModuleInterop": true,
+ "skipLibCheck": true,
+ "forceConsistentCasingInFileNames": true,
+ "outDir": "build",
+ "rootDir": "src"
+ },
+ "include": ["src"]
+}