view: Refactor view to have a manager View struct.

The view struct creates, manages and runs the view, and handles all communication with components outside of the view.

src/view/graph_view.rs

@@ -202,7 +202,7 @@ impl GraphView {
         }
     }
 
-    pub fn add_port_to_node(&self, node_id: u32, port_id: u32, port: crate::view::port::Port) {
+    pub fn add_port(&self, node_id: u32, port_id: u32, port: crate::view::port::Port) {
         let private = imp::GraphView::from_instance(self);
 
         if let Some(node) = private.nodes.borrow_mut().get_mut(&node_id) {
@@ -217,6 +217,14 @@ impl GraphView {
         }
     }
 
+    pub fn remove_port(&self, id: u32, node_id: u32) {
+        let private = imp::GraphView::from_instance(self);
+        let nodes = private.nodes.borrow();
+        if let Some(node) = nodes.get(&node_id) {
+            node.remove_port(id);
+        }
+    }
+
     /// Add a link to the graph.
     ///
     /// `add_link` takes three arguments: `link_id` is the id of the link as assigned by the pipewire server,
@@ -235,11 +243,11 @@ impl GraphView {
         self.queue_draw();
     }
 
-    pub fn set_dragged(&self, widget: Option<gtk::Widget>) {
+    pub(super) fn set_dragged(&self, widget: Option<gtk::Widget>) {
         *imp::GraphView::from_instance(self).dragged.borrow_mut() = widget;
     }
 
-    pub fn move_node(&self, node: &gtk::Widget, x: f32, y: f32) {
+    pub(super) fn move_node(&self, node: &gtk::Widget, x: f32, y: f32) {
         let layout_manager = self
             .get_layout_manager()
             .expect("Failed to get layout manager")

src/view/mod.rs

@@ -1,6 +1,130 @@
+//! The view presented to the user.
+//!
+//! This module contains gtk widgets and helper struct needed to present the graphical user interface.
+
 mod graph_view;
 mod node;
 pub mod port;
 
 pub use graph_view::GraphView;
 pub use node::Node;
+
+use gtk::{
+    glib::{self, clone},
+    prelude::*,
+};
+use pipewire::port::Direction;
+
+use crate::controller::MediaType;
+
+// FIXME: This should be in its own .css file.
+static STYLE: &str = "
+.audio {
+    background: rgb(50,100,240);
+	color: black;
+}
+
+.video {
+    background: rgb(200,200,0);
+	color: black;
+}
+
+.midi {
+    background: rgb(200,0,50);
+    color: black;
+}
+";
+
+/// Manager struct of the view.
+///
+/// This struct is responsible for setting up the UI, as well as communication with other components outside the view.
+pub struct View {
+    app: gtk::Application,
+    graphview: GraphView,
+}
+
+impl View {
+    /// Create the view.
+    /// This will set up the entire user interface and prepare it for being run.
+    ///
+    /// To show and run the interface, its [`run`](`Self::run`) method will need to be called.
+    pub(super) fn new() -> Self {
+        let graphview = GraphView::new();
+
+        let app = gtk::Application::new(Some("org.freedesktop.ryuukyu.helvum"), Default::default())
+            .expect("Application creation failed");
+
+        app.connect_startup(|_| {
+            // Load CSS from the STYLE variable.
+            let provider = gtk::CssProvider::new();
+            provider.load_from_data(STYLE.as_bytes());
+            gtk::StyleContext::add_provider_for_display(
+                &gtk::gdk::Display::get_default().expect("Error initializing gtk css provider."),
+                &provider,
+                gtk::STYLE_PROVIDER_PRIORITY_APPLICATION,
+            );
+        });
+
+        app.connect_activate(clone!(@strong graphview => move |app| {
+            let scrollwindow = gtk::ScrolledWindowBuilder::new().child(&graphview).build();
+            let window = gtk::ApplicationWindowBuilder::new()
+                .application(app)
+                .default_width(1280)
+                .default_height(720)
+                .title("Helvum - Pipewire Patchbay")
+                .child(&scrollwindow)
+                .build();
+            window
+                .get_settings()
+                .set_property_gtk_application_prefer_dark_theme(true);
+            window.show();
+        }));
+
+        let quit = gtk::gio::SimpleAction::new("quit", None);
+        quit.connect_activate(clone!(@weak app => move |_, _| {
+            app.quit();
+        }));
+        app.set_accels_for_action("app.quit", &["<Control>Q"]);
+        app.add_action(&quit);
+
+        Self { app, graphview }
+    }
+
+    /// Run the view. This will enter a gtk event loop and remain in that until the application is quit by the user.
+    pub(super) fn run(&self) -> i32 {
+        self.app.run(&std::env::args().collect::<Vec<_>>())
+    }
+
+    pub fn add_node(&self, id: u32, name: &str) {
+        let node = crate::view::Node::new(name);
+        self.graphview.add_node(id, node);
+    }
+
+    pub fn add_port(
+        &self,
+        node_id: u32,
+        port_id: u32,
+        port_name: &str,
+        port_direction: Direction,
+        port_media_type: Option<MediaType>,
+    ) {
+        let port = port::Port::new(port_id, port_name, port_direction, port_media_type);
+        self.graphview.add_port(node_id, port_id, port)
+    }
+
+    pub fn add_link(&self, id: u32, link: crate::PipewireLink) {
+        self.graphview.add_link(id, link);
+    }
+
+    pub fn remove_node(&self, id: u32) {
+        self.graphview.remove_node(id);
+    }
+
+    pub fn remove_port(&self, id: u32, node_id: u32) {
+        self.graphview.remove_port(id, node_id);
+    }
+
+    pub fn remove_link(&self, id: u32) {
+        self.graphview.remove_link(id);
+    }
+}