flow like the river

BACK_BACK/node_modules/parcel-bundler/lib/transforms/postcss.js

@@ -0,0 +1,142 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+const localRequire = require('../utils/localRequire');
+
+const loadPlugins = require('../utils/loadPlugins');
+
+const md5 = require('../utils/md5');
+
+const postcss = require('postcss');
+
+const FileSystemLoader = require('css-modules-loader-core/lib/file-system-loader');
+
+const semver = require('semver');
+
+const path = require('path');
+
+const fs = require('@parcel/fs');
+
+module.exports = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)(function* (asset) {
+    let config = yield getConfig(asset);
+
+    if (!config) {
+      return;
+    }
+
+    yield asset.parseIfNeeded();
+    let res = yield postcss(config.plugins).process(asset.getCSSAst(), config);
+    asset.ast.css = res.css;
+    asset.ast.dirty = false;
+    asset.sourceMap = res.map ? res.map.toJSON() : null;
+  });
+
+  return function (_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+function getConfig(_x2) {
+  return _getConfig.apply(this, arguments);
+}
+
+function _getConfig() {
+  _getConfig = (0, _asyncToGenerator2.default)(function* (asset) {
+    let config = yield asset.getConfig(['.postcssrc', '.postcssrc.json', '.postcssrc.js', 'postcss.config.js'], {
+      packageKey: 'postcss'
+    });
+    let enableModules = asset.options.rendition && asset.options.rendition.modules;
+
+    if (!config && !asset.options.minify && !enableModules) {
+      return;
+    }
+
+    config = config || {};
+
+    if (asset.options.sourceMaps) {
+      config.map = {
+        inline: false,
+        annotation: false,
+        sourcesContent: true
+      };
+    }
+
+    if (typeof config !== 'object') {
+      throw new Error('PostCSS config should be an object.');
+    }
+
+    let postcssModulesConfig = {
+      getJSON: (filename, json) => asset.cssModules = json,
+      Loader: createLoader(asset),
+      generateScopedName: (name, filename) => `_${name}_${md5(filename).substr(0, 5)}`
+    };
+
+    if (config.plugins && config.plugins['postcss-modules']) {
+      postcssModulesConfig = Object.assign(postcssModulesConfig, config.plugins['postcss-modules']);
+      delete config.plugins['postcss-modules'];
+    }
+
+    config.plugins = yield loadPlugins(config.plugins, asset.name);
+
+    if (config.modules || enableModules) {
+      let postcssModules = yield localRequire('postcss-modules', asset.name);
+      config.plugins.push(postcssModules(postcssModulesConfig));
+    }
+
+    if (asset.options.minify) {
+      let cssnano = yield localRequire('cssnano', asset.name);
+
+      let _yield$localRequire = yield localRequire('cssnano/package.json', asset.name),
+          version = _yield$localRequire.version;
+
+      config.plugins.push(cssnano((yield asset.getConfig(['cssnano.config.js'])) || {
+        // Only enable safe css transforms if cssnano < 4
+        // See: https://github.com/parcel-bundler/parcel/issues/698
+        // See: https://github.com/ben-eb/cssnano/releases/tag/v4.0.0-rc.0
+        safe: semver.satisfies(version, '<4.0.0-rc')
+      }));
+    }
+
+    config.from = asset.name;
+    config.to = asset.name;
+    return config;
+  });
+  return _getConfig.apply(this, arguments);
+}
+
+const createLoader = asset => class ParcelFileSystemLoader extends FileSystemLoader {
+  fetch(composesPath, relativeTo) {
+    var _this = this;
+
+    return (0, _asyncToGenerator2.default)(function* () {
+      let importPath = composesPath.replace(/^["']|["']$/g, '');
+
+      const _asset$resolveDepende = asset.resolveDependency(importPath, relativeTo),
+            resolved = _asset$resolveDepende.resolved;
+
+      let rootRelativePath = path.resolve(path.dirname(relativeTo), resolved);
+      const root = path.resolve('/'); // fixes an issue on windows which is part of the css-modules-loader-core
+      // see https://github.com/css-modules/css-modules-loader-core/issues/230
+
+      if (rootRelativePath.startsWith(root)) {
+        rootRelativePath = rootRelativePath.substr(root.length);
+      }
+
+      const source = yield fs.readFile(resolved, 'utf-8');
+
+      const _yield$_this$core$loa = yield _this.core.load(source, rootRelativePath, undefined, _this.fetch.bind(_this)),
+            exportTokens = _yield$_this$core$loa.exportTokens;
+
+      return exportTokens;
+    })();
+  }
+
+  get finalSource() {
+    return '';
+  }
+
+};