version 16.2: enable windows suggestions on edge tiling, add spanish and simplified chinese, add support to GNOME 48 and more

Author: domferr

README.md

@@ -2,13 +2,13 @@
 
 [![release](https://img.shields.io/badge/Release_v16-blue?style=for-the-badge)]([https://ko-fi.com/domferr](https://github.com/domferr/tilingshell/releases))
 ![](https://img.shields.io/github/license/domferr/tilingshell?style=for-the-badge)
-![](https://img.shields.io/badge/GNOME-42--47-e04196?style=for-the-badge&logo=gnome&logoColor=white)
+![](https://img.shields.io/badge/GNOME-42--48-e04196?style=for-the-badge&logo=gnome&logoColor=white)
 [![kofi](https://img.shields.io/badge/Donate_on_Ko--fi-purple?logo=ko-fi&style=for-the-badge)](https://ko-fi.com/domferr)
-[![kofi](https://img.shields.io/badge/Patreon-F96854?style=for-the-badge&logo=patreon&logoColor=white)](https://patreon.com/domferr)
+[![patreon](https://img.shields.io/badge/Patreon-F96854?style=for-the-badge&logo=patreon&logoColor=white)](https://patreon.com/domferr)
 
 # Tiling Shell #
 
-This is a Gnome Shell extension implementing modern windows tiling system by extending GNOME's default 2 columns to any layout you want! Can be installed on Gnome Shells from **40 to 47** on X11 and Wayland: the most recent GNOME Shell is supported, and older releases will include all the features and bug fixes!
+This is a Gnome Shell extension implementing modern windows tiling system by extending GNOME's default 2 columns to any layout you want! Can be installed on Gnome Shells from **42 to 48** on X11 and Wayland: the most recent GNOME Shell is supported, and older releases will include all the features and bug fixes!
 
 - 🤩 First and only extension that provides Windows 11's **snap assistant**
 - 🖥️🖥️ **multiple monitors support**, even with different scaling factors!
@@ -40,6 +40,9 @@ Have issues, you want to suggest a new feature or contribute? Please open a new
 | [⬇️](#tiling-buttons) **Tiling Buttons** | [⬇️](#per-workspace-layout) **Per-workspace layout** | [⬇️](#auto-tiling) **Auto-tiling** | [⬇️](#tiling-context-menu) **Tiling context menu** |
 | [⬇️](#smart-border-radius) **Smart border radius** | [⬇️](#windows-suggestions) **Windows Suggestions** 
 
+## 🎉🎉 Tiling Shell's AWESOME Supporters!
+Thank you to the :star2: **amazing** <a href="https://patreon.com/domferr"><img src="https://img.shields.io/badge/Patreons-F96854?logo=patreon&logoColor=white)" height="14px"/><a/> and **everyone** who donated on <a href="https://ko-fi.com/domferr"><img src="https://img.shields.io/badge/_Ko--fi-794bc4?logo=ko-fi&logoColor=white" height="14px"/><a/>! :medal_sports:Tomoyuki Kashiro and Markus Huggler on Patreon:medal_sports: and Nick, thy-fi, iatanas0v, Chris, wbezs, DaneshManoharan, Tamas, Ivan Banha and many more on Ko-fi! You are on a mission to **make Linux window management better for everyone**!
+
 ### Tiling System ###
 When grabbing and moving a window, press <kbd>CTRL</kbd> key to show the tiling layout (you can choose another key from the preferences). When moving on a tile, it will highlight. Ungrab the window to place that window on the highlighted tile.
 
@@ -160,6 +163,7 @@ Right-click on a window to use the auto-tile buttons and the snap assistant from
 
 In GNOME, different windows may have different border radius. Drawing a border around the focused window is hard because it is not possible to know the window border radius. All the existing extensions just draw a border with a static value, making the UI less polished. Tiling Shell, **dynamically** computes the focused window border radius at runtime. Moreover, if you have an extension or anything else who customize the border radius, the focused window border radius adapts as well! This can be enabled/disabled from the extension's preferences too.
 
+
 <p align="center">
 <img src="https://github.com/user-attachments/assets/cfaca5f9-d9b2-4739-9426-1aebb5f33c29" width=304 />
 <img src="https://github.com/user-attachments/assets/8e68abff-66e5-4b85-a6ce-0bd2da7be166" width=332 />

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tilingshell",
-  "version": "16.0",
+  "version": "16.2",
   "author": "Domenico Ferraro <[email protected]>",
   "private": true,
   "license": "GPL v2.0",

resources/locale/es/LC_MESSAGES/tilingshell.mo

@@ -8,10 +8,11 @@
     "44",
     "45",
     "46",
-    "47"
+    "47",
+    "48"
   ],
   "version": 99,
-  "version-name": "16.1",
+  "version-name": "16.2",
   "url": "https://github.com/domferr/tilingshell",
   "settings-schema": "org.gnome.shell.extensions.tilingshell",
   "gettext-domain": "tilingshell",

resources/locale/it/LC_MESSAGES/tilingshell.mo

@@ -8,7 +8,11 @@ import Layout from '@/components/layout/Layout';
 import Tile from '@/components/layout/Tile';
 import * as ModalDialog from 'resource:///org/gnome/shell/ui/modalDialog.js';
 import * as Main from 'resource:///org/gnome/shell/ui/main.js';
-import { enableScalingFactorSupport, getMonitorScalingFactor } from '@utils/ui';
+import {
+    enableScalingFactorSupport,
+    getMonitorScalingFactor,
+    setWidgetOrientation,
+} from '@utils/ui';
 import { _ } from '../../translations';
 
 @registerGObjectClass
@@ -51,7 +55,6 @@ export default class EditorDialog extends ModalDialog.ModalDialog {
         );
 
         this._layoutsBoxLayout = new St.BoxLayout({
-            vertical: false, // horizontal box layout
             styleClass: 'layouts-box-layout',
             xAlign: Clutter.ActorAlign.CENTER,
         });
@@ -83,7 +86,7 @@ export default class EditorDialog extends ModalDialog.ModalDialog {
     }
 
     private _makeLegendDialog(params: { onClose: () => void; path: string }) {
-        const suggestion1 = new St.BoxLayout({ vertical: false });
+        const suggestion1 = new St.BoxLayout();
         // LEFT-CLICK to split a tile
         suggestion1.add_child(
             new St.Label({
@@ -105,7 +108,7 @@ export default class EditorDialog extends ModalDialog.ModalDialog {
             }),
         );
 
-        const suggestion2 = new St.BoxLayout({ vertical: false });
+        const suggestion2 = new St.BoxLayout();
         // LEFT-CLICK + CTRL to split a tile vertically
         suggestion2.add_child(
             new St.Label({
@@ -146,7 +149,7 @@ export default class EditorDialog extends ModalDialog.ModalDialog {
             }),
         );
 
-        const suggestion3 = new St.BoxLayout({ vertical: false });
+        const suggestion3 = new St.BoxLayout();
         // RIGHT-CLICK to delete a tile
         suggestion3.add_child(
             new St.Label({
@@ -169,7 +172,6 @@ export default class EditorDialog extends ModalDialog.ModalDialog {
         );
 
         const suggestion4 = new St.BoxLayout({
-            vertical: false,
             xExpand: true,
             margin_top: 16,
         });
@@ -196,9 +198,9 @@ export default class EditorDialog extends ModalDialog.ModalDialog {
         );
 
         const legend = new St.BoxLayout({
-            vertical: true,
             styleClass: 'legend',
         });
+        setWidgetOrientation(legend, true);
         legend.add_child(suggestion1);
         legend.add_child(suggestion2);
         legend.add_child(suggestion3);
@@ -237,10 +239,10 @@ export default class EditorDialog extends ModalDialog.ModalDialog {
 
         params.layouts.forEach((lay, btnInd) => {
             const box = new St.BoxLayout({
-                vertical: true,
                 xAlign: Clutter.ActorAlign.CENTER,
                 styleClass: 'layout-button-container',
             });
+            setWidgetOrientation(box, true);
             this._layoutsBoxLayout.add_child(box);
             const btn = new LayoutButton(
                 box,
@@ -282,10 +284,10 @@ export default class EditorDialog extends ModalDialog.ModalDialog {
         });
 
         const box = new St.BoxLayout({
-            vertical: true,
             xAlign: Clutter.ActorAlign.CENTER,
             styleClass: 'layout-button-container',
         });
+        setWidgetOrientation(box, true);
         this._layoutsBoxLayout.add_child(box);
         const newLayoutBtn = new LayoutButton(
             box,

resources/locale/zh_CN/LC_MESSAGES/tilingshell.mo

@@ -69,7 +69,6 @@ class SnapAssistContent extends St.BoxLayout {
             name: 'snap_assist_content',
             xAlign: Clutter.ActorAlign.CENTER,
             yAlign: Clutter.ActorAlign.CENTER,
-            vertical: false,
             reactive: true,
             styleClass: 'popup-menu-content snap-assistant',
         });

resources/metadata.json

@@ -392,9 +392,9 @@ class WindowClone extends St.Widget {
             yAlign: Clutter.ActorAlign.CENTER,
             xExpand: true,
             yExpand: true,
-            vertical: true,
             style: "spacing: 16px;"
         });
+        setWidgetOrientation(box, true);
         box.add_child(this._createAppIcon(window, APP_ICON_SIZE));
         box.add_child(new St.Label({
             xAlign: Clutter.ActorAlign.CENTER,

src/components/editor/editorDialog.ts

@@ -1,5 +1,5 @@
 import { registerGObjectClass } from '@/utils/gjs';
-import { Clutter, Mtk, Meta, St } from '@gi.ext';
+import { Clutter, Mtk, Meta } from '@gi.ext';
 import TilePreview, {
     TilePreviewConstructorProperties,
 } from '../tilepreview/tilePreview';
@@ -9,11 +9,12 @@ import Tile from '../layout/Tile';
 import {
     buildRectangle,
     buildTileGaps,
+    clampPointInsideRect,
     isPointInsideRect,
     squaredEuclideanDistance,
 } from '@utils/ui';
 import TileUtils from '@components/layout/TileUtils';
-import { logger } from '@utils/logger';
+import { logger, rect_to_string } from '@utils/logger';
 import GlobalState from '@utils/globalState';
 import { KeyBindingsDirection } from '@keybindings';
 
@@ -355,9 +356,13 @@ export default class TilingLayout extends LayoutWidget<DynamicTilePreview> {
         return [true, results];
     }
 
+    // enlarge the side of the direction and search a tile that contains that point
+    // clamp to ensure we do not go outside of the container area (e.g. the screen)
     public findNearestTileDirection(
         source: Mtk.Rectangle,
         direction: KeyBindingsDirection,
+        clamp: boolean,
+        enlarge: number,
     ): { rect: Mtk.Rectangle; tile: Tile } | undefined {
         if (direction === KeyBindingsDirection.NODIRECTION) return undefined;
 
@@ -366,10 +371,6 @@ export default class TilingLayout extends LayoutWidget<DynamicTilePreview> {
             y: source.y + source.height / 2,
         };
 
-        // enlarge the side of the direction and search a tile that contains that point
-        // clamp to ensure we do not go outside of the container area (e.g. the screen)
-        const enlarge = 64;
-
         switch (direction) {
             case KeyBindingsDirection.RIGHT:
                 sourceCoords.x = source.x + source.width + enlarge;
@@ -392,8 +393,20 @@ export default class TilingLayout extends LayoutWidget<DynamicTilePreview> {
                 this._containerRect.width + this._containerRect.x ||
             sourceCoords.y < this._containerRect.y ||
             sourceCoords.y > this._containerRect.height + this._containerRect.y
-        )
-            return undefined;
+        ) {
+            if (!clamp) return undefined;
+            // return undefined;
+            sourceCoords.x = Math.clamp(
+                sourceCoords.x,
+                this._containerRect.x,
+                this._containerRect.width + this._containerRect.x,
+            );
+            sourceCoords.y = Math.clamp(
+                sourceCoords.y,
+                this._containerRect.y,
+                this._containerRect.height + this._containerRect.y,
+            );
+        }
 
         // uncomment to show debugging
         /* global.windowGroup