Description:

This PR provides on demand loading of a plugin's Vue module, so it does not have to be loaded on each page load.

To set a plugin's Vue module to be loaded on demand you'd have to:

• override Plugin::shouldLoadUmdOnDemand() and return true
• if the plugin defines angularjs adapters, move them all to a separate file manually included via the AssetManager event and set the component property to a reference like { plugin: 'MyPluginName', component: 'MyComponentName' }.

If you need to use a plugin that's loaded like this in another plugin, you won't be able to import as you would normally. Instead you'll need to use the importPluginUmd method:

import { importPluginUmd } from 'CoreHome';

importPluginUmd('TagManager').then((module: typeof import('TagManager')) => {
  // ...
});

Note: that adapters for stores or anything that gets added via angular(...).adapter will not be available, so making a plugin load on demand is a potential BC break. For TagManager this is acceptable since the old models weren't meant to be reused.

To see a plugin that uses this, see: matomo-org/tag-manager#461

Review

• Functional review done
• Potential edge cases thought about (behavior of the code with strange input, with strange internal state or possible interactions with other Matomo subsystems)
• Usability review done (is anything maybe unclear or think about anything that would cause people to reach out to support)
• Security review done
• Wording review done
• Code review done
• Tests were added if useful/possible
• Reviewed for breaking changes
• Developer changelog updated if needed
• Documentation added if needed
• Existing documentation updated if needed