4e2a774c7e
* feat(workspace): map client classes to application icons * refactor: extract app icon detection * feat: hide duplicate icons per workspace * feat: use dedicated icons for empty workspace and fallback * provide default icons * feat: title or class matcher can no provided as regex * style: change option description * style: use more descriptive param name * style: fix comment * fix(lint): missing return type * refactor: move type definitions into separate file * feat: defined default app icon set * docs: change option subtitles * style: change icons * fix: add missing default variant --------- Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>
162 lines
9.3 KiB
TypeScript
162 lines
9.3 KiB
TypeScript
const hyprland = await Service.import('hyprland');
|
|
import options from 'options';
|
|
import { getWorkspaceRules, getWorkspacesForMonitor, isWorkspaceIgnored } from '../helpers';
|
|
import { range } from 'lib/utils';
|
|
import { BoxWidget } from 'lib/types/widget';
|
|
import { getAppIcon, getWsColor, renderClassnames, renderLabel } from '../utils';
|
|
import { WorkspaceIconMap } from 'lib/types/workspace';
|
|
import { Monitor } from 'types/service/hyprland';
|
|
|
|
const { workspaces, monitorSpecific, workspaceMask, spacing, ignored } = options.bar.workspaces;
|
|
export const defaultWses = (monitor: number): BoxWidget => {
|
|
return Widget.Box({
|
|
children: Utils.merge(
|
|
[workspaces.bind('value'), monitorSpecific.bind('value'), ignored.bind('value')],
|
|
(workspaces: number, monitorSpecific: boolean) => {
|
|
return range(workspaces || 8)
|
|
.filter((workspaceNumber) => {
|
|
if (!monitorSpecific) {
|
|
return true;
|
|
}
|
|
const workspaceRules = getWorkspaceRules();
|
|
return (
|
|
getWorkspacesForMonitor(workspaceNumber, workspaceRules, monitor) &&
|
|
!isWorkspaceIgnored(ignored, workspaceNumber)
|
|
);
|
|
})
|
|
.sort((a, b) => {
|
|
return a - b;
|
|
})
|
|
.map((i, index) => {
|
|
return Widget.Button({
|
|
class_name: 'workspace-button',
|
|
on_primary_click: () => {
|
|
hyprland.messageAsync(`dispatch workspace ${i}`);
|
|
},
|
|
child: Widget.Label({
|
|
attribute: i,
|
|
vpack: 'center',
|
|
css: Utils.merge(
|
|
[
|
|
spacing.bind('value'),
|
|
options.bar.workspaces.showWsIcons.bind('value'),
|
|
options.bar.workspaces.workspaceIconMap.bind('value'),
|
|
options.theme.matugen.bind('value'),
|
|
options.theme.bar.buttons.workspaces.smartHighlight.bind('value'),
|
|
hyprland.bind('monitors'),
|
|
],
|
|
(
|
|
sp: number,
|
|
showWsIcons: boolean,
|
|
workspaceIconMap: WorkspaceIconMap,
|
|
matugen: boolean,
|
|
smartHighlight: boolean,
|
|
monitors: Monitor[],
|
|
) => {
|
|
return (
|
|
`margin: 0rem ${0.375 * sp}rem;` +
|
|
`${showWsIcons && !matugen ? getWsColor(workspaceIconMap, i, smartHighlight, monitor, monitors) : ''}`
|
|
);
|
|
},
|
|
),
|
|
class_name: Utils.merge(
|
|
[
|
|
options.bar.workspaces.show_icons.bind('value'),
|
|
options.bar.workspaces.show_numbered.bind('value'),
|
|
options.bar.workspaces.numbered_active_indicator.bind('value'),
|
|
options.bar.workspaces.showWsIcons.bind('value'),
|
|
options.theme.bar.buttons.workspaces.smartHighlight.bind('value'),
|
|
hyprland.bind('monitors'),
|
|
options.bar.workspaces.icons.available.bind('value'),
|
|
options.bar.workspaces.icons.active.bind('value'),
|
|
],
|
|
(
|
|
showIcons: boolean,
|
|
showNumbered: boolean,
|
|
numberedActiveIndicator: string,
|
|
showWsIcons: boolean,
|
|
smartHighlight: boolean,
|
|
monitors: Monitor[],
|
|
) => {
|
|
return renderClassnames(
|
|
showIcons,
|
|
showNumbered,
|
|
numberedActiveIndicator,
|
|
showWsIcons,
|
|
smartHighlight,
|
|
monitor,
|
|
monitors,
|
|
i,
|
|
);
|
|
},
|
|
),
|
|
label: Utils.merge(
|
|
[
|
|
options.bar.workspaces.show_icons.bind('value'),
|
|
options.bar.workspaces.icons.available.bind('value'),
|
|
options.bar.workspaces.icons.active.bind('value'),
|
|
options.bar.workspaces.icons.occupied.bind('value'),
|
|
options.bar.workspaces.workspaceIconMap.bind('value'),
|
|
options.bar.workspaces.showWsIcons.bind('value'),
|
|
options.bar.workspaces.showApplicationIcons.bind('value'),
|
|
options.bar.workspaces.applicationIconOncePerWorkspace.bind('value'),
|
|
options.bar.workspaces.applicationIconMap.bind('value'),
|
|
options.bar.workspaces.applicationIconEmptyWorkspace.bind('value'),
|
|
options.bar.workspaces.applicationIconFallback.bind('value'),
|
|
workspaceMask.bind('value'),
|
|
hyprland.bind('monitors'),
|
|
],
|
|
(
|
|
showIcons: boolean,
|
|
available: string,
|
|
active: string,
|
|
occupied: string,
|
|
wsIconMap: WorkspaceIconMap,
|
|
showWsIcons: boolean,
|
|
showAppIcons,
|
|
applicationIconOncePerWorkspace,
|
|
applicationIconMap,
|
|
applicationIconEmptyWorkspace,
|
|
applicationIconFallback,
|
|
workspaceMask: boolean,
|
|
monitors: Monitor[],
|
|
) => {
|
|
const appIcons = showAppIcons
|
|
? getAppIcon(i, applicationIconOncePerWorkspace, {
|
|
iconMap: applicationIconMap,
|
|
defaultIcon: applicationIconFallback,
|
|
emptyIcon: applicationIconEmptyWorkspace,
|
|
})
|
|
: '';
|
|
|
|
return renderLabel(
|
|
showIcons,
|
|
available,
|
|
active,
|
|
occupied,
|
|
showAppIcons,
|
|
appIcons,
|
|
workspaceMask,
|
|
showWsIcons,
|
|
wsIconMap,
|
|
i,
|
|
index,
|
|
monitor,
|
|
monitors,
|
|
);
|
|
},
|
|
),
|
|
setup: (self) => {
|
|
self.hook(hyprland, () => {
|
|
self.toggleClassName('active', hyprland.active.workspace.id === i);
|
|
self.toggleClassName('occupied', (hyprland.getWorkspace(i)?.windows || 0) > 0);
|
|
});
|
|
},
|
|
}),
|
|
});
|
|
});
|
|
},
|
|
),
|
|
});
|
|
};
|