e8fbfb14c1
Add coexistence checks to all enqueue methods to prevent loading both React and Grid.js assets simultaneously. Changes: - ReactAdmin.php: Only enqueue React assets when ?react=1 - Init.php: Skip Grid.js when React active on admin pages - Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0 - Customer.php, Product.php, License.php: Add coexistence checks Now the toggle between Classic and React versions works correctly. Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
124 lines
3.2 KiB
JavaScript
124 lines
3.2 KiB
JavaScript
/*
|
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
Author Tobias Koppers @sokra, Zackary Jackson @ScriptedAlchemy, Marais Rossouw @maraisr
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
const memoize = require("../util/memoize");
|
|
const ContainerEntryDependency = require("./ContainerEntryDependency");
|
|
const ContainerEntryModuleFactory = require("./ContainerEntryModuleFactory");
|
|
const ContainerExposedDependency = require("./ContainerExposedDependency");
|
|
const { parseOptions } = require("./options");
|
|
|
|
/** @typedef {import("../../declarations/plugins/container/ContainerPlugin").ContainerPluginOptions} ContainerPluginOptions */
|
|
/** @typedef {import("../Compiler")} Compiler */
|
|
/** @typedef {import("./ContainerEntryModule").ExposesList} ExposesList */
|
|
|
|
const getModuleFederationPlugin = memoize(() =>
|
|
require("./ModuleFederationPlugin")
|
|
);
|
|
|
|
const PLUGIN_NAME = "ContainerPlugin";
|
|
|
|
class ContainerPlugin {
|
|
/**
|
|
* Creates an instance of ContainerPlugin.
|
|
* @param {ContainerPluginOptions} options options
|
|
*/
|
|
constructor(options) {
|
|
/** @type {ContainerPluginOptions} */
|
|
this.options = options;
|
|
}
|
|
|
|
/**
|
|
* Applies the plugin by registering its hooks on the compiler.
|
|
* @param {Compiler} compiler the compiler instance
|
|
* @returns {void}
|
|
*/
|
|
apply(compiler) {
|
|
compiler.hooks.validate.tap(PLUGIN_NAME, () => {
|
|
compiler.validate(
|
|
() => require("../../schemas/plugins/container/ContainerPlugin.json"),
|
|
this.options,
|
|
{
|
|
name: "Container Plugin",
|
|
baseDataPath: "options"
|
|
},
|
|
(options) =>
|
|
require("../../schemas/plugins/container/ContainerPlugin.check")(
|
|
options
|
|
)
|
|
);
|
|
});
|
|
|
|
const library = this.options.library || {
|
|
type: "var",
|
|
name: this.options.name
|
|
};
|
|
|
|
if (!compiler.options.output.enabledLibraryTypes.includes(library.type)) {
|
|
compiler.options.output.enabledLibraryTypes.push(library.type);
|
|
}
|
|
|
|
const exposes = /** @type {ExposesList} */ (
|
|
parseOptions(
|
|
this.options.exposes,
|
|
(item) => ({
|
|
import: Array.isArray(item) ? item : [item],
|
|
name: undefined
|
|
}),
|
|
(item) => ({
|
|
import: Array.isArray(item.import) ? item.import : [item.import],
|
|
name: item.name || undefined
|
|
})
|
|
)
|
|
);
|
|
|
|
const shareScope = this.options.shareScope || "default";
|
|
|
|
compiler.hooks.make.tapAsync(PLUGIN_NAME, (compilation, callback) => {
|
|
const hooks =
|
|
getModuleFederationPlugin().getCompilationHooks(compilation);
|
|
const dep = new ContainerEntryDependency(
|
|
this.options.name,
|
|
exposes,
|
|
shareScope
|
|
);
|
|
dep.loc = { name: this.options.name };
|
|
compilation.addEntry(
|
|
compilation.options.context,
|
|
dep,
|
|
{
|
|
name: this.options.name,
|
|
filename: this.options.filename,
|
|
runtime: this.options.runtime,
|
|
library
|
|
},
|
|
(error) => {
|
|
if (error) return callback(error);
|
|
hooks.addContainerEntryDependency.call(dep);
|
|
callback();
|
|
}
|
|
);
|
|
});
|
|
|
|
compiler.hooks.thisCompilation.tap(
|
|
PLUGIN_NAME,
|
|
(compilation, { normalModuleFactory }) => {
|
|
compilation.dependencyFactories.set(
|
|
ContainerEntryDependency,
|
|
new ContainerEntryModuleFactory()
|
|
);
|
|
|
|
compilation.dependencyFactories.set(
|
|
ContainerExposedDependency,
|
|
normalModuleFactory
|
|
);
|
|
}
|
|
);
|
|
}
|
|
}
|
|
|
|
module.exports = ContainerPlugin;
|