archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Refactor findClass

Browse Source
This commit is contained in:
Adam Wathan 2018-09-15 08:24:42 -04:00
parent e497a2b5de
commit 77a2aedc00
1 changed files with 25 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/lib/substituteClassApplyAtRules.js
View File

@ -30,29 +30,11 @@ function normalizeClassName(className) {
return `.${escapeClassName(_.trimStart(className, '.'))}`
}
function findClass(classToApply, classTable, shadowLookup, prefix, onError) {
let matches = _.get(classTable, classToApply, [])
function findClass(classToApply, classTable, onError) {
const matches = _.get(classTable, classToApply, [])
if (_.isEmpty(matches)) {
if (_.isEmpty(shadowLookup)) {
if (prefix) {
classToApply = prefixSelector(prefix, classToApply)
matches = _.get(classTable, classToApply, [])
if (_.isEmpty(matches)) {
if (_.isEmpty(shadowLookup)) {
// prettier-ignore
throw onError(`\`@apply\` cannot be used with \`${classToApply}\` because \`${classToApply}\` either cannot be found, or it's actual definition includes a pseudo-selector like :hover, :active, etc. If you're sure that \`${classToApply}\` exists, make sure that any \`@import\` statements are being properly processed *before* Tailwind CSS sees your CSS, as \`@apply\` can only be used for classes in the same CSS tree.`)
}
return findClass(classToApply, shadowLookup, {}, '', onError)
}
} else {
// prettier-ignore
throw onError(`\`@apply\` cannot be used with \`${classToApply}\` because \`${classToApply}\` either cannot be found, or it's actual definition includes a pseudo-selector like :hover, :active, etc. If you're sure that \`${classToApply}\` exists, make sure that any \`@import\` statements are being properly processed *before* Tailwind CSS sees your CSS, as \`@apply\` can only be used for classes in the same CSS tree.`)
}
} else {
return findClass(classToApply, shadowLookup, {}, prefix, onError)
}
return []
}
if (matches.length > 1) {
@ -95,14 +77,28 @@ export default function(config, generatedUtilities) {
const decls = _(classes)
.reject(cssClass => cssClass === '!important')
.flatMap(cssClass => {
return findClass(
normalizeClassName(cssClass),
classLookup,
shadowLookup,
config.options.prefix,
message => {
return atRule.error(message)
}
const classToApply = normalizeClassName(cssClass)
const onError = message => {
return atRule.error(message)
}
return _.reduce(
[
() => findClass(classToApply, classLookup, onError),
() => findClass(classToApply, shadowLookup, onError),
() =>
findClass(
prefixSelector(config.options.prefix, classToApply),
shadowLookup,
onError
),
() => {
// prettier-ignore
throw onError(`\`@apply\` cannot be used with \`${classToApply}\` because \`${classToApply}\` either cannot be found, or it's actual definition includes a pseudo-selector like :hover, :active, etc. If you're sure that \`${classToApply}\` exists, make sure that any \`@import\` statements are being properly processed *before* Tailwind CSS sees your CSS, as \`@apply\` can only be used for classes in the same CSS tree.`)
},
],
(classDecls, candidate) => (!_.isEmpty(classDecls) ? classDecls : candidate()),
[]
)
})
.value()