ContextDependencyHelpers.js 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. /*
  2. MIT License http://www.opensource.org/licenses/mit-license.php
  3. Author Tobias Koppers @sokra
  4. */
  5. "use strict";
  6. const { parseResource } = require("../util/identifier");
  7. /** @typedef {import("estree").Node} EsTreeNode */
  8. /** @typedef {import("../../declarations/WebpackOptions").JavascriptParserOptions} JavascriptParserOptions */
  9. /** @typedef {import("../../declarations/WebpackOptions").ModuleOptionsNormalized} ModuleOptions */
  10. /** @typedef {import("../javascript/BasicEvaluatedExpression")} BasicEvaluatedExpression */
  11. /** @typedef {import("../javascript/JavascriptParser")} JavascriptParser */
  12. /** @typedef {import("./ContextDependency")} ContextDependency */
  13. /** @typedef {import("./ContextDependency").ContextDependencyOptions} ContextDependencyOptions */
  14. /**
  15. * Escapes regular expression metacharacters
  16. * @param {string} str String to quote
  17. * @returns {string} Escaped string
  18. */
  19. const quoteMeta = str => {
  20. return str.replace(/[-[\]\\/{}()*+?.^$|]/g, "\\$&");
  21. };
  22. const splitContextFromPrefix = prefix => {
  23. const idx = prefix.lastIndexOf("/");
  24. let context = ".";
  25. if (idx >= 0) {
  26. context = prefix.slice(0, idx);
  27. prefix = `.${prefix.slice(idx)}`;
  28. }
  29. return {
  30. context,
  31. prefix
  32. };
  33. };
  34. /** @typedef {Partial<Omit<ContextDependencyOptions, "resource">>} PartialContextDependencyOptions */
  35. /** @typedef {{ new(options: ContextDependencyOptions, range: [number, number], valueRange: [number, number]): ContextDependency }} ContextDependencyConstructor */
  36. /**
  37. * @param {ContextDependencyConstructor} Dep the Dependency class
  38. * @param {[number, number]} range source range
  39. * @param {BasicEvaluatedExpression} param context param
  40. * @param {EsTreeNode} expr expr
  41. * @param {Pick<JavascriptParserOptions, `${"expr"|"wrapped"}Context${"Critical"|"Recursive"|"RegExp"}` | "exprContextRequest">} options options for context creation
  42. * @param {PartialContextDependencyOptions} contextOptions options for the ContextModule
  43. * @param {JavascriptParser} parser the parser
  44. * @returns {ContextDependency} the created Dependency
  45. */
  46. exports.create = (Dep, range, param, expr, options, contextOptions, parser) => {
  47. if (param.isTemplateString()) {
  48. let prefixRaw = param.quasis[0].string;
  49. let postfixRaw =
  50. param.quasis.length > 1
  51. ? param.quasis[param.quasis.length - 1].string
  52. : "";
  53. const valueRange = param.range;
  54. const { context, prefix } = splitContextFromPrefix(prefixRaw);
  55. const {
  56. path: postfix,
  57. query,
  58. fragment
  59. } = parseResource(postfixRaw, parser);
  60. // When there are more than two quasis, the generated RegExp can be more precise
  61. // We join the quasis with the expression regexp
  62. const innerQuasis = param.quasis.slice(1, param.quasis.length - 1);
  63. const innerRegExp =
  64. options.wrappedContextRegExp.source +
  65. innerQuasis
  66. .map(q => quoteMeta(q.string) + options.wrappedContextRegExp.source)
  67. .join("");
  68. // Example: `./context/pre${e}inner${e}inner2${e}post?query#frag`
  69. // context: "./context"
  70. // prefix: "./pre"
  71. // innerQuasis: [BEE("inner"), BEE("inner2")]
  72. // (BEE = BasicEvaluatedExpression)
  73. // postfix: "post"
  74. // query: "?query"
  75. // fragment: "#frag"
  76. // regExp: /^\.\/pre.*inner.*inner2.*post$/
  77. const regExp = new RegExp(
  78. `^${quoteMeta(prefix)}${innerRegExp}${quoteMeta(postfix)}$`
  79. );
  80. const dep = new Dep(
  81. {
  82. request: context + query + fragment,
  83. recursive: options.wrappedContextRecursive,
  84. regExp,
  85. mode: "sync",
  86. ...contextOptions
  87. },
  88. range,
  89. valueRange
  90. );
  91. dep.loc = expr.loc;
  92. const replaces = [];
  93. param.parts.forEach((part, i) => {
  94. if (i % 2 === 0) {
  95. // Quasis or merged quasi
  96. let range = part.range;
  97. let value = part.string;
  98. if (param.templateStringKind === "cooked") {
  99. value = JSON.stringify(value);
  100. value = value.slice(1, value.length - 1);
  101. }
  102. if (i === 0) {
  103. // prefix
  104. value = prefix;
  105. range = [param.range[0], part.range[1]];
  106. value =
  107. (param.templateStringKind === "cooked" ? "`" : "String.raw`") +
  108. value;
  109. } else if (i === param.parts.length - 1) {
  110. // postfix
  111. value = postfix;
  112. range = [part.range[0], param.range[1]];
  113. value = value + "`";
  114. } else if (
  115. part.expression &&
  116. part.expression.type === "TemplateElement" &&
  117. part.expression.value.raw === value
  118. ) {
  119. // Shortcut when it's a single quasi and doesn't need to be replaced
  120. return;
  121. }
  122. replaces.push({
  123. range,
  124. value
  125. });
  126. } else {
  127. // Expression
  128. parser.walkExpression(part.expression);
  129. }
  130. });
  131. dep.replaces = replaces;
  132. dep.critical =
  133. options.wrappedContextCritical &&
  134. "a part of the request of a dependency is an expression";
  135. return dep;
  136. } else if (
  137. param.isWrapped() &&
  138. ((param.prefix && param.prefix.isString()) ||
  139. (param.postfix && param.postfix.isString()))
  140. ) {
  141. let prefixRaw =
  142. param.prefix && param.prefix.isString() ? param.prefix.string : "";
  143. let postfixRaw =
  144. param.postfix && param.postfix.isString() ? param.postfix.string : "";
  145. const prefixRange =
  146. param.prefix && param.prefix.isString() ? param.prefix.range : null;
  147. const postfixRange =
  148. param.postfix && param.postfix.isString() ? param.postfix.range : null;
  149. const valueRange = param.range;
  150. const { context, prefix } = splitContextFromPrefix(prefixRaw);
  151. const {
  152. path: postfix,
  153. query,
  154. fragment
  155. } = parseResource(postfixRaw, parser);
  156. const regExp = new RegExp(
  157. `^${quoteMeta(prefix)}${options.wrappedContextRegExp.source}${quoteMeta(
  158. postfix
  159. )}$`
  160. );
  161. const dep = new Dep(
  162. {
  163. request: context + query + fragment,
  164. recursive: options.wrappedContextRecursive,
  165. regExp,
  166. mode: "sync",
  167. ...contextOptions
  168. },
  169. range,
  170. valueRange
  171. );
  172. dep.loc = expr.loc;
  173. const replaces = [];
  174. if (prefixRange) {
  175. replaces.push({
  176. range: prefixRange,
  177. value: JSON.stringify(prefix)
  178. });
  179. }
  180. if (postfixRange) {
  181. replaces.push({
  182. range: postfixRange,
  183. value: JSON.stringify(postfix)
  184. });
  185. }
  186. dep.replaces = replaces;
  187. dep.critical =
  188. options.wrappedContextCritical &&
  189. "a part of the request of a dependency is an expression";
  190. if (parser && param.wrappedInnerExpressions) {
  191. for (const part of param.wrappedInnerExpressions) {
  192. if (part.expression) parser.walkExpression(part.expression);
  193. }
  194. }
  195. return dep;
  196. } else {
  197. const dep = new Dep(
  198. {
  199. request: options.exprContextRequest,
  200. recursive: options.exprContextRecursive,
  201. regExp: /** @type {RegExp} */ (options.exprContextRegExp),
  202. mode: "sync",
  203. ...contextOptions
  204. },
  205. range,
  206. param.range
  207. );
  208. dep.loc = expr.loc;
  209. dep.critical =
  210. options.exprContextCritical &&
  211. "the request of a dependency is an expression";
  212. parser.walkExpression(param.expression);
  213. return dep;
  214. }
  215. };