postcss-icss-parser.js 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.default = void 0;
  6. var _icssUtils = require("icss-utils");
  7. var _utils = require("../utils");
  8. const plugin = (options = {}) => {
  9. return {
  10. postcssPlugin: "postcss-icss-parser",
  11. async OnceExit(root) {
  12. const importReplacements = Object.create(null);
  13. const {
  14. icssImports,
  15. icssExports
  16. } = (0, _icssUtils.extractICSS)(root);
  17. const imports = new Map();
  18. const tasks = [];
  19. const {
  20. loaderContext
  21. } = options;
  22. const resolver = loaderContext.getResolve({
  23. dependencyType: "icss",
  24. conditionNames: ["style"],
  25. extensions: ["..."],
  26. mainFields: ["css", "style", "main", "..."],
  27. mainFiles: ["index", "..."],
  28. preferRelative: true
  29. });
  30. // eslint-disable-next-line guard-for-in
  31. for (const url in icssImports) {
  32. const tokens = icssImports[url];
  33. if (Object.keys(tokens).length === 0) {
  34. // eslint-disable-next-line no-continue
  35. continue;
  36. }
  37. let normalizedUrl = url;
  38. let prefix = "";
  39. const queryParts = normalizedUrl.split("!");
  40. if (queryParts.length > 1) {
  41. normalizedUrl = queryParts.pop();
  42. prefix = queryParts.join("!");
  43. }
  44. const request = (0, _utils.requestify)((0, _utils.normalizeUrl)(normalizedUrl, true), loaderContext.rootContext);
  45. const doResolve = async () => {
  46. const resolvedUrl = await (0, _utils.resolveRequests)(resolver, loaderContext.context, [...new Set([normalizedUrl, request])]);
  47. if (!resolvedUrl) {
  48. return;
  49. }
  50. // eslint-disable-next-line consistent-return
  51. return {
  52. url: resolvedUrl,
  53. prefix,
  54. tokens
  55. };
  56. };
  57. tasks.push(doResolve());
  58. }
  59. const results = await Promise.all(tasks);
  60. for (let index = 0; index <= results.length - 1; index++) {
  61. const item = results[index];
  62. if (!item) {
  63. // eslint-disable-next-line no-continue
  64. continue;
  65. }
  66. const newUrl = item.prefix ? `${item.prefix}!${item.url}` : item.url;
  67. const importKey = newUrl;
  68. let importName = imports.get(importKey);
  69. if (!importName) {
  70. importName = `___CSS_LOADER_ICSS_IMPORT_${imports.size}___`;
  71. imports.set(importKey, importName);
  72. options.imports.push({
  73. type: "icss_import",
  74. importName,
  75. url: options.urlHandler(newUrl),
  76. icss: true,
  77. index
  78. });
  79. options.api.push({
  80. importName,
  81. dedupe: true,
  82. index
  83. });
  84. }
  85. for (const [replacementIndex, token] of Object.keys(item.tokens).entries()) {
  86. const replacementName = `___CSS_LOADER_ICSS_IMPORT_${index}_REPLACEMENT_${replacementIndex}___`;
  87. const localName = item.tokens[token];
  88. importReplacements[token] = replacementName;
  89. options.replacements.push({
  90. replacementName,
  91. importName,
  92. localName
  93. });
  94. }
  95. }
  96. if (Object.keys(importReplacements).length > 0) {
  97. (0, _icssUtils.replaceSymbols)(root, importReplacements);
  98. }
  99. for (const name of Object.keys(icssExports)) {
  100. const value = (0, _icssUtils.replaceValueSymbols)(icssExports[name], importReplacements);
  101. options.exports.push({
  102. name,
  103. value
  104. });
  105. }
  106. }
  107. };
  108. };
  109. plugin.postcss = true;
  110. var _default = exports.default = plugin;