feat(launcher): Close launcher on mouse click

Author: mmstick

src/dialog_launcher.ts

@@ -1,21 +1,21 @@
 //@ts-ignore
 const Me = imports.misc.extensionUtils.getCurrentExtension();
 
-const { Clutter, Gio, GLib, Meta } = imports.gi;
-
 import * as app_info from 'app_info';
 import * as error from 'error';
+import * as launch from 'launcher_service';
+import * as levenshtein from 'levenshtein';
 import * as lib from 'lib';
 import * as log from 'log';
+import * as plugins from 'launcher_plugins';
 import * as result from 'result';
 import * as search from 'dialog_search';
-import * as launch from 'launcher_service';
-import * as plugins from 'launcher_plugins';
-import * as levenshtein from 'levenshtein';
 
-import type { ShellWindow } from 'window';
-import type { Ext } from 'extension';
 import type { AppInfo } from 'app_info';
+import type { Ext } from 'extension';
+import type { ShellWindow } from 'window';
+
+const { Clutter, Gio, GLib, Meta } = imports.gi
 
 const { OK } = result;
 
@@ -42,7 +42,7 @@ export class Launcher extends search.Search {
     desktop_apps: Array<[string, AppInfo]>
     service: launch.LauncherService
     last_plugin: null | plugins.Plugin.Source
-    mode: number;
+    mode: number
 
     constructor(ext: Ext) {
         let cancel = () => {
@@ -114,14 +114,16 @@ export class Launcher extends search.Search {
                 if (retain) {
                     const generic = app.generic_name();
 
-                    this.options.push(new launch.SearchOption(
+                    const button = new launch.SearchOption(
                         app.name(),
                         generic ? generic + " — " + where : where,
                         'application-default-symbolic',
                         { gicon: app.icon() },
                         this.icon_size(),
                         { app }
-                    ))
+                    )
+
+                    this.options.push(button)
                 }
             }
 

src/dialog_search.ts

@@ -2,6 +2,8 @@
 const Me = imports.misc.extensionUtils.getCurrentExtension();
 
 import * as Lib from 'lib';
+import * as rect from 'rectangle';
+
 import { SearchOption } from 'launcher_service';
 
 const { Clutter, Shell, St } = imports.gi;
@@ -160,6 +162,28 @@ export class Search {
 
         // Ensure that the width is at least 640 pixels wide.
         this.dialog.contentLayout.width = Math.max(Lib.current_monitor().width / 4, 640);
+
+        const id = global.stage.connect('event', (_actor: any, event: any) => {
+            const { width, height } = this.dialog.dialogLayout._dialog;
+            const { x, y } = this.dialog.dialogLayout
+            const area = new rect.Rectangle([x, y, width, height]);
+
+            const close = this.dialog.visible
+                && (event.type() == Clutter.EventType.BUTTON_PRESS)
+                && !area.contains(Lib.cursor_rect())
+
+            if (close) {
+                this.reset()
+                this.close()
+                this.cancel_cb()
+            }
+
+            return Clutter.EVENT_PROPAGATE;
+        })
+
+        this.dialog.connect('destroy', () => {
+            global.stage.disconnect(id)
+        })
     }
 
     activate_option(id: number) {