URLParserPlugin.js 8.0 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("../Dependency").DependencyLocation} DependencyLocation */
  21. /** @typedef {import("../NormalModule")} NormalModule */
  22. /** @typedef {import("../javascript/JavascriptParser")} JavascriptParser */
  23. /** @typedef {import("../javascript/JavascriptParser").Range} Range */
  24. const PLUGIN_NAME = "URLParserPlugin";
  25. /**
  26. * @param {NormalModule} module module
  27. * @returns {URL} file url
  28. */
  29. const getUrl = (module) => pathToFileURL(module.resource);
  30. /**
  31. * @param {JavascriptParser} parser parser parser
  32. * @param {MemberExpression} arg arg
  33. * @returns {boolean} true when it is `meta.url`, otherwise false
  34. */
  35. const isMetaUrl = (parser, arg) => {
  36. const chain = parser.extractMemberExpressionChain(arg);
  37. if (
  38. chain.members.length !== 1 ||
  39. chain.object.type !== "MetaProperty" ||
  40. chain.object.meta.name !== "import" ||
  41. chain.object.property.name !== "meta" ||
  42. chain.members[0] !== "url"
  43. ) {
  44. return false;
  45. }
  46. return true;
  47. };
  48. /** @type {WeakMap<NewExpressionNode, BasicEvaluatedExpression | undefined>} */
  49. const getEvaluatedExprCache = new WeakMap();
  50. /**
  51. * @param {NewExpressionNode} expr expression
  52. * @param {JavascriptParser} parser parser parser
  53. * @returns {BasicEvaluatedExpression | undefined} basic evaluated expression
  54. */
  55. const getEvaluatedExpr = (expr, parser) => {
  56. let result = getEvaluatedExprCache.get(expr);
  57. if (result !== undefined) return result;
  58. /**
  59. * @returns {BasicEvaluatedExpression | undefined} basic evaluated expression
  60. */
  61. const evaluate = () => {
  62. if (expr.arguments.length !== 2) return;
  63. const [arg1, arg2] = expr.arguments;
  64. if (arg2.type !== "MemberExpression" || arg1.type === "SpreadElement") {
  65. return;
  66. }
  67. if (!isMetaUrl(parser, arg2)) return;
  68. return parser.evaluateExpression(arg1);
  69. };
  70. result = evaluate();
  71. getEvaluatedExprCache.set(expr, result);
  72. return result;
  73. };
  74. class URLParserPlugin {
  75. /**
  76. * @param {JavascriptParserOptions} options options
  77. */
  78. constructor(options) {
  79. /** @type {JavascriptParserOptions} */
  80. this.options = options;
  81. }
  82. /**
  83. * @param {JavascriptParser} parser the parser
  84. * @returns {void}
  85. */
  86. apply(parser) {
  87. const relative = this.options.url === "relative";
  88. parser.hooks.canRename.for("URL").tap(PLUGIN_NAME, approve);
  89. parser.hooks.evaluateNewExpression.for("URL").tap(PLUGIN_NAME, (expr) => {
  90. const evaluatedExpr = getEvaluatedExpr(expr, parser);
  91. const request = evaluatedExpr && evaluatedExpr.asString();
  92. if (!request) return;
  93. const url = new URL(request, getUrl(parser.state.module));
  94. return new BasicEvaluatedExpression()
  95. .setString(url.toString())
  96. .setRange(/** @type {Range} */ (expr.range));
  97. });
  98. parser.hooks.new.for("URL").tap(PLUGIN_NAME, (_expr) => {
  99. const expr = /** @type {NewExpressionNode} */ (_expr);
  100. const { options: importOptions, errors: commentErrors } =
  101. parser.parseCommentOptions(/** @type {Range} */ (expr.range));
  102. if (commentErrors) {
  103. for (const e of commentErrors) {
  104. const { comment } = e;
  105. parser.state.module.addWarning(
  106. new CommentCompilationWarning(
  107. `Compilation error while processing magic comment(-s): /*${comment.value}*/: ${e.message}`,
  108. /** @type {DependencyLocation} */ (comment.loc)
  109. )
  110. );
  111. }
  112. }
  113. if (importOptions && importOptions.webpackIgnore !== undefined) {
  114. if (typeof importOptions.webpackIgnore !== "boolean") {
  115. parser.state.module.addWarning(
  116. new UnsupportedFeatureWarning(
  117. `\`webpackIgnore\` expected a boolean, but received: ${importOptions.webpackIgnore}.`,
  118. /** @type {DependencyLocation} */ (expr.loc)
  119. )
  120. );
  121. return;
  122. } else if (importOptions.webpackIgnore) {
  123. if (expr.arguments.length !== 2) return;
  124. const [, arg2] = expr.arguments;
  125. if (arg2.type !== "MemberExpression" || !isMetaUrl(parser, arg2)) {
  126. return;
  127. }
  128. const dep = new ConstDependency(
  129. RuntimeGlobals.baseURI,
  130. /** @type {Range} */ (arg2.range),
  131. [RuntimeGlobals.baseURI]
  132. );
  133. dep.loc = /** @type {DependencyLocation} */ (expr.loc);
  134. parser.state.module.addPresentationalDependency(dep);
  135. return true;
  136. }
  137. }
  138. const evaluatedExpr = getEvaluatedExpr(expr, parser);
  139. if (!evaluatedExpr) return;
  140. /** @type {string | undefined} */
  141. let request;
  142. // static URL
  143. if ((request = evaluatedExpr.asString())) {
  144. const [arg1, arg2] = expr.arguments;
  145. const dep = new URLDependency(
  146. request,
  147. [
  148. /** @type {Range} */ (arg1.range)[0],
  149. /** @type {Range} */ (arg2.range)[1]
  150. ],
  151. /** @type {Range} */ (expr.range),
  152. relative
  153. );
  154. dep.loc = /** @type {DependencyLocation} */ (expr.loc);
  155. parser.state.current.addDependency(dep);
  156. InnerGraph.onUsage(parser.state, (e) => (dep.usedByExports = e));
  157. return true;
  158. }
  159. if (this.options.dynamicUrl === false) return;
  160. // context URL
  161. /** @type {undefined | RegExp} */
  162. let include;
  163. /** @type {undefined | RegExp} */
  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;