[chrome] add support for blob urls when isolated

Author: velzie

packages/chrome/src/IsolatedFrame.tsx

@@ -321,8 +321,23 @@ function makeController(url: URL): Controller {
 			return (await fetch(dataUrl)) as BareResponseFetch;
 		},
 		async fetchBlobUrl(blobUrl: string) {
-			console.log("uuhhh");
-			return new Response("hawk tuah") as BareResponseFetch;
+			// find a random tab under this controller
+			console.log("FETCHUBG BLOB");
+			const tab = browser.tabs.find(
+				(tab) => tab.frame.controller === controller
+			);
+			if (!tab) throw new Error("No tab found for blob fetch (?)");
+			const response = await sendFrame(tab, "fetchBlob", blobUrl);
+			console.log("FETCHED BLOB", response);
+
+			let headers = new Headers();
+			headers.set("Content-Type", response.type);
+
+			return {
+				headers,
+				body: response.body,
+				status: 200,
+			} as unknown as BareResponseFetch;
 		},
 	});
 
@@ -344,6 +359,7 @@ function makeController(url: URL): Controller {
 
 export class IsolatedFrame {
 	frame: HTMLIFrameElement;
+	controller: Controller | null = null;
 	constructor() {
 		this.frame = document.createElement("iframe");
 	}
@@ -357,6 +373,7 @@ export class IsolatedFrame {
 			controller = makeController(url);
 		}
 		await controller.ready;
+		this.controller = controller;
 
 		const prefix = controller.prefix;
 

packages/inject/src/index.ts

@@ -19,6 +19,15 @@ export const methods: FrameboundMethods = {
 		const popStateEvent = new PopStateEvent("popstate", { state });
 		window.dispatchEvent(popStateEvent);
 	},
+	async fetchBlob(url) {
+		const response = await fetch(url);
+		const ab = await response.arrayBuffer();
+		return {
+			body: ab,
+			contentType:
+				response.headers.get("Content-Type") || "application/octet-stream",
+		};
+	},
 };
 
 (globalThis as any).$injectLoad = (init: InjectScramjetInit) => {

packages/inject/src/types.d.ts

@@ -66,6 +66,13 @@ export type Framebound = {
 			title: string;
 		},
 	];
+	fetchBlob: [
+		string,
+		{
+			body: ArrayBuffer;
+			contentType: string;
+		},
+	];
 };
 
 export type InjectScramjetInit = {