[gnome-builder/wip/gtk4-port] libide/webkit: various webkit page work

[Christian Hergert <chergert src gnome org>]

commit eeef1df0c047e7d8278bc72c537faad2e3166bd5
Author: Christian Hergert <chergert redhat com>
Date:   Thu Jun 2 22:19:35 2022 -0700

    libide/webkit: various webkit page work
    
    Start on some basic UI, bind title and favicon to the IdePage properties.

 src/libide/webkit/ide-webkit-page.c  | 136 ++++++++++++++++++++++++++++++++++-
 src/libide/webkit/ide-webkit-page.h  |  10 ++-
 src/libide/webkit/ide-webkit-page.ui |  40 ++++++++++-
 3 files changed, 180 insertions(+), 6 deletions(-)
---
diff --git a/src/libide/webkit/ide-webkit-page.c b/src/libide/webkit/ide-webkit-page.c
index 0f3078eac..0f3b9e970 100644
--- a/src/libide/webkit/ide-webkit-page.c
+++ b/src/libide/webkit/ide-webkit-page.c
@@ -28,11 +28,13 @@
 
 typedef struct
 {
-  WebKitWebView *webview;
+  GtkBox        *toolbar;
+  WebKitWebView *web_view;
 } IdeWebkitPagePrivate;
 
 enum {
   PROP_0,
+  PROP_SHOW_TOOLBAR,
   N_PROPS
 };
 
@@ -40,6 +42,75 @@ G_DEFINE_TYPE_WITH_PRIVATE (IdeWebkitPage, ide_webkit_page, IDE_TYPE_PAGE)
 
 static GParamSpec *properties [N_PROPS];
 
+static gboolean
+transform_cairo_surface_to_gicon (GBinding     *binding,
+                                  const GValue *from_value,
+                                  GValue       *to_value,
+                                  gpointer      user_data)
+{
+  IdeWebkitPage *self = user_data;
+  cairo_surface_t *surface;
+  GdkPixbuf *pixbuf;
+  int favicon_width;
+  int favicon_height;
+  int width;
+  int height;
+
+  g_assert (G_IS_BINDING (binding));
+  g_assert (from_value != NULL);
+  g_assert (to_value != NULL);
+  g_assert (IDE_IS_WEBKIT_PAGE (self));
+
+  width = 16 * gtk_widget_get_scale_factor (GTK_WIDGET (self));
+  height = 16 * gtk_widget_get_scale_factor (GTK_WIDGET (self));
+
+  if (!(surface = g_value_get_boxed (from_value)))
+    return TRUE;
+
+  favicon_width = cairo_image_surface_get_width (surface);
+  favicon_height = cairo_image_surface_get_height (surface);
+  pixbuf = gdk_pixbuf_get_from_surface (surface, 0, 0, favicon_width, favicon_height);
+
+  if ((favicon_width != width || favicon_height != height))
+    {
+      GdkPixbuf *scaled_pixbuf = gdk_pixbuf_scale_simple (pixbuf, width, height, GDK_INTERP_BILINEAR);
+      g_object_unref (pixbuf);
+      pixbuf = scaled_pixbuf;
+    }
+
+  g_assert (!pixbuf || G_IS_ICON (pixbuf));
+
+  g_value_take_object (to_value, pixbuf);
+
+  return TRUE;
+}
+
+static void
+toolbar_notify_visible_cb (IdeWebkitPage *self,
+                           GParamSpec    *pspec,
+                           WebKitWebView *web_view)
+{
+  g_assert (IDE_IS_WEBKIT_PAGE (self));
+  g_assert (WEBKIT_IS_WEB_VIEW (web_view));
+
+  g_object_notify_by_pspec (G_OBJECT (self), properties [PROP_SHOW_TOOLBAR]);
+}
+
+static void
+ide_webkit_page_constructed (GObject *object)
+{
+  IdeWebkitPage *self = (IdeWebkitPage *)object;
+  IdeWebkitPagePrivate *priv = ide_webkit_page_get_instance_private (self);
+  GtkStyleContext *context;
+  GdkRGBA color;
+
+  G_OBJECT_CLASS (ide_webkit_page_parent_class)->constructed (object);
+
+  context = gtk_widget_get_style_context (GTK_WIDGET (priv->web_view));
+  if (gtk_style_context_lookup_color (context, "theme_base_color", &color))
+    webkit_web_view_set_background_color (WEBKIT_WEB_VIEW (priv->web_view), &color);
+}
+
 static void
 ide_webkit_page_dispose (GObject *object)
 {
@@ -56,6 +127,10 @@ ide_webkit_page_get_property (GObject    *object,
 
   switch (prop_id)
     {
+    case PROP_SHOW_TOOLBAR:
+      g_value_set_boolean (value, ide_webkit_page_get_show_toolbar (self));
+      break;
+
     default:
       G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
     }
@@ -71,6 +146,10 @@ ide_webkit_page_set_property (GObject      *object,
 
   switch (prop_id)
     {
+    case PROP_SHOW_TOOLBAR:
+      ide_webkit_page_set_show_toolbar (self, g_value_get_boolean (value));
+      break;
+
     default:
       G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
     }
@@ -82,12 +161,25 @@ ide_webkit_page_class_init (IdeWebkitPageClass *klass)
   GObjectClass *object_class = G_OBJECT_CLASS (klass);
   GtkWidgetClass *widget_class = GTK_WIDGET_CLASS (klass);
 
+  object_class->constructed = ide_webkit_page_constructed;
   object_class->dispose = ide_webkit_page_dispose;
   object_class->get_property = ide_webkit_page_get_property;
   object_class->set_property = ide_webkit_page_set_property;
 
+  properties [PROP_SHOW_TOOLBAR] =
+    g_param_spec_boolean ("show-toolbar",
+                          "Show Toolbar",
+                          "Show Toolbar",
+                          TRUE,
+                          (G_PARAM_READWRITE | G_PARAM_STATIC_STRINGS));
+
+  g_object_class_install_properties (object_class, N_PROPS, properties);
+
   gtk_widget_class_set_template_from_resource (widget_class, "/plugins/webkit/ide-webkit-page.ui");
-  gtk_widget_class_bind_template_child_private (widget_class, IdeWebkitPage, webview);
+
+  gtk_widget_class_bind_template_child_private (widget_class, IdeWebkitPage, toolbar);
+  gtk_widget_class_bind_template_child_private (widget_class, IdeWebkitPage, web_view);
+  gtk_widget_class_bind_template_callback (widget_class, toolbar_notify_visible_cb);
 
   g_type_ensure (WEBKIT_TYPE_WEB_VIEW);
 }
@@ -95,7 +187,14 @@ ide_webkit_page_class_init (IdeWebkitPageClass *klass)
 static void
 ide_webkit_page_init (IdeWebkitPage *self)
 {
+  IdeWebkitPagePrivate *priv = ide_webkit_page_get_instance_private (self);
+
   gtk_widget_init_template (GTK_WIDGET (self));
+
+  g_object_bind_property (priv->web_view, "title", self, "title", 0);
+  g_object_bind_property_full (priv->web_view, "favicon", self, "icon", 0,
+                               transform_cairo_surface_to_gicon,
+                               NULL, self, NULL);
 }
 
 IdeWebkitPage *
@@ -103,3 +202,36 @@ ide_webkit_page_new (void)
 {
   return g_object_new (IDE_TYPE_WEBKIT_PAGE, NULL);
 }
+
+void
+ide_webkit_page_load_uri (IdeWebkitPage *self,
+                          const char    *uri)
+{
+  IdeWebkitPagePrivate *priv = ide_webkit_page_get_instance_private (self);
+
+  g_return_if_fail (IDE_IS_WEBKIT_PAGE (self));
+  g_return_if_fail (uri != NULL);
+
+  webkit_web_view_load_uri (priv->web_view, uri);
+}
+
+gboolean
+ide_webkit_page_get_show_toolbar (IdeWebkitPage *self)
+{
+  IdeWebkitPagePrivate *priv = ide_webkit_page_get_instance_private (self);
+
+  g_return_val_if_fail (IDE_IS_WEBKIT_PAGE (self), FALSE);
+
+  return gtk_widget_get_visible (GTK_WIDGET (priv->toolbar));
+}
+
+void
+ide_webkit_page_set_show_toolbar (IdeWebkitPage *self,
+                                  gboolean       show_toolbar)
+{
+  IdeWebkitPagePrivate *priv = ide_webkit_page_get_instance_private (self);
+
+  g_return_if_fail (IDE_IS_WEBKIT_PAGE (self));
+
+  gtk_widget_set_visible (GTK_WIDGET (priv->toolbar), show_toolbar);
+}
diff --git a/src/libide/webkit/ide-webkit-page.h b/src/libide/webkit/ide-webkit-page.h
index 6e18fea50..af58666b8 100644
--- a/src/libide/webkit/ide-webkit-page.h
+++ b/src/libide/webkit/ide-webkit-page.h
@@ -35,6 +35,14 @@ struct _IdeWebkitPageClass
 };
 
 IDE_AVAILABLE_IN_ALL
-IdeWebkitPage *ide_webkit_page_new (void);
+IdeWebkitPage *ide_webkit_page_new              (void);
+IDE_AVAILABLE_IN_ALL
+void           ide_webkit_page_load_uri         (IdeWebkitPage *self,
+                                                 const char    *uri);
+IDE_AVAILABLE_IN_ALL
+gboolean       ide_webkit_page_get_show_toolbar (IdeWebkitPage *self);
+IDE_AVAILABLE_IN_ALL
+void           ide_webkit_page_set_show_toolbar (IdeWebkitPage *self,
+                                                 gboolean       show_toolbar);
 
 G_END_DECLS
diff --git a/src/libide/webkit/ide-webkit-page.ui b/src/libide/webkit/ide-webkit-page.ui
index 39e4ee290..4b9a3ee8f 100644
--- a/src/libide/webkit/ide-webkit-page.ui
+++ b/src/libide/webkit/ide-webkit-page.ui
@@ -2,9 +2,43 @@
 <interface>
   <template class="IdeWebkitPage" parent="IdePage">
     <child>
-      <object class="WebKitWebView" id="webview">
-        <property name="hexpand">true</property>
-        <property name="vexpand">true</property>
+      <object class="GtkBox">
+        <property name="orientation">vertical</property>
+        <child>
+          <object class="GtkCenterBox" id="toolbar">
+            <signal name="notify::visible" handler="toolbar_notify_visible_cb" swapped="true" 
object="IdeWebkitPage"/>
+            <property name="orientation">horizontal</property>
+            <style>
+              <class name="toolbar"/>
+            </style>
+            <child type="start">
+              <object class="GtkBox">
+                <property name="orientation">horizontal</property>
+                <property name="spacing">3</property>
+                <child>
+                  <object class="GtkButton">
+                    <property name="icon-name">go-previous-symbolic</property>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkButton">
+                    <property name="icon-name">go-next-symbolic</property>
+                  </object>
+                </child>
+              </object>
+            </child>
+            <child>
+              <object class="GtkEntry">
+              </object>
+            </child>
+          </object>
+        </child>
+        <child>
+          <object class="WebKitWebView" id="web_view">
+            <property name="hexpand">true</property>
+            <property name="vexpand">true</property>
+          </object>
+        </child>
       </object>
     </child>
   </template>