235 lines
8.1 KiB
JavaScript
235 lines
8.1 KiB
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
const { St, Shell, GLib } = imports.gi;
|
||
|
|
const Main = imports.ui.main;
|
||
|
|
const Signals = imports.signals;
|
||
|
|
|
||
|
|
const Me = imports.misc.extensionUtils.getCurrentExtension();
|
||
|
|
const Settings = Me.imports.settings;
|
||
|
|
const Utils = Me.imports.utilities;
|
||
|
|
const PaintSignals = Me.imports.paint_signals;
|
||
|
|
|
||
|
|
// This type of object is created for every dash found, and talks to the main DashBlur thanks
|
||
|
|
// to signals. This allows to dynamically track the created dashes for each screen.
|
||
|
|
class DashInfos {
|
||
|
|
constructor(dash_blur, dash, dash_box, background_parent, effect, prefs) {
|
||
|
|
// the parent DashBlur object, to communicate
|
||
|
|
this.dash_blur = dash_blur;
|
||
|
|
// the blurred dash
|
||
|
|
this.dash = dash;
|
||
|
|
// the actually blurred box
|
||
|
|
this.dash_box = dash_box;
|
||
|
|
this.background_parent = background_parent;
|
||
|
|
this.effect = effect;
|
||
|
|
this.prefs = prefs;
|
||
|
|
|
||
|
|
dash_blur.connections.connect(dash_blur, 'remove-dashes', () => {
|
||
|
|
this._log("removing blur from dash");
|
||
|
|
this.dash.get_parent().remove_child(this.background_parent);
|
||
|
|
this.dash.remove_style_class_name('blurred-dash');
|
||
|
|
});
|
||
|
|
|
||
|
|
dash_blur.connections.connect(dash_blur, 'update-sigma', () => {
|
||
|
|
this.effect.sigma = this.dash_blur.sigma;
|
||
|
|
});
|
||
|
|
|
||
|
|
dash_blur.connections.connect(dash_blur, 'update-brightness', () => {
|
||
|
|
this.effect.brightness = this.dash_blur.brightness;
|
||
|
|
});
|
||
|
|
|
||
|
|
dash_blur.connections.connect(dash_blur, 'show', () => {
|
||
|
|
this.effect.sigma = this.dash_blur.sigma;
|
||
|
|
});
|
||
|
|
|
||
|
|
dash_blur.connections.connect(dash_blur, 'hide', () => {
|
||
|
|
this.effect.sigma = 0;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
_log(str) {
|
||
|
|
if (this.prefs.DEBUG.get())
|
||
|
|
log(`[Blur my Shell] ${str}`)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var DashBlur = class DashBlur {
|
||
|
|
constructor(connections, prefs) {
|
||
|
|
this.dashes = [];
|
||
|
|
this.connections = connections;
|
||
|
|
this.prefs = prefs;
|
||
|
|
this.paint_signals = new PaintSignals.PaintSignals(connections);
|
||
|
|
this.sigma = prefs.SIGMA.get();
|
||
|
|
this.brightness = prefs.BRIGHTNESS.get();
|
||
|
|
}
|
||
|
|
|
||
|
|
enable() {
|
||
|
|
this.connections.connect(Main.uiGroup, 'actor-added', (_, actor) => {
|
||
|
|
if ((actor.get_name() == "dashtodockContainer") && (actor.constructor.name == 'DashToDock'))
|
||
|
|
this.try_blur(actor);
|
||
|
|
});
|
||
|
|
|
||
|
|
this.blur_existing_dashes();
|
||
|
|
}
|
||
|
|
|
||
|
|
// Finds all existing dashes on every monitor, and call `try_blur` on them
|
||
|
|
// We cannot only blur `Main.overview.dash`, as there could be multiple screens
|
||
|
|
blur_existing_dashes() {
|
||
|
|
this._log("searching for dash");
|
||
|
|
// blur every dash found
|
||
|
|
Main.uiGroup.get_children().filter((child) => {
|
||
|
|
// filter by name
|
||
|
|
return (child.get_name() == "dashtodockContainer") && (child.constructor.name == 'DashToDock')
|
||
|
|
}).forEach(this.try_blur.bind(this));
|
||
|
|
}
|
||
|
|
|
||
|
|
// Tries to blur the dash contained in the given actor
|
||
|
|
try_blur(dash_container) {
|
||
|
|
let dash_box = dash_container._slider.get_child();
|
||
|
|
// verify that we did not already blur that dash
|
||
|
|
if (!dash_box.get_children().some((c) => {
|
||
|
|
return c.get_name() == "dash-blurred-background-parent"
|
||
|
|
})) {
|
||
|
|
// finally blur the dash
|
||
|
|
this._log("dash to dock found, blurring it");
|
||
|
|
let dash = dash_box.get_children().find(c => { return c.get_name() == 'dash' })
|
||
|
|
this.dashes.push(this.blur_dash_from(dash, dash_container));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Blurs the dash and returns a `DashInfos` containing its informations
|
||
|
|
blur_dash_from(dash, dash_container) {
|
||
|
|
// the effect to be applied
|
||
|
|
let effect = new Shell.BlurEffect({
|
||
|
|
brightness: this.brightness,
|
||
|
|
sigma: this.sigma,
|
||
|
|
mode: 1
|
||
|
|
});
|
||
|
|
|
||
|
|
// dash background parent, not visible
|
||
|
|
let background_parent = new St.Widget({
|
||
|
|
name: 'dash-blurred-background-parent',
|
||
|
|
style_class: 'dash-blurred-background-parent',
|
||
|
|
width: 0,
|
||
|
|
height: 0
|
||
|
|
});
|
||
|
|
|
||
|
|
// dash background widget
|
||
|
|
let background = new St.Widget({
|
||
|
|
name: 'dash-blurred-background',
|
||
|
|
style_class: 'dash-blurred-background',
|
||
|
|
x: 0,
|
||
|
|
y: dash_container._slider.y,
|
||
|
|
width: dash.width,
|
||
|
|
height: dash.height,
|
||
|
|
});
|
||
|
|
|
||
|
|
// updates size and position on change
|
||
|
|
this.connections.connect(dash_container._slider, 'notify::y', _ => {
|
||
|
|
background.y = dash_container._slider.y;
|
||
|
|
});
|
||
|
|
this.connections.connect(dash, 'notify::width', _ => {
|
||
|
|
background.width = dash.width;
|
||
|
|
});
|
||
|
|
this.connections.connect(dash, 'notify::height', _ => {
|
||
|
|
background.height = dash.height;
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
// HACK
|
||
|
|
{
|
||
|
|
// ! DIRTY PART: hack because `Shell.BlurEffect` does not repaint when shadows are under it
|
||
|
|
// ! this does not entirely fix this bug (shadows caused by windows still cause artefacts)
|
||
|
|
// ! but it prevents the shadows of the dash buttons to cause artefacts on the dash itself
|
||
|
|
// ! note: issue opened at https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/2857
|
||
|
|
|
||
|
|
if (this.prefs.HACKS_LEVEL.get() == 1) {
|
||
|
|
this._log("dash hack level 1");
|
||
|
|
this.paint_signals.disconnect_all();
|
||
|
|
|
||
|
|
let rp = () => {
|
||
|
|
effect.queue_repaint()
|
||
|
|
};
|
||
|
|
|
||
|
|
dash._box.get_children().forEach((icon) => {
|
||
|
|
try {
|
||
|
|
let zone = icon.get_child_at_index(0);
|
||
|
|
this.connections.connect(zone, 'enter-event', rp);
|
||
|
|
this.connections.connect(zone, 'leave-event', rp);
|
||
|
|
this.connections.connect(zone, 'button-press-event', rp);
|
||
|
|
} catch (e) {
|
||
|
|
this._log(`${e}, continuing`);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
this.connections.connect(dash._box, 'actor-added', (_, actor) => {
|
||
|
|
try {
|
||
|
|
let zone = actor.get_child_at_index(0);
|
||
|
|
this.connections.connect(zone, 'enter-event', rp);
|
||
|
|
this.connections.connect(zone, 'leave-event', rp);
|
||
|
|
this.connections.connect(zone, 'button-press-event', rp);
|
||
|
|
} catch (e) {
|
||
|
|
this._log(`${e}, continuing`);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
this.connections.connect(dash._showAppsIcon, 'enter-event', rp);
|
||
|
|
this.connections.connect(dash._showAppsIcon, 'leave-event', rp);
|
||
|
|
this.connections.connect(dash._showAppsIcon, 'button-press-event', rp);
|
||
|
|
|
||
|
|
this.connections.connect(dash, 'leave-event', rp);
|
||
|
|
} else if (this.prefs.HACKS_LEVEL.get() == 2) {
|
||
|
|
this._log("dash hack level 2");
|
||
|
|
|
||
|
|
this.paint_signals.connect(background, effect);
|
||
|
|
} else {
|
||
|
|
this.paint_signals.disconnect_all();
|
||
|
|
}
|
||
|
|
|
||
|
|
// ! END OF DIRTY PART
|
||
|
|
}
|
||
|
|
|
||
|
|
// add the widget to the dash
|
||
|
|
background.add_effect(effect);
|
||
|
|
background_parent.add_child(background);
|
||
|
|
dash.get_parent().insert_child_at_index(background_parent, 0);
|
||
|
|
|
||
|
|
// remove background color
|
||
|
|
dash.set_style_class_name('blurred-dash');
|
||
|
|
|
||
|
|
// returns infos
|
||
|
|
return new DashInfos(this, dash, dash._background, background_parent, effect, this.prefs);
|
||
|
|
}
|
||
|
|
|
||
|
|
set_sigma(sigma) {
|
||
|
|
this.sigma = sigma;
|
||
|
|
this.emit('update-sigma', true);
|
||
|
|
}
|
||
|
|
|
||
|
|
set_brightness(brightness) {
|
||
|
|
this.brightness = brightness;
|
||
|
|
this.emit('update-brightness', true);
|
||
|
|
}
|
||
|
|
|
||
|
|
disable() {
|
||
|
|
this._log("removing blur from dashes");
|
||
|
|
|
||
|
|
this.emit('remove-dashes', true);
|
||
|
|
|
||
|
|
this.dashes = [];
|
||
|
|
this.connections.disconnect_all();
|
||
|
|
}
|
||
|
|
|
||
|
|
show() {
|
||
|
|
this.emit('show', true);
|
||
|
|
}
|
||
|
|
hide() {
|
||
|
|
this.emit('hide', true);
|
||
|
|
}
|
||
|
|
|
||
|
|
_log(str) {
|
||
|
|
if (this.prefs.DEBUG.get())
|
||
|
|
log(`[Blur my Shell] ${str}`)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Signals.addSignalMethods(DashBlur.prototype);
|