UIXv2 Multiple modules

Could you simply split your code/logic into multiple files (or classes or whatever) and instantiate them all from within a single module?  Each can be passed the shell UI instance and hook into the events they need separately; it's just the entry point which you then keep common.

This is a snippet from my appdef.xml.

Both ED/main.js and BA/main.js register the SelectionChanged event and define their own OnSelectionChanged handlers (both of which need to be executed).

However, only the handler from the module listed last in appdef.xml gets executed. In this case, it's the one from BA.

And this is a main.js from root folder:
 

function OnNewShellUI(shellUI) {
    shellUI.Events.Register(MFiles.Event.NewShellFrame, (shellFrame) => {
        handleNewShellFrameBA(shellFrame, shellUI)
        handleNewShellFrameED(shellFrame, shellUI)
    });
}

The process is going to literally pick up those four files, combine them into one text file, then serve it to the client to run.  If you have multiple functions named "OnNewShellUI" then only the last one will run.

But it's easy to solve as I described above.

Have your four files like above.  In each of those files declare a class or whatever style you want to use, something like this:

function EDMain(){
  var t = this;
  var shellUI = null;
  t.OnNewShellUI = function(s)
  {
    // Initialise this here, add your event handlers, etc.
    shellUI = s;
  }
  return t;
}

Then in your main.js file have something like this:

function OnNewShellUI(shellUI){
  // Initialize module 1
  new EDMain().OnNewShellUI(shellUI);
  // Then module 2, then 3, then 4...
}

As long as you encapsulate everything properly then you only have one entry point (the OnNewShellUI in the main file), and that one kicks off the initialisation of all the other modules.  Each one can then operate independently.

The process is going to literally pick up those four files, combine them into one text file, then serve it to the client to run.  If you have multiple functions named "OnNewShellUI" then only the last one will run.

But it's easy to solve as I described above.

Have your four files like above.  In each of those files declare a class or whatever style you want to use, something like this:

function EDMain(){
  var t = this;
  var shellUI = null;
  t.OnNewShellUI = function(s)
  {
    // Initialise this here, add your event handlers, etc.
    shellUI = s;
  }
  return t;
}

Then in your main.js file have something like this:

function OnNewShellUI(shellUI){
  // Initialize module 1
  new EDMain().OnNewShellUI(shellUI);
  // Then module 2, then 3, then 4...
}

As long as you encapsulate everything properly then you only have one entry point (the OnNewShellUI in the main file), and that one kicks off the initialisation of all the other modules.  Each one can then operate independently.

Thanks – it's working now.