index.js

/**
 * Module Federation support for Mockup.
 *
 * In this module federation setup Mockup is the main host, which loads other
 * "remote" bundles.
 *
 * Those remotes need to be registered via the Patternslib's Webpack Module
 * Federation helper, just like Mockup itself (See Mockup's webpack.config.js).
 * Patternslib' Module Federation helper registers the bundle under a prefix
 * (``MF_NAME_PREFIX``) in the global namespace.
 *
 * Here, we filter for all the globally registered bundles with this prefix and
 * load them.
 *
 * Note: loading in this context only means that the module federation
 * functionality for each bundle is initialized.
 *
 */
import "@patternslib/dev/webpack/module_federation";

// And now load this bundle's actual entry point.
import("./patterns");

// Register Bootstrap and jQuery gloablly
async function register_global_libraries() {
    // Register Bootstrap globally
    const bootstrap = await import("bootstrap");
    window.bootstrap = bootstrap;

    // Register jQuery globally
    const jquery = (await import("jquery")).default;

    // BBB: jQuery4 backports for select2
    jquery.isFunction = function (obj) {
        return typeof obj === "function";
    };
    jquery.isArray = function (obj) {
        return Array.isArray
            ? Array.isArray(obj)
            : Object.prototype.toString.call(obj) === "[object Array]";
    };
    jquery.trim = function (str) {
        return str == null ? "" : String.prototype.trim.call(str);
    };

    window.jQuery = jquery;
    window.$ = jquery;
}
register_global_libraries();