forked from rDrama/rDrama
188 lines
5.9 KiB
JavaScript
188 lines
5.9 KiB
JavaScript
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = _default;
|
|
|
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
|
|
var _postcss = _interopRequireDefault(require("postcss"));
|
|
|
|
var _node = _interopRequireDefault(require("postcss/lib/node"));
|
|
|
|
var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
|
|
|
|
var _escapeClassName = _interopRequireDefault(require("../util/escapeClassName"));
|
|
|
|
var _generateVariantFunction = _interopRequireDefault(require("../util/generateVariantFunction"));
|
|
|
|
var _parseObjectStyles = _interopRequireDefault(require("../util/parseObjectStyles"));
|
|
|
|
var _prefixSelector = _interopRequireDefault(require("../util/prefixSelector"));
|
|
|
|
var _wrapWithVariants = _interopRequireDefault(require("../util/wrapWithVariants"));
|
|
|
|
var _cloneNodes = _interopRequireDefault(require("../util/cloneNodes"));
|
|
|
|
var _transformThemeValue = _interopRequireDefault(require("./transformThemeValue"));
|
|
|
|
var _nameClass = _interopRequireDefault(require("../util/nameClass"));
|
|
|
|
var _isKeyframeRule = _interopRequireDefault(require("../util/isKeyframeRule"));
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
function parseStyles(styles) {
|
|
if (!Array.isArray(styles)) {
|
|
return parseStyles([styles]);
|
|
}
|
|
|
|
return _lodash.default.flatMap(styles, style => style instanceof _node.default ? style : (0, _parseObjectStyles.default)(style));
|
|
}
|
|
|
|
function wrapWithLayer(rules, layer) {
|
|
return _postcss.default.atRule({
|
|
name: 'layer',
|
|
params: layer
|
|
}).append((0, _cloneNodes.default)(Array.isArray(rules) ? rules : [rules]));
|
|
}
|
|
|
|
function _default(plugins, config) {
|
|
const pluginBaseStyles = [];
|
|
const pluginComponents = [];
|
|
const pluginUtilities = [];
|
|
const pluginVariantGenerators = {};
|
|
|
|
const applyConfiguredPrefix = selector => {
|
|
return (0, _prefixSelector.default)(config.prefix, selector);
|
|
};
|
|
|
|
function addUtilities(utilities, options) {
|
|
const defaultOptions = {
|
|
variants: [],
|
|
respectPrefix: true,
|
|
respectImportant: true
|
|
};
|
|
options = Array.isArray(options) ? Object.assign({}, defaultOptions, {
|
|
variants: options
|
|
}) : _lodash.default.defaults(options, defaultOptions);
|
|
|
|
const styles = _postcss.default.root({
|
|
nodes: parseStyles(utilities)
|
|
});
|
|
|
|
styles.walkRules(rule => {
|
|
if (options.respectPrefix && !(0, _isKeyframeRule.default)(rule)) {
|
|
rule.selector = applyConfiguredPrefix(rule.selector);
|
|
}
|
|
|
|
if (options.respectImportant && config.important) {
|
|
rule.__tailwind = { ...rule.__tailwind,
|
|
important: config.important
|
|
};
|
|
}
|
|
});
|
|
pluginUtilities.push(wrapWithLayer((0, _wrapWithVariants.default)(styles.nodes, options.variants), 'utilities'));
|
|
}
|
|
|
|
const getConfigValue = (path, defaultValue) => path ? _lodash.default.get(config, path, defaultValue) : config;
|
|
|
|
plugins.forEach(plugin => {
|
|
if (plugin.__isOptionsFunction) {
|
|
plugin = plugin();
|
|
}
|
|
|
|
const handler = (0, _isFunction.default)(plugin) ? plugin : _lodash.default.get(plugin, 'handler', () => {});
|
|
handler({
|
|
postcss: _postcss.default,
|
|
config: getConfigValue,
|
|
theme: (path, defaultValue) => {
|
|
const [pathRoot, ...subPaths] = _lodash.default.toPath(path);
|
|
|
|
const value = getConfigValue(['theme', pathRoot, ...subPaths], defaultValue);
|
|
return (0, _transformThemeValue.default)(pathRoot)(value);
|
|
},
|
|
corePlugins: path => {
|
|
if (Array.isArray(config.corePlugins)) {
|
|
return config.corePlugins.includes(path);
|
|
}
|
|
|
|
return getConfigValue(`corePlugins.${path}`, true);
|
|
},
|
|
variants: (path, defaultValue) => {
|
|
if (Array.isArray(config.variants)) {
|
|
return config.variants;
|
|
}
|
|
|
|
return getConfigValue(`variants.${path}`, defaultValue);
|
|
},
|
|
e: _escapeClassName.default,
|
|
prefix: applyConfiguredPrefix,
|
|
addUtilities,
|
|
matchUtilities: (matches, {
|
|
values,
|
|
variants,
|
|
respectPrefix,
|
|
respectImportant
|
|
}) => {
|
|
let modifierValues = Object.entries(values || {});
|
|
let result = Object.entries(matches).flatMap(([name, utilityFunction]) => {
|
|
return modifierValues.map(([modifier, value]) => {
|
|
let declarations = utilityFunction(value, {
|
|
includeRules(rules, options) {
|
|
addUtilities(rules, options);
|
|
}
|
|
|
|
});
|
|
|
|
if (!declarations) {
|
|
return null;
|
|
}
|
|
|
|
return {
|
|
[(0, _nameClass.default)(name, modifier)]: declarations
|
|
};
|
|
}).filter(Boolean);
|
|
});
|
|
addUtilities(result, {
|
|
variants,
|
|
respectPrefix,
|
|
respectImportant
|
|
});
|
|
},
|
|
addComponents: (components, options) => {
|
|
const defaultOptions = {
|
|
variants: [],
|
|
respectPrefix: true
|
|
};
|
|
options = Array.isArray(options) ? Object.assign({}, defaultOptions, {
|
|
variants: options
|
|
}) : _lodash.default.defaults(options, defaultOptions);
|
|
|
|
const styles = _postcss.default.root({
|
|
nodes: parseStyles(components)
|
|
});
|
|
|
|
styles.walkRules(rule => {
|
|
if (options.respectPrefix && !(0, _isKeyframeRule.default)(rule)) {
|
|
rule.selector = applyConfiguredPrefix(rule.selector);
|
|
}
|
|
});
|
|
pluginComponents.push(wrapWithLayer((0, _wrapWithVariants.default)(styles.nodes, options.variants), 'components'));
|
|
},
|
|
addBase: baseStyles => {
|
|
pluginBaseStyles.push(wrapWithLayer(parseStyles(baseStyles), 'base'));
|
|
},
|
|
addVariant: (name, generator, options = {}) => {
|
|
pluginVariantGenerators[name] = (0, _generateVariantFunction.default)(generator, options);
|
|
}
|
|
});
|
|
});
|
|
return {
|
|
base: pluginBaseStyles,
|
|
components: pluginComponents,
|
|
utilities: pluginUtilities,
|
|
variantGenerators: pluginVariantGenerators
|
|
};
|
|
} |