diff options
Diffstat (limited to 'raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/components/popup/blur_surface.js')
| -rw-r--r-- | raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/components/popup/blur_surface.js | 484 |
1 files changed, 484 insertions, 0 deletions
diff --git a/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/components/popup/blur_surface.js b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/components/popup/blur_surface.js new file mode 100644 index 0000000..8fcf82b --- /dev/null +++ b/raveos-gnome-theme/theme-data/extensions/installed/blur-my-shell@aunetx/components/popup/blur_surface.js @@ -0,0 +1,484 @@ +import GLib from 'gi://GLib'; +import Meta from 'gi://Meta'; +import St from 'gi://St'; + +import { DummyPipeline } from '../../conveniences/dummy_pipeline.js'; +import { PaintSignals } from '../../conveniences/paint_signals.js'; +import { PopupBlurSurfaceFade } from './surface_fade.js'; +import { PopupBlurSurfacePlacement } from './surface_placement.js'; +import { PopupBlurSurfaceSignals } from './surface_signals.js'; +import { PopupBlurSurfaceStyle } from './surface_style.js'; +import { PopupBlurSurfaceTransitions } from './surface_transitions.js'; +import { PopupBlurStaticActor } from './static_actor.js'; + +const NOTIFICATION_STYLE_CLASSES = ['notification-banner']; +const FULL_GEOMETRY_STYLE_CLASSES = [ + 'popup-menu-content', 'candidate-popup-content', + 'quick-settings', 'quick-toggle-menu', 'screenshot-ui-panel', + 'notification-banner', 'snap-assistant', + 'osd-window', 'resize-popup', 'workspace-switcher', + 'modal-dialog', 'run-dialog', + 'bms-keyboard-surface', +]; +const IS_HEAVY_SURFACE_STYLE_CLASSES = [ + 'datemenu-popover', 'quick-settings', 'modal-dialog', + 'candidate-popup-content', 'candidate-popup-boxpointer', +]; +const IS_QUICK_SETTINGS_STYLE_CLASSES = [ + 'quick-toggle-menu', 'quick-settings', 'datemenu-popover', +]; + +export const PopupBlurSurface = class PopupBlurSurface { + constructor(connections, settings, effects_manager, target, root_actor, parent, sibling, corner_radius) { + this.connections = connections; + this.settings = settings; + this.effects_manager = effects_manager; + this.target = target; + this.root_actor = root_actor; + this.parent = parent; + this.sibling = sibling; + this.corner_radius = corner_radius; + this.paint_signals = new PaintSignals(connections); + this.placement = new PopupBlurSurfacePlacement(this); + this.signals = new PopupBlurSurfaceSignals(this); + this.style = new PopupBlurSurfaceStyle(this); + this.transitions = new PopupBlurSurfaceTransitions(this); + this.repaint_id = 0; + this.update_id = 0; + this.transition_update_id = 0; + this.opacity = null; + this.static_blur = settings.popup.STATIC_BLUR; + this.static_actor = null; + this.actor = null; + this.blur_actor = null; + } + + enable() { + if (!this.create_actor()) { + if (this.static_blur) + this.destroy_static_actor(); + return false; + } + + this.fade = new PopupBlurSurfaceFade( + this.actor, + this.target, + this.root_actor, + this.parent + ); + this.actor.hide(); + this.parent.add_child(this.actor); + this.set_actor_position(); + this.style.capture_target_style(); + this.style.update_target_style(); + + this.connect_repaints(); + this.signals.connect_actor(this.target); + this.signals.connect_actor(this.root_actor); + this.signals.connect_ancestors(this.target); + this.signals.connect_ancestors(this.root_actor); + if (this.style.has_any_style_class(this.target, ['screenshot-ui-panel'])) + this.signals.connect_actor(this.parent); + this.signals.connect_layout(); + this.signals.connect_settings(); + this.queue_update(); + + return true; + } + + create_actor() { + if (this.static_blur) + return this.create_static_actor(); + + this.blur_actor = new St.Widget({ + name: 'bms-popup-blurred-widget', + reactive: false, + }); + this.blur_actor.add_style_class_name('bms-popup-blurred-widget'); + this.track_owned_actor(this.blur_actor); + this.pipeline = new DummyPipeline( + this.effects_manager, + this.settings.popup, + this.blur_actor, + { + corner_radius_key: this.corner_radius.key, + corner_radius_getter: () => this.get_corner_radius(), + } + ); + this.actor = this.blur_actor; + return true; + } + + create_static_actor() { + this.static_actor = new PopupBlurStaticActor( + this.settings, + this.effects_manager, + this.target, + this.root_actor, + this.parent, + () => this.get_corner_radius() + ); + if (!this.static_actor.create()) + return false; + this.sync_static_actor(); + return true; + } + + sync_static_actor() { + this.actor = this.static_actor.actor; + this.blur_actor = this.static_actor.blur_actor; + this.pipeline = this.static_actor.pipeline; + } + + track_owned_actor(actor) { + this.connections.connect(actor, 'destroy', () => { + this.actor = null; + this.blur_actor = null; + }); + } + + set_actor_position() { + if (!this.is_actor_valid()) + return; + const sibling = this.sibling?.get_parent() === this.parent ? this.sibling : null; + if (this.is_below_sibling(sibling)) + return; + this.parent.set_child_below_sibling(this.actor, sibling); + } + + is_below_sibling(sibling) { + const children = this.parent.get_children(); + const actor_index = children.indexOf(this.actor); + if (actor_index < 0) + return false; + if (!sibling) + return actor_index === 0; + const sibling_index = children.indexOf(sibling); + return sibling_index >= 0 && actor_index < sibling_index; + } + + is_quick_settings() { + return this.style.has_any_style_class(this.target, IS_QUICK_SETTINGS_STYLE_CLASSES) + || this.style.has_any_style_class(this.root_actor, IS_QUICK_SETTINGS_STYLE_CLASSES); + } + + is_heavy_surface() { + return this.style.has_any_style_class(this.target, IS_HEAVY_SURFACE_STYLE_CLASSES) + || this.style.has_any_style_class(this.root_actor, IS_HEAVY_SURFACE_STYLE_CLASSES); + } + + update() { + if (this.is_notification_surface()) { + this.update_live_surface(); + return; + } + let transition_state = this.transitions.get_state(); + let geometry = this.placement.get_surface_geometry(); + const visible = this.is_visible(); + const geometry_changed = this.placement.has_surface_geometry_changed(geometry); + if ( + !visible + || !this.placement.has_valid_geometry(geometry) + || (!transition_state.geometry && geometry_changed) + ) + transition_state = this.transitions.complete_state(transition_state); + if (!visible && !transition_state.running) { + this.hide_surface(); + return; + } + if (!this.placement.has_valid_geometry(geometry)) { + if (this.placement.offscreen) + return this.hide_surface(); + if (this.placement.keep_transition_visible(transition_state)) { + this.queue_repaint(true); + this.queue_transition_update(transition_state); + return; + } + + if (transition_state.running) { + this.queue_transition_update(transition_state); + return; + } + this.hide_surface(); + return; + } + this.set_actor_position(); + if (!this.placement.update_surface_geometry(geometry)) + return; + if (!this.placement.prepare_visible_geometry()) + return; + const opacity = this.update_opacity(transition_state); + if (opacity > 0) + this.show_actors(); + else + this.hide_actors(); + this.queue_repaint(!visible); + this.queue_transition_update(transition_state); + } + + update_live_surface() { + if (!this.is_visible()) { + this.hide_surface(); + return; + } + this.set_actor_position(); + const geometry = this.placement.get_unclipped_monitor_surface_geometry(); + if (!this.placement.has_valid_geometry(geometry)) + return this.hide_surface(); + if (!this.placement.update_surface_geometry(geometry)) + return; + if (!this.placement.prepare_visible_geometry()) + return; + if (this.update_opacity() > 0) + this.show_actors(); + else + this.hide_actors(); + this.queue_repaint(); + this.queue_transition_update(); + } + + hide_surface() { + this.opacity = 0; + this.update_surface_opacity(0); + this.hide_actors(); + this.placement.hide(); + } + + update_opacity(transition_state = null) { + const opacity = this.fade.get_opacity(); + const transition_opacity = this.get_transition_opacity(opacity, transition_state); + if ( + this.opacity === transition_opacity + && this.has_surface_opacity(transition_opacity) + ) + return transition_opacity; + this.update_surface_opacity(transition_opacity); + this.opacity = transition_opacity; + return transition_opacity; + } + + get_transition_opacity(opacity, transition_state) { + if ( + this.static_blur + || !transition_state?.geometry + || transition_state.opacity + || this.opacity <= 0 + ) + return opacity; + return Math.max(opacity, this.opacity); + } + + has_surface_opacity(opacity) { + if (this.static_blur) + return this.static_actor.has_opacity(opacity); + if (!this.is_actor_valid()) + return false; + return this.actor.opacity === opacity; + } + + update_surface_opacity(opacity) { + const pipeline_opacity = this.get_pipeline_opacity(opacity); + if (this.static_blur) { + this.static_actor.set_opacity(opacity, pipeline_opacity); + return; + } + this.fade.set_opacity(opacity); + this.pipeline?.set_opacity_factor(pipeline_opacity / 255); + } + + get_pipeline_opacity(opacity) { + if (!this.style.has_any_style_class(this.target, ['screenshot-ui-panel'])) + return opacity; + return Math.round(opacity * (this.parent?.opacity ?? 255) / 255); + } + + get_geometry_actor() { + return this.target; + } + + should_use_content_geometry() { + return !this.uses_full_actor_geometry(); + } + + should_use_margin_geometry() { + return !this.uses_full_actor_geometry(); + } + + uses_full_actor_geometry() { + return ( + this.style.has_any_style_class(this.target, FULL_GEOMETRY_STYLE_CLASSES) + || this.style.has_any_style_class(this.root_actor, FULL_GEOMETRY_STYLE_CLASSES) + ); + } + + is_notification_surface() { + return ( + this.style.has_any_style_class(this.target, NOTIFICATION_STYLE_CLASSES) + || this.style.has_any_style_class(this.root_actor, NOTIFICATION_STYLE_CLASSES) + ); + } + + show_actors() { + if (this.is_actor_valid()) + this.actor?.show(); + } + + hide_actors() { + if (this.is_actor_valid()) + this.actor?.hide(); + } + + is_actor_valid() { + return ( + !!this.actor + && (!this.static_blur || !!this.static_actor?.background_group) + ); + } + + queue_update() { + if (!this.actor || this.update_id || this.transition_update_id) + return; + this.update_id = global.compositor.get_laters().add( + Meta.LaterType.BEFORE_REDRAW, + () => { + this.update_id = 0; + if (this.actor) + this.update(); + return GLib.SOURCE_REMOVE; + } + ); + } + + queue_transition_update(transition_state = null) { + const has_running_transition = transition_state?.running ?? this.transitions.has_running(); + if (!this.actor || this.transition_update_id || this.update_id || !has_running_transition) + return; + this.transition_update_id = global.compositor.get_laters().add( + Meta.LaterType.BEFORE_REDRAW, + () => { + this.transition_update_id = 0; + if (this.actor) + this.update(); + return GLib.SOURCE_REMOVE; + } + ); + } + + connect_repaints() { + if (this.static_blur || this.settings.HACKS_LEVEL !== 1) + return; + const repaint_source = { + queue_repaint: () => this.queue_repaint(), + }; + [ + this.blur_actor, + this.target, + ].forEach(actor => { + this.paint_signals.disconnect_all_for_actor(actor); + this.paint_signals.connect(actor, repaint_source); + }); + } + + update_settings() { + this.style.update_target_style(); + this.static_actor?.update_settings(); + } + + get_corner_radius() { + return this.settings.popup[this.corner_radius.property] ?? this.settings.popup.CORNER_RADIUS; + } + + queue_repaint(force = false) { + if (this.static_blur || this.repaint_id || (!force && !this.should_repaint())) + return; + this.repaint_id = GLib.idle_add(GLib.PRIORITY_DEFAULT_IDLE, () => { + this.repaint_id = 0; + if (force || this.should_repaint()) + this.pipeline?.repaint_effect(); + return GLib.SOURCE_REMOVE; + }); + } + + should_repaint() { + return this.is_visible(); + } + + is_visible() { + return this.is_actor_visible(this.target) && this.is_actor_visible(this.root_actor); + } + + is_keyboard_surface() { + return ( + this.style.has_style_class(this.target, 'bms-keyboard-surface') + || this.style.has_style_class(this.root_actor, 'bms-keyboard-surface') + ); + } + + is_actor_visible(actor) { + if (!actor) + return false; + if (actor.visible && actor.mapped) + return true; + if (!this.is_keyboard_surface()) + return false; + + const parent = actor.get_parent(); + return parent?.visible && parent?.mapped; + } + + update_pipeline() { + if (this.static_blur) { + this.static_actor.update_pipeline(); + this.sync_static_actor(); + } + } + + destroy() { + if (this.update_id) { + global.compositor.get_laters().remove(this.update_id); + this.update_id = 0; + } + if (this.transition_update_id) { + global.compositor.get_laters().remove(this.transition_update_id); + this.transition_update_id = 0; + } + if (this.repaint_id) { + GLib.Source.remove(this.repaint_id); + this.repaint_id = 0; + } + + this.signals.disconnect_all(); + this.paint_signals.disconnect_all_for_actor(this.blur_actor); + this.paint_signals.disconnect_all_for_actor(this.target); + this.style.restore_target_style(); + + if (this.static_blur) + this.destroy_static_actor(); + else + this.destroy_dynamic_actor(); + + this.fade = null; + } + + destroy_dynamic_actor() { + const pipeline = this.pipeline; + const blur_actor = this.blur_actor; + this.pipeline = null; + this.blur_actor = null; + this.actor = null; + if (pipeline) + pipeline.destroy(); + if (blur_actor) + blur_actor.destroy(); + } + + destroy_static_actor() { + if (this.static_actor) + this.static_actor.destroy(); + this.static_actor = null; + this.actor = null; + this.blur_actor = null; + this.pipeline = null; + this.placement.clear(); + } +}; |