[frontend] inform chrome of page loads

Author: velzie

packages/chrome/src/IsolatedFrame.tsx

@@ -269,7 +269,9 @@ const methods = {
 			}
 
 			const head = findhead(handler.root as Node as Element)!;
-			head.children.unshift(new Element("script", { src: inject_script }));
+
+			// inject after the scramjet scripts and before the rest of the page
+			head.children.splice(3, 0, new Element("script", { src: inject_script }));
 		});
 
 		const fetchresponse = await handleFetch.call(
@@ -580,7 +582,6 @@ function pageContextItems(
 }
 const chromemethods: ChromeboundMethods = {
 	titlechange: async (tab, { title, icon }) => {
-		console.log("title changed...", tab, title, icon);
 		if (tab) {
 			if (title) {
 				tab.title = title;
@@ -603,4 +604,15 @@ const chromemethods: ChromeboundMethods = {
 			pageContextItems(tab!, msg)
 		);
 	},
+	load: async (tab, { url }) => {
+		if (!tab) return;
+		console.log("URL", url);
+		if (tab.history.justTriggeredNavigation) {
+			// url bar was typed in, we triggered this navigation, don't push a new state since we already did
+			tab.history.justTriggeredNavigation = false;
+		} else {
+			// the page just loaded on its own (a link was clicked, window.location was set)
+			tab.history.push(new URL(url), undefined, false);
+		}
+	},
 };

packages/chrome/src/components/TabStrip.tsx

@@ -192,6 +192,11 @@ DragTab.style = css`
 		flex-direction: column;
 		gap: 0.1em;
 	}
+	.tooltip .title {
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
 	.tooltip .hostname {
 		font-size: 12px;
 	}

packages/inject/src/index.ts

@@ -107,3 +107,13 @@ function setupContextMenu() {
 
 setupTitleWatcher();
 setupContextMenu();
+
+// inform	chrome of the current url
+// will happen if you get redirected/click on a link, etc, the chrome will have no idea otherwise
+sendChrome("load", {
+	url: client.url.href,
+});
+
+console.log("sent load", client.url.href);
+
+// console.log(client);

packages/inject/src/types.d.ts

@@ -29,6 +29,11 @@ export type Chromebound = {
 			icon?: string;
 		},
 	];
+	load: [
+		{
+			url: string;
+		},
+	];
 };
 
 export type Framebound = {