chore: we so back

Author: Jack5079

flake.nix

@@ -32,6 +32,7 @@
               pkgs.libadwaita
               pkgs.libsoup_3
               pkgs.gobject-introspection
+              pkgs.webkitgtk_6_0
               pkgs.glib-networking
               pkgs.p11-kit
               pkgs.gst_all_1.gst-libav

package.json

@@ -3,6 +3,7 @@
 	"devDependencies": {
 		"@girs/adw-1": "1.4.3-3.2.9",
 		"@girs/gjs": "^3.2.3",
-		"@girs/gtk-4.0": "4.10.5-3.2.3"
+		"@girs/gtk-4.0": "4.10.5-3.2.3",
+		"@girs/webkit-6.0": "2.41.90-3.2.9"
 	}
 }

share/icons/hicolor/scalable/apps/surf.tangent.Tangent.svg

@@ -1,4 +1,5 @@
 /// <reference types="gjs/dom" />
+import WebKit2 from "gi://WebKit?version=6.0"
 import GObject from "gi://GObject"
 import Gio from "gi://Gio"
 import Gtk from "gi://Gtk?version=4.0"
@@ -24,26 +25,58 @@ const Tangent = GObject.registerClass(
 
 		vfunc_startup() {
 			super.vfunc_startup()
+
+			const about_action = new Gio.SimpleAction({
+				name: "about",
+				parameterType: null
+			})
+			about_action.connect("activate", () => {
+				const about = Adw.AboutWindow.new_from_appdata(
+						meta.replace("resource://", ""),
+						""
+				)
+			  about.set_transient_for(this.get_active_window())
+				about.present()
+			})
+			this.add_action(about_action)
 		}
 
 		vfunc_activate() {
 			super.vfunc_activate()
 
-			/*** @type {{window: Gtk.ApplicationWindow, search: Gtk.SearchEntry}} */
-			const { window } = build(Interface, {
-				about: () => {
-					const about = Adw.AboutWindow.new_from_appdata(
-						meta.replace("resource://", ""),
-						""
-					)
-					about.set_transient_for(window)
-					about.present()
-				},
-			})
+			/*** @type {{window: Gtk.ApplicationWindow, content: Gtk.Box, urlbar: Gtk.Entry}} */
+			const { window, content, urlbar } = build(Interface)
 			window.set_application(this)
 			window.set_icon_name("surf.tangent.Tangent")
 			window.present()
 			window.connect("close-request", win => win.run_dispose())
+			const webview = new WebKit2.WebView({
+				settings: 
+					new WebKit2.Settings({
+						enableDeveloperExtras: true
+					})
+				
+			})
+
+
+			content.append(webview)
+			webview.vexpand = true
+			webview.hexpand = true
+			webview.load_uri("https://tangent.surf")
+			webview.bind_property(
+  "uri",
+  urlbar.buffer,
+  "text",
+  GObject.BindingFlags.DEFAULT,
+);
+						webview.connect("notify::estimated-load-progress", () => {
+  urlbar.progressFraction = webview.estimatedLoadProgress;
+  if (urlbar.progressFraction === 1) {
+    setTimeout(() => {
+      urlbar.progressFraction = 0;
+    }, 500);
+  }
+});
 		}
 	}
 )

src/main.js

@@ -4,30 +4,59 @@ using Adw 1;
 Adw.Window window {
   default-width: 800;
   default-height: 600;
-  title: "Methodsave";
-  Box {
-    orientation: vertical;
-    Adw.HeaderBar {
-      styles ["flat"]
-      [title]
-      Adw.Clamp {
-        tightening-threshold: 400;
-        hexpand: true;
-        Gtk.SearchEntry search {
-          placeholder-text: "Wave smiley.";
-        }
+  title: "Tangent";
+
+  Adw.OverlaySplitView {
+    sidebar-position: end;
+
+    [sidebar]
+    Box {
+      orientation: vertical;
+      WindowHandle {
+        Box {
+          styles ["toolbar"]
+          orientation: horizontal;
+          MenuButton button_menu {
+            menu-model: menu_app;
+            icon-name: "open-menu-symbolic";
+            primary: true;
+            halign: start;
+          }
+          // Button {
+          //   icon-name: "about-symbolic";
+          //   clicked => $about();
+          //   halign: end;
+          // }
+          WindowControls {
+            decoration-layout: "close";
+            hexpand: true;
+            halign: end;
+          }
+      }
       }
 
-      [end]
-      Gtk.Button {
-        icon-name: "about-symbolic";
-        clicked => $about();
+      Entry urlbar {
+ input-purpose: url;
+        hexpand: true;
+      }
+      Label {
+        label: "hi! :3";
       }
     }
-    Adw.StatusPage {
-      icon-name: "uk.cetera.Methodsave";
-      title: "Method is coming.";
+
+    [content]
+    Box content {
       vexpand: true;
     }
   }
 }
+
+
+menu menu_app {
+  section {
+    item {
+      label: _("About");
+      action: "app.about";
+    }
+  }
+}