chore: kinda works i think

Author: Jack5079

.gitignore

@@ -1,2 +1,6 @@
+source
 result
 node_modules
+pnpm-lock.yaml
+bun.lockb
+package-lock.json

flake.nix

@@ -8,7 +8,7 @@
 
   outputs = { nixpkgs, self, troll }:
     let
-      appid = "surf.Tangent.Tangent";
+      appid = "surf.tangent.Tangent";
       description = "Go on tangents.";
     in
     {

jsconfig.json

@@ -5,11 +5,11 @@
 		// So GNOME must use Firefox 102 ESR which is from 2022
 		// https://discourse.gnome.org/t/gnome-43-to-depend-on-spidermonkey-102/10658
 		"target": "ESNext",
-		"module": "NodeNext", // Import attributes are only available when targeting ESNext
+		"module": "ESNext", // Import attributes are only available when targeting ESNext
 		"lib": ["ESNext"],
 
 		"checkJs": true,
-		"moduleResolution": "nodenext",
+		"moduleResolution": "bundler",
 		"resolveJsonModule": true,
 		"typeRoots": ["./node_modules/@girs"]
 	}

package.json

@@ -1,7 +1,7 @@
 {
 	"private": true,
 	"devDependencies": {
-		"@girs/adw-1": "1.3.4-3.2.3",
+		"@girs/adw-1": "1.4.3-3.2.9",
 		"@girs/gjs": "^3.2.3",
 		"@girs/gtk-4.0": "4.10.5-3.2.3"
 	}

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

@@ -22,7 +22,7 @@
     <control>keyboard</control>
     <control>touch</control>
   </supports>
-  <requires><internet>always</internet></require>
+  <requires><internet>always</internet></requires>
 <developer_name>Etcetera Development</developer_name>
   <description>
     <p>

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

@@ -1 +1,51 @@
-console.log("The user agent.")
+/// <reference types="gjs/dom" />
+import GObject from "gi://GObject"
+import Gio from "gi://Gio"
+import Gtk from "gi://Gtk?version=4.0"
+import Adw from "gi://Adw?version=1"
+import GLib from "gi://GLib"
+import { programArgs, programInvocationName } from "system"
+import { build } from "troll"
+import "troll/globals.js"
+import Interface from "./window.blp" with { type: "uri" }
+import meta from "../share/metainfo/surf.tangent.Tangent.metainfo.xml" with {type: "uri"}
+
+GLib.set_application_name("Tangent")
+
+const Tangent = GObject.registerClass(
+	{},
+	class Tangent extends Adw.Application {
+		constructor() {
+			super({
+				applicationId: "surf.tangent.Tangent",
+				flags: Gio.ApplicationFlags.DEFAULT_FLAGS,
+			})
+		}
+
+		vfunc_startup() {
+			super.vfunc_startup()
+		}
+
+		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()
+				},
+			})
+			window.set_application(this)
+			window.set_icon_name("surf.tangent.Tangent")
+			window.present()
+			window.connect("close-request", win => win.run_dispose())
+		}
+	}
+)
+
+new Tangent().run([programInvocationName].concat(programArgs))

share/metainfo/surf.tangent.Tangent.metainfo.xml

@@ -0,0 +1,33 @@
+using Gtk 4.0;
+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.";
+        }
+      }
+
+      [end]
+      Gtk.Button {
+        icon-name: "about-symbolic";
+        clicked => $about();
+      }
+    }
+    Adw.StatusPage {
+      icon-name: "uk.cetera.Methodsave";
+      title: "Method is coming.";
+      vexpand: true;
+    }
+  }
+}