postcss-import-parser.js 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.default = void 0;
  6. var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
  7. var _utils = require("../utils");
  8. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  9. function parseNode(atRule, key, options) {
  10. // Convert only top-level @import
  11. if (atRule.parent.type !== "root") {
  12. return;
  13. }
  14. if (atRule.raws && atRule.raws.afterName && atRule.raws.afterName.trim().length > 0) {
  15. const lastCommentIndex = atRule.raws.afterName.lastIndexOf("/*");
  16. const matched = atRule.raws.afterName.slice(lastCommentIndex).match(_utils.WEBPACK_IGNORE_COMMENT_REGEXP);
  17. if (matched && matched[2] === "true") {
  18. return;
  19. }
  20. }
  21. const prevNode = atRule.prev();
  22. if (prevNode && prevNode.type === "comment") {
  23. const matched = prevNode.text.match(_utils.WEBPACK_IGNORE_COMMENT_REGEXP);
  24. if (matched && matched[2] === "true") {
  25. return;
  26. }
  27. }
  28. // Nodes do not exists - `@import url('http://') :root {}`
  29. if (atRule.nodes) {
  30. const error = new Error("It looks like you didn't end your @import statement correctly. Child nodes are attached to it.");
  31. error.node = atRule;
  32. throw error;
  33. }
  34. const rawParams = atRule.raws && atRule.raws[key] && typeof atRule.raws[key].raw !== "undefined" ? atRule.raws[key].raw : atRule[key];
  35. const {
  36. nodes: paramsNodes
  37. } = (0, _postcssValueParser.default)(rawParams);
  38. // No nodes - `@import ;`
  39. // Invalid type - `@import foo-bar;`
  40. if (paramsNodes.length === 0 || paramsNodes[0].type !== "string" && paramsNodes[0].type !== "function") {
  41. const error = new Error(`Unable to find uri in "${atRule.toString()}"`);
  42. error.node = atRule;
  43. throw error;
  44. }
  45. let isStringValue;
  46. let url;
  47. if (paramsNodes[0].type === "string") {
  48. isStringValue = true;
  49. url = paramsNodes[0].value;
  50. } else {
  51. // Invalid function - `@import nourl(test.css);`
  52. if (paramsNodes[0].value.toLowerCase() !== "url") {
  53. const error = new Error(`Unable to find uri in "${atRule.toString()}"`);
  54. error.node = atRule;
  55. throw error;
  56. }
  57. isStringValue = paramsNodes[0].nodes.length !== 0 && paramsNodes[0].nodes[0].type === "string";
  58. url = isStringValue ? paramsNodes[0].nodes[0].value : _postcssValueParser.default.stringify(paramsNodes[0].nodes);
  59. }
  60. url = (0, _utils.normalizeUrl)(url, isStringValue);
  61. const {
  62. requestable,
  63. needResolve
  64. } = (0, _utils.isURLRequestable)(url, options);
  65. let prefix;
  66. if (requestable && needResolve) {
  67. const queryParts = url.split("!");
  68. if (queryParts.length > 1) {
  69. url = queryParts.pop();
  70. prefix = queryParts.join("!");
  71. }
  72. }
  73. // Empty url - `@import "";` or `@import url();`
  74. if (url.trim().length === 0) {
  75. const error = new Error(`Unable to find uri in "${atRule.toString()}"`);
  76. error.node = atRule;
  77. throw error;
  78. }
  79. const additionalNodes = paramsNodes.slice(1);
  80. let supports;
  81. let layer;
  82. let media;
  83. if (additionalNodes.length > 0) {
  84. let nodes = [];
  85. for (const node of additionalNodes) {
  86. nodes.push(node);
  87. const isLayerFunction = node.type === "function" && node.value.toLowerCase() === "layer";
  88. const isLayerWord = node.type === "word" && node.value.toLowerCase() === "layer";
  89. if (isLayerFunction || isLayerWord) {
  90. if (isLayerFunction) {
  91. nodes.splice(nodes.length - 1, 1, ...node.nodes);
  92. } else {
  93. nodes.splice(nodes.length - 1, 1, {
  94. type: "string",
  95. value: "",
  96. unclosed: false
  97. });
  98. }
  99. layer = _postcssValueParser.default.stringify(nodes).trim().toLowerCase();
  100. nodes = [];
  101. } else if (node.type === "function" && node.value.toLowerCase() === "supports") {
  102. nodes.splice(nodes.length - 1, 1, ...node.nodes);
  103. supports = _postcssValueParser.default.stringify(nodes).trim().toLowerCase();
  104. nodes = [];
  105. }
  106. }
  107. if (nodes.length > 0) {
  108. media = _postcssValueParser.default.stringify(nodes).trim().toLowerCase();
  109. }
  110. }
  111. // eslint-disable-next-line consistent-return
  112. return {
  113. atRule,
  114. prefix,
  115. url,
  116. layer,
  117. supports,
  118. media,
  119. requestable,
  120. needResolve
  121. };
  122. }
  123. const plugin = (options = {}) => {
  124. return {
  125. postcssPlugin: "postcss-import-parser",
  126. prepare(result) {
  127. const parsedAtRules = [];
  128. return {
  129. AtRule: {
  130. import(atRule) {
  131. if (options.isCSSStyleSheet) {
  132. options.loaderContext.emitError(new Error(atRule.error("'@import' rules are not allowed here and will not be processed").message));
  133. return;
  134. }
  135. const {
  136. isSupportDataURL,
  137. isSupportAbsoluteURL
  138. } = options;
  139. let parsedAtRule;
  140. try {
  141. parsedAtRule = parseNode(atRule, "params", {
  142. isSupportAbsoluteURL,
  143. isSupportDataURL
  144. });
  145. } catch (error) {
  146. result.warn(error.message, {
  147. node: error.node
  148. });
  149. }
  150. if (!parsedAtRule) {
  151. return;
  152. }
  153. parsedAtRules.push(parsedAtRule);
  154. }
  155. },
  156. async OnceExit() {
  157. if (parsedAtRules.length === 0) {
  158. return;
  159. }
  160. const {
  161. loaderContext
  162. } = options;
  163. const resolver = loaderContext.getResolve({
  164. dependencyType: "css",
  165. conditionNames: ["style"],
  166. mainFields: ["css", "style", "main", "..."],
  167. mainFiles: ["index", "..."],
  168. extensions: [".css", "..."],
  169. preferRelative: true
  170. });
  171. const resolvedAtRules = await Promise.all(parsedAtRules.map(async parsedAtRule => {
  172. const {
  173. atRule,
  174. requestable,
  175. needResolve,
  176. prefix,
  177. url,
  178. layer,
  179. supports,
  180. media
  181. } = parsedAtRule;
  182. if (options.filter) {
  183. const needKeep = await options.filter(url, media, loaderContext.resourcePath, supports, layer);
  184. if (!needKeep) {
  185. return;
  186. }
  187. }
  188. if (needResolve) {
  189. const request = (0, _utils.requestify)(url, loaderContext.rootContext);
  190. const resolvedUrl = await (0, _utils.resolveRequests)(resolver, loaderContext.context, [...new Set([request, url])]);
  191. if (!resolvedUrl) {
  192. return;
  193. }
  194. if (resolvedUrl === loaderContext.resourcePath) {
  195. atRule.remove();
  196. return;
  197. }
  198. atRule.remove();
  199. // eslint-disable-next-line consistent-return
  200. return {
  201. url: resolvedUrl,
  202. layer,
  203. supports,
  204. media,
  205. prefix,
  206. requestable
  207. };
  208. }
  209. atRule.remove();
  210. // eslint-disable-next-line consistent-return
  211. return {
  212. url,
  213. layer,
  214. supports,
  215. media,
  216. prefix,
  217. requestable
  218. };
  219. }));
  220. const urlToNameMap = new Map();
  221. for (let index = 0; index <= resolvedAtRules.length - 1; index++) {
  222. const resolvedAtRule = resolvedAtRules[index];
  223. if (!resolvedAtRule) {
  224. // eslint-disable-next-line no-continue
  225. continue;
  226. }
  227. const {
  228. url,
  229. requestable,
  230. layer,
  231. supports,
  232. media
  233. } = resolvedAtRule;
  234. if (!requestable) {
  235. options.api.push({
  236. url,
  237. layer,
  238. supports,
  239. media,
  240. index
  241. });
  242. // eslint-disable-next-line no-continue
  243. continue;
  244. }
  245. const {
  246. prefix
  247. } = resolvedAtRule;
  248. const newUrl = prefix ? `${prefix}!${url}` : url;
  249. let importName = urlToNameMap.get(newUrl);
  250. if (!importName) {
  251. importName = `___CSS_LOADER_AT_RULE_IMPORT_${urlToNameMap.size}___`;
  252. urlToNameMap.set(newUrl, importName);
  253. options.imports.push({
  254. type: "rule_import",
  255. importName,
  256. url: options.urlHandler(newUrl),
  257. index
  258. });
  259. }
  260. options.api.push({
  261. importName,
  262. layer,
  263. supports,
  264. media,
  265. index
  266. });
  267. }
  268. }
  269. };
  270. }
  271. };
  272. };
  273. plugin.postcss = true;
  274. var _default = plugin;
  275. exports.default = _default;