nosignal/nosignal-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

launcher: better files

Browse source 
Files shorten path
Also tooltips for both apps and files
This commit is contained in:
2 * r + 2 * t 2025-03-01 00:00:25 +11:00
parent c314fe43cd
commit e16bf9a9ad
2 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
config.ts
View file

@ -103,6 +103,7 @@ const DEFAULTS = {
files: { files: {
maxResults: 40, // Actual max results, -1 for infinite maxResults: 40, // Actual max results, -1 for infinite
fdOpts: ["-a", "-t", "f"], // Options to pass to `fd` fdOpts: ["-a", "-t", "f"], // Options to pass to `fd`
shortenThreshold: 30, // Threshold to shorten paths in characters
}, },
math: { math: {
maxResults: 40, // Actual max results, -1 for infinite maxResults: 40, // Actual max results, -1 for infinite

24
src/modules/launcher.tsx
View file

@ -1,7 +1,7 @@
import { Apps as AppsService } from "@/services/apps"; import { Apps as AppsService } from "@/services/apps";
import { getAppCategoryIcon } from "@/utils/icons"; import { getAppCategoryIcon } from "@/utils/icons";
import { launch } from "@/utils/system"; import { launch } from "@/utils/system";
import { FlowBox } from "@/utils/widgets"; import { FlowBox, setupCustomTooltip } from "@/utils/widgets";
import PopupWindow from "@/widgets/popupwindow"; import PopupWindow from "@/widgets/popupwindow";
import { bind, execAsync, Gio, register, Variable } from "astal"; import { bind, execAsync, Gio, register, Variable } from "astal";
import { App, Astal, Gtk, Widget } from "astal/gtk3"; import { App, Astal, Gtk, Widget } from "astal/gtk3";
@ -36,6 +36,8 @@ const getPrettyMode = (mode: Mode) => {
const limitLength = <T,>(arr: T[], cfg: { maxResults: Variable<number> }) => const limitLength = <T,>(arr: T[], cfg: { maxResults: Variable<number> }) =>
cfg.maxResults.get() > 0 && arr.length > cfg.maxResults.get() ? arr.slice(0, cfg.maxResults.get()) : arr; cfg.maxResults.get() > 0 && arr.length > cfg.maxResults.get() ? arr.slice(0, cfg.maxResults.get()) : arr;
const ContentBox = () => <FlowBox homogeneous valign={Gtk.Align.START} minChildrenPerLine={2} maxChildrenPerLine={2} />;
const AppResult = ({ app }: { app: AstalApps.Application }) => ( const AppResult = ({ app }: { app: AstalApps.Application }) => (
<Gtk.FlowBoxChild visible canFocus={false}> <Gtk.FlowBoxChild visible canFocus={false}>
<button <button
@ -45,6 +47,7 @@ const AppResult = ({ app }: { app: AstalApps.Application }) => (
launch(app); launch(app);
close(); close();
}} }}
setup={self => setupCustomTooltip(self, app.description ? `${app.name}: ${app.description}` : app.name)}
> >
<box> <box>
{app.iconName && Astal.Icon.lookup_icon(app.iconName) ? ( {app.iconName && Astal.Icon.lookup_icon(app.iconName) ? (
@ -72,7 +75,7 @@ const FileResult = ({ path }: { path: string }) => (
close(); close();
}} }}
> >
<box> <box setup={self => setupCustomTooltip(self, path.replace(HOME, "~"))}>
<icon <icon
className="icon" className="icon"
gicon={ gicon={
@ -81,7 +84,18 @@ const FileResult = ({ path }: { path: string }) => (
.get_icon()! .get_icon()!
} }
/> />
<label truncate label={path.replace(HOME, "~")} /> <label
truncate
label={
path.replace(HOME, "~").length > config.files.shortenThreshold.get()
? path
.replace(HOME, "~")
.split("/")
.map((n, i, arr) => (i === 0 || i === arr.length - 1 ? n : n.slice(0, 1)))
.join("/")
: path.replace(HOME, "~")
}
/>
</box> </box>
</button> </button>
</Gtk.FlowBoxChild> </Gtk.FlowBoxChild>
@ -94,7 +108,7 @@ class Apps extends Widget.Box implements ModeContent {
constructor() { constructor() {
super({ name: "apps", className: "apps" }); super({ name: "apps", className: "apps" });
this.#content = (<FlowBox homogeneous valign={Gtk.Align.START} maxChildrenPerLine={2} />) as FlowBox; this.#content = (<ContentBox />) as FlowBox;
this.add( this.add(
<scrollable expand hscroll={Gtk.PolicyType.NEVER}> <scrollable expand hscroll={Gtk.PolicyType.NEVER}>
@ -122,7 +136,7 @@ class Files extends Widget.Box implements ModeContent {
constructor() { constructor() {
super({ name: "files", className: "files" }); super({ name: "files", className: "files" });
this.#content = (<FlowBox homogeneous valign={Gtk.Align.START} maxChildrenPerLine={2} />) as FlowBox; this.#content = (<ContentBox />) as FlowBox;
this.add( this.add(
<scrollable expand hscroll={Gtk.PolicyType.NEVER}> <scrollable expand hscroll={Gtk.PolicyType.NEVER}>