Initial work on Lyrics pane

data/style.css

@@ -43,7 +43,6 @@
 
 .side-pane .bottom-bar {
     border-radius: 0 0 12px 12px;
-    margin: 0 1px 1px 1px;
 }
 
 .music-navrail {

data/ui/window.blp

@@ -171,15 +171,42 @@ template VictrolaMainWindow : He.ApplicationWindow {
               show-back: bind album.folded;
               show-left-title-buttons: bind album.folded;
               show-right-title-buttons: true;
+
+              [titlebar-toggle]
+              ToggleButton lyrics_btn {
+                icon-name: "edit-find-symbolic";
+                tooltip-text: _("See Lyrics");
+              }
             }
 
-            Box info_box {
-              orientation: vertical;
-              vexpand: true;
+            Stack infostack {
+                StackPage {
+                  name: "info";
+                  child:
+                  Box info_box {
+                    orientation: vertical;
+                    vexpand: true;
 
-              styles [
-                  "side-pane"
-              ]
+                    styles [
+                        "side-pane"
+                    ]
+                  }
+                  ;
+                }
+
+                StackPage {
+                  name: "lyrics";
+                  child:
+                  Box lyrics_box {
+                    orientation: vertical;
+                    vexpand: true;
+
+                    styles [
+                        "side-pane"
+                    ]
+                  }
+                  ;
+                }
             }
           }
         ;

meson.build

@@ -52,6 +52,9 @@ dependencies = [
   dependency('gtk4'),
   dependency('gee-0.8'),
   dependency('libhelium-1'),
+  dependency('libsoup-2.4'),
+  dependency('json-glib-1.0'),
+  dependency('libxml-2.0'),
   dependency('libbismuth-1', fallback: [ 'libbismuth', 'libbismuth_dep' ], version: '>=1.0.0'),
   libm_dep,
   posix_dep,
@@ -70,7 +73,10 @@ sources = [
   'src/Utils/mpris.vala',
   'src/Utils/song-store.vala',
   'src/Utils/tag-parser.vala',
+  'src/Utils/lyric.vala',
+  'src/Utils/lyrics-catch.vala',
   'src/Widgets/info-page.vala',
+  'src/Widgets/lyric-page.vala',
   'src/Widgets/play-bar.vala',
   'src/Widgets/play-bar-mobile.vala',
   'src/Widgets/song-entry.vala',

src/Utils/lyric.vala

@@ -0,0 +1,30 @@
+using Gee;
+
+namespace Victrola {
+    public class Lyric : Object {
+
+        /* Fields */
+        public string title { get; set; }
+        public string artist { get; set; }
+        public string lyric { get; set; }
+        public string lyric_sync { get; set; }
+        private string[] urls;
+        public string current_url { get; set; }
+        public string current_sync_url { get; set; }
+
+        public void add_url(string url) {
+            urls += url;
+        }
+
+        public int get_len_urls() {
+            return urls.length;
+        }
+
+        public string get_url_from_index(int index) {
+            if (index > get_len_urls()) {
+                return "";
+            }
+            return urls[index];
+        }
+    }
+}