enh(#1255): allow close window using middle click

Author: eythaann

changelog.md

@@ -5,6 +5,7 @@
 ### features
 
 - add new cli command to bundle resources.
+- allow close window using middle click on dock item preview.
 
 ### refactor
 

src/ui/react/weg/modules/item/infra/UserApplicationPreview.tsx

@@ -18,9 +18,7 @@ interface PreviewProps {
 
 const TEMP_FOLDER = await tempDir();
 
-export const UserApplicationPreview = (
-  { title, hwnd, isFocused }: PreviewProps,
-) => {
+export const UserApplicationPreview = ({ title, hwnd, isFocused }: PreviewProps) => {
   const imageUrl = convertFileSrc(`${TEMP_FOLDER}${hwnd}.png`);
 
   const [imageSrc, setImageSrc] = useState<string | null>(imageUrl);
@@ -44,15 +42,19 @@ export const UserApplicationPreview = (
   return (
     <div
       className={cx("weg-item-preview", {
-        "weg-item-preview-thumbnail-disabled": !$settings.value
-          .thumbnailGenerationEnabled,
+        "weg-item-preview-thumbnail-disabled": !$settings.value.thumbnailGenerationEnabled,
       })}
       onClick={() => {
         invoke(SeelenCommand.WegToggleWindowState, {
           hwnd,
           wasFocused: isFocused,
         });
       }}
+      onAuxClick={(e) => {
+        if (e.button === 1) {
+          invoke(SeelenCommand.WegCloseApp, { hwnd });
+        }
+      }}
     >
       <div className="weg-item-preview-topbar">
         <div className="weg-item-preview-title">{title}</div>