feat: update title on note content change

Author: anig1scur

src/util.ts

@@ -51,6 +51,7 @@ export interface INote {
   v: 1;
   uuid: string;
   content: string;
+  title: string;
   style: Style;
   tags: ITag[];
   modified: Date;
@@ -151,6 +152,7 @@ export class Note extends GObject.Object {
   v: 1;
   uuid: string;
   content: string;
+  title: string;
   style: Style;
   tag_list: Gio.ListStore<Tag>;
   modified: GLib.DateTime;
@@ -201,6 +203,7 @@ export class Note extends GObject.Object {
     this.v = note.v;
     this.uuid = note.uuid;
     this.content = note.content;
+    this.title = note.title;
     this.style = note.style;
     this.tag_list = Gio.ListStore.new(Tag.$gtype) as Gio.ListStore<Tag>;
     this.tags = note.tags;
@@ -211,13 +214,31 @@ export class Note extends GObject.Object {
     this.width = note.width;
     this.height = note.height;
     this.open = note.open ?? false;
+
+    // @ts-expect-error incorrect types
+    this.bind_property_full(
+      "content",
+      this,
+      "title",
+      GObject.BindingFlags.SYNC_CREATE,
+      (_, content) => {
+        if (!content) return [false, ""];
+        return [true, content.substring(0, 24)]
+      },
+      null
+    );
+
+    this.connect("notify::title", () => {
+      this.emit('title-changed');
+    });
   }
 
   static generate() {
     return new this({
       v: 1,
       uuid: GLib.uuid_string_random(),
       content: "",
+      title: "",
       style: SETTINGS.DEFAULT_STYLE,
       tags: [],
       modified: new Date(),
@@ -232,6 +253,7 @@ export class Note extends GObject.Object {
       v: this.v,
       uuid: this.uuid,
       content: this.content,
+      title: this.title,
       style: this.style,
       tags: this.tags.map((tag) => ({
         name: tag.name,
@@ -250,6 +272,7 @@ export class Note extends GObject.Object {
       v: this.v,
       uuid: this.uuid,
       content: this.content,
+      title: this.title,
       style: this.style,
       tags: this.tags,
       modified: this.modified_date,
@@ -270,6 +293,8 @@ export class Note extends GObject.Object {
         // deno-fmt-ignore
         content: GObject.ParamSpec.string("content", "Content", "Content of the note", GObject.ParamFlags.READWRITE, ""),
         // deno-fmt-ignore
+        title: GObject.ParamSpec.string("title", "Title", "Title of the note", GObject.ParamFlags.READWRITE, ""),
+        // deno-fmt-ignore
         style: GObject.ParamSpec.int("style", "Style", "Style of the note", GObject.ParamFlags.READWRITE, 0, 100, 0),
         // deno-fmt-ignore
         tag_list: this.tag_list_pspec,
@@ -282,6 +307,9 @@ export class Note extends GObject.Object {
         // deno-fmt-ignore
         open: GObject.ParamSpec.boolean("open", "Open", "Whether the note was open when the application was closed", GObject.ParamFlags.READWRITE, false),
       },
+      Signals: {
+        'title-changed': {},
+      },
     }, this);
   }
 }

src/window.ts

@@ -98,6 +98,12 @@ export class Window extends Adw.ApplicationWindow {
     this.default_width = note.width;
     this.default_height = note.height;
 
+    this.update_title();
+
+    this.note.connect("title-changed", () => {
+      this.update_title();
+    });
+
     this.connect("close-request", () => {
       if (this.deleted) return;
 
@@ -151,6 +157,14 @@ export class Window extends Adw.ApplicationWindow {
     popover.add_child(this.selector, "notestyleswitcher");
   }
 
+  update_title() {
+    if (this.note.title === "") {
+      this.set_title(_("Untitled Note"));
+      return;
+    }
+    this.set_title(this.note.title);
+  }
+
   last_revealer = false;
 
   update_link(selected: boolean, text: string) {