URLParserPlugin.js 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272
  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. * Returns file url.
  27. * @param {NormalModule} module module
  28. * @returns {URL} file url
  29. */
  30. const getUrl = (module) => pathToFileURL(module.resource);
  31. /**
  32. * Checks whether this object is meta url.
  33. * @param {JavascriptParser} 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. /** @type {WeakMap<NewExpressionNode, BasicEvaluatedExpression | undefined>} */
  51. const getEvaluatedExprCache = new WeakMap();
  52. /**
  53. * Gets evaluated expr.
  54. * @param {NewExpressionNode} expr expression
  55. * @param {JavascriptParser} parser parser parser
  56. * @returns {BasicEvaluatedExpression | undefined} basic evaluated expression
  57. */
  58. const getEvaluatedExpr = (expr, parser) => {
  59. let result = getEvaluatedExprCache.get(expr);
  60. if (result !== undefined) return result;
  61. /**
  62. * Returns basic evaluated expression.
  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. * Creates an instance of URLParserPlugin.
  81. * @param {JavascriptParserOptions} options options
  82. */
  83. constructor(options) {
  84. /** @type {JavascriptParserOptions} */
  85. this.options = options;
  86. }
  87. /**
  88. * Applies the plugin by registering its hooks on the compiler.
  89. * @param {JavascriptParser} parser the parser
  90. * @returns {void}
  91. */
  92. apply(parser) {
  93. const relative = this.options.url === "relative";
  94. parser.hooks.canRename.for("URL").tap(PLUGIN_NAME, approve);
  95. parser.hooks.evaluateNewExpression.for("URL").tap(PLUGIN_NAME, (expr) => {
  96. const evaluatedExpr = getEvaluatedExpr(expr, parser);
  97. const request = evaluatedExpr && evaluatedExpr.asString();
  98. if (!request) return;
  99. const url = new URL(request, getUrl(parser.state.module));
  100. return new BasicEvaluatedExpression()
  101. .setString(url.toString())
  102. .setRange(/** @type {Range} */ (expr.range));
  103. });
  104. parser.hooks.new.for("URL").tap(PLUGIN_NAME, (_expr) => {
  105. const expr = /** @type {NewExpressionNode} */ (_expr);
  106. const { options: importOptions, errors: commentErrors } =
  107. parser.parseCommentOptions(/** @type {Range} */ (expr.range));
  108. if (commentErrors) {
  109. for (const e of commentErrors) {
  110. const { comment } = e;
  111. parser.state.module.addWarning(
  112. new CommentCompilationWarning(
  113. `Compilation error while processing magic comment(-s): /*${comment.value}*/: ${e.message}`,
  114. /** @type {DependencyLocation} */ (comment.loc)
  115. )
  116. );
  117. }
  118. }
  119. if (importOptions && importOptions.webpackIgnore !== undefined) {
  120. if (typeof importOptions.webpackIgnore !== "boolean") {
  121. parser.state.module.addWarning(
  122. new UnsupportedFeatureWarning(
  123. `\`webpackIgnore\` expected a boolean, but received: ${importOptions.webpackIgnore}.`,
  124. /** @type {DependencyLocation} */ (expr.loc)
  125. )
  126. );
  127. return;
  128. } else if (importOptions.webpackIgnore) {
  129. if (expr.arguments.length !== 2) return;
  130. const [, arg2] = expr.arguments;
  131. if (arg2.type !== "MemberExpression" || !isMetaUrl(parser, arg2)) {
  132. return;
  133. }
  134. const dep = new ConstDependency(
  135. RuntimeGlobals.baseURI,
  136. /** @type {Range} */ (arg2.range),
  137. [RuntimeGlobals.baseURI]
  138. );
  139. dep.loc = /** @type {DependencyLocation} */ (expr.loc);
  140. parser.state.module.addPresentationalDependency(dep);
  141. return true;
  142. }
  143. }
  144. const evaluatedExpr = getEvaluatedExpr(expr, parser);
  145. if (!evaluatedExpr) return;
  146. /** @type {string | undefined} */
  147. let request;
  148. // static URL
  149. if ((request = evaluatedExpr.asString())) {
  150. const [arg1, arg2] = expr.arguments;
  151. const dep = new URLDependency(
  152. request,
  153. [
  154. /** @type {Range} */ (arg1.range)[0],
  155. /** @type {Range} */ (arg2.range)[1]
  156. ],
  157. /** @type {Range} */ (expr.range),
  158. relative
  159. );
  160. dep.loc = /** @type {DependencyLocation} */ (expr.loc);
  161. parser.state.current.addDependency(dep);
  162. InnerGraph.onUsage(parser.state, (e) => (dep.usedByExports = e));
  163. return true;
  164. }
  165. if (this.options.dynamicUrl === false) return;
  166. // context URL
  167. /** @type {undefined | RegExp} */
  168. let include;
  169. /** @type {undefined | RegExp} */
  170. let exclude;
  171. if (importOptions) {
  172. if (importOptions.webpackInclude !== undefined) {
  173. if (
  174. !importOptions.webpackInclude ||
  175. !(importOptions.webpackInclude instanceof RegExp)
  176. ) {
  177. parser.state.module.addWarning(
  178. new UnsupportedFeatureWarning(
  179. `\`webpackInclude\` expected a regular expression, but received: ${importOptions.webpackInclude}.`,
  180. /** @type {DependencyLocation} */ (expr.loc)
  181. )
  182. );
  183. } else {
  184. include = importOptions.webpackInclude;
  185. }
  186. }
  187. if (importOptions.webpackExclude !== undefined) {
  188. if (
  189. !importOptions.webpackExclude ||
  190. !(importOptions.webpackExclude instanceof RegExp)
  191. ) {
  192. parser.state.module.addWarning(
  193. new UnsupportedFeatureWarning(
  194. `\`webpackExclude\` expected a regular expression, but received: ${importOptions.webpackExclude}.`,
  195. /** @type {DependencyLocation} */ (expr.loc)
  196. )
  197. );
  198. } else {
  199. exclude = importOptions.webpackExclude;
  200. }
  201. }
  202. }
  203. const dep = ContextDependencyHelpers.create(
  204. URLContextDependency,
  205. /** @type {Range} */ (expr.range),
  206. evaluatedExpr,
  207. expr,
  208. this.options,
  209. {
  210. include,
  211. exclude,
  212. mode: "sync",
  213. typePrefix: "new URL with import.meta.url",
  214. category: "url"
  215. },
  216. parser
  217. );
  218. if (!dep) return;
  219. dep.loc = /** @type {DependencyLocation} */ (expr.loc);
  220. dep.optional = Boolean(parser.scope.inTry);
  221. parser.state.current.addDependency(dep);
  222. return true;
  223. });
  224. parser.hooks.isPure.for("NewExpression").tap(PLUGIN_NAME, (_expr) => {
  225. const expr = /** @type {NewExpressionNode} */ (_expr);
  226. const { callee } = expr;
  227. if (callee.type !== "Identifier") return;
  228. const calleeInfo = parser.getFreeInfoFromVariable(callee.name);
  229. if (!calleeInfo || calleeInfo.name !== "URL") return;
  230. const evaluatedExpr = getEvaluatedExpr(expr, parser);
  231. const request = evaluatedExpr && evaluatedExpr.asString();
  232. if (request) return true;
  233. });
  234. }
  235. }
  236. module.exports = URLParserPlugin;