Register bootstrap+jquery globally

[thet]

No description provided.

[mister-roboto]

@thet thanks for creating this Pull Request and helping to improve Plone!

TL;DR: Finish pushing changes, pass all other checks, then paste a comment:

@jenkins-plone-org please run jobs

To ensure that these changes do not break other parts of Plone, the Plone test suite matrix needs to pass, but it takes 30-60 min. Other CI checks are usually much faster and the Plone Jenkins resources are limited, so when done pushing changes and all other checks pass either start all Jenkins PR jobs yourself, or simply add the comment above in this PR to start all the jobs automatically.

Happy hacking!

[petschki]

I've experimented with "eager sharing" option for the global modules...

The main change here is, that there are no more "remote" modules jquery and bootstrap but they are marked as eager in the mockup shared library list. So they are available in the first chunk and can be globally initialized in index.js ... see 1a6f349#diff-bfe9874d239014961b1ae4e89875a6155667db834a410aaaa2ebe3cf89820556R21

my addons wich use (function($) { ... })(jQuery) and are registered after the plone bundle work now.

Somehow window.bootstrap is always undefined but that might be something else ...

/cc @maethu are you able to test this change here?

[petschki]

NOTE: you have to disable bootstrap-js and jquery bundle in the resourceregistry when using this ...

[petschki]

UPDATE: when importing bootstrap with async/await, it's defined as expected:

mockup/src/globals.js

Lines 7 to 13 in a6b2dea

	// Register Bootstrap globally
	window.bootstrap = "__deferred__";
	document.addEventListener("DOMContentLoaded", async (e) => {
	const bootstrap = await import("bootstrap");
	window.bootstrap = bootstrap;
	});

[petschki]

Closed in favor of #1185

[maethu]

/cc @maethu are you able to test this change here?

Awesome! I just tried it with #1185 - Seems to work really well.
I also do think a big advantage if this solution is, that I can use a different packaging tool, like vite. I still think the webpack module federation approach is valid and good way for dependency injection. But it might no be really compatible with bootstrap and other 3rd party libraries.