| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501 |
- /*
- MIT License http://www.opensource.org/licenses/mit-license.php
- Author Tobias Koppers @sokra
- */
- "use strict";
- const util = require("util");
- const ExternalModule = require("./ExternalModule");
- const { ASSET_URL_TYPE } = require("./ModuleSourceTypeConstants");
- const ContextElementDependency = require("./dependencies/ContextElementDependency");
- const CssImportDependency = require("./dependencies/CssImportDependency");
- const CssUrlDependency = require("./dependencies/CssUrlDependency");
- const HarmonyImportDependency = require("./dependencies/HarmonyImportDependency");
- const ImportDependency = require("./dependencies/ImportDependency");
- const { coreModules } = require("./node/nodeBuiltins");
- const { cachedSetProperty, resolveByProperty } = require("./util/cleverMerge");
- /** @import { ResolveContext } from "enhanced-resolve" */
- /**
- * @import {
- * ResolveOptions,
- * ExternalsType,
- * ExternalItem,
- * ExternalItemValue,
- * ExternalItemObjectKnown,
- * ExternalItemObjectUnknown,
- * ExternalItemInterop,
- * Externals
- * } from "../declarations/WebpackOptions"
- */
- /** @import Dependency from "./Dependency" */
- /** @import { DependencyMeta, ExternalModuleRequest } from "./ExternalModule" */
- /**
- * @import {
- * IssuerLayer,
- * ModuleFactoryCreateDataContextInfo
- * } from "./ModuleFactory"
- */
- /** @import NormalModuleFactory from "./NormalModuleFactory" */
- /** @typedef {((context: string, request: string, callback: (err?: Error | null, result?: string | false, resolveRequest?: import("enhanced-resolve").ResolveRequest) => void) => void)} ExternalItemFunctionDataGetResolveCallbackResult */
- /** @typedef {((context: string, request: string) => Promise<string>)} ExternalItemFunctionDataGetResolveResult */
- /** @typedef {(options?: ResolveOptions) => ExternalItemFunctionDataGetResolveCallbackResult | ExternalItemFunctionDataGetResolveResult} ExternalItemFunctionDataGetResolve */
- /**
- * Defines the external item function data type used by this module.
- * @typedef {object} ExternalItemFunctionData
- * @property {string} context the directory in which the request is placed
- * @property {ModuleFactoryCreateDataContextInfo} contextInfo contextual information
- * @property {string} dependencyType the category of the referencing dependency
- * @property {ExternalItemFunctionDataGetResolve} getResolve get a resolve function with the current resolver options
- * @property {string} request the request as written by the user in the require/import expression/statement
- * @property {string} originalRequest same as `request`, except for an element of a context module (a request containing an expression), where it is the request as written by the user instead of the one relative to the resolved context directory
- */
- /** @typedef {((data: ExternalItemFunctionData, callback: (err?: (Error | null), result?: ExternalItemValue) => void) => void)} ExternalItemFunctionCallback */
- /** @typedef {((data: import("../lib/ExternalModuleFactoryPlugin").ExternalItemFunctionData) => Promise<ExternalItemValue>)} ExternalItemFunctionPromise */
- const UNSPECIFIED_EXTERNAL_TYPE_REGEXP = /^[a-z0-9-]+ /;
- const EMPTY_RESOLVE_OPTIONS = {};
- const NODE_PREFIX = "node:";
- /**
- * For a node.js core module request, returns its `node:`-prefixed/unprefixed
- * counterpart so externals match regardless of which form the code uses.
- * @param {string} request the request as written in the import/require
- * @returns {string | undefined} the alternate form, or undefined when not a core module
- */
- const getAlternateCoreModuleRequest = (request) => {
- if (request.startsWith(NODE_PREFIX)) {
- const name = request.slice(NODE_PREFIX.length);
- return coreModules.has(name) ? name : undefined;
- }
- return coreModules.has(request) ? NODE_PREFIX + request : undefined;
- };
- // TODO webpack 6 remove this
- const callDeprecatedExternals = util.deprecate(
- /**
- * Handles the callback logic for this hook.
- * @param {EXPECTED_FUNCTION} externalsFunction externals function
- * @param {string} context context
- * @param {string} request request
- * @param {(err: Error | null | undefined, value: ExternalValue | undefined, ty: ExternalsType | undefined) => void} cb cb
- */
- (externalsFunction, context, request, cb) => {
- // eslint-disable-next-line no-useless-call
- externalsFunction.call(null, context, request, cb);
- },
- "The externals-function should be defined like ({context, request}, cb) => { ... }",
- "DEP_WEBPACK_EXTERNALS_FUNCTION_PARAMETERS"
- );
- /** @typedef {(layer: string | null) => ExternalItem} ExternalItemByLayerFn */
- /** @typedef {ExternalItemObjectKnown & ExternalItemObjectUnknown} ExternalItemObject */
- /**
- * Defines the external weak cache type used by this module.
- * @template {ExternalItemObject} T
- * @typedef {WeakMap<T, Map<IssuerLayer, Omit<T, "byLayer">>>} ExternalWeakCache
- */
- /** @type {ExternalWeakCache<ExternalItemObject>} */
- const cache = new WeakMap();
- /**
- * Returns result.
- * @param {ExternalItemObject} obj obj
- * @param {IssuerLayer} layer layer
- * @returns {Omit<ExternalItemObject, "byLayer">} result
- */
- const resolveLayer = (obj, layer) => {
- let map = cache.get(obj);
- if (map === undefined) {
- map = new Map();
- cache.set(obj, map);
- } else {
- const cacheEntry = map.get(layer);
- if (cacheEntry !== undefined) return cacheEntry;
- }
- const result = resolveByProperty(obj, "byLayer", layer);
- map.set(layer, result);
- return result;
- };
- // the keys `ExternalItemValueWithOptions` allows, mirroring the schema
- const OPTIONS_FORM_KEYS = new Set(["external", "sideEffects"]);
- /** @typedef {string | string[] | boolean | Record<string, string | string[]>} ExternalTargetValue */
- /** @typedef {{ external: ExternalTargetValue, sideEffects?: boolean }} ExternalValueWithOptions */
- /** @typedef {ExternalTargetValue | ExternalValueWithOptions} ExternalValue */
- const PLUGIN_NAME = "ExternalModuleFactoryPlugin";
- class ExternalModuleFactoryPlugin {
- /**
- * Creates an instance of ExternalModuleFactoryPlugin.
- * @param {ExternalsType | ((dependency: Dependency) => ExternalsType)} type default external type
- * @param {Externals} externals externals config
- */
- constructor(type, externals) {
- this.type = type;
- /** @type {Externals} */
- this.externals = externals;
- }
- /**
- * Applies the plugin by registering its hooks on the compiler.
- * @param {NormalModuleFactory} normalModuleFactory the normal module factory
- * @returns {void}
- */
- apply(normalModuleFactory) {
- const globalType = this.type;
- normalModuleFactory.hooks.factorize.tapAsync(
- PLUGIN_NAME,
- (data, callback) => {
- const context = data.context;
- const contextInfo = data.contextInfo;
- const dependency = data.dependencies[0];
- const dependencyType = data.dependencyType;
- const request = dependency.request;
- // a context element's request is relative to the resolved directory
- // (`./file.mjs`), externals are written against what the user wrote
- const originalRequest =
- dependency instanceof ContextElementDependency
- ? dependency.originalRequest
- : request;
- const hasOriginalRequest = originalRequest !== request;
- /** @typedef {(err?: Error | null, externalModule?: ExternalModule) => void} HandleExternalCallback */
- /**
- * Processes the provided value.
- * @param {ExternalValue} value the external config
- * @param {ExternalsType | undefined} type type of external
- * @param {HandleExternalCallback} callback callback
- * @returns {void}
- */
- const handleExternal = (value, type, callback) => {
- /** @type {boolean | undefined} */
- let sideEffects;
- /** @type {ExternalTargetValue} */
- let target;
- // the options form carries the target under `external`; a target
- // map holding an `external` type key keeps its own meaning
- if (
- typeof value === "object" &&
- value !== null &&
- !Array.isArray(value) &&
- Object.prototype.hasOwnProperty.call(value, "external") &&
- Object.keys(value).every((key) => OPTIONS_FORM_KEYS.has(key))
- ) {
- const withOptions =
- /** @type {ExternalValueWithOptions} */
- (value);
- sideEffects = withOptions.sideEffects;
- target = withOptions.external;
- } else {
- target = /** @type {ExternalTargetValue} */ (value);
- }
- if (target === false) {
- // Not externals, fallback to original factory
- return callback();
- }
- /** @type {ExternalModuleRequest} */
- let externalConfig = target === true ? originalRequest : target;
- // `interop` is a reserved key on the object form, not a target;
- // pull it out so the rest stays a pure externalsType->request map.
- /** @type {ExternalItemInterop | undefined} */
- let interop;
- if (
- typeof externalConfig === "object" &&
- externalConfig !== null &&
- !Array.isArray(externalConfig) &&
- Object.prototype.hasOwnProperty.call(externalConfig, "interop")
- ) {
- const { interop: interopValue, ...rest } =
- /** @type {Record<string, string | string[]> & { interop?: ExternalItemInterop }} */ (
- externalConfig
- );
- interop = interopValue;
- externalConfig = rest;
- }
- // When no explicit type is specified, extract it from the externalConfig
- if (type === undefined) {
- if (
- typeof externalConfig === "string" &&
- UNSPECIFIED_EXTERNAL_TYPE_REGEXP.test(externalConfig)
- ) {
- const idx = externalConfig.indexOf(" ");
- type =
- /** @type {ExternalsType} */
- (externalConfig.slice(0, idx));
- externalConfig = externalConfig.slice(idx + 1);
- } else if (
- Array.isArray(externalConfig) &&
- externalConfig.length > 0 &&
- UNSPECIFIED_EXTERNAL_TYPE_REGEXP.test(externalConfig[0])
- ) {
- const firstItem = externalConfig[0];
- const idx = firstItem.indexOf(" ");
- type = /** @type {ExternalsType} */ (firstItem.slice(0, idx));
- externalConfig = [
- firstItem.slice(idx + 1),
- ...externalConfig.slice(1)
- ];
- }
- }
- const defaultType =
- typeof globalType === "function"
- ? globalType(dependency)
- : globalType;
- const resolvedType = type || defaultType;
- // TODO make it pluggable/add hooks to `ExternalModule` to allow output modules own externals?
- /** @type {DependencyMeta | undefined} */
- let dependencyMeta;
- if (
- dependency instanceof HarmonyImportDependency ||
- dependency instanceof ImportDependency ||
- dependency instanceof ContextElementDependency
- ) {
- const externalType =
- dependency instanceof HarmonyImportDependency
- ? "module"
- : dependency instanceof ImportDependency
- ? "import"
- : undefined;
- dependencyMeta = {
- attributes: dependency.attributes,
- phase:
- dependency instanceof HarmonyImportDependency ||
- dependency instanceof ImportDependency
- ? dependency.phase
- : undefined,
- externalType
- };
- } else if (dependency instanceof CssImportDependency) {
- dependencyMeta = {
- layer: dependency.layer,
- supports: dependency.supports,
- media: dependency.media
- };
- }
- // a css `url()` reads the url out of the external: no js wrapper
- // TODO webpack 6 drop "css-url" once the alias is removed
- if (
- (resolvedType === "asset" ||
- resolvedType === ASSET_URL_TYPE ||
- resolvedType === "css-url") &&
- dependency instanceof CssUrlDependency
- ) {
- dependencyMeta = { sourceType: ASSET_URL_TYPE };
- }
- callback(
- null,
- new ExternalModule(
- externalConfig,
- resolvedType,
- originalRequest,
- dependencyMeta,
- interop,
- sideEffects
- )
- );
- };
- /**
- * Processes the provided external.
- * @param {Externals} externals externals config
- * @param {HandleExternalCallback} callback callback
- * @returns {void}
- */
- const handleExternals = (externals, callback) => {
- if (typeof externals === "string") {
- if (
- externals === request ||
- (hasOriginalRequest && externals === originalRequest) ||
- externals === getAlternateCoreModuleRequest(request)
- ) {
- return handleExternal(originalRequest, undefined, callback);
- }
- } else if (Array.isArray(externals)) {
- let i = 0;
- const next = () => {
- /** @type {boolean | undefined} */
- let asyncFlag;
- /**
- * Handle externals and callback.
- * @param {(Error | null)=} err err
- * @param {ExternalModule=} module module
- * @returns {void}
- */
- const handleExternalsAndCallback = (err, module) => {
- if (err) return callback(err);
- if (!module) {
- if (asyncFlag) {
- asyncFlag = false;
- return;
- }
- return next();
- }
- callback(null, module);
- };
- do {
- asyncFlag = true;
- if (i >= externals.length) return callback();
- handleExternals(externals[i++], handleExternalsAndCallback);
- } while (!asyncFlag);
- asyncFlag = false;
- };
- next();
- return;
- } else if (externals instanceof RegExp) {
- if (
- externals.test(request) ||
- (hasOriginalRequest && externals.test(originalRequest))
- ) {
- return handleExternal(originalRequest, undefined, callback);
- }
- } else if (typeof externals === "function") {
- /**
- * Processes the provided err.
- * @param {Error | null | undefined} err err
- * @param {ExternalValue=} value value
- * @param {ExternalsType=} type type
- * @returns {void}
- */
- const cb = (err, value, type) => {
- if (err) return callback(err);
- if (value !== undefined) {
- handleExternal(value, type, callback);
- } else {
- callback();
- }
- };
- if (externals.length === 3) {
- // TODO webpack 6 remove this
- callDeprecatedExternals(externals, context, request, cb);
- } else {
- const promise = externals(
- {
- context,
- request,
- originalRequest,
- dependencyType,
- contextInfo,
- getResolve: (options) => (context, request, callback) => {
- /** @type {ResolveContext} */
- const resolveContext = {
- fileDependencies: data.fileDependencies,
- missingDependencies: data.missingDependencies,
- contextDependencies: data.contextDependencies
- };
- let resolver = normalModuleFactory.getResolver(
- "normal",
- dependencyType
- ? cachedSetProperty(
- data.resolveOptions || EMPTY_RESOLVE_OPTIONS,
- "dependencyType",
- dependencyType
- )
- : data.resolveOptions
- );
- if (options) resolver = resolver.withOptions(options);
- if (callback) {
- resolver.resolve(
- {},
- context,
- request,
- resolveContext,
- callback
- );
- } else {
- return new Promise((resolve, reject) => {
- resolver.resolve(
- {},
- context,
- request,
- resolveContext,
- (err, result) => {
- if (err) reject(err);
- else resolve(result);
- }
- );
- });
- }
- }
- },
- cb
- );
- if (promise && promise.then) {
- promise.then((r) => cb(null, r), cb);
- }
- }
- return;
- } else if (typeof externals === "object") {
- const resolvedExternals = resolveLayer(
- externals,
- /** @type {IssuerLayer} */
- (contextInfo.issuerLayer)
- );
- if (
- Object.prototype.hasOwnProperty.call(resolvedExternals, request)
- ) {
- return handleExternal(
- resolvedExternals[request],
- undefined,
- callback
- );
- }
- if (
- hasOriginalRequest &&
- Object.prototype.hasOwnProperty.call(
- resolvedExternals,
- originalRequest
- )
- ) {
- return handleExternal(
- resolvedExternals[originalRequest],
- undefined,
- callback
- );
- }
- // Fall back to the `node:`-prefixed/unprefixed core module form.
- const alternateRequest = getAlternateCoreModuleRequest(request);
- if (
- alternateRequest !== undefined &&
- Object.prototype.hasOwnProperty.call(
- resolvedExternals,
- alternateRequest
- )
- ) {
- return handleExternal(
- resolvedExternals[alternateRequest],
- undefined,
- callback
- );
- }
- }
- callback();
- };
- handleExternals(this.externals, callback);
- }
- );
- }
- }
- ExternalModuleFactoryPlugin.getAlternateCoreModuleRequest =
- getAlternateCoreModuleRequest;
- module.exports = ExternalModuleFactoryPlugin;
|