URLParserPlugin.js 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
  1. /*
  2. MIT License http://www.opensource.org/licenses/mit-license.php
  3. Author Haijie Xie @hai-x
  4. */
  5. "use strict";
  6. const { pathToFileURL } = require("url");
  7. const CommentCompilationWarning = require("../CommentCompilationWarning");
  8. const RuntimeGlobals = require("../RuntimeGlobals");
  9. const UnsupportedFeatureWarning = require("../UnsupportedFeatureWarning");
  10. const ConstDependency = require("../dependencies/ConstDependency");
  11. const ContextDependencyHelpers = require("../dependencies/ContextDependencyHelpers");
  12. const URLContextDependency = require("../dependencies/URLContextDependency");
  13. const URLDependency = require("../dependencies/URLDependency");
  14. const BasicEvaluatedExpression = require("../javascript/BasicEvaluatedExpression");
  15. const { approve } = require("../javascript/JavascriptParserHelpers");
  16. const InnerGraph = require("../optimize/InnerGraph");
  17. /** @typedef {import("estree").MemberExpression} MemberExpression */
  18. /** @typedef {import("estree").NewExpression} NewExpressionNode */
  19. /** @typedef {import("../../declarations/WebpackOptions").JavascriptParserOptions} JavascriptParserOptions */
  20. /** @typedef {import("../ContextModule").ContextMode} ContextMode */
  21. /** @typedef {import("../Dependency").DependencyLocation} DependencyLocation */
  22. /** @typedef {import("../NormalModule")} NormalModule */
  23. /** @typedef {import("../javascript/JavascriptParser")} JavascriptParser */
  24. /** @typedef {import("../javascript/JavascriptParser")} Parser */
  25. /** @typedef {import("../javascript/JavascriptParser").Range} Range */
  26. const PLUGIN_NAME = "URLParserPlugin";
  27. /**
  28. * @param {NormalModule} module module
  29. * @returns {URL} file url
  30. */
  31. const getUrl = module => pathToFileURL(module.resource);
  32. /**
  33. * @param {Parser} parser parser parser
  34. * @param {MemberExpression} arg arg
  35. * @returns {boolean} true when it is `meta.url`, otherwise false
  36. */
  37. const isMetaUrl = (parser, arg) => {
  38. const chain = parser.extractMemberExpressionChain(arg);
  39. if (
  40. chain.members.length !== 1 ||
  41. chain.object.type !== "MetaProperty" ||
  42. chain.object.meta.name !== "import" ||
  43. chain.object.property.name !== "meta" ||
  44. chain.members[0] !== "url"
  45. ) {
  46. return false;
  47. }
  48. return true;
  49. };
  50. /**
  51. * @type {WeakMap<NewExpressionNode, BasicEvaluatedExpression | undefined>}
  52. */
  53. const getEvaluatedExprCache = new WeakMap();
  54. /**
  55. * @param {NewExpressionNode} expr expression
  56. * @param {Parser} parser parser parser
  57. * @returns {BasicEvaluatedExpression | undefined} basic evaluated expression
  58. */
  59. const getEvaluatedExpr = (expr, parser) => {
  60. let result = getEvaluatedExprCache.get(expr);
  61. if (result !== undefined) return result;
  62. /**
  63. * @returns {BasicEvaluatedExpression | undefined} basic evaluated expression
  64. */
  65. const evaluate = () => {
  66. if (expr.arguments.length !== 2) return;
  67. const [arg1, arg2] = expr.arguments;
  68. if (arg2.type !== "MemberExpression" || arg1.type === "SpreadElement") {
  69. return;
  70. }
  71. if (!isMetaUrl(parser, arg2)) return;
  72. return parser.evaluateExpression(arg1);
  73. };
  74. result = evaluate();
  75. getEvaluatedExprCache.set(expr, result);
  76. return result;
  77. };
  78. class URLParserPlugin {
  79. /**
  80. * @param {JavascriptParserOptions} options options
  81. */
  82. constructor(options) {
  83. this.options = options;
  84. }
  85. /**
  86. * @param {JavascriptParser} parser the parser
  87. * @returns {void}
  88. */
  89. apply(parser) {
  90. const relative = this.options.url === "relative";
  91. parser.hooks.canRename.for("URL").tap(PLUGIN_NAME, approve);
  92. parser.hooks.evaluateNewExpression.for("URL").tap(PLUGIN_NAME, expr => {
  93. const evaluatedExpr = getEvaluatedExpr(expr, parser);
  94. const request = evaluatedExpr && evaluatedExpr.asString();
  95. if (!request) return;
  96. const url = new URL(request, getUrl(parser.state.module));
  97. return new BasicEvaluatedExpression()
  98. .setString(url.toString())
  99. .setRange(/** @type {Range} */ (expr.range));
  100. });
  101. parser.hooks.new.for("URL").tap(PLUGIN_NAME, _expr => {
  102. const expr = /** @type {NewExpressionNode} */ (_expr);
  103. const { options: importOptions, errors: commentErrors } =
  104. parser.parseCommentOptions(/** @type {Range} */ (expr.range));
  105. if (commentErrors) {
  106. for (const e of commentErrors) {
  107. const { comment } = e;
  108. parser.state.module.addWarning(
  109. new CommentCompilationWarning(
  110. `Compilation error while processing magic comment(-s): /*${comment.value}*/: ${e.message}`,
  111. /** @type {DependencyLocation} */ (comment.loc)
  112. )
  113. );
  114. }
  115. }
  116. if (importOptions && importOptions.webpackIgnore !== undefined) {
  117. if (typeof importOptions.webpackIgnore !== "boolean") {
  118. parser.state.module.addWarning(
  119. new UnsupportedFeatureWarning(
  120. `\`webpackIgnore\` expected a boolean, but received: ${importOptions.webpackIgnore}.`,
  121. /** @type {DependencyLocation} */ (expr.loc)
  122. )
  123. );
  124. return;
  125. } else if (importOptions.webpackIgnore) {
  126. if (expr.arguments.length !== 2) return;
  127. const [, arg2] = expr.arguments;
  128. if (arg2.type !== "MemberExpression" || !isMetaUrl(parser, arg2)) {
  129. return;
  130. }
  131. const dep = new ConstDependency(
  132. RuntimeGlobals.baseURI,
  133. /** @type {Range} */ (arg2.range),
  134. [RuntimeGlobals.baseURI]
  135. );
  136. dep.loc = /** @type {DependencyLocation} */ (expr.loc);
  137. parser.state.module.addPresentationalDependency(dep);
  138. return true;
  139. }
  140. }
  141. const evaluatedExpr = getEvaluatedExpr(expr, parser);
  142. if (!evaluatedExpr) return;
  143. let request;
  144. // static URL
  145. if ((request = evaluatedExpr.asString())) {
  146. const [arg1, arg2] = expr.arguments;
  147. const dep = new URLDependency(
  148. request,
  149. [
  150. /** @type {Range} */ (arg1.range)[0],
  151. /** @type {Range} */ (arg2.range)[1]
  152. ],
  153. /** @type {Range} */ (expr.range),
  154. relative
  155. );
  156. dep.loc = /** @type {DependencyLocation} */ (expr.loc);
  157. parser.state.current.addDependency(dep);
  158. InnerGraph.onUsage(parser.state, e => (dep.usedByExports = e));
  159. return true;
  160. }
  161. if (this.options.dynamicUrl === false) return;
  162. // context URL
  163. let include;
  164. let exclude;
  165. if (importOptions) {
  166. if (importOptions.webpackInclude !== undefined) {
  167. if (
  168. !importOptions.webpackInclude ||
  169. !(importOptions.webpackInclude instanceof RegExp)
  170. ) {
  171. parser.state.module.addWarning(
  172. new UnsupportedFeatureWarning(
  173. `\`webpackInclude\` expected a regular expression, but received: ${importOptions.webpackInclude}.`,
  174. /** @type {DependencyLocation} */ (expr.loc)
  175. )
  176. );
  177. } else {
  178. include = importOptions.webpackInclude;
  179. }
  180. }
  181. if (importOptions.webpackExclude !== undefined) {
  182. if (
  183. !importOptions.webpackExclude ||
  184. !(importOptions.webpackExclude instanceof RegExp)
  185. ) {
  186. parser.state.module.addWarning(
  187. new UnsupportedFeatureWarning(
  188. `\`webpackExclude\` expected a regular expression, but received: ${importOptions.webpackExclude}.`,
  189. /** @type {DependencyLocation} */ (expr.loc)
  190. )
  191. );
  192. } else {
  193. exclude = importOptions.webpackExclude;
  194. }
  195. }
  196. }
  197. const dep = ContextDependencyHelpers.create(
  198. URLContextDependency,
  199. /** @type {Range} */ (expr.range),
  200. evaluatedExpr,
  201. expr,
  202. this.options,
  203. {
  204. include,
  205. exclude,
  206. mode: "sync",
  207. typePrefix: "new URL with import.meta.url",
  208. category: "url"
  209. },
  210. parser
  211. );
  212. if (!dep) return;
  213. dep.loc = /** @type {DependencyLocation} */ (expr.loc);
  214. dep.optional = Boolean(parser.scope.inTry);
  215. parser.state.current.addDependency(dep);
  216. return true;
  217. });
  218. parser.hooks.isPure.for("NewExpression").tap(PLUGIN_NAME, _expr => {
  219. const expr = /** @type {NewExpressionNode} */ (_expr);
  220. const { callee } = expr;
  221. if (callee.type !== "Identifier") return;
  222. const calleeInfo = parser.getFreeInfoFromVariable(callee.name);
  223. if (!calleeInfo || calleeInfo.name !== "URL") return;
  224. const evaluatedExpr = getEvaluatedExpr(expr, parser);
  225. const request = evaluatedExpr && evaluatedExpr.asString();
  226. if (request) return true;
  227. });
  228. }
  229. }
  230. module.exports = URLParserPlugin;