Use Blueprint to create the GtkSourceView (#182)

Author: sonnyp

src/Source View/main.blp

@@ -10,15 +10,24 @@ Adw.StatusPage {
     orientation: vertical;
     halign: center;
 
-    ScrolledWindow scrolled_window {
+    ScrolledWindow {
       height-request: 180;
       width-request: 600;
       has-frame: true;
+
+      GtkSource.View {
+        auto-indent: true;
+        indent-width: 2;
+        show-line-numbers: true;
+        monospace: true;
+
+        buffer: GtkSource.Buffer buffer {};
+      }
     }
 
     LinkButton {
-      label: _("API Reference");
-      uri: "https://gnome.pages.gitlab.gnome.org/gtksourceview/gtksourceview5/class.View.html";
+      label: _("Documentation");
+      uri: "https://gnome.pages.gitlab.gnome.org/gtksourceview/gtksourceview5/";
     }
   }
 }

src/Source View/main.js

@@ -4,22 +4,12 @@ import GtkSource from "gi://GtkSource";
 // However, you _have_ to call this once during the startup in your application - e.g. in GApplication::startup
 GtkSource.init();
 
-// Get the language we want to use
+const buffer = workbench.builder.get_object("buffer");
+
+// Set the language we want to use
 const language_manager = GtkSource.LanguageManager.get_default();
 const language = language_manager.get_language("js");
+buffer.set_language(language);
 
-// Create the buffer - this holds the text that's used in the SourceView
-const buffer = GtkSource.Buffer.new_with_language(language);
+// The buffer holds the text that's used in the SourceView
 buffer.set_text('console.log("Hello World!");', -1);
-
-// Create the SourceView which displays the buffer's display
-const source_view = new GtkSource.View({
-  auto_indent: true,
-  indent_width: 4,
-  buffer,
-  show_line_numbers: true,
-});
-
-// Add the SourceView to our ScrolledView so its displayed
-const scrolled_window = workbench.builder.get_object("scrolled_window");
-scrolled_window.set_child(source_view);

src/Source View/main.py

@@ -2,26 +2,19 @@
 
 gi.require_version("Gtk", "4.0")
 gi.require_version("GtkSource", "5")
-from gi.repository import Gtk, GtkSource
+from gi.repository import GtkSource
 import workbench
 
 # Strictly speaking we don't _have_ to do this here since WorkBench does this for us.
 # However, you _have_ to call this once during the startup in your application - e.g. in GApplication::startup
 GtkSource.init()
 
-# Get the language we want to use
+buffer = workbench.builder.get_object("buffer")
+
+# Set the language we want to use
 language_manager = GtkSource.LanguageManager.get_default()
 language = language_manager.get_language("js")
+buffer.set_language(language)
 
-# Create the buffer - this holds the text that's used in the SourceView
-buffer = GtkSource.Buffer.new_with_language(language)
-buffer.set_text('console.log("Hello World!")', -1)
-
-# Create the SourceView which displays the buffer's display
-source_view = GtkSource.View(
-    auto_indent=True, indent_width=4, buffer=buffer, show_line_numbers=True
-)
-
-# Add the SourceView to our ScrolledView so its displayed
-scrolled_window: Gtk.ScrolledWindow = workbench.builder.get_object("scrolled_window")
-scrolled_window.set_child(source_view)
+# The buffer holds the text that's used in the SourceView
+buffer.set_text('print "Hello World"', -1)

src/Source View/main.vala

@@ -7,22 +7,13 @@ public void main () {
      */
     GtkSource.init ();
 
-    // Get the language we want to use
-    var language_manager = GtkSource.LanguageManager.get_default ();
-    var language = language_manager.get_language ("js");
-    // Create the buffer - this holds the text that's used in the SourceView
-    var buffer = new GtkSource.Buffer.with_language (language) {
-        text = "console.log(\"Hello World!\");"
-    };
+    var buffer = (GtkSource.Buffer) workbench.builder.get_object ("buffer");
 
-    // Create the SourceView which displays the buffer's display
-    var source_view = new GtkSource.View.with_buffer (buffer) {
-        auto_indent = true,
-        indent_width = 4,
-        show_line_numbers = true
-    };
+    // Set the language we want to use
+    var language_manager = GtkSource.LanguageManager.get_default ();
+    var language = language_manager.get_language ("vala");
+    buffer.language = language;
 
-    // Add the SourceView to our ScrolledView so its displayed
-    var scrolled_window = (Gtk.ScrolledWindow) workbench.builder.get_object ("scrolled_window");
-    scrolled_window.child = source_view;
+    // The buffer holds the text that's used in the SourceView
+    buffer.text = "stdout.printf (\"Hello World\");";
 }