WindowDidMove / WindowDidResize events for Linux and Windows

* [linux] emit system specific event for theme change

Code was incorrectly emitting the `events.Common.ThemeChanged` event
instead of the OS Specific `events.Linux.SystemThemeChanged` event.
It is the reponsibility of the code in events_common_linux.go to map
it to the common variety.

* [linux] implement WindowDidMove

* [linux] implement debounce for WindowDidMove

* [example] listen for events.Common.WindowDidMove

* [windows] move WindowDidMove mapper outside of DnD guard

* WindowDidResize implementation

* windows: WindowDidResize

* chore: changelog update

* events.Common.WindowDidMove and events.Common.WindowDidResize

Author: tmclane

Diff for: mkdocs-website/docs/en/changelog.md

@@ -18,6 +18,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased]
 
 ### Added
+- [linux] WindowDidMove / WindowDidResize events in [#3580](https://github.com/wailsapp/wails/pull/3580)
+- [windows] WindowDidResize event in (https://github.com/wailsapp/wails/pull/3580)
 - [darwin] add Event ApplicationShouldHandleReopen to be able to handle dock icon click by @5aaee9 in [#2991](https://github.com/wailsapp/wails/pull/2991)
 - [darwin] add getPrimaryScreen/getScreens to impl by @tmclane in [#2618](https://github.com/wailsapp/wails/pull/2618)
 - [darwin] add option for showing the toolbar in fullscreen mode on macOS by [@fbbdev](https://github.com/fbbdev) in [#3282](https://github.com/wailsapp/wails/pull/3282)

Diff for: v3/examples/window/main.go

@@ -164,13 +164,30 @@ func main() {
 				SetRelativePosition(rand.Intn(1000), rand.Intn(800)).
 				SetURL("https://wails.io").
 				Show()
-			w.On(events.Windows.WindowDidMove, func(event *application.WindowEvent) {
+			w.On(events.Common.WindowDidMove, func(event *application.WindowEvent) {
 				x, y := w.AbsolutePosition()
 				fmt.Printf("WindowDidMove event triggered. New position: (%d, %d)\n", x, y)
 			})
 			windowCounter++
 		})
+	myMenu.Add("New WebviewWindow (Listen to Resize)").
+		OnClick(func(ctx *application.Context) {
+			w := app.NewWebviewWindowWithOptions(application.WebviewWindowOptions{
+				Windows: application.WindowsWindow{
+					DisableMenu: true,
+				},
+			}).
+				SetTitle("WebviewWindow "+strconv.Itoa(windowCounter)).
+				SetRelativePosition(rand.Intn(1000), rand.Intn(800)).
+				SetURL("https://wails.io").
+				Show()
+			w.On(events.Common.WindowDidResize, func(event *application.WindowEvent) {
+				width, height := w.Size()
 
+				fmt.Printf("WindowDidResize event triggered. New size: (%d, %d)\n", width, height)
+			})
+			windowCounter++
+		})
 	myMenu.Add("New WebviewWindow (Hides on Close one time)").
 		SetAccelerator("CmdOrCtrl+H").
 		OnClick(func(ctx *application.Context) {

Diff for: v3/internal/runtime/desktop/@wailsio/runtime/src/event_types.js

@@ -27,6 +27,7 @@ export const EventTypes = {
 		WindowDragLeave: "windows:WindowDragLeave",
 		WindowDragOver: "windows:WindowDragOver",
 		WindowDidMove: "windows:WindowDidMove",
+		WindowDidResize: "windows:WindowDidResize",
 	},
 	Mac: {
 		ApplicationDidBecomeActive: "mac:ApplicationDidBecomeActive",
@@ -158,6 +159,8 @@ export const EventTypes = {
 		SystemThemeChanged: "linux:SystemThemeChanged",
 		WindowLoadChanged: "linux:WindowLoadChanged",
 		WindowDeleteEvent: "linux:WindowDeleteEvent",
+		WindowDidMove: "linux:WindowDidMove",
+		WindowDidResize: "linux:WindowDidResize",
 		WindowFocusIn: "linux:WindowFocusIn",
 		WindowFocusOut: "linux:WindowFocusOut",
 		ApplicationStartup: "linux:ApplicationStartup",
@@ -185,5 +188,6 @@ export const EventTypes = {
 		WindowRuntimeReady: "common:WindowRuntimeReady",
 		ThemeChanged: "common:ThemeChanged",
 		WindowDidMove: "common:WindowDidMove",
+		WindowDidResize: "common:WindowDidResize",
 	},
 };

Diff for: v3/internal/runtime/desktop/@wailsio/runtime/types/event_types.d.ts

@@ -27,6 +27,7 @@ export declare const EventTypes: {
 		WindowDragLeave: string,
 		WindowDragOver: string,
 		WindowDidMove: string,
+		WindowDidResize: string,
 	},
 	Mac: {
 		ApplicationDidBecomeActive: string,
@@ -158,6 +159,8 @@ export declare const EventTypes: {
 		SystemThemeChanged: string,
 		WindowLoadChanged: string,
 		WindowDeleteEvent: string,
+		WindowDidMove: string,
+		WindowDidResize: string,
 		WindowFocusIn: string,
 		WindowFocusOut: string,
 		ApplicationStartup: string,
@@ -185,5 +188,6 @@ export declare const EventTypes: {
 		WindowRuntimeReady: string,
 		ThemeChanged: string,
 		WindowDidMove: string,
+		WindowDidResize: string,
 	},
 };

Diff for: v3/pkg/application/application_linux.go

@@ -173,7 +173,7 @@ func (a *linuxApp) monitorThemeChanges() {
 
 			if theme != a.theme {
 				a.theme = theme
-				event := newApplicationEvent(events.Common.ThemeChanged)
+				event := newApplicationEvent(events.Linux.SystemThemeChanged)
 				event.Context().setIsDarkMode(a.isDarkMode())
 				applicationEvents <- event
 			}

Diff for: v3/pkg/application/linux_cgo.go

@@ -59,6 +59,7 @@ typedef struct WindowEvent {
 // exported below
 void activateLinux(gpointer data);
 extern void emit(WindowEvent* data);
+extern gboolean handleConfigureEvent(GtkWidget*, GdkEventConfigure*, uintptr_t);
 extern gboolean handleDeleteEvent(GtkWidget*, GdkEvent*, uintptr_t);
 extern gboolean handleFocusEvent(GtkWidget*, GdkEvent*, uintptr_t);
 extern void handleLoadChanged(WebKitWebView*, WebKitLoadEvent, uintptr_t);
@@ -1198,6 +1199,35 @@ func emit(we *C.WindowEvent) {
 	}
 }
 
+//export handleConfigureEvent
+func handleConfigureEvent(widget *C.GtkWidget, event *C.GdkEventConfigure, data C.uintptr_t) C.gboolean {
+	window := globalApplication.getWindowForID(uint(data))
+	if window != nil {
+		lw, ok := window.(*WebviewWindow).impl.(*linuxWebviewWindow)
+		if !ok {
+			return C.gboolean(1)
+		}
+		if lw.lastX != int(event.x) || lw.lastY != int(event.y) {
+			lw.moveDebouncer(func() {
+				processWindowEvent(C.uint(data), C.uint(events.Linux.WindowDidMove))
+			})
+		}
+
+		if lw.lastWidth != int(event.width) || lw.lastHeight != int(event.height) {
+			lw.resizeDebouncer(func() {
+				processWindowEvent(C.uint(data), C.uint(events.Linux.WindowDidResize))
+			})
+		}
+
+		lw.lastX = int(event.x)
+		lw.lastY = int(event.y)
+		lw.lastWidth = int(event.width)
+		lw.lastHeight = int(event.height)
+	}
+
+	return C.gboolean(1)
+}
+
 //export handleDeleteEvent
 func handleDeleteEvent(widget *C.GtkWidget, event *C.GdkEvent, data C.uintptr_t) C.gboolean {
 	processWindowEvent(C.uint(data), C.uint(events.Linux.WindowDeleteEvent))
@@ -1237,6 +1267,7 @@ func (w *linuxWebviewWindow) setupSignalHandlers(emit func(e events.WindowEventT
 	C.signal_connect(unsafe.Pointer(w.window), c.String("delete-event"), C.handleDeleteEvent, winID)
 	C.signal_connect(unsafe.Pointer(w.window), c.String("focus-out-event"), C.handleFocusEvent, winID)
 	C.signal_connect(wv, c.String("load-changed"), C.handleLoadChanged, winID)
+	C.signal_connect(unsafe.Pointer(w.window), c.String("configure-event"), C.handleConfigureEvent, winID)
 
 	contentManager := C.webkit_web_view_get_user_content_manager(w.webKitWebView())
 	C.signal_connect(unsafe.Pointer(contentManager), c.String("script-message-received::external"), C.sendMessageToBackend, nil)

Diff for: v3/pkg/application/webview_window_darwin.go

@@ -1236,6 +1236,9 @@ func (w *macosWebviewWindow) run() {
 		w.parent.On(events.Mac.WindowDidResignMain, func(_ *WindowEvent) {
 			w.parent.emit(events.Common.WindowLostFocus)
 		})
+		w.parent.On(events.Mac.WindowDidResize, func(_ *WindowEvent) {
+			w.parent.emit(events.Common.WindowDidResize)
+		})
 
 		if options.HTML != "" {
 			w.setHTML(options.HTML)

Diff for: v3/pkg/application/webview_window_linux.go

@@ -5,13 +5,19 @@ package application
 import "C"
 import (
 	"fmt"
+	"time"
 
+	"github.com/bep/debounce"
 	"github.com/wailsapp/wails/v3/internal/assetserver"
 	"github.com/wailsapp/wails/v3/internal/capabilities"
 	"github.com/wailsapp/wails/v3/internal/runtime"
 	"github.com/wailsapp/wails/v3/pkg/events"
 )
 
+const (
+	windowDidMoveDebounceMS = 200
+)
+
 type dragInfo struct {
 	XRoot       int
 	YRoot       int
@@ -35,6 +41,9 @@ type linuxWebviewWindow struct {
 	lastX, lastY  int
 	gtkmenu       pointer
 	ctxMenuOpened bool
+
+	moveDebouncer   func(func())
+	resizeDebouncer func(func())
 }
 
 var (
@@ -200,6 +209,13 @@ func (w *linuxWebviewWindow) run() {
 		w.on(eventId)
 	}
 
+	if w.moveDebouncer == nil {
+		w.moveDebouncer = debounce.New(time.Duration(windowDidMoveDebounceMS) * time.Millisecond)
+	}
+	if w.resizeDebouncer == nil {
+		w.resizeDebouncer = debounce.New(time.Duration(windowDidMoveDebounceMS) * time.Millisecond)
+	}
+
 	// Register the capabilities
 	globalApplication.capabilities = capabilities.NewCapabilities()
 
@@ -292,6 +308,13 @@ func (w *linuxWebviewWindow) run() {
 	w.parent.On(events.Linux.WindowDeleteEvent, func(e *WindowEvent) {
 		w.parent.emit(events.Common.WindowClosing)
 	})
+	w.parent.On(events.Linux.WindowDidMove, func(e *WindowEvent) {
+		w.parent.emit(events.Common.WindowDidMove)
+	})
+	w.parent.On(events.Linux.WindowDidResize, func(e *WindowEvent) {
+		w.parent.emit(events.Common.WindowDidResize)
+	})
+
 	w.parent.RegisterHook(events.Linux.WindowLoadChanged, func(e *WindowEvent) {
 		w.execJS(runtime.Core())
 	})

Diff for: v3/pkg/application/webview_window_windows.go

@@ -5,8 +5,6 @@ package application
 import (
 	"errors"
 	"fmt"
-	"github.com/wailsapp/wails/v3/internal/assetserver"
-	"github.com/wailsapp/wails/v3/internal/runtime"
 	"net/url"
 	"strconv"
 	"strings"
@@ -18,8 +16,10 @@ import (
 
 	"github.com/bep/debounce"
 	"github.com/wailsapp/go-webview2/webviewloader"
+	"github.com/wailsapp/wails/v3/internal/assetserver"
 	"github.com/wailsapp/wails/v3/internal/assetserver/webview"
 	"github.com/wailsapp/wails/v3/internal/capabilities"
+	"github.com/wailsapp/wails/v3/internal/runtime"
 
 	"github.com/samber/lo"
 
@@ -1024,6 +1024,7 @@ func (w *windowsWebviewWindow) WndProc(msg uint32, wparam, lparam uintptr) uintp
 				InvokeSync(func() {
 					w.chromium.Resize()
 				})
+				w.parent.emit(events.Windows.WindowDidResize)
 			})
 		} else {
 			w.chromium.Resize()
@@ -1418,9 +1419,6 @@ func (w *windowsWebviewWindow) setupChromium() {
 		w.dropTarget.OnOver = func() {
 			w.parent.emit(events.Windows.WindowDragOver)
 		}
-		w.parent.On(events.Windows.WindowDidMove, func(e *WindowEvent) {
-			w.parent.emit(events.Common.WindowDidMove)
-		})
 		// Enumerate all the child windows for this window and register them as drop targets
 		w32.EnumChildWindows(w.hwnd, func(hwnd w32.HWND, lparam w32.LPARAM) w32.LRESULT {
 			// Check if the window class is "Chrome_RenderWidgetHostHWND"
@@ -1438,6 +1436,14 @@ func (w *windowsWebviewWindow) setupChromium() {
 
 	}
 
+	// event mapping
+	w.parent.On(events.Windows.WindowDidMove, func(e *WindowEvent) {
+		w.parent.emit(events.Common.WindowDidMove)
+	})
+	w.parent.On(events.Windows.WindowDidResize, func(e *WindowEvent) {
+		w.parent.emit(events.Common.WindowDidResize)
+	})
+
 	// We will get round to this
 	//if chromium.HasCapability(edge.AllowExternalDrop) {
 	//	err := chromium.AllowExternalDrag(w.parent.options.EnableDragAndDrop)