feat: Added a new tab page on harbor:new url

tathyagarg · tathyagarg · commit f170cd583f49 · 2026-02-24T11:38:54.000+05:30
diff --git a/docs/devlogs/044/44.md b/docs/devlogs/044/44.md
@@ -0,0 +1,13 @@
+![Logo](https://github.com/tathyagarg/harbor/raw/main/.github/assets/logo.png?raw)
+# Changes
+---
+- [bed7f9b](https://github.com/tathyagarg/harbor/commit/bed7f9b12c88abbd09bfd8ffb97544b141a79d0b): Made tabs in the tab bar clickable to switch between them. There's a *tiny* bug where you can press between tabs and it still switches to a tab, but the gap is so small that I couldn't be bothered to fix it.
+- [7e5a03e](https://github.com/tathyagarg/harbor/commit/7e5a03e80033896defe8d8dce3b370c495c030cc): Added support for fetching stylesheets from the `<link>` tag in HTML documents. I'm pretty sure this has a bug that means relative paths won't work. I haven't tested that but I know I didn't implement it, so it probably doesn't work.
+- [d8ce0a4](https://github.com/tathyagarg/harbor/commit/d8ce0a4e3d24375a96bf0f9c0be8e5c9b9aa5bf4): Made the tabs in the tab bar resize automatically with the number of tabs open.
+- [bb139f9](https://github.com/tathyagarg/harbor/commit/bb139f9bb6278a8c2a1af9dc8d3b6cd2571c392c): Added the basic address bar display that shows the URL of the current page. It doesn't do anything yet, but it's there.
+- [491f59b](https://github.com/tathyagarg/harbor/commit/491f59b0e4017c3050ace39e7ad284cc111022bf): Added editing capabilities to the address bar. You can click on it and type, and press enter to navigate to the URL you typed. It doesn't do any error handling or anything, so if you type something that's not a valid URL it will just crash the browser. But it works for valid URLs.
+
+---
+# Next Steps
+---
+1. Add forward and back buttons to the address bar and make them functional.
diff --git a/docs/devlogs/044/44.png b/docs/devlogs/044/44.png
diff --git a/harbor/engine/res/pages/tab.html b/harbor/engine/res/pages/tab.html
@@ -0,0 +1,25 @@
+<<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>New Tab</title>
+  <style>
+    body {
+        background-color: #121212;
+    }
+
+    h1 {
+        color: #ffffff;
+    }
+
+    p {
+        color: #cccccc;
+    }
+  </style>
+</head>
+<body>
+  <h1>Welcome to your new tab!</h1>
+  <p>This is a custom new tab page.</p>
+</body>
+</html>
diff --git a/harbor/engine/src/agent.rs b/harbor/engine/src/agent.rs
@@ -97,6 +97,26 @@ impl Agent {
     }
 
     pub fn open(&mut self, url: &str) -> Option<Rc<RefCell<Document>>> {
+        if url.starts_with("harbor:") {
+            let path = url.trim_start_matches("harbor:").to_string();
+
+            match path.as_str() {
+                "new" => {
+                    let html_content = fs::read_to_string("res/pages/tab.html").unwrap();
+                    let mut stream =
+                        InputStream::new(&html_content.chars().collect::<Vec<char>>()[..]);
+
+                    let document = Parser::parse_stream(&mut stream);
+                    document
+                        .borrow_mut()
+                        .insert_stylesheet(0, self.ua_stylesheet.clone());
+
+                    return Some(document);
+                }
+                _ => return None,
+            }
+        }
+
         let maybe_resolved_url = URL::pure_parse(url.to_string());
 
         if maybe_resolved_url.is_err() {
diff --git a/harbor/engine/src/http/url.rs b/harbor/engine/src/http/url.rs
@@ -1040,8 +1040,6 @@ impl URL {
 
         input = input.replace("\t", "").replace("\n", "");
 
-        println!("inp: {}", input);
-
         let mut state = state_override.clone().unwrap_or(ParseURLState::SchemeStart);
         let mut buffer = String::new();
         let mut at_sign_seen = false;
diff --git a/harbor/engine/src/main.rs b/harbor/engine/src/main.rs
@@ -170,7 +170,8 @@ fn main() {
         agent: Some(Rc::clone(&ua)),
         callbacks: None,
         initial_url: Some(
-            "file:///Users/tathyagarg/programming/harbor/assets/html/custom006.html".to_string(),
+            "file:///Users/tathyagarg/programming/harbor/assets/html/position-demo.html"
+                .to_string(),
         ),
     };
 
diff --git a/harbor/engine/src/render/state.rs b/harbor/engine/src/render/state.rs
@@ -424,20 +424,12 @@ impl WindowState {
         if bg_color[3] > 0.0 {
             render_pass.set_pipeline(&self.fill_render_pipeline);
 
-            let window_size = self.window.inner_size();
-
-            // let x_pos = (adj_position.0 as f32 / window_size.width as f32) * 2.0 - 1.0;
-            // let y_pos = 1.0 - (adj_position.1 as f32 / window_size.height as f32) * 2.0;
-
             let (x_pos, y_pos) = adj_position;
 
             let pixel_w = layout_box.content_edges().horizontal() as f32;
             let pixel_h = layout_box.content_edges().vertical() as f32;
 
-            let width = (pixel_w / window_size.width as f32) * 2.0;
-            let height = (pixel_h / window_size.height as f32) * 2.0;
-
-            let verts = rectangle_at(x_pos as f32, y_pos as f32, width, height, bg_color);
+            let verts = rectangle_at(x_pos as f32, y_pos as f32, pixel_w, pixel_h, bg_color);
 
             let bg_vertex_buffer =
                 self.device
