🔧 Do not import the ShaderFactory in the preferences process

src/effects/BrokenGlass.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 shatters the window into pieces. For an explanation how this works, look //
@@ -44,7 +45,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 these modules in this function as they are not available in the
       // preferences process. This callback is only called within GNOME Shell's process.
       const {Clutter, GdkPixbuf, Cogl} = imports.gi;
@@ -115,7 +116,7 @@ export default class Effect {
   // ---------------------------------------------------------------------------- metadata
 
   // This effect is only available on GNOME Shell 40+.
-  getMinShellVersion() {
+  static getMinShellVersion() {
     return [40, 0];
   }
 
@@ -124,13 +125,13 @@ export default class Effect {
   // effect is enabled currently (e.g. '*-enable-effect'), and its animation time
   // (e.g. '*-animation-time'). Also, the shader file and the settings UI files should be
   // named likes this.
-  getNick() {
+  static getNick() {
     return 'broken-glass';
   }
 
   // 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 _('Broken Glass');
   }
 
@@ -138,7 +139,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('broken-glass-animation-time');
     dialog.bindAdjustment('broken-glass-scale');
     dialog.bindAdjustment('broken-glass-gravity');
@@ -151,7 +152,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: 2.0, y: 2.0};
   }
 }