123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613 |
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.normalizeOptions = normalizeOptions;
- exports.shouldUseModulesPlugins = shouldUseModulesPlugins;
- exports.shouldUseImportPlugin = shouldUseImportPlugin;
- exports.shouldUseURLPlugin = shouldUseURLPlugin;
- exports.shouldUseIcssPlugin = shouldUseIcssPlugin;
- exports.normalizeUrl = normalizeUrl;
- exports.requestify = requestify;
- exports.getFilter = getFilter;
- exports.getModulesOptions = getModulesOptions;
- exports.getModulesPlugins = getModulesPlugins;
- exports.normalizeSourceMap = normalizeSourceMap;
- exports.getPreRequester = getPreRequester;
- exports.getImportCode = getImportCode;
- exports.getModuleCode = getModuleCode;
- exports.getExportCode = getExportCode;
- exports.resolveRequests = resolveRequests;
- exports.isUrlRequestable = isUrlRequestable;
- exports.sort = sort;
- var _url = require("url");
- var _path = _interopRequireDefault(require("path"));
- var _loaderUtils = require("loader-utils");
- var _cssesc = _interopRequireDefault(require("cssesc"));
- var _postcssModulesValues = _interopRequireDefault(require("postcss-modules-values"));
- var _postcssModulesLocalByDefault = _interopRequireDefault(require("postcss-modules-local-by-default"));
- var _postcssModulesExtractImports = _interopRequireDefault(require("postcss-modules-extract-imports"));
- var _postcssModulesScope = _interopRequireDefault(require("postcss-modules-scope"));
- var _camelcase = _interopRequireDefault(require("camelcase"));
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /*
- MIT License http://www.opensource.org/licenses/mit-license.php
- Author Tobias Koppers @sokra
- */
- const whitespace = '[\\x20\\t\\r\\n\\f]';
- const unescapeRegExp = new RegExp(`\\\\([\\da-f]{1,6}${whitespace}?|(${whitespace})|.)`, 'ig');
- const matchNativeWin32Path = /^[A-Z]:[/\\]|^\\\\/i;
- function unescape(str) {
- return str.replace(unescapeRegExp, (_, escaped, escapedWhitespace) => {
- const high = `0x${escaped}` - 0x10000;
- /* eslint-disable line-comment-position */
- // NaN means non-codepoint
- // Workaround erroneous numeric interpretation of +"0x"
- // eslint-disable-next-line no-self-compare
- return high !== high || escapedWhitespace ? escaped : high < 0 ? // BMP codepoint
- String.fromCharCode(high + 0x10000) : // Supplemental Plane codepoint (surrogate pair)
- // eslint-disable-next-line no-bitwise
- String.fromCharCode(high >> 10 | 0xd800, high & 0x3ff | 0xdc00);
- /* eslint-enable line-comment-position */
- });
- }
- function normalizePath(file) {
- return _path.default.sep === '\\' ? file.replace(/\\/g, '/') : file;
- } // eslint-disable-next-line no-control-regex
- const filenameReservedRegex = /[<>:"/\\|?*]/g; // eslint-disable-next-line no-control-regex
- const reControlChars = /[\u0000-\u001f\u0080-\u009f]/g;
- function defaultGetLocalIdent(loaderContext, localIdentName, localName, options) {
- const {
- context,
- hashPrefix
- } = options;
- const {
- resourcePath
- } = loaderContext;
- const request = normalizePath(_path.default.relative(context, resourcePath)); // eslint-disable-next-line no-param-reassign
- options.content = `${hashPrefix + request}\x00${unescape(localName)}`; // Using `[path]` placeholder outputs `/` we need escape their
- // Also directories can contains invalid characters for css we need escape their too
- return (0, _cssesc.default)((0, _loaderUtils.interpolateName)(loaderContext, localIdentName, options) // For `[hash]` placeholder
- .replace(/^((-?[0-9])|--)/, '_$1').replace(filenameReservedRegex, '-').replace(reControlChars, '-').replace(/\./g, '-'), {
- isIdentifier: true
- }).replace(/\\\[local\\]/gi, localName);
- }
- function normalizeUrl(url, isStringValue) {
- let normalizedUrl = url;
- if (isStringValue && /\\(\n|\r\n|\r|\f)/.test(normalizedUrl)) {
- normalizedUrl = normalizedUrl.replace(/\\(\n|\r\n|\r|\f)/g, '');
- }
- if (matchNativeWin32Path.test(url)) {
- return decodeURIComponent(normalizedUrl);
- }
- return decodeURIComponent(unescape(normalizedUrl));
- }
- function requestify(url, rootContext) {
- if (/^file:/i.test(url)) {
- return (0, _url.fileURLToPath)(url);
- }
- return url.charAt(0) === '/' ? (0, _loaderUtils.urlToRequest)(url, rootContext) : (0, _loaderUtils.urlToRequest)(url);
- }
- function getFilter(filter, resourcePath) {
- return (...args) => {
- if (typeof filter === 'function') {
- return filter(...args, resourcePath);
- }
- return true;
- };
- }
- const moduleRegExp = /\.module\.\w+$/i;
- function getModulesOptions(rawOptions, loaderContext) {
- const {
- resourcePath
- } = loaderContext;
- if (typeof rawOptions.modules === 'undefined') {
- const isModules = moduleRegExp.test(resourcePath);
- if (!isModules) {
- return false;
- }
- } else if (typeof rawOptions.modules === 'boolean' && rawOptions.modules === false) {
- return false;
- }
- let modulesOptions = {
- compileType: rawOptions.icss ? 'icss' : 'module',
- auto: true,
- mode: 'local',
- exportGlobals: false,
- localIdentName: '[hash:base64]',
- localIdentContext: loaderContext.rootContext,
- localIdentHashPrefix: '',
- // eslint-disable-next-line no-undefined
- localIdentRegExp: undefined,
- getLocalIdent: defaultGetLocalIdent,
- namedExport: false,
- exportLocalsConvention: 'asIs',
- exportOnlyLocals: false
- };
- if (typeof rawOptions.modules === 'boolean' || typeof rawOptions.modules === 'string') {
- modulesOptions.mode = typeof rawOptions.modules === 'string' ? rawOptions.modules : 'local';
- } else {
- if (rawOptions.modules) {
- if (typeof rawOptions.modules.auto === 'boolean') {
- const isModules = rawOptions.modules.auto && moduleRegExp.test(resourcePath);
- if (!isModules) {
- return false;
- }
- } else if (rawOptions.modules.auto instanceof RegExp) {
- const isModules = rawOptions.modules.auto.test(resourcePath);
- if (!isModules) {
- return false;
- }
- } else if (typeof rawOptions.modules.auto === 'function') {
- const isModule = rawOptions.modules.auto(resourcePath);
- if (!isModule) {
- return false;
- }
- }
- if (rawOptions.modules.namedExport === true && typeof rawOptions.modules.exportLocalsConvention === 'undefined') {
- modulesOptions.exportLocalsConvention = 'camelCaseOnly';
- }
- }
- modulesOptions = { ...modulesOptions,
- ...(rawOptions.modules || {})
- };
- }
- if (typeof modulesOptions.mode === 'function') {
- modulesOptions.mode = modulesOptions.mode(loaderContext.resourcePath);
- }
- if (modulesOptions.namedExport === true) {
- if (rawOptions.esModule === false) {
- throw new Error('The "modules.namedExport" option requires the "esModules" option to be enabled');
- }
- if (modulesOptions.exportLocalsConvention !== 'camelCaseOnly') {
- throw new Error('The "modules.namedExport" option requires the "modules.exportLocalsConvention" option to be "camelCaseOnly"');
- }
- }
- return modulesOptions;
- }
- function normalizeOptions(rawOptions, loaderContext) {
- if (rawOptions.icss) {
- loaderContext.emitWarning(new Error('The "icss" option is deprecated, use "modules.compileType: "icss"" instead'));
- }
- const modulesOptions = getModulesOptions(rawOptions, loaderContext);
- return {
- url: typeof rawOptions.url === 'undefined' ? true : rawOptions.url,
- import: typeof rawOptions.import === 'undefined' ? true : rawOptions.import,
- modules: modulesOptions,
- // TODO remove in the next major release
- icss: typeof rawOptions.icss === 'undefined' ? false : rawOptions.icss,
- sourceMap: typeof rawOptions.sourceMap === 'boolean' ? rawOptions.sourceMap : loaderContext.sourceMap,
- importLoaders: typeof rawOptions.importLoaders === 'string' ? parseInt(rawOptions.importLoaders, 10) : rawOptions.importLoaders,
- esModule: typeof rawOptions.esModule === 'undefined' ? true : rawOptions.esModule
- };
- }
- function shouldUseImportPlugin(options) {
- if (options.modules.exportOnlyLocals) {
- return false;
- }
- if (typeof options.import === 'boolean') {
- return options.import;
- }
- return true;
- }
- function shouldUseURLPlugin(options) {
- if (options.modules.exportOnlyLocals) {
- return false;
- }
- if (typeof options.url === 'boolean') {
- return options.url;
- }
- return true;
- }
- function shouldUseModulesPlugins(options) {
- return options.modules.compileType === 'module';
- }
- function shouldUseIcssPlugin(options) {
- return options.icss === true || Boolean(options.modules);
- }
- function getModulesPlugins(options, loaderContext) {
- const {
- mode,
- getLocalIdent,
- localIdentName,
- localIdentContext,
- localIdentHashPrefix,
- localIdentRegExp
- } = options.modules;
- let plugins = [];
- try {
- plugins = [_postcssModulesValues.default, (0, _postcssModulesLocalByDefault.default)({
- mode
- }), (0, _postcssModulesExtractImports.default)(), (0, _postcssModulesScope.default)({
- generateScopedName(exportName) {
- return getLocalIdent(loaderContext, localIdentName, exportName, {
- context: localIdentContext,
- hashPrefix: localIdentHashPrefix,
- regExp: localIdentRegExp
- });
- },
- exportGlobals: options.modules.exportGlobals
- })];
- } catch (error) {
- loaderContext.emitError(error);
- }
- return plugins;
- }
- 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, resourcePath) {
- 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) {
- // Source maps should use forward slash because it is URLs (https://github.com/mozilla/source-map/issues/91)
- // We should normalize path because previous loaders like `sass-loader` using backslash when generate source map
- newMap.sources = newMap.sources.map(source => {
- // Non-standard syntax from `postcss`
- if (source.indexOf('<') === 0) {
- return 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, normalizePath(source)) : normalizePath(source);
- return _path.default.relative(_path.default.dirname(resourcePath), absoluteSource);
- }
- return source;
- });
- }
- return newMap;
- }
- function getPreRequester({
- loaders,
- loaderIndex
- }) {
- const cache = Object.create(null);
- return number => {
- if (cache[number]) {
- return cache[number];
- }
- if (number === false) {
- cache[number] = '';
- } else {
- const loadersRequest = loaders.slice(loaderIndex, loaderIndex + 1 + (typeof number !== 'number' ? 0 : number)).map(x => x.request).join('!');
- cache[number] = `-!${loadersRequest}!`;
- }
- return cache[number];
- };
- }
- function getImportCode(imports, options) {
- let code = '';
- for (const item of imports) {
- const {
- importName,
- url,
- icss
- } = item;
- if (options.esModule) {
- if (icss && options.modules.namedExport) {
- code += `import ${options.modules.exportOnlyLocals ? '' : `${importName}, `}* as ${importName}_NAMED___ from ${url};\n`;
- } else {
- code += `import ${importName} from ${url};\n`;
- }
- } else {
- code += `var ${importName} = require(${url});\n`;
- }
- }
- return code ? `// Imports\n${code}` : '';
- }
- function normalizeSourceMapForRuntime(map, loaderContext) {
- const resultMap = map ? map.toJSON() : null;
- if (resultMap) {
- delete resultMap.file;
- resultMap.sourceRoot = '';
- resultMap.sources = resultMap.sources.map(source => {
- // Non-standard syntax from `postcss`
- if (source.indexOf('<') === 0) {
- return source;
- }
- const sourceType = getURLType(source);
- if (sourceType !== 'path-relative') {
- return source;
- }
- const resourceDirname = _path.default.dirname(loaderContext.resourcePath);
- const absoluteSource = _path.default.resolve(resourceDirname, source);
- const contextifyPath = normalizePath(_path.default.relative(loaderContext.rootContext, absoluteSource));
- return `webpack://${contextifyPath}`;
- });
- }
- return JSON.stringify(resultMap);
- }
- function getModuleCode(result, api, replacements, options, loaderContext) {
- if (options.modules.exportOnlyLocals === true) {
- return '';
- }
- const sourceMapValue = options.sourceMap ? `,${normalizeSourceMapForRuntime(result.map, loaderContext)}` : '';
- let code = JSON.stringify(result.css);
- let beforeCode = `var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(${options.sourceMap});\n`;
- for (const item of api) {
- const {
- url,
- media,
- dedupe
- } = item;
- beforeCode += url ? `___CSS_LOADER_EXPORT___.push([module.id, ${JSON.stringify(`@import url(${url});`)}${media ? `, ${JSON.stringify(media)}` : ''}]);\n` : `___CSS_LOADER_EXPORT___.i(${item.importName}${media ? `, ${JSON.stringify(media)}` : dedupe ? ', ""' : ''}${dedupe ? ', true' : ''});\n`;
- }
- for (const item of replacements) {
- const {
- replacementName,
- importName,
- localName
- } = item;
- if (localName) {
- code = code.replace(new RegExp(replacementName, 'g'), () => options.modules.namedExport ? `" + ${importName}_NAMED___[${JSON.stringify((0, _camelcase.default)(localName))}] + "` : `" + ${importName}.locals[${JSON.stringify(localName)}] + "`);
- } else {
- const {
- hash,
- needQuotes
- } = item;
- const getUrlOptions = [].concat(hash ? [`hash: ${JSON.stringify(hash)}`] : []).concat(needQuotes ? 'needQuotes: true' : []);
- const preparedOptions = getUrlOptions.length > 0 ? `, { ${getUrlOptions.join(', ')} }` : '';
- beforeCode += `var ${replacementName} = ___CSS_LOADER_GET_URL_IMPORT___(${importName}${preparedOptions});\n`;
- code = code.replace(new RegExp(replacementName, 'g'), () => `" + ${replacementName} + "`);
- }
- }
- return `${beforeCode}// Module\n___CSS_LOADER_EXPORT___.push([module.id, ${code}, ""${sourceMapValue}]);\n`;
- }
- function dashesCamelCase(str) {
- return str.replace(/-+(\w)/g, (match, firstLetter) => firstLetter.toUpperCase());
- }
- function getExportCode(exports, replacements, options) {
- let code = '// Exports\n';
- let localsCode = '';
- const addExportToLocalsCode = (name, value) => {
- if (options.modules.namedExport) {
- localsCode += `export const ${(0, _camelcase.default)(name)} = ${JSON.stringify(value)};\n`;
- } else {
- if (localsCode) {
- localsCode += `,\n`;
- }
- localsCode += `\t${JSON.stringify(name)}: ${JSON.stringify(value)}`;
- }
- };
- for (const {
- name,
- value
- } of exports) {
- switch (options.modules.exportLocalsConvention) {
- case 'camelCase':
- {
- addExportToLocalsCode(name, value);
- const modifiedName = (0, _camelcase.default)(name);
- if (modifiedName !== name) {
- addExportToLocalsCode(modifiedName, value);
- }
- break;
- }
- case 'camelCaseOnly':
- {
- addExportToLocalsCode((0, _camelcase.default)(name), value);
- break;
- }
- case 'dashes':
- {
- addExportToLocalsCode(name, value);
- const modifiedName = dashesCamelCase(name);
- if (modifiedName !== name) {
- addExportToLocalsCode(modifiedName, value);
- }
- break;
- }
- case 'dashesOnly':
- {
- addExportToLocalsCode(dashesCamelCase(name), value);
- break;
- }
- case 'asIs':
- default:
- addExportToLocalsCode(name, value);
- break;
- }
- }
- for (const item of replacements) {
- const {
- replacementName,
- localName
- } = item;
- if (localName) {
- const {
- importName
- } = item;
- localsCode = localsCode.replace(new RegExp(replacementName, 'g'), () => {
- if (options.modules.namedExport) {
- return `" + ${importName}_NAMED___[${JSON.stringify((0, _camelcase.default)(localName))}] + "`;
- } else if (options.modules.exportOnlyLocals) {
- return `" + ${importName}[${JSON.stringify(localName)}] + "`;
- }
- return `" + ${importName}.locals[${JSON.stringify(localName)}] + "`;
- });
- } else {
- localsCode = localsCode.replace(new RegExp(replacementName, 'g'), () => `" + ${replacementName} + "`);
- }
- }
- if (options.modules.exportOnlyLocals) {
- code += options.modules.namedExport ? localsCode : `${options.esModule ? 'export default' : 'module.exports ='} {\n${localsCode}\n};\n`;
- return code;
- }
- if (localsCode) {
- code += options.modules.namedExport ? localsCode : `___CSS_LOADER_EXPORT___.locals = {\n${localsCode}\n};\n`;
- }
- code += `${options.esModule ? 'export default' : 'module.exports ='} ___CSS_LOADER_EXPORT___;\n`;
- return code;
- }
- async function resolveRequests(resolve, context, possibleRequests) {
- return resolve(context, possibleRequests[0]).then(result => {
- return result;
- }).catch(error => {
- const [, ...tailPossibleRequests] = possibleRequests;
- if (tailPossibleRequests.length === 0) {
- throw error;
- }
- return resolveRequests(resolve, context, tailPossibleRequests);
- });
- }
- function isUrlRequestable(url) {
- // Protocol-relative URLs
- if (/^\/\//.test(url)) {
- return false;
- } // `file:` protocol
- if (/^file:/i.test(url)) {
- return true;
- } // Absolute URLs
- if (/^[a-z][a-z0-9+.-]*:/i.test(url) && !matchNativeWin32Path.test(url)) {
- return false;
- } // `#` URLs
- if (/^#/.test(url)) {
- return false;
- }
- return true;
- }
- function sort(a, b) {
- return a.index - b.index;
- }
|