341 lines
9.6 KiB
JavaScript
341 lines
9.6 KiB
JavaScript
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.loadConfig = loadConfig;
|
|
exports.getPostcssOptions = getPostcssOptions;
|
|
exports.exec = exec;
|
|
exports.normalizeSourceMap = normalizeSourceMap;
|
|
exports.normalizeSourceMapAfterPostcss = normalizeSourceMapAfterPostcss;
|
|
|
|
var _path = _interopRequireDefault(require("path"));
|
|
|
|
var _module = _interopRequireDefault(require("module"));
|
|
|
|
var _full = require("klona/full");
|
|
|
|
var _cosmiconfig = require("cosmiconfig");
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
const parentModule = module;
|
|
|
|
const stat = (inputFileSystem, filePath) => new Promise((resolve, reject) => {
|
|
inputFileSystem.stat(filePath, (err, stats) => {
|
|
if (err) {
|
|
reject(err);
|
|
}
|
|
|
|
resolve(stats);
|
|
});
|
|
});
|
|
|
|
function exec(code, loaderContext) {
|
|
const {
|
|
resource,
|
|
context
|
|
} = loaderContext;
|
|
const module = new _module.default(resource, parentModule); // eslint-disable-next-line no-underscore-dangle
|
|
|
|
module.paths = _module.default._nodeModulePaths(context);
|
|
module.filename = resource; // eslint-disable-next-line no-underscore-dangle
|
|
|
|
module._compile(code, resource);
|
|
|
|
return module.exports;
|
|
}
|
|
|
|
async function loadConfig(loaderContext, config) {
|
|
const searchPath = typeof config === 'string' ? _path.default.resolve(config) : _path.default.dirname(loaderContext.resourcePath);
|
|
let stats;
|
|
|
|
try {
|
|
stats = await stat(loaderContext.fs, searchPath);
|
|
} catch (errorIgnore) {
|
|
throw new Error(`No PostCSS config found in: ${searchPath}`);
|
|
}
|
|
|
|
const explorer = (0, _cosmiconfig.cosmiconfig)('postcss');
|
|
let result;
|
|
|
|
try {
|
|
if (stats.isFile()) {
|
|
result = await explorer.load(searchPath);
|
|
} else {
|
|
result = await explorer.search(searchPath);
|
|
}
|
|
} catch (error) {
|
|
throw error;
|
|
}
|
|
|
|
if (!result) {
|
|
return {};
|
|
}
|
|
|
|
loaderContext.addDependency(result.filepath);
|
|
|
|
if (result.isEmpty) {
|
|
return result;
|
|
}
|
|
|
|
if (typeof result.config === 'function') {
|
|
const api = {
|
|
mode: loaderContext.mode,
|
|
file: loaderContext.resourcePath,
|
|
// For complex use
|
|
webpackLoaderContext: loaderContext
|
|
};
|
|
result.config = result.config(api);
|
|
}
|
|
|
|
result = (0, _full.klona)(result);
|
|
return result;
|
|
}
|
|
|
|
function loadPlugin(plugin, options, file) {
|
|
try {
|
|
if (!options || Object.keys(options).length === 0) {
|
|
// eslint-disable-next-line global-require, import/no-dynamic-require
|
|
const loadedPlugin = require(plugin);
|
|
|
|
if (loadedPlugin.default) {
|
|
return loadedPlugin.default;
|
|
}
|
|
|
|
return loadedPlugin;
|
|
} // eslint-disable-next-line global-require, import/no-dynamic-require
|
|
|
|
|
|
const loadedPlugin = require(plugin);
|
|
|
|
if (loadedPlugin.default) {
|
|
return loadedPlugin.default(options);
|
|
}
|
|
|
|
return loadedPlugin(options);
|
|
} catch (error) {
|
|
throw new Error(`Loading PostCSS "${plugin}" plugin failed: ${error.message}\n\n(@${file})`);
|
|
}
|
|
}
|
|
|
|
function pluginFactory() {
|
|
const listOfPlugins = new Map();
|
|
return plugins => {
|
|
if (typeof plugins === 'undefined') {
|
|
return listOfPlugins;
|
|
}
|
|
|
|
if (Array.isArray(plugins)) {
|
|
for (const plugin of plugins) {
|
|
if (Array.isArray(plugin)) {
|
|
const [name, options] = plugin;
|
|
listOfPlugins.set(name, options);
|
|
} else if (plugin && typeof plugin === 'function') {
|
|
listOfPlugins.set(plugin);
|
|
} else if (plugin && Object.keys(plugin).length === 1 && (typeof plugin[Object.keys(plugin)[0]] === 'object' || typeof plugin[Object.keys(plugin)[0]] === 'boolean') && plugin[Object.keys(plugin)[0]] !== null) {
|
|
const [name] = Object.keys(plugin);
|
|
const options = plugin[name];
|
|
|
|
if (options === false) {
|
|
listOfPlugins.delete(name);
|
|
} else {
|
|
listOfPlugins.set(name, options);
|
|
}
|
|
} else if (plugin) {
|
|
listOfPlugins.set(plugin);
|
|
}
|
|
}
|
|
} else {
|
|
const objectPlugins = Object.entries(plugins);
|
|
|
|
for (const [name, options] of objectPlugins) {
|
|
if (options === false) {
|
|
listOfPlugins.delete(name);
|
|
} else {
|
|
listOfPlugins.set(name, options);
|
|
}
|
|
}
|
|
}
|
|
|
|
return listOfPlugins;
|
|
};
|
|
}
|
|
|
|
function getPostcssOptions(loaderContext, loadedConfig = {}, postcssOptions = {}) {
|
|
const file = loaderContext.resourcePath;
|
|
let normalizedPostcssOptions = postcssOptions;
|
|
|
|
if (typeof normalizedPostcssOptions === 'function') {
|
|
normalizedPostcssOptions = normalizedPostcssOptions(loaderContext);
|
|
}
|
|
|
|
let plugins = [];
|
|
|
|
try {
|
|
const factory = pluginFactory();
|
|
|
|
if (loadedConfig.config && loadedConfig.config.plugins) {
|
|
factory(loadedConfig.config.plugins);
|
|
}
|
|
|
|
factory(normalizedPostcssOptions.plugins);
|
|
plugins = [...factory()].map(item => {
|
|
const [plugin, options] = item;
|
|
|
|
if (typeof plugin === 'string') {
|
|
return loadPlugin(plugin, options, file);
|
|
}
|
|
|
|
return plugin;
|
|
});
|
|
} catch (error) {
|
|
loaderContext.emitError(error);
|
|
}
|
|
|
|
const processOptionsFromConfig = loadedConfig.config || {};
|
|
|
|
if (processOptionsFromConfig.from) {
|
|
processOptionsFromConfig.from = _path.default.resolve(_path.default.dirname(loadedConfig.filepath), processOptionsFromConfig.from);
|
|
}
|
|
|
|
if (processOptionsFromConfig.to) {
|
|
processOptionsFromConfig.to = _path.default.resolve(_path.default.dirname(loadedConfig.filepath), processOptionsFromConfig.to);
|
|
} // No need them for processOptions
|
|
|
|
|
|
delete processOptionsFromConfig.plugins;
|
|
const processOptionsFromOptions = (0, _full.klona)(normalizedPostcssOptions);
|
|
|
|
if (processOptionsFromOptions.from) {
|
|
processOptionsFromOptions.from = _path.default.resolve(loaderContext.rootContext, processOptionsFromOptions.from);
|
|
}
|
|
|
|
if (processOptionsFromOptions.to) {
|
|
processOptionsFromOptions.to = _path.default.resolve(loaderContext.rootContext, processOptionsFromOptions.to);
|
|
} // No need them for processOptions
|
|
|
|
|
|
delete processOptionsFromOptions.config;
|
|
delete processOptionsFromOptions.plugins;
|
|
const processOptions = {
|
|
from: file,
|
|
to: file,
|
|
map: false,
|
|
...processOptionsFromConfig,
|
|
...processOptionsFromOptions
|
|
};
|
|
|
|
if (typeof processOptions.parser === 'string') {
|
|
try {
|
|
// eslint-disable-next-line import/no-dynamic-require, global-require
|
|
processOptions.parser = require(processOptions.parser);
|
|
} catch (error) {
|
|
loaderContext.emitError(new Error(`Loading PostCSS "${processOptions.parser}" parser failed: ${error.message}\n\n(@${file})`));
|
|
}
|
|
}
|
|
|
|
if (typeof processOptions.stringifier === 'string') {
|
|
try {
|
|
// eslint-disable-next-line import/no-dynamic-require, global-require
|
|
processOptions.stringifier = require(processOptions.stringifier);
|
|
} catch (error) {
|
|
loaderContext.emitError(new Error(`Loading PostCSS "${processOptions.stringifier}" stringifier failed: ${error.message}\n\n(@${file})`));
|
|
}
|
|
}
|
|
|
|
if (typeof processOptions.syntax === 'string') {
|
|
try {
|
|
// eslint-disable-next-line import/no-dynamic-require, global-require
|
|
processOptions.syntax = require(processOptions.syntax);
|
|
} catch (error) {
|
|
loaderContext.emitError(new Error(`Loading PostCSS "${processOptions.syntax}" syntax failed: ${error.message}\n\n(@${file})`));
|
|
}
|
|
}
|
|
|
|
if (processOptions.map === true) {
|
|
// https://github.com/postcss/postcss/blob/master/docs/source-maps.md
|
|
processOptions.map = {
|
|
inline: true
|
|
};
|
|
}
|
|
|
|
return {
|
|
plugins,
|
|
processOptions
|
|
};
|
|
}
|
|
|
|
const IS_NATIVE_WIN32_PATH = /^[a-z]:[/\\]|^\\\\/i;
|
|
const ABSOLUTE_SCHEME = /^[a-z0-9+\-.]+:/i;
|
|
|
|
function getURLType(source) {
|
|
if (source[0] === '/') {
|
|
if (source[1] === '/') {
|
|
return 'scheme-relative';
|
|
}
|
|
|
|
return 'path-absolute';
|
|
}
|
|
|
|
if (IS_NATIVE_WIN32_PATH.test(source)) {
|
|
return 'path-absolute';
|
|
}
|
|
|
|
return ABSOLUTE_SCHEME.test(source) ? 'absolute' : 'path-relative';
|
|
}
|
|
|
|
function normalizeSourceMap(map, resourceContext) {
|
|
let newMap = map; // Some loader emit source map as string
|
|
// Strip any JSON XSSI avoidance prefix from the string (as documented in the source maps specification), and then parse the string as JSON.
|
|
|
|
if (typeof newMap === 'string') {
|
|
newMap = JSON.parse(newMap);
|
|
}
|
|
|
|
delete newMap.file;
|
|
const {
|
|
sourceRoot
|
|
} = newMap;
|
|
delete newMap.sourceRoot;
|
|
|
|
if (newMap.sources) {
|
|
newMap.sources = newMap.sources.map(source => {
|
|
const sourceType = getURLType(source); // Do no touch `scheme-relative` and `absolute` URLs
|
|
|
|
if (sourceType === 'path-relative' || sourceType === 'path-absolute') {
|
|
const absoluteSource = sourceType === 'path-relative' && sourceRoot ? _path.default.resolve(sourceRoot, _path.default.normalize(source)) : _path.default.normalize(source);
|
|
return _path.default.relative(resourceContext, absoluteSource);
|
|
}
|
|
|
|
return source;
|
|
});
|
|
}
|
|
|
|
return newMap;
|
|
}
|
|
|
|
function normalizeSourceMapAfterPostcss(map, resourceContext) {
|
|
const newMap = map; // result.map.file is an optional property that provides the output filename.
|
|
// Since we don't know the final filename in the webpack build chain yet, it makes no sense to have it.
|
|
// eslint-disable-next-line no-param-reassign
|
|
|
|
delete newMap.file; // eslint-disable-next-line no-param-reassign
|
|
|
|
newMap.sourceRoot = ''; // eslint-disable-next-line no-param-reassign
|
|
|
|
newMap.sources = newMap.sources.map(source => {
|
|
if (source.indexOf('<') === 0) {
|
|
return source;
|
|
}
|
|
|
|
const sourceType = getURLType(source); // Do no touch `scheme-relative`, `path-absolute` and `absolute` types
|
|
|
|
if (sourceType === 'path-relative') {
|
|
return _path.default.resolve(resourceContext, source);
|
|
}
|
|
|
|
return source;
|
|
});
|
|
return newMap;
|
|
} |