workspaceThumbnails: Disconnect signals on destroy

The minimap is currently created once when populating the overview,
and kept around until the end of the session. That will change when
we start to also show it on secondary monitors, so do proper clean
up when destroyed.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1735>

js/ui/workspaceThumbnail.js

@@ -654,8 +654,8 @@ var ThumbnailsBox = GObject.registerClass({
         this._targetScale = 0;
         this._scale = 0;
         this._expandFraction = 1;
+        this._updateStateId = 0;
         this._pendingScaleUpdate = false;
-        this._stateUpdateQueued = false;
         this._animatingIndicator = false;
 
         this._shouldShow = true;
@@ -666,60 +666,86 @@ var ThumbnailsBox = GObject.registerClass({
 
         this._thumbnails = [];
 
-        Main.overview.connect('showing',
+        this._overviewSignals = [
-                              this._createThumbnails.bind(this));
+            Main.overview.connect('showing',
-        Main.overview.connect('hidden',
+                () => this._createThumbnails()),
-                              this._destroyThumbnails.bind(this));
+            Main.overview.connect('hidden',
-
+                () => this._destroyThumbnails()),
-        Main.overview.connect('item-drag-begin',
+            Main.overview.connect('item-drag-begin',
-                              this._onDragBegin.bind(this));
+                () => this._onDragBegin()),
-        Main.overview.connect('item-drag-end',
+            Main.overview.connect('item-drag-end',
-                              this._onDragEnd.bind(this));
+                () => this._onDragEnd()),
-        Main.overview.connect('item-drag-cancelled',
+            Main.overview.connect('item-drag-cancelled',
-                              this._onDragCancelled.bind(this));
+                () => this._onDragCancelled()),
-        Main.overview.connect('window-drag-begin',
+            Main.overview.connect('window-drag-begin',
-                              this._onDragBegin.bind(this));
+                () => this._onDragBegin()),
-        Main.overview.connect('window-drag-end',
+            Main.overview.connect('window-drag-end',
-                              this._onDragEnd.bind(this));
+                () => this._onDragEnd()),
-        Main.overview.connect('window-drag-cancelled',
+            Main.overview.connect('window-drag-cancelled',
-                              this._onDragCancelled.bind(this));
+                () => this._onDragCancelled()),
+        ];
 
         this._settings = new Gio.Settings({ schema_id: MUTTER_SCHEMA });
         this._settings.connect('changed::dynamic-workspaces',
             () => this._updateShouldShow());
 
-        Main.layoutManager.connect('monitors-changed', () => {
+        this._monitorsChangedId =
-            this._destroyThumbnails();
+            Main.layoutManager.connect('monitors-changed', () => {
-            if (Main.overview.visible)
+                this._destroyThumbnails();
-                this._createThumbnails();
+                if (Main.overview.visible)
-        });
+                    this._createThumbnails();
+            });
 
-        global.display.connect('workareas-changed',
+        this._workareasChangedId = global.display.connect('workareas-changed',
-                               this._updatePorthole.bind(this));
+            () => this._updatePorthole());
 
         this.connect('notify::visible', () => {
             if (!this.visible)
                 this._queueUpdateStates();
         });
+        this.connect('destroy', () => this._onDestroy());
 
         this._switchWorkspaceNotifyId = 0;
         this._nWorkspacesNotifyId = 0;
         this._syncStackingId = 0;
-        this._workareasChangedId = 0;
 
         this._scrollAdjustment = scrollAdjustment;
 
-        this._scrollAdjustment.connect('notify::value', adj => {
+        this._scrollValueId = this._scrollAdjustment.connect('notify::value',
-            let workspaceManager = global.workspace_manager;
+            adj => {
-            let activeIndex = workspaceManager.get_active_workspace_index();
+                const { workspaceManager } = global;
+                const activeIndex = workspaceManager.get_active_workspace_index();
 
-            this._animatingIndicator = adj.value !== activeIndex;
+                this._animatingIndicator = adj.value !== activeIndex;
 
-            if (!this._animatingIndicator)
+                if (!this._animatingIndicator)
-                this._queueUpdateStates();
+                    this._queueUpdateStates();
 
-            this.queue_relayout();
+                this.queue_relayout();
-        });
+            });
+    }
+
+    _onDestroy() {
+        this._unqueueUpdateStates();
+
+        if (this._scrollValueId)
+            this._scrollAdjustment.disconnect(this._scrollValueId);
+        this._scrollValueId = 0;
+
+        if (this._monitorsChangedId)
+            Main.layoutManager.disconnect(this._monitorsChangedId);
+        this._monitorsChangedId = 0;
+
+        if (this._workareasChangedId)
+            global.display.disconnect(this._workareasChangedId);
+        this._workareasChangedId = 0;
+
+        this._overviewSignals.forEach(id => Main.overview.disconnect(id));
+        this._overviewSignals = [];
+
+        if (this._settings)
+            this._settings.run_dispose();
+        this._settings = null;
     }
 
     _updateShouldShow() {
@@ -979,7 +1005,7 @@ var ThumbnailsBox = GObject.registerClass({
         this._targetScale = 0;
         this._scale = 0;
         this._pendingScaleUpdate = false;
-        this._stateUpdateQueued = false;
+        this._unqueueUpdateStates();
 
         this._stateCounts = {};
         for (let key in ThumbnailState)
@@ -1128,7 +1154,7 @@ var ThumbnailsBox = GObject.registerClass({
     }
 
     _updateStates() {
-        this._stateUpdateQueued = false;
+        this._updateStateId = 0;
 
         // If we are animating the indicator, wait
         if (this._animatingIndicator)
@@ -1216,13 +1242,17 @@ var ThumbnailsBox = GObject.registerClass({
     }
 
     _queueUpdateStates() {
-        if (this._stateUpdateQueued)
+        if (this._updateStateId > 0)
             return;
 
-        Meta.later_add(Meta.LaterType.BEFORE_REDRAW,
+        this._updateStateId = Meta.later_add(
-                       this._updateStates.bind(this));
+            Meta.LaterType.BEFORE_REDRAW, () => this._updateStates());
+    }
 
-        this._stateUpdateQueued = true;
+    _unqueueUpdateStates() {
+        if (this._updateStateId)
+            Meta.later_remove(this._updateStateId);
+        this._updateStateId = 0;
     }
 
     vfunc_get_preferred_height(forWidth) {