🔧 Do not import the ShaderFactory in the preferences process

src/effects/Glitch.js

@@ -16,7 +16,8 @@
 
 const _ = imports.gettext.domain('burn-my-windows').gettext;
 
-import {ShaderFactory} from '../ShaderFactory.js';
+const ShaderFactory =
+  typeof global !== 'undefined' ? (await import('../ShaderFactory.js'))?.default : null;
 
 //////////////////////////////////////////////////////////////////////////////////////////
 // This effect applies some intentional graphics issues to your windows.                //
@@ -32,7 +33,7 @@ export default class Effect {
   // GLSL file in resources/shaders/<nick>.glsl. The callback will be called for each
   // newly created shader instance.
   constructor() {
-    this.shaderFactory = new ShaderFactory(this.getNick(), (shader) => {
+    this.shaderFactory = new ShaderFactory(Effect.getNick(), (shader) => {
       // We import Clutter in this function as it is not available in the preferences
       // process. This creator function of the ShaderFactory is only called within GNOME
       // Shell's process.
@@ -63,7 +64,7 @@ export default class Effect {
   // ---------------------------------------------------------------------------- metadata
 
   // The effect is available on all GNOME Shell versions supported by this extension.
-  getMinShellVersion() {
+  static getMinShellVersion() {
     return [3, 36];
   }
 
@@ -71,13 +72,13 @@ export default class Effect {
   // required. It should match the prefix of the settings keys which store whether the
   // effect is enabled currently (e.g. '*-enable-effect'), and its animation time
   // (e.g. '*-animation-time').
-  getNick() {
+  static getNick() {
     return 'glitch';
   }
 
   // This will be shown in the sidebar of the preferences dialog as well as in the
   // drop-down menus where the user can choose the effect.
-  getLabel() {
+  static getLabel() {
     return _('Glitch');
   }
 
@@ -85,7 +86,7 @@ export default class Effect {
 
   // This is called by the preferences dialog whenever a new effect profile is loaded. It
   // binds all user interface elements to the respective settings keys of the profile.
-  bindPreferences(dialog) {
+  static bindPreferences(dialog) {
     dialog.bindAdjustment('glitch-animation-time');
     dialog.bindAdjustment('glitch-scale');
     dialog.bindAdjustment('glitch-speed');
@@ -98,7 +99,7 @@ export default class Effect {
   // The getActorScale() is called from extension.js to adjust the actor's size during the
   // animation. This is useful if the effect requires drawing something beyond the usual
   // bounds of the actor. This only works for GNOME 3.38+.
-  getActorScale(settings) {
+  static getActorScale(settings) {
     return {x: 1.0, y: 1.0};
   }
 }