Ja.KooLit
2 years ago
21 changed files with 0 additions and 1777 deletions
@ -1,31 +0,0 @@ |
|||||||
"use strict"; |
|
||||||
import GLib from 'gi://GLib'; |
|
||||||
import App from 'resource:///com/github/Aylur/ags/app.js' |
|
||||||
import userOptions from './modules/.configuration/user_options.js'; |
|
||||||
import Overview from './modules/overview/main.js'; |
|
||||||
|
|
||||||
const COMPILED_STYLE_DIR = `${GLib.get_user_config_dir()}/ags/user/` |
|
||||||
|
|
||||||
async function applyStyle() { |
|
||||||
|
|
||||||
App.resetCss(); |
|
||||||
App.applyCss(`${COMPILED_STYLE_DIR}/style.css`); |
|
||||||
console.log('[LOG] Styles loaded') |
|
||||||
} |
|
||||||
applyStyle().catch(print); |
|
||||||
|
|
||||||
const Windows = () => [ |
|
||||||
Overview() |
|
||||||
]; |
|
||||||
const CLOSE_ANIM_TIME = 210; |
|
||||||
App.config({ |
|
||||||
css: `${COMPILED_STYLE_DIR}/style.css`, |
|
||||||
stackTraceOnError: true, |
|
||||||
closeWindowDelay: { |
|
||||||
'sideright': CLOSE_ANIM_TIME, |
|
||||||
'sideleft': CLOSE_ANIM_TIME, |
|
||||||
'osk': CLOSE_ANIM_TIME, |
|
||||||
}, |
|
||||||
windows: Windows().flat(1), |
|
||||||
}); |
|
||||||
|
|
||||||
@ -1,121 +0,0 @@ |
|||||||
|
|
||||||
import userOverrides from '../../user_options.js'; |
|
||||||
|
|
||||||
// Defaults
|
|
||||||
let configOptions = { |
|
||||||
// General stuff
|
|
||||||
'ai': { |
|
||||||
'defaultGPTProvider': "openai", |
|
||||||
'defaultTemperature': 0.9, |
|
||||||
'enhancements': true, |
|
||||||
'useHistory': true, |
|
||||||
'writingCursor': " ...", // Warning: Using weird characters can mess up Markdown rendering
|
|
||||||
}, |
|
||||||
'animations': { |
|
||||||
'choreographyDelay': 35, |
|
||||||
'durationSmall': 110, |
|
||||||
'durationLarge': 180, |
|
||||||
}, |
|
||||||
'appearance': { |
|
||||||
'keyboardUseFlag': false, // Use flag emoji instead of abbreviation letters
|
|
||||||
}, |
|
||||||
'apps': { |
|
||||||
'imageViewer': "loupe", |
|
||||||
'terminal': "foot", // This is only for shell actions
|
|
||||||
}, |
|
||||||
'battery': { |
|
||||||
'low': 20, |
|
||||||
'critical': 10, |
|
||||||
}, |
|
||||||
'music': { |
|
||||||
'preferredPlayer': "plasma-browser-integration", |
|
||||||
}, |
|
||||||
'onScreenKeyboard': { |
|
||||||
'layout': "qwerty_full", // See modules/onscreenkeyboard/onscreenkeyboard.js for available layouts
|
|
||||||
}, |
|
||||||
'overview': { |
|
||||||
'scale': 0.18, // Relative to screen size
|
|
||||||
'numOfRows': 2, |
|
||||||
'numOfCols': 5, |
|
||||||
'wsNumScale': 0.09, |
|
||||||
'wsNumMarginScale': 0.07, |
|
||||||
}, |
|
||||||
'sidebar': { |
|
||||||
'imageColumns': 2, |
|
||||||
'imageBooruCount': 20, |
|
||||||
'imageAllowNsfw': false, |
|
||||||
}, |
|
||||||
'search': { |
|
||||||
'engineBaseUrl': "https://www.google.com/search?q=", |
|
||||||
'excludedSites': [], //add site to exclude from result. eg: "quora.com"
|
|
||||||
}, |
|
||||||
'time': { |
|
||||||
// See https://docs.gtk.org/glib/method.DateTime.format.html
|
|
||||||
// Here's the 12h format: "%I:%M%P"
|
|
||||||
// For seconds, add "%S" and set interval to 1000
|
|
||||||
'format': "%H:%M", |
|
||||||
'interval': 5000, |
|
||||||
'dateFormatLong': "%A, %d/%m", // On bar
|
|
||||||
'dateInterval': 5000, |
|
||||||
'dateFormat': "%d/%m", // On notif time
|
|
||||||
}, |
|
||||||
'weather': { |
|
||||||
'city': "", |
|
||||||
}, |
|
||||||
'workspaces': { |
|
||||||
'shown': 10, |
|
||||||
}, |
|
||||||
// Longer stuff
|
|
||||||
'icons': { |
|
||||||
substitutions: { |
|
||||||
'code-url-handler': "visual-studio-code", |
|
||||||
'Code': "visual-studio-code", |
|
||||||
'GitHub Desktop': "github-desktop", |
|
||||||
'Minecraft* 1.20.1': "minecraft", |
|
||||||
'gnome-tweaks': "org.gnome.tweaks", |
|
||||||
'pavucontrol-qt': "pavucontrol", |
|
||||||
'wps': "wps-office2019-kprometheus", |
|
||||||
'wpsoffice': "wps-office2019-kprometheus", |
|
||||||
'': "image-missing", |
|
||||||
} |
|
||||||
}, |
|
||||||
'keybinds': { |
|
||||||
// Format: Mod1+Mod2+key. CaSe SeNsItIvE!
|
|
||||||
// Modifiers: Shift Ctrl Alt Hyper Meta
|
|
||||||
// See https://docs.gtk.org/gdk3/index.html#constants for the other keys (they are listed as KEY_key)
|
|
||||||
'overview': { |
|
||||||
'altMoveLeft': "Ctrl+b", |
|
||||||
'altMoveRight': "Ctrl+f", |
|
||||||
'deleteToEnd': "Ctrl+k", |
|
||||||
}, |
|
||||||
'sidebar': { |
|
||||||
'apis': { |
|
||||||
'nextTab': "Page_Down", |
|
||||||
'prevTab': "Page_Up", |
|
||||||
}, |
|
||||||
'options': { // Right sidebar
|
|
||||||
'nextTab': "Page_Down", |
|
||||||
'prevTab': "Page_Up", |
|
||||||
}, |
|
||||||
'pin': "Ctrl+p", |
|
||||||
'cycleTab': "Ctrl+Tab", |
|
||||||
'nextTab': "Ctrl+Page_Down", |
|
||||||
'prevTab': "Ctrl+Page_Up", |
|
||||||
}, |
|
||||||
}, |
|
||||||
} |
|
||||||
|
|
||||||
// Override defaults with user's options
|
|
||||||
function overrideConfigRecursive(userOverrides, configOptions = {}) { |
|
||||||
for (const [key, value] of Object.entries(userOverrides)) { |
|
||||||
if (typeof value === 'object') { |
|
||||||
overrideConfigRecursive(value, configOptions[key]); |
|
||||||
} else { |
|
||||||
configOptions[key] = value; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
overrideConfigRecursive(userOverrides, configOptions); |
|
||||||
|
|
||||||
globalThis['userOptions'] = configOptions; |
|
||||||
export default configOptions; |
|
||||||
@ -1,13 +0,0 @@ |
|||||||
const { Gtk } = imports.gi; |
|
||||||
|
|
||||||
export function iconExists(iconName) { |
|
||||||
let iconTheme = Gtk.IconTheme.get_default(); |
|
||||||
return iconTheme.has_icon(iconName); |
|
||||||
} |
|
||||||
|
|
||||||
export function substitute(str) { |
|
||||||
if(userOptions.icons.substitutions[str]) return userOptions.icons.substitutions[str]; |
|
||||||
|
|
||||||
if (!iconExists(str)) str = str.toLowerCase().replace(/\s+/g, '-'); // Turn into kebab-case
|
|
||||||
return str; |
|
||||||
} |
|
||||||
@ -1,4 +0,0 @@ |
|||||||
|
|
||||||
export function clamp(x, min, max) { |
|
||||||
return Math.min(Math.max(x, min), max); |
|
||||||
} |
|
||||||
@ -1,54 +0,0 @@ |
|||||||
const { GLib } = imports.gi; |
|
||||||
import Variable from 'resource:///com/github/Aylur/ags/variable.js'; |
|
||||||
import * as Utils from 'resource:///com/github/Aylur/ags/utils.js'; |
|
||||||
const { execAsync, exec } = Utils; |
|
||||||
|
|
||||||
export const distroID = exec(`bash -c 'cat /etc/os-release | grep "^ID=" | cut -d "=" -f 2 | sed "s/\\"//g"'`).trim(); |
|
||||||
export const isDebianDistro = (distroID == 'linuxmint' || distroID == 'ubuntu' || distroID == 'debian' || distroID == 'zorin' || distroID == 'popos' || distroID == 'raspbian' || distroID == 'kali'); |
|
||||||
export const isArchDistro = (distroID == 'arch' || distroID == 'endeavouros' || distroID == 'cachyos'); |
|
||||||
export const hasFlatpak = !!exec(`bash -c 'command -v flatpak'`); |
|
||||||
|
|
||||||
const LIGHTDARK_FILE_LOCATION = `${GLib.get_user_cache_dir()}/ags/user/colormode.txt`; |
|
||||||
const colorMode = Utils.exec('bash -c "sed -n \'1p\' $HOME/.cache/ags/user/colormode.txt"'); |
|
||||||
export let darkMode = Variable(!(Utils.readFile(LIGHTDARK_FILE_LOCATION).split('\n')[0].trim() == 'light')); |
|
||||||
export const hasPlasmaIntegration = !!Utils.exec('bash -c "command -v plasma-browser-integration-host"'); |
|
||||||
|
|
||||||
export const getDistroIcon = () => { |
|
||||||
// Arches
|
|
||||||
if(distroID == 'arch') return 'arch-symbolic'; |
|
||||||
if(distroID == 'endeavouros') return 'endeavouros-symbolic'; |
|
||||||
if(distroID == 'cachyos') return 'cachyos-symbolic'; |
|
||||||
// Funny flake
|
|
||||||
if(distroID == 'nixos') return 'nixos-symbolic'; |
|
||||||
// Cool thing
|
|
||||||
if(distroID == 'fedora') return 'fedora-symbolic'; |
|
||||||
// Debians
|
|
||||||
if(distroID == 'linuxmint') return 'ubuntu-symbolic'; |
|
||||||
if(distroID == 'ubuntu') return 'ubuntu-symbolic'; |
|
||||||
if(distroID == 'debian') return 'debian-symbolic'; |
|
||||||
if(distroID == 'zorin') return 'ubuntu-symbolic'; |
|
||||||
if(distroID == 'popos') return 'ubuntu-symbolic'; |
|
||||||
if(distroID == 'raspbian') return 'debian-symbolic'; |
|
||||||
if(distroID == 'kali') return 'debian-symbolic'; |
|
||||||
return 'linux-symbolic'; |
|
||||||
} |
|
||||||
|
|
||||||
export const getDistroName = () => { |
|
||||||
// Arches
|
|
||||||
if(distroID == 'arch') return 'Arch Linux'; |
|
||||||
if(distroID == 'endeavouros') return 'EndeavourOS'; |
|
||||||
if(distroID == 'cachyos') return 'CachyOS'; |
|
||||||
// Funny flake
|
|
||||||
if(distroID == 'nixos') return 'NixOS'; |
|
||||||
// Cool thing
|
|
||||||
if(distroID == 'fedora') return 'Fedora'; |
|
||||||
// Debians
|
|
||||||
if(distroID == 'linuxmint') return 'Linux Mint'; |
|
||||||
if(distroID == 'ubuntu') return 'Ubuntu'; |
|
||||||
if(distroID == 'debian') return 'Debian'; |
|
||||||
if(distroID == 'zorin') return 'Zorin'; |
|
||||||
if(distroID == 'popos') return 'Pop!_OS'; |
|
||||||
if(distroID == 'raspbian') return 'Raspbian'; |
|
||||||
if(distroID == 'kali') return 'Kali Linux'; |
|
||||||
return 'Linux'; |
|
||||||
} |
|
||||||
@ -1,86 +0,0 @@ |
|||||||
import Widget from 'resource:///com/github/Aylur/ags/widget.js'; |
|
||||||
|
|
||||||
const { Revealer, Scrollable } = Widget; |
|
||||||
|
|
||||||
export const MarginRevealer = ({ |
|
||||||
transition = 'slide_down', |
|
||||||
child, |
|
||||||
revealChild, |
|
||||||
showClass = 'element-show', // These are for animation curve, they don't really hide
|
|
||||||
hideClass = 'element-hide', // Don't put margins in these classes!
|
|
||||||
extraSetup = () => { }, |
|
||||||
...rest |
|
||||||
}) => { |
|
||||||
const widget = Scrollable({ |
|
||||||
...rest, |
|
||||||
attribute: { |
|
||||||
'revealChild': true, // It'll be set to false after init if it's supposed to hide
|
|
||||||
'transition': transition, |
|
||||||
'show': () => { |
|
||||||
if (widget.attribute.revealChild) return; |
|
||||||
widget.hscroll = 'never'; |
|
||||||
widget.vscroll = 'never'; |
|
||||||
child.toggleClassName(hideClass, false); |
|
||||||
child.toggleClassName(showClass, true); |
|
||||||
widget.attribute.revealChild = true; |
|
||||||
child.css = 'margin: 0px;'; |
|
||||||
}, |
|
||||||
'hide': () => { |
|
||||||
if (!widget.attribute.revealChild) return; |
|
||||||
child.toggleClassName(hideClass, true); |
|
||||||
child.toggleClassName(showClass, false); |
|
||||||
widget.attribute.revealChild = false; |
|
||||||
if (widget.attribute.transition == 'slide_left') |
|
||||||
child.css = `margin-right: -${child.get_allocated_width()}px;`; |
|
||||||
else if (widget.attribute.transition == 'slide_right') |
|
||||||
child.css = `margin-left: -${child.get_allocated_width()}px;`; |
|
||||||
else if (widget.attribute.transition == 'slide_up') |
|
||||||
child.css = `margin-bottom: -${child.get_allocated_height()}px;`; |
|
||||||
else if (widget.attribute.transition == 'slide_down') |
|
||||||
child.css = `margin-top: -${child.get_allocated_height()}px;`; |
|
||||||
}, |
|
||||||
'toggle': () => { |
|
||||||
if (widget.attribute.revealChild) widget.attribute.hide(); |
|
||||||
else widget.attribute.show(); |
|
||||||
}, |
|
||||||
}, |
|
||||||
child: child, |
|
||||||
hscroll: `${revealChild ? 'never' : 'always'}`, |
|
||||||
vscroll: `${revealChild ? 'never' : 'always'}`, |
|
||||||
setup: (self) => { |
|
||||||
extraSetup(self); |
|
||||||
} |
|
||||||
}); |
|
||||||
child.toggleClassName(`${revealChild ? showClass : hideClass}`, true); |
|
||||||
return widget; |
|
||||||
} |
|
||||||
|
|
||||||
// TODO: Allow reveal update. Currently this just helps at declaration
|
|
||||||
export const DoubleRevealer = ({ |
|
||||||
transition1 = 'slide_right', |
|
||||||
transition2 = 'slide_left', |
|
||||||
duration1 = 150, |
|
||||||
duration2 = 150, |
|
||||||
child, |
|
||||||
revealChild, |
|
||||||
...rest |
|
||||||
}) => { |
|
||||||
const r2 = Revealer({ |
|
||||||
transition: transition2, |
|
||||||
transitionDuration: duration2, |
|
||||||
revealChild: revealChild, |
|
||||||
child: child, |
|
||||||
}); |
|
||||||
const r1 = Revealer({ |
|
||||||
transition: transition1, |
|
||||||
transitionDuration: duration1, |
|
||||||
revealChild: revealChild, |
|
||||||
child: r2, |
|
||||||
...rest, |
|
||||||
}) |
|
||||||
r1.toggleRevealChild = (value) => { |
|
||||||
r1.revealChild = value; |
|
||||||
r2.revealChild = value; |
|
||||||
} |
|
||||||
return r1; |
|
||||||
} |
|
||||||
@ -1,32 +0,0 @@ |
|||||||
import App from 'resource:///com/github/Aylur/ags/app.js'; |
|
||||||
import Widget from 'resource:///com/github/Aylur/ags/widget.js'; |
|
||||||
const { Box, Window } = Widget; |
|
||||||
|
|
||||||
|
|
||||||
export default ({ |
|
||||||
name, |
|
||||||
child, |
|
||||||
showClassName = "", |
|
||||||
hideClassName = "", |
|
||||||
...props |
|
||||||
}) => { |
|
||||||
return Window({ |
|
||||||
name, |
|
||||||
visible: false, |
|
||||||
layer: 'overlay', |
|
||||||
...props, |
|
||||||
|
|
||||||
child: Box({ |
|
||||||
setup: (self) => { |
|
||||||
self.hook(App, (self, currentName, visible) => { |
|
||||||
if (currentName === name) { |
|
||||||
self.toggleClassName(hideClassName, !visible); |
|
||||||
} |
|
||||||
}).keybind("Escape", () => App.closeWindow(name)) |
|
||||||
if (showClassName !== "" && hideClassName !== "") |
|
||||||
self.className = `${showClassName} ${hideClassName}`; |
|
||||||
}, |
|
||||||
child: child, |
|
||||||
}), |
|
||||||
}); |
|
||||||
} |
|
||||||
@ -1,4 +0,0 @@ |
|||||||
import Cairo from 'gi://cairo?version=1.0'; |
|
||||||
|
|
||||||
export const dummyRegion = new Cairo.Region(); |
|
||||||
export const enableClickthrough = (self) => self.input_shape_combine_region(dummyRegion); |
|
||||||
@ -1,57 +0,0 @@ |
|||||||
const { Gdk } = imports.gi; |
|
||||||
|
|
||||||
export function setupCursorHover(button) { // Hand pointing cursor on hover
|
|
||||||
const display = Gdk.Display.get_default(); |
|
||||||
button.connect('enter-notify-event', () => { |
|
||||||
const cursor = Gdk.Cursor.new_from_name(display, 'pointer'); |
|
||||||
button.get_window().set_cursor(cursor); |
|
||||||
}); |
|
||||||
|
|
||||||
button.connect('leave-notify-event', () => { |
|
||||||
const cursor = Gdk.Cursor.new_from_name(display, 'default'); |
|
||||||
button.get_window().set_cursor(cursor); |
|
||||||
}); |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
export function setupCursorHoverAim(button) { // Crosshair cursor on hover
|
|
||||||
button.connect('enter-notify-event', () => { |
|
||||||
const display = Gdk.Display.get_default(); |
|
||||||
const cursor = Gdk.Cursor.new_from_name(display, 'crosshair'); |
|
||||||
button.get_window().set_cursor(cursor); |
|
||||||
}); |
|
||||||
|
|
||||||
button.connect('leave-notify-event', () => { |
|
||||||
const display = Gdk.Display.get_default(); |
|
||||||
const cursor = Gdk.Cursor.new_from_name(display, 'default'); |
|
||||||
button.get_window().set_cursor(cursor); |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
export function setupCursorHoverGrab(button) { // Hand ready to grab on hover
|
|
||||||
button.connect('enter-notify-event', () => { |
|
||||||
const display = Gdk.Display.get_default(); |
|
||||||
const cursor = Gdk.Cursor.new_from_name(display, 'grab'); |
|
||||||
button.get_window().set_cursor(cursor); |
|
||||||
}); |
|
||||||
|
|
||||||
button.connect('leave-notify-event', () => { |
|
||||||
const display = Gdk.Display.get_default(); |
|
||||||
const cursor = Gdk.Cursor.new_from_name(display, 'default'); |
|
||||||
button.get_window().set_cursor(cursor); |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
export function setupCursorHoverInfo(button) { // "?" mark cursor on hover
|
|
||||||
const display = Gdk.Display.get_default(); |
|
||||||
button.connect('enter-notify-event', () => { |
|
||||||
const cursor = Gdk.Cursor.new_from_name(display, 'help'); |
|
||||||
button.get_window().set_cursor(cursor); |
|
||||||
}); |
|
||||||
|
|
||||||
button.connect('leave-notify-event', () => { |
|
||||||
const cursor = Gdk.Cursor.new_from_name(display, 'default'); |
|
||||||
button.get_window().set_cursor(cursor); |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
@ -1,25 +0,0 @@ |
|||||||
const { Gdk } = imports.gi; |
|
||||||
|
|
||||||
const MODS = { |
|
||||||
'Shift': Gdk.ModifierType.SHIFT_MASK, |
|
||||||
'Ctrl': Gdk.ModifierType.CONTROL_MASK, |
|
||||||
'Alt': Gdk.ModifierType.ALT_MASK, |
|
||||||
'Hyper': Gdk.ModifierType.HYPER_MASK, |
|
||||||
'Meta': Gdk.ModifierType.META_MASK |
|
||||||
} |
|
||||||
|
|
||||||
export const checkKeybind = (event, keybind) => { |
|
||||||
const pressedModMask = event.get_state()[1]; |
|
||||||
const pressedKey = event.get_keyval()[1]; |
|
||||||
const keys = keybind.split('+'); |
|
||||||
for (let i = 0; i < keys.length; i++) { |
|
||||||
if (keys[i] in MODS) { |
|
||||||
if (!(pressedModMask & MODS[keys[i]])) { |
|
||||||
return false; |
|
||||||
} |
|
||||||
} else if (pressedKey !== Gdk[`KEY_${keys[i]}`]) { |
|
||||||
return false; |
|
||||||
} |
|
||||||
} |
|
||||||
return true; |
|
||||||
} |
|
||||||
@ -1,28 +0,0 @@ |
|||||||
import * as Utils from 'resource:///com/github/Aylur/ags/utils.js'; |
|
||||||
import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js'; |
|
||||||
|
|
||||||
function moveClientToWorkspace(address, workspace) { |
|
||||||
Utils.execAsync(['bash', '-c', `hyprctl dispatch movetoworkspacesilent ${workspace},address:${address} &`]); |
|
||||||
} |
|
||||||
|
|
||||||
export function dumpToWorkspace(from, to) { |
|
||||||
if (from == to) return; |
|
||||||
Hyprland.clients.forEach(client => { |
|
||||||
if (client.workspace.id == from) { |
|
||||||
moveClientToWorkspace(client.address, to); |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
export function swapWorkspace(workspaceA, workspaceB) { |
|
||||||
if (workspaceA == workspaceB) return; |
|
||||||
const clientsA = []; |
|
||||||
const clientsB = []; |
|
||||||
Hyprland.clients.forEach(client => { |
|
||||||
if (client.workspace.id == workspaceA) clientsA.push(client.address); |
|
||||||
if (client.workspace.id == workspaceB) clientsB.push(client.address); |
|
||||||
}); |
|
||||||
|
|
||||||
clientsA.forEach((address) => moveClientToWorkspace(address, workspaceB)); |
|
||||||
clientsB.forEach((address) => moveClientToWorkspace(address, workspaceA)); |
|
||||||
} |
|
||||||
@ -1,18 +0,0 @@ |
|||||||
import Widget from 'resource:///com/github/Aylur/ags/widget.js'; |
|
||||||
import { SearchAndWindows } from "./windowcontent.js"; |
|
||||||
import PopupWindow from '../.widgethacks/popupwindow.js'; |
|
||||||
|
|
||||||
export default (id = '') => PopupWindow({ |
|
||||||
name: `overview${id}`, |
|
||||||
exclusivity: 'ignore', |
|
||||||
keymode: 'exclusive', |
|
||||||
visible: false, |
|
||||||
// anchor: ['middle'],
|
|
||||||
layer: 'overlay', |
|
||||||
child: Widget.Box({ |
|
||||||
vertical: true, |
|
||||||
children: [ |
|
||||||
SearchAndWindows(), |
|
||||||
] |
|
||||||
}), |
|
||||||
}) |
|
||||||
@ -1,155 +0,0 @@ |
|||||||
const { Gio, GLib } = imports.gi; |
|
||||||
import App from 'resource:///com/github/Aylur/ags/app.js'; |
|
||||||
import * as Utils from 'resource:///com/github/Aylur/ags/utils.js'; |
|
||||||
const { execAsync, exec } = Utils; |
|
||||||
// import Todo from "../../services/todo.js";
|
|
||||||
import { darkMode } from '../.miscutils/system.js'; |
|
||||||
|
|
||||||
export function hasUnterminatedBackslash(inputString) { |
|
||||||
// Use a regular expression to match a trailing odd number of backslashes
|
|
||||||
const regex = /\\+$/; |
|
||||||
return regex.test(inputString); |
|
||||||
} |
|
||||||
|
|
||||||
export function launchCustomCommand(command) { |
|
||||||
const args = command.toLowerCase().split(' '); |
|
||||||
if (args[0] == '>raw') { // Mouse raw input
|
|
||||||
Utils.execAsync('hyprctl -j getoption input:accel_profile') |
|
||||||
.then((output) => { |
|
||||||
const value = JSON.parse(output)["str"].trim(); |
|
||||||
if (value != "[[EMPTY]]" && value != "") { |
|
||||||
execAsync(['bash', '-c', `hyprctl keyword input:accel_profile '[[EMPTY]]'`]).catch(print); |
|
||||||
} |
|
||||||
else { |
|
||||||
execAsync(['bash', '-c', `hyprctl keyword input:accel_profile flat`]).catch(print); |
|
||||||
} |
|
||||||
}) |
|
||||||
} |
|
||||||
else if (args[0] == '>img') { // Change wallpaper
|
|
||||||
execAsync([`bash`, `-c`, `${App.configDir}/scripts/color_generation/switchwall.sh`, `&`]).catch(print); |
|
||||||
} |
|
||||||
else if (args[0] == '>color') { // Generate colorscheme from color picker
|
|
||||||
execAsync([`bash`, `-c`, `${App.configDir}/scripts/color_generation/switchcolor.sh --pick`, `&`]).catch(print); |
|
||||||
} |
|
||||||
else if (args[0] == '>light') { // Light mode
|
|
||||||
darkMode.value = false; |
|
||||||
execAsync([`bash`, `-c`, `mkdir -p ${GLib.get_user_cache_dir()}/ags/user && sed -i "1s/.*/light/" ${GLib.get_user_cache_dir()}/ags/user/colormode.txt`]) |
|
||||||
.then(execAsync(['bash', '-c', `${App.configDir}/scripts/color_generation/switchcolor.sh`])) |
|
||||||
.catch(print); |
|
||||||
} |
|
||||||
else if (args[0] == '>dark') { // Dark mode
|
|
||||||
darkMode.value = true; |
|
||||||
execAsync([`bash`, `-c`, `mkdir -p ${GLib.get_user_cache_dir()}/ags/user && sed -i "1s/.*/dark/" ${GLib.get_user_cache_dir()}/ags/user/colormode.txt`]) |
|
||||||
.then(execAsync(['bash', '-c', `${App.configDir}/scripts/color_generation/switchcolor.sh`])) |
|
||||||
.catch(print); |
|
||||||
} |
|
||||||
else if (args[0] == '>badapple') { // Black and white
|
|
||||||
execAsync([`bash`, `-c`, `mkdir -p ${GLib.get_user_cache_dir()}/ags/user && sed -i "3s/.*/monochrome/" ${GLib.get_user_cache_dir()}/ags/user/colormode.txt`]) |
|
||||||
.then(execAsync(['bash', '-c', `${App.configDir}/scripts/color_generation/switchcolor.sh`])) |
|
||||||
.catch(print); |
|
||||||
} |
|
||||||
else if (args[0] == '>material') { // Use material colors
|
|
||||||
execAsync([`bash`, `-c`, `mkdir -p ${GLib.get_user_cache_dir()}/ags/user && echo "material" > ${GLib.get_user_cache_dir()}/ags/user/colorbackend.txt`]).catch(print) |
|
||||||
.then(execAsync(['bash', '-c', `${App.configDir}/scripts/color_generation/switchwall.sh --noswitch`]).catch(print)) |
|
||||||
.catch(print); |
|
||||||
} |
|
||||||
else if (args[0] == '>pywal') { // Use Pywal (ik it looks shit but I'm not removing)
|
|
||||||
execAsync([`bash`, `-c`, `mkdir -p ${GLib.get_user_cache_dir()}/ags/user && echo "pywal" > ${GLib.get_user_cache_dir()}/ags/user/colorbackend.txt`]).catch(print) |
|
||||||
.then(execAsync(['bash', '-c', `${App.configDir}/scripts/color_generation/switchwall.sh --noswitch`]).catch(print)) |
|
||||||
.catch(print); |
|
||||||
} |
|
||||||
else if (args[0] == '>todo') { // Todo
|
|
||||||
Todo.add(args.slice(1).join(' ')); |
|
||||||
} |
|
||||||
else if (args[0] == '>shutdown') { // Shut down
|
|
||||||
execAsync([`bash`, `-c`, `systemctl poweroff || loginctl poweroff`]).catch(print); |
|
||||||
} |
|
||||||
else if (args[0] == '>reboot') { // Reboot
|
|
||||||
execAsync([`bash`, `-c`, `systemctl reboot || loginctl reboot`]).catch(print); |
|
||||||
} |
|
||||||
else if (args[0] == '>sleep') { // Sleep
|
|
||||||
execAsync([`bash`, `-c`, `systemctl suspend || loginctl suspend`]).catch(print); |
|
||||||
} |
|
||||||
else if (args[0] == '>logout') { // Log out
|
|
||||||
execAsync([`bash`, `-c`, `pkill Hyprland || pkill sway`]).catch(print); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export function execAndClose(command, terminal) { |
|
||||||
App.closeWindow('overview'); |
|
||||||
if (terminal) { |
|
||||||
execAsync([`bash`, `-c`, `${userOptions.apps.terminal} fish -C "${command}"`, `&`]).catch(print); |
|
||||||
} |
|
||||||
else |
|
||||||
execAsync(command).catch(print); |
|
||||||
} |
|
||||||
|
|
||||||
export function couldBeMath(str) { |
|
||||||
const regex = /^[0-9.+*/-]/; |
|
||||||
return regex.test(str); |
|
||||||
} |
|
||||||
|
|
||||||
export function expandTilde(path) { |
|
||||||
if (path.startsWith('~')) { |
|
||||||
return GLib.get_home_dir() + path.slice(1); |
|
||||||
} else { |
|
||||||
return path; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
function getFileIcon(fileInfo) { |
|
||||||
let icon = fileInfo.get_icon(); |
|
||||||
if (icon) { |
|
||||||
// Get the icon's name
|
|
||||||
return icon.get_names()[0]; |
|
||||||
} else { |
|
||||||
// Default icon for files
|
|
||||||
return 'text-x-generic'; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export function ls({ path = '~', silent = false }) { |
|
||||||
let contents = []; |
|
||||||
try { |
|
||||||
let expandedPath = expandTilde(path); |
|
||||||
if (expandedPath.endsWith('/')) |
|
||||||
expandedPath = expandedPath.slice(0, -1); |
|
||||||
let folder = Gio.File.new_for_path(expandedPath); |
|
||||||
|
|
||||||
let enumerator = folder.enumerate_children('standard::*', Gio.FileQueryInfoFlags.NONE, null); |
|
||||||
let fileInfo; |
|
||||||
while ((fileInfo = enumerator.next_file(null)) !== null) { |
|
||||||
let fileName = fileInfo.get_display_name(); |
|
||||||
let fileType = fileInfo.get_file_type(); |
|
||||||
|
|
||||||
let item = { |
|
||||||
parentPath: expandedPath, |
|
||||||
name: fileName, |
|
||||||
type: fileType === Gio.FileType.DIRECTORY ? 'folder' : 'file', |
|
||||||
icon: getFileIcon(fileInfo), |
|
||||||
}; |
|
||||||
|
|
||||||
// Add file extension for files
|
|
||||||
if (fileType === Gio.FileType.REGULAR) { |
|
||||||
let fileExtension = fileName.split('.').pop(); |
|
||||||
item.type = `${fileExtension}`; |
|
||||||
} |
|
||||||
|
|
||||||
contents.push(item); |
|
||||||
contents.sort((a, b) => { |
|
||||||
const aIsFolder = a.type.startsWith('folder'); |
|
||||||
const bIsFolder = b.type.startsWith('folder'); |
|
||||||
if (aIsFolder && !bIsFolder) { |
|
||||||
return -1; |
|
||||||
} else if (!aIsFolder && bIsFolder) { |
|
||||||
return 1; |
|
||||||
} else { |
|
||||||
return a.name.localeCompare(b.name); // Sort alphabetically within folders and files
|
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
} catch (e) { |
|
||||||
if (!silent) console.log(e); |
|
||||||
} |
|
||||||
return contents; |
|
||||||
} |
|
||||||
@ -1,423 +0,0 @@ |
|||||||
// TODO
|
|
||||||
// - Make client destroy/create not destroy and recreate the whole thing
|
|
||||||
// - Active ws hook optimization: only update when moving to next group
|
|
||||||
//
|
|
||||||
const { Gdk, Gtk } = imports.gi; |
|
||||||
const { Gravity } = imports.gi.Gdk; |
|
||||||
import { SCREEN_HEIGHT, SCREEN_WIDTH } from '../../variables.js'; |
|
||||||
import App from 'resource:///com/github/Aylur/ags/app.js'; |
|
||||||
import Variable from 'resource:///com/github/Aylur/ags/variable.js'; |
|
||||||
import Widget from 'resource:///com/github/Aylur/ags/widget.js'; |
|
||||||
import * as Utils from 'resource:///com/github/Aylur/ags/utils.js'; |
|
||||||
|
|
||||||
import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js'; |
|
||||||
const { execAsync, exec } = Utils; |
|
||||||
import { setupCursorHoverGrab } from '../.widgetutils/cursorhover.js'; |
|
||||||
import { dumpToWorkspace, swapWorkspace } from "./actions.js"; |
|
||||||
import { substitute } from "../.miscutils/icons.js"; |
|
||||||
|
|
||||||
const NUM_OF_WORKSPACES_SHOWN = userOptions.overview.numOfCols * userOptions.overview.numOfRows; |
|
||||||
const TARGET = [Gtk.TargetEntry.new('text/plain', Gtk.TargetFlags.SAME_APP, 0)]; |
|
||||||
const POPUP_CLOSE_TIME = 100; // ms
|
|
||||||
|
|
||||||
const overviewTick = Variable(false); |
|
||||||
|
|
||||||
export default () => { |
|
||||||
const clientMap = new Map(); |
|
||||||
let workspaceGroup = 0; |
|
||||||
const ContextMenuWorkspaceArray = ({ label, actionFunc, thisWorkspace }) => Widget.MenuItem({ |
|
||||||
label: `${label}`, |
|
||||||
setup: (menuItem) => { |
|
||||||
let submenu = new Gtk.Menu(); |
|
||||||
submenu.className = 'menu'; |
|
||||||
|
|
||||||
const offset = Math.floor((Hyprland.active.workspace.id - 1) / NUM_OF_WORKSPACES_SHOWN) * NUM_OF_WORKSPACES_SHOWN; |
|
||||||
const startWorkspace = offset + 1; |
|
||||||
const endWorkspace = startWorkspace + NUM_OF_WORKSPACES_SHOWN - 1; |
|
||||||
for (let i = startWorkspace; i <= endWorkspace; i++) { |
|
||||||
let button = new Gtk.MenuItem({ |
|
||||||
label: `Workspace ${i}` |
|
||||||
}); |
|
||||||
button.connect("activate", () => { |
|
||||||
// execAsync([`${onClickBinary}`, `${thisWorkspace}`, `${i}`]).catch(print);
|
|
||||||
actionFunc(thisWorkspace, i); |
|
||||||
overviewTick.setValue(!overviewTick.value); |
|
||||||
}); |
|
||||||
submenu.append(button); |
|
||||||
} |
|
||||||
menuItem.set_reserve_indicator(true); |
|
||||||
menuItem.set_submenu(submenu); |
|
||||||
} |
|
||||||
}) |
|
||||||
|
|
||||||
const Window = ({ address, at: [x, y], size: [w, h], workspace: { id, name }, class: c, title, xwayland }, screenCoords) => { |
|
||||||
const revealInfoCondition = (Math.min(w, h) * userOptions.overview.scale > 70); |
|
||||||
if (w <= 0 || h <= 0 || (c === '' && title === '')) return null; |
|
||||||
// Non-primary monitors
|
|
||||||
if (screenCoords.x != 0) x -= screenCoords.x; |
|
||||||
if (screenCoords.y != 0) y -= screenCoords.y; |
|
||||||
// Other offscreen adjustments
|
|
||||||
if (x + w <= 0) x += (Math.floor(x / SCREEN_WIDTH) * SCREEN_WIDTH); |
|
||||||
else if (x < 0) { w = x + w; x = 0; } |
|
||||||
if (y + h <= 0) x += (Math.floor(y / SCREEN_HEIGHT) * SCREEN_HEIGHT); |
|
||||||
else if (y < 0) { h = y + h; y = 0; } |
|
||||||
// Truncate if offscreen
|
|
||||||
if (x + w > SCREEN_WIDTH) w = SCREEN_WIDTH - x; |
|
||||||
if (y + h > SCREEN_HEIGHT) h = SCREEN_HEIGHT - y; |
|
||||||
|
|
||||||
const appIcon = Widget.Icon({ |
|
||||||
icon: substitute(c), |
|
||||||
size: Math.min(w, h) * userOptions.overview.scale / 2.5, |
|
||||||
}); |
|
||||||
return Widget.Button({ |
|
||||||
attribute: { |
|
||||||
address, x, y, w, h, ws: id, |
|
||||||
updateIconSize: (self) => { |
|
||||||
appIcon.size = Math.min(self.attribute.w, self.attribute.h) * userOptions.overview.scale / 2.5; |
|
||||||
}, |
|
||||||
}, |
|
||||||
className: 'overview-tasks-window', |
|
||||||
hpack: 'start', |
|
||||||
vpack: 'start', |
|
||||||
css: ` |
|
||||||
margin-left: ${Math.round(x * userOptions.overview.scale)}px; |
|
||||||
margin-top: ${Math.round(y * userOptions.overview.scale)}px; |
|
||||||
margin-right: -${Math.round((x + w) * userOptions.overview.scale)}px; |
|
||||||
margin-bottom: -${Math.round((y + h) * userOptions.overview.scale)}px; |
|
||||||
`,
|
|
||||||
onClicked: (self) => { |
|
||||||
App.closeWindow('overview'); |
|
||||||
Utils.timeout(POPUP_CLOSE_TIME, () => Hyprland.messageAsync(`dispatch focuswindow address:${address}`)); |
|
||||||
}, |
|
||||||
onMiddleClickRelease: () => Hyprland.messageAsync(`dispatch closewindow address:${address}`), |
|
||||||
onSecondaryClick: (button) => { |
|
||||||
button.toggleClassName('overview-tasks-window-selected', true); |
|
||||||
const menu = Widget.Menu({ |
|
||||||
className: 'menu', |
|
||||||
children: [ |
|
||||||
Widget.MenuItem({ |
|
||||||
child: Widget.Label({ |
|
||||||
xalign: 0, |
|
||||||
label: "Close (Middle-click)", |
|
||||||
}), |
|
||||||
onActivate: () => Hyprland.messageAsync(`dispatch closewindow address:${address}`), |
|
||||||
}), |
|
||||||
ContextMenuWorkspaceArray({ |
|
||||||
label: "Dump windows to workspace", |
|
||||||
actionFunc: dumpToWorkspace, |
|
||||||
thisWorkspace: Number(id) |
|
||||||
}), |
|
||||||
ContextMenuWorkspaceArray({ |
|
||||||
label: "Swap windows with workspace", |
|
||||||
actionFunc: swapWorkspace, |
|
||||||
thisWorkspace: Number(id) |
|
||||||
}), |
|
||||||
], |
|
||||||
}); |
|
||||||
menu.connect("deactivate", () => { |
|
||||||
button.toggleClassName('overview-tasks-window-selected', false); |
|
||||||
}) |
|
||||||
menu.connect("selection-done", () => { |
|
||||||
button.toggleClassName('overview-tasks-window-selected', false); |
|
||||||
}) |
|
||||||
menu.popup_at_widget(button.get_parent(), Gravity.SOUTH, Gravity.NORTH, null); // Show menu below the button
|
|
||||||
button.connect("destroy", () => menu.destroy()); |
|
||||||
}, |
|
||||||
child: Widget.Box({ |
|
||||||
homogeneous: true, |
|
||||||
child: Widget.Box({ |
|
||||||
vertical: true, |
|
||||||
vpack: 'center', |
|
||||||
className: 'spacing-v-5', |
|
||||||
children: [ |
|
||||||
appIcon, |
|
||||||
// TODO: Add xwayland tag instead of just having italics
|
|
||||||
Widget.Revealer({ |
|
||||||
transition: 'slide_down', |
|
||||||
revealChild: revealInfoCondition, |
|
||||||
child: Widget.Label({ |
|
||||||
maxWidthChars: 10, // Doesn't matter what number
|
|
||||||
truncate: 'end', |
|
||||||
className: `${xwayland ? 'txt txt-italic' : 'txt'}`, |
|
||||||
css: ` |
|
||||||
font-size: ${Math.min(SCREEN_WIDTH, SCREEN_HEIGHT) * userOptions.overview.scale / 14.6}px; |
|
||||||
margin: 0px ${Math.min(SCREEN_WIDTH, SCREEN_HEIGHT) * userOptions.overview.scale / 10}px; |
|
||||||
`,
|
|
||||||
// If the title is too short, include the class
|
|
||||||
label: (title.length <= 1 ? `${c}: ${title}` : title), |
|
||||||
}) |
|
||||||
}) |
|
||||||
] |
|
||||||
}) |
|
||||||
}), |
|
||||||
tooltipText: `${c}: ${title}`, |
|
||||||
setup: (button) => { |
|
||||||
setupCursorHoverGrab(button); |
|
||||||
|
|
||||||
button.drag_source_set(Gdk.ModifierType.BUTTON1_MASK, TARGET, Gdk.DragAction.MOVE); |
|
||||||
button.drag_source_set_icon_name(substitute(c)); |
|
||||||
// button.drag_source_set_icon_gicon(icon);
|
|
||||||
|
|
||||||
button.connect('drag-begin', (button) => { // On drag start, add the dragging class
|
|
||||||
button.toggleClassName('overview-tasks-window-dragging', true); |
|
||||||
}); |
|
||||||
button.connect('drag-data-get', (_w, _c, data) => { // On drag finish, give address
|
|
||||||
data.set_text(address, address.length); |
|
||||||
button.toggleClassName('overview-tasks-window-dragging', false); |
|
||||||
}); |
|
||||||
}, |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
const Workspace = (index) => { |
|
||||||
// const fixed = Widget.Fixed({
|
|
||||||
// attribute: {
|
|
||||||
// put: (widget, x, y) => {
|
|
||||||
// fixed.put(widget, x, y);
|
|
||||||
// },
|
|
||||||
// move: (widget, x, y) => {
|
|
||||||
// fixed.move(widget, x, y);
|
|
||||||
// },
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
const fixed = Widget.Box({ |
|
||||||
attribute: { |
|
||||||
put: (widget, x, y) => { |
|
||||||
if (!widget.attribute) return; |
|
||||||
// Note: x and y are already multiplied by userOptions.overview.scale
|
|
||||||
const newCss = ` |
|
||||||
margin-left: ${Math.round(x)}px; |
|
||||||
margin-top: ${Math.round(y)}px; |
|
||||||
margin-right: -${Math.round(x + (widget.attribute.w * userOptions.overview.scale))}px; |
|
||||||
margin-bottom: -${Math.round(y + (widget.attribute.h * userOptions.overview.scale))}px; |
|
||||||
`;
|
|
||||||
widget.css = newCss; |
|
||||||
fixed.pack_start(widget, false, false, 0); |
|
||||||
}, |
|
||||||
move: (widget, x, y) => { |
|
||||||
if (!widget) return; |
|
||||||
if (!widget.attribute) return; |
|
||||||
// Note: x and y are already multiplied by userOptions.overview.scale
|
|
||||||
const newCss = ` |
|
||||||
margin-left: ${Math.round(x)}px; |
|
||||||
margin-top: ${Math.round(y)}px; |
|
||||||
margin-right: -${Math.round(x + (widget.attribute.w * userOptions.overview.scale))}px; |
|
||||||
margin-bottom: -${Math.round(y + (widget.attribute.h * userOptions.overview.scale))}px; |
|
||||||
`;
|
|
||||||
widget.css = newCss; |
|
||||||
}, |
|
||||||
} |
|
||||||
}) |
|
||||||
const WorkspaceNumber = ({ index, ...rest }) => Widget.Label({ |
|
||||||
className: 'overview-tasks-workspace-number', |
|
||||||
label: `${index}`, |
|
||||||
css: ` |
|
||||||
margin: ${Math.min(SCREEN_WIDTH, SCREEN_HEIGHT) * userOptions.overview.scale * userOptions.overview.wsNumMarginScale}px; |
|
||||||
font-size: ${SCREEN_HEIGHT * userOptions.overview.scale * userOptions.overview.wsNumScale}px; |
|
||||||
`,
|
|
||||||
setup: (self) => self.hook(Hyprland.active.workspace, (self) => { |
|
||||||
// Update when going to new ws group
|
|
||||||
const currentGroup = Math.floor((Hyprland.active.workspace.id - 1) / NUM_OF_WORKSPACES_SHOWN); |
|
||||||
self.label = `${currentGroup * NUM_OF_WORKSPACES_SHOWN + index}`; |
|
||||||
}), |
|
||||||
...rest, |
|
||||||
}) |
|
||||||
const widget = Widget.Box({ |
|
||||||
className: 'overview-tasks-workspace', |
|
||||||
vpack: 'center', |
|
||||||
css: ` |
|
||||||
min-width: ${SCREEN_WIDTH * userOptions.overview.scale}px; |
|
||||||
min-height: ${SCREEN_HEIGHT * userOptions.overview.scale}px; |
|
||||||
`,
|
|
||||||
children: [Widget.EventBox({ |
|
||||||
hexpand: true, |
|
||||||
vexpand: true, |
|
||||||
onPrimaryClick: () => { |
|
||||||
App.closeWindow('overview'); |
|
||||||
Utils.timeout(POPUP_CLOSE_TIME, () => Hyprland.messageAsync(`dispatch workspace ${index}`)); |
|
||||||
}, |
|
||||||
setup: (eventbox) => { |
|
||||||
eventbox.drag_dest_set(Gtk.DestDefaults.ALL, TARGET, Gdk.DragAction.COPY); |
|
||||||
eventbox.connect('drag-data-received', (_w, _c, _x, _y, data) => { |
|
||||||
const offset = Math.floor((Hyprland.active.workspace.id - 1) / NUM_OF_WORKSPACES_SHOWN) * NUM_OF_WORKSPACES_SHOWN; |
|
||||||
Hyprland.messageAsync(`dispatch movetoworkspacesilent ${index + offset},address:${data.get_text()}`) |
|
||||||
overviewTick.setValue(!overviewTick.value); |
|
||||||
}); |
|
||||||
}, |
|
||||||
child: Widget.Overlay({ |
|
||||||
child: Widget.Box({}), |
|
||||||
overlays: [ |
|
||||||
WorkspaceNumber({ index: index, hpack: 'start', vpack: 'start' }), |
|
||||||
fixed |
|
||||||
] |
|
||||||
}), |
|
||||||
})], |
|
||||||
}); |
|
||||||
const offset = Math.floor((Hyprland.active.workspace.id - 1) / NUM_OF_WORKSPACES_SHOWN) * NUM_OF_WORKSPACES_SHOWN; |
|
||||||
fixed.attribute.put(WorkspaceNumber(offset + index), 0, 0); |
|
||||||
widget.clear = () => { |
|
||||||
const offset = Math.floor((Hyprland.active.workspace.id - 1) / NUM_OF_WORKSPACES_SHOWN) * NUM_OF_WORKSPACES_SHOWN; |
|
||||||
clientMap.forEach((client, address) => { |
|
||||||
if (!client) return; |
|
||||||
if ((client.attribute.ws <= offset || client.attribute.ws > offset + NUM_OF_WORKSPACES_SHOWN) || |
|
||||||
(client.attribute.ws == offset + index)) { |
|
||||||
client.destroy(); |
|
||||||
client = null; |
|
||||||
clientMap.delete(address); |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
widget.set = (clientJson, screenCoords) => { |
|
||||||
let c = clientMap.get(clientJson.address); |
|
||||||
if (c) { |
|
||||||
if (c.attribute?.ws !== clientJson.workspace.id) { |
|
||||||
c.destroy(); |
|
||||||
c = null; |
|
||||||
clientMap.delete(clientJson.address); |
|
||||||
} |
|
||||||
else if (c) { |
|
||||||
c.attribute.w = clientJson.size[0]; |
|
||||||
c.attribute.h = clientJson.size[1]; |
|
||||||
c.attribute.updateIconSize(c); |
|
||||||
fixed.attribute.move(c, |
|
||||||
Math.max(0, clientJson.at[0] * userOptions.overview.scale), |
|
||||||
Math.max(0, clientJson.at[1] * userOptions.overview.scale) |
|
||||||
); |
|
||||||
return; |
|
||||||
} |
|
||||||
} |
|
||||||
const newWindow = Window(clientJson, screenCoords); |
|
||||||
if (newWindow === null) return; |
|
||||||
// clientMap.set(clientJson.address, newWindow);
|
|
||||||
fixed.attribute.put(newWindow, |
|
||||||
Math.max(0, newWindow.attribute.x * userOptions.overview.scale), |
|
||||||
Math.max(0, newWindow.attribute.y * userOptions.overview.scale) |
|
||||||
); |
|
||||||
clientMap.set(clientJson.address, newWindow); |
|
||||||
}; |
|
||||||
widget.unset = (clientAddress) => { |
|
||||||
const offset = Math.floor((Hyprland.active.workspace.id - 1) / NUM_OF_WORKSPACES_SHOWN) * NUM_OF_WORKSPACES_SHOWN; |
|
||||||
let c = clientMap.get(clientAddress); |
|
||||||
if (!c) return; |
|
||||||
c.destroy(); |
|
||||||
c = null; |
|
||||||
clientMap.delete(clientAddress); |
|
||||||
}; |
|
||||||
widget.show = () => { |
|
||||||
fixed.show_all(); |
|
||||||
} |
|
||||||
return widget; |
|
||||||
}; |
|
||||||
|
|
||||||
const arr = (s, n) => { |
|
||||||
const array = []; |
|
||||||
for (let i = 0; i < n; i++) |
|
||||||
array.push(s + i); |
|
||||||
|
|
||||||
return array; |
|
||||||
}; |
|
||||||
|
|
||||||
const OverviewRow = ({ startWorkspace, workspaces, windowName = 'overview' }) => Widget.Box({ |
|
||||||
children: arr(startWorkspace, workspaces).map(Workspace), |
|
||||||
attribute: { |
|
||||||
monitorMap: [], |
|
||||||
getMonitorMap: (box) => { |
|
||||||
execAsync('hyprctl -j monitors').then(monitors => { |
|
||||||
box.attribute.monitorMap = JSON.parse(monitors).reduce((acc, item) => { |
|
||||||
acc[item.id] = { x: item.x, y: item.y }; |
|
||||||
return acc; |
|
||||||
}, {}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
update: (box) => { |
|
||||||
const offset = Math.floor((Hyprland.active.workspace.id - 1) / NUM_OF_WORKSPACES_SHOWN) * NUM_OF_WORKSPACES_SHOWN; |
|
||||||
if (!App.getWindow(windowName).visible) return; |
|
||||||
Hyprland.messageAsync('j/clients').then(clients => { |
|
||||||
const allClients = JSON.parse(clients); |
|
||||||
const kids = box.get_children(); |
|
||||||
kids.forEach(kid => kid.clear()); |
|
||||||
for (let i = 0; i < allClients.length; i++) { |
|
||||||
const client = allClients[i]; |
|
||||||
const childID = client.workspace.id - (offset + startWorkspace); |
|
||||||
if (offset + startWorkspace <= client.workspace.id && |
|
||||||
client.workspace.id <= offset + startWorkspace + workspaces) { |
|
||||||
const screenCoords = box.attribute.monitorMap[client.monitor]; |
|
||||||
if (kids[childID]) { |
|
||||||
kids[childID].set(client, screenCoords); |
|
||||||
} |
|
||||||
continue; |
|
||||||
} |
|
||||||
} |
|
||||||
kids.forEach(kid => kid.show()); |
|
||||||
}).catch(print); |
|
||||||
}, |
|
||||||
updateWorkspace: (box, id) => { |
|
||||||
const offset = Math.floor((Hyprland.active.workspace.id - 1) / NUM_OF_WORKSPACES_SHOWN) * NUM_OF_WORKSPACES_SHOWN; |
|
||||||
if (!( // Not in range, ignore
|
|
||||||
offset + startWorkspace <= id && |
|
||||||
id <= offset + startWorkspace + workspaces |
|
||||||
)) return; |
|
||||||
// if (!App.getWindow(windowName).visible) return;
|
|
||||||
Hyprland.messageAsync('j/clients').then(clients => { |
|
||||||
const allClients = JSON.parse(clients); |
|
||||||
const kids = box.get_children(); |
|
||||||
for (let i = 0; i < allClients.length; i++) { |
|
||||||
const client = allClients[i]; |
|
||||||
if (client.workspace.id != id) continue; |
|
||||||
const screenCoords = box.attribute.monitorMap[client.monitor]; |
|
||||||
kids[id - (offset + startWorkspace)]?.set(client, screenCoords); |
|
||||||
} |
|
||||||
kids[id - (offset + startWorkspace)]?.show(); |
|
||||||
}).catch(print); |
|
||||||
}, |
|
||||||
}, |
|
||||||
setup: (box) => { |
|
||||||
box.attribute.getMonitorMap(box); |
|
||||||
box |
|
||||||
.hook(overviewTick, (box) => box.attribute.update(box)) |
|
||||||
.hook(Hyprland, (box, clientAddress) => { |
|
||||||
const offset = Math.floor((Hyprland.active.workspace.id - 1) / NUM_OF_WORKSPACES_SHOWN) * NUM_OF_WORKSPACES_SHOWN; |
|
||||||
const kids = box.get_children(); |
|
||||||
const client = Hyprland.getClient(clientAddress); |
|
||||||
if (!client) return; |
|
||||||
const id = client.workspace.id; |
|
||||||
|
|
||||||
box.attribute.updateWorkspace(box, id); |
|
||||||
kids[id - (offset + startWorkspace)]?.unset(clientAddress); |
|
||||||
}, 'client-removed') |
|
||||||
.hook(Hyprland, (box, clientAddress) => { |
|
||||||
const client = Hyprland.getClient(clientAddress); |
|
||||||
if (!client) return; |
|
||||||
box.attribute.updateWorkspace(box, client.workspace.id); |
|
||||||
}, 'client-added') |
|
||||||
.hook(Hyprland.active.workspace, (box) => { |
|
||||||
// Full update when going to new ws group
|
|
||||||
const previousGroup = box.attribute.workspaceGroup; |
|
||||||
const currentGroup = Math.floor((Hyprland.active.workspace.id - 1) / NUM_OF_WORKSPACES_SHOWN); |
|
||||||
if (currentGroup !== previousGroup) { |
|
||||||
box.attribute.update(box); |
|
||||||
box.attribute.workspaceGroup = currentGroup; |
|
||||||
} |
|
||||||
}) |
|
||||||
.hook(App, (box, name, visible) => { // Update on open
|
|
||||||
if (name == 'overview' && visible) box.attribute.update(box); |
|
||||||
}) |
|
||||||
}, |
|
||||||
}); |
|
||||||
|
|
||||||
return Widget.Revealer({ |
|
||||||
revealChild: true, |
|
||||||
transition: 'slide_down', |
|
||||||
transitionDuration: userOptions.animations.durationLarge, |
|
||||||
child: Widget.Box({ |
|
||||||
vertical: true, |
|
||||||
className: 'overview-tasks', |
|
||||||
children: Array.from({ length: userOptions.overview.numOfRows }, (_, index) => |
|
||||||
OverviewRow({ |
|
||||||
startWorkspace: 1 + index * userOptions.overview.numOfCols, |
|
||||||
workspaces: userOptions.overview.numOfCols, |
|
||||||
}) |
|
||||||
) |
|
||||||
}), |
|
||||||
}); |
|
||||||
} |
|
||||||
@ -1,65 +0,0 @@ |
|||||||
import Widget from 'resource:///com/github/Aylur/ags/widget.js'; |
|
||||||
|
|
||||||
export const searchItem = ({ materialIconName, name, actionName, content, onActivate, extraClassName = '', ...rest }) => { |
|
||||||
const actionText = Widget.Revealer({ |
|
||||||
revealChild: false, |
|
||||||
transition: "crossfade", |
|
||||||
transitionDuration: userOptions.animations.durationLarge, |
|
||||||
child: Widget.Label({ |
|
||||||
className: 'overview-search-results-txt txt txt-small txt-action', |
|
||||||
label: `${actionName}`, |
|
||||||
}) |
|
||||||
}); |
|
||||||
const actionTextRevealer = Widget.Revealer({ |
|
||||||
revealChild: false, |
|
||||||
transition: "slide_left", |
|
||||||
transitionDuration: userOptions.animations.durationSmall, |
|
||||||
child: actionText, |
|
||||||
}) |
|
||||||
return Widget.Button({ |
|
||||||
className: `overview-search-result-btn txt ${extraClassName}`, |
|
||||||
onClicked: onActivate, |
|
||||||
child: Widget.Box({ |
|
||||||
children: [ |
|
||||||
Widget.Box({ |
|
||||||
vertical: false, |
|
||||||
children: [ |
|
||||||
Widget.Label({ |
|
||||||
className: `icon-material overview-search-results-icon`, |
|
||||||
label: `${materialIconName}`, |
|
||||||
}), |
|
||||||
Widget.Box({ |
|
||||||
vertical: true, |
|
||||||
children: [ |
|
||||||
Widget.Label({ |
|
||||||
hpack: 'start', |
|
||||||
className: 'overview-search-results-txt txt-smallie txt-subtext', |
|
||||||
label: `${name}`, |
|
||||||
truncate: "end", |
|
||||||
}), |
|
||||||
Widget.Label({ |
|
||||||
hpack: 'start', |
|
||||||
className: 'overview-search-results-txt txt-norm', |
|
||||||
label: `${content}`, |
|
||||||
truncate: "end", |
|
||||||
}), |
|
||||||
] |
|
||||||
}), |
|
||||||
Widget.Box({ hexpand: true }), |
|
||||||
actionTextRevealer, |
|
||||||
], |
|
||||||
}) |
|
||||||
] |
|
||||||
}), |
|
||||||
setup: (self) => self |
|
||||||
.on('focus-in-event', (button) => { |
|
||||||
actionText.revealChild = true; |
|
||||||
actionTextRevealer.revealChild = true; |
|
||||||
}) |
|
||||||
.on('focus-out-event', (button) => { |
|
||||||
actionText.revealChild = false; |
|
||||||
actionTextRevealer.revealChild = false; |
|
||||||
}) |
|
||||||
, |
|
||||||
}); |
|
||||||
} |
|
||||||
@ -1,192 +0,0 @@ |
|||||||
*:not(popover) { |
|
||||||
all: unset; |
|
||||||
} |
|
||||||
|
|
||||||
@import '../../../.cache/wal/colors-waybar.css'; |
|
||||||
/* @import '../../../.cache/wal/colors-waybar-rgba.css'; */ |
|
||||||
|
|
||||||
|
|
||||||
widget { |
|
||||||
border-radius: 0.818rem; |
|
||||||
-gtk-outline-radius: 0.818rem; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-window { |
|
||||||
margin-top: 2.727rem; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-search-box { |
|
||||||
transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); |
|
||||||
border-radius: 1.705rem; |
|
||||||
-gtk-outline-radius: 1.705rem; |
|
||||||
border-top: 1px solid @color7; |
|
||||||
border-left: 1px solid @color7; |
|
||||||
border-right: 1px solid @color7; |
|
||||||
border-bottom: 1px solid @color7; |
|
||||||
/* box-shadow: 0px 2px 3px alpha(@color0, 0.45); */ |
|
||||||
margin: 0.476rem; |
|
||||||
min-width: 13.636rem; |
|
||||||
min-height: 3.409rem; |
|
||||||
padding: 0rem 1.364rem; |
|
||||||
padding-right: 2.864rem; |
|
||||||
background-color: alpha(@color0, 0.5); |
|
||||||
color: alpha(@color7, 0.9); |
|
||||||
caret-color: transparent; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
.overview-search-box selection { |
|
||||||
background-color: #DEBCDF; |
|
||||||
color: #402843; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-search-box-extended { |
|
||||||
min-width: 25.909rem; |
|
||||||
caret-color: #FDD9FD; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-search-prompt { |
|
||||||
color: alpha(@color7, 0.9); |
|
||||||
} |
|
||||||
|
|
||||||
.overview-search-icon { |
|
||||||
margin: 0rem 1.023rem; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-search-prompt-box { |
|
||||||
margin-left: -18.545rem; |
|
||||||
margin-right: 0.544rem; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-search-icon-box { |
|
||||||
margin-left: -18.545rem; |
|
||||||
margin-right: 0.544rem; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-search-results { |
|
||||||
border-radius: 1.705rem; |
|
||||||
-gtk-outline-radius: 1.705rem; |
|
||||||
border-top: 1px solid @color7; |
|
||||||
border-left: 1px solid @color7; |
|
||||||
border-right: 1px solid @color7; |
|
||||||
border-bottom: 1px solid @color7; |
|
||||||
box-shadow: 0px 2px 3px @color9; |
|
||||||
margin: 0.476rem; |
|
||||||
min-width: 28.773rem; |
|
||||||
padding: 0.682rem; |
|
||||||
background-color: alpha(@color2, 0.5); |
|
||||||
color: alpha(@color7, 1.5); |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-search-results-icon { |
|
||||||
margin: 0rem 0.682rem; |
|
||||||
font-size: 2.386rem; |
|
||||||
min-width: 2.386rem; |
|
||||||
min-height: 2.386rem; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-search-results-txt { |
|
||||||
margin-right: 0.682rem; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-search-results-txt-cmd { |
|
||||||
margin-right: 0.682rem; |
|
||||||
font-family: "JetBrains Mono NF", "JetBrains Mono Nerd Font", "JetBrains Mono NL", "SpaceMono NF", "SpaceMono Nerd Font", monospace; |
|
||||||
font-size: 1.227rem; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-search-result-btn { |
|
||||||
border-radius: 1.159rem; |
|
||||||
-gtk-outline-radius: 1.159rem; |
|
||||||
padding: 0.341rem; |
|
||||||
min-width: 2.386rem; |
|
||||||
min-height: 2.386rem; |
|
||||||
caret-color: transparent; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-search-result-btn:hover, |
|
||||||
.overview-search-result-btn:focus { |
|
||||||
background-color: alpha(@color7, 0.4); |
|
||||||
color: alpha(@color0, 0.7); |
|
||||||
} |
|
||||||
|
|
||||||
.overview-search-result-btn:active { |
|
||||||
background-color: alpha(@color7, 0.4); |
|
||||||
color: @color4; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-tasks { |
|
||||||
border-radius: 1.705rem; |
|
||||||
-gtk-outline-radius: 1.705rem; |
|
||||||
border-top: 1px solid @color7; |
|
||||||
border-left: 1px solid @color7; |
|
||||||
border-right: 1px solid @color7; |
|
||||||
border-bottom: 1px solid @color7; |
|
||||||
box-shadow: 0px 2px 3px @color5; |
|
||||||
margin: 0.476rem; |
|
||||||
padding: 0.341rem; |
|
||||||
/* background-color: rgba(49, 50, 68, 0.8); */ |
|
||||||
background-color: alpha(@color0, 0.6); |
|
||||||
color: #EBDFED; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-tasks-workspace { |
|
||||||
border-radius: 1.159rem; |
|
||||||
-gtk-outline-radius: 1.159rem; |
|
||||||
margin: 0.341rem; |
|
||||||
/* background-color: #26233A; */ |
|
||||||
background-image: url('../../rofi/.current_wallpaper'); |
|
||||||
background-size: cover; |
|
||||||
background-position: center; |
|
||||||
border: 0.068rem solid alpha(@color4, 0.5); |
|
||||||
} |
|
||||||
|
|
||||||
.overview-tasks-workspace-number { |
|
||||||
font-family: "Open Sans", "Noto Sans", sans-serif; |
|
||||||
color: #CFC2D3; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-tasks-window { |
|
||||||
border-radius: 1.159rem; |
|
||||||
-gtk-outline-radius: 1.159rem; |
|
||||||
transition: 300ms cubic-bezier(0.1, 1, 0, 1); |
|
||||||
background-color: alpha(@color3, .7); |
|
||||||
/* background-color: @color_a3; */ |
|
||||||
/* background-color: rgba(46, 40, 50, 0.8); */ |
|
||||||
color: #EBDFED; |
|
||||||
border: 0.068rem solid @color7; |
|
||||||
} |
|
||||||
|
|
||||||
.overview-tasks-window:hover, |
|
||||||
.overview-tasks-window:focus { |
|
||||||
background-color: alpha(@color9, 0.8); |
|
||||||
} |
|
||||||
|
|
||||||
.overview-tasks-window:active { |
|
||||||
background-color: alpha(@color9, 0.8); |
|
||||||
} |
|
||||||
|
|
||||||
.overview-tasks-window-selected { |
|
||||||
background-color: alpha(@color9, 0.8); |
|
||||||
} |
|
||||||
|
|
||||||
.overview-tasks-window-dragging { |
|
||||||
opacity: 0.2; |
|
||||||
} |
|
||||||
|
|
||||||
.growingRadial { |
|
||||||
transition: 300ms cubic-bezier(0.2, 0, 0, 1); |
|
||||||
} |
|
||||||
|
|
||||||
.fadingRadial { |
|
||||||
transition: 50ms cubic-bezier(0.2, 0, 0, 1); |
|
||||||
} |
|
||||||
|
|
||||||
.sidebar-pinned { |
|
||||||
margin: 0rem; |
|
||||||
border-radius: 0rem; |
|
||||||
border-bottom-right-radius: 1.705rem; |
|
||||||
border: 0rem solid; |
|
||||||
} |
|
||||||
|
|
||||||
/*# sourceMappingURL=style.css.map */ |
|
||||||
@ -1,21 +0,0 @@ |
|||||||
|
|
||||||
const userConfigOptions = { |
|
||||||
// For every option, see ~/.config/ags/modules/.configuration/user_options.js
|
|
||||||
// (vscode users ctrl+click this: file://./modules/.configuration/user_options.js)
|
|
||||||
// (vim users: `:vsp` to split window, move cursor to this path, press `gf`. `Ctrl-w` twice to switch between)
|
|
||||||
// options listed in this file will override the default ones in the above file
|
|
||||||
// Here's an example
|
|
||||||
'overview':{ |
|
||||||
'scale': 0.15, |
|
||||||
'numOfRows': 2 |
|
||||||
}, |
|
||||||
'keybinds': { |
|
||||||
'sidebar': { |
|
||||||
'pin': "Ctrl+p", |
|
||||||
'nextTab': "Ctrl+Page_Down", |
|
||||||
'prevTab': "Ctrl+Page_Up", |
|
||||||
}, |
|
||||||
}, |
|
||||||
} |
|
||||||
|
|
||||||
export default userConfigOptions; |
|
||||||
@ -1,21 +0,0 @@ |
|||||||
const { Gtk } = imports.gi; |
|
||||||
import Variable from 'resource:///com/github/Aylur/ags/variable.js'; |
|
||||||
import * as Utils from 'resource:///com/github/Aylur/ags/utils.js'; |
|
||||||
const { exec, execAsync } = Utils; |
|
||||||
|
|
||||||
Gtk.IconTheme.get_default().append_search_path(`${App.configDir}/assets/icons`); |
|
||||||
|
|
||||||
// Screen size
|
|
||||||
export const SCREEN_WIDTH = Number(exec(`bash -c "xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f1 | head -1" | awk '{print $1}'`)); |
|
||||||
export const SCREEN_HEIGHT = Number(exec(`bash -c "xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f2 | head -1" | awk '{print $1}'`)); |
|
||||||
|
|
||||||
// Mode switching
|
|
||||||
export const currentShellMode = Variable('normal', {}) // normal, focus
|
|
||||||
globalThis['currentMode'] = currentShellMode; |
|
||||||
globalThis['cycleMode'] = () => { |
|
||||||
if (currentShellMode.value === 'normal') { |
|
||||||
currentShellMode.value = 'focus'; |
|
||||||
} else { |
|
||||||
currentShellMode.value = 'normal'; |
|
||||||
} |
|
||||||
} |
|
||||||
Loading…
Reference in new issue