[frontend] update tab favicon

Author: velzie

frontend/src/browser.tsx

@@ -76,6 +76,24 @@ export class Browser extends StatefulClass {
 				} else {
 					tab.title = "New Tab";
 				}
+				const favicon = framedoc.querySelector(
+					"link[rel='icon'], link[rel='shortcut icon']"
+				);
+				if (favicon) {
+					const iconhref = favicon.getAttribute("href");
+					if (iconhref) {
+						const rewritten = scramjet.encodeUrl(
+							new URL(iconhref, frame.client.url)
+						);
+						tab.icon = rewritten;
+					} else {
+						tab.icon = "/vite.svg";
+					}
+				} else {
+					tab.icon = scramjet.encodeUrl(
+						new URL("/favicon.ico", frame.client.url)
+					);
+				}
 			});
 			observer.observe(head, {
 				childList: true,

frontend/src/main.tsx

@@ -22,7 +22,7 @@ export const scramjet = new ScramjetController({
 		naiiveRewriter: false,
 	},
 	siteFlags: {
-		"https://www.google.com/.*": {
+		"https://www.google.com/(search|sorry).*": {
 			naiiveRewriter: true,
 		},
 		"https://worker-playground.glitch.me/.*": {

frontend/src/tabs.tsx

@@ -168,13 +168,15 @@ export class Tab {
 
 	width: number;
 	pos: number;
+	icon: string;
 
 	constructor(title: string, frame: ScramjetFrame) {
 		return createState({
 			id: id++,
 			frame,
 			title,
 			url: "puter://blank",
+			icon: "/vite.svg",
 			dragoffset: -1,
 			dragpos: -1,
 			width: 0,
@@ -361,8 +363,8 @@ export const Tabs: Component<
 			{use(this.tabs).mapEach((tab) => (
 				<DragTab
 					id={tab.id}
-					title={tab.title}
-					icon="/vite.svg"
+					title={use(tab.title)}
+					icon={use(tab.icon)}
 					active={use(this.activetab).map((x) => x === tab)}
 					mousedown={(e) => mouseDown(e, tab)}
 					click={() => {