tailwindcss 0.0.0-insiders.bbafc8e → 0.0.0-insiders.bbc2f3f

package/src/lib/normalizeTailwindDirectives.js

@@ -1,84 +0,0 @@
-import log from '../util/log'
-
-export default function normalizeTailwindDirectives(root) {
-  let tailwindDirectives = new Set()
-  let layerDirectives = new Set()
-  let applyDirectives = new Set()
-
-  root.walkAtRules((atRule) => {
-    if (atRule.name === 'apply') {
-      applyDirectives.add(atRule)
-    }
-
-    if (atRule.name === 'import') {
-      if (atRule.params === '"tailwindcss/base"' || atRule.params === "'tailwindcss/base'") {
-        atRule.name = 'tailwind'
-        atRule.params = 'base'
-      } else if (
-        atRule.params === '"tailwindcss/components"' ||
-        atRule.params === "'tailwindcss/components'"
-      ) {
-        atRule.name = 'tailwind'
-        atRule.params = 'components'
-      } else if (
-        atRule.params === '"tailwindcss/utilities"' ||
-        atRule.params === "'tailwindcss/utilities'"
-      ) {
-        atRule.name = 'tailwind'
-        atRule.params = 'utilities'
-      } else if (
-        atRule.params === '"tailwindcss/screens"' ||
-        atRule.params === "'tailwindcss/screens'" ||
-        atRule.params === '"tailwindcss/variants"' ||
-        atRule.params === "'tailwindcss/variants'"
-      ) {
-        atRule.name = 'tailwind'
-        atRule.params = 'variants'
-      }
-    }
-
-    if (atRule.name === 'tailwind') {
-      if (atRule.params === 'screens') {
-        atRule.params = 'variants'
-      }
-      tailwindDirectives.add(atRule.params)
-    }
-
-    if (['layer', 'responsive', 'variants'].includes(atRule.name)) {
-      if (['responsive', 'variants'].includes(atRule.name)) {
-        log.warn(`${atRule.name}-at-rule-deprecated`, [
-          `The \`@${atRule.name}\` directive has been deprecated in Tailwind CSS v3.0.`,
-          `Use \`@layer utilities\` or \`@layer components\` instead.`,
-          'https://tailwindcss.com/docs/upgrade-guide#replace-variants-with-layer',
-        ])
-      }
-      layerDirectives.add(atRule)
-    }
-  })
-
-  if (
-    !tailwindDirectives.has('base') ||
-    !tailwindDirectives.has('components') ||
-    !tailwindDirectives.has('utilities')
-  ) {
-    for (let rule of layerDirectives) {
-      if (rule.name === 'layer' && ['base', 'components', 'utilities'].includes(rule.params)) {
-        if (!tailwindDirectives.has(rule.params)) {
-          throw rule.error(
-            `\`@layer ${rule.params}\` is used but no matching \`@tailwind ${rule.params}\` directive is present.`
-          )
-        }
-      } else if (rule.name === 'responsive') {
-        if (!tailwindDirectives.has('utilities')) {
-          throw rule.error('`@responsive` is used but `@tailwind utilities` is missing.')
-        }
-      } else if (rule.name === 'variants') {
-        if (!tailwindDirectives.has('utilities')) {
-          throw rule.error('`@variants` is used but `@tailwind utilities` is missing.')
-        }
-      }
-    }
-  }
-
-  return { tailwindDirectives, applyDirectives }
-}

package/src/lib/partitionApplyAtRules.js

@@ -1,52 +0,0 @@
-function partitionRules(root) {
-  if (!root.walkAtRules) return
-
-  let applyParents = new Set()
-
-  root.walkAtRules('apply', (rule) => {
-    applyParents.add(rule.parent)
-  })
-
-  if (applyParents.size === 0) {
-    return
-  }
-
-  for (let rule of applyParents) {
-    let nodeGroups = []
-    let lastGroup = []
-
-    for (let node of rule.nodes) {
-      if (node.type === 'atrule' && node.name === 'apply') {
-        if (lastGroup.length > 0) {
-          nodeGroups.push(lastGroup)
-          lastGroup = []
-        }
-        nodeGroups.push([node])
-      } else {
-        lastGroup.push(node)
-      }
-    }
-
-    if (lastGroup.length > 0) {
-      nodeGroups.push(lastGroup)
-    }
-
-    if (nodeGroups.length === 1) {
-      continue
-    }
-
-    for (let group of [...nodeGroups].reverse()) {
-      let clone = rule.clone({ nodes: [] })
-      clone.append(group)
-      rule.after(clone)
-    }
-
-    rule.remove()
-  }
-}
-
-export default function expandApplyAtRules() {
-  return (root) => {
-    partitionRules(root)
-  }
-}

package/src/lib/resolveDefaultsAtRules.js

@@ -1,146 +0,0 @@
-import postcss from 'postcss'
-import selectorParser from 'postcss-selector-parser'
-import { flagEnabled } from '../featureFlags'
-
-let getNode = {
-  id(node) {
-    return selectorParser.attribute({
-      attribute: 'id',
-      operator: '=',
-      value: node.value,
-      quoteMark: '"',
-    })
-  },
-}
-
-function minimumImpactSelector(nodes) {
-  let rest = nodes
-    .filter((node) => {
-      // Keep non-pseudo nodes
-      if (node.type !== 'pseudo') return true
-
-      // Keep pseudo nodes that have subnodes
-      // E.g.: `:not()` contains subnodes inside the parentheses
-      if (node.nodes.length > 0) return true
-
-      // Keep pseudo `elements`
-      // This implicitly means that we ignore pseudo `classes`
-      return (
-        node.value.startsWith('::') ||
-        [':before', ':after', ':first-line', ':first-letter'].includes(node.value)
-      )
-    })
-    .reverse()
-
-  let searchFor = new Set(['tag', 'class', 'id', 'attribute'])
-
-  let splitPointIdx = rest.findIndex((n) => searchFor.has(n.type))
-  if (splitPointIdx === -1) return rest.reverse().join('').trim()
-
-  let node = rest[splitPointIdx]
-  let bestNode = getNode[node.type] ? getNode[node.type](node) : node
-
-  rest = rest.slice(0, splitPointIdx)
-
-  let combinatorIdx = rest.findIndex((n) => n.type === 'combinator' && n.value === '>')
-  if (combinatorIdx !== -1) {
-    rest.splice(0, combinatorIdx)
-    rest.unshift(selectorParser.universal())
-  }
-
-  return [bestNode, ...rest.reverse()].join('').trim()
-}
-
-export let elementSelectorParser = selectorParser((selectors) => {
-  return selectors.map((s) => {
-    let nodes = s.split((n) => n.type === 'combinator' && n.value === ' ').pop()
-    return minimumImpactSelector(nodes)
-  })
-})
-
-let cache = new Map()
-
-function extractElementSelector(selector) {
-  if (!cache.has(selector)) {
-    cache.set(selector, elementSelectorParser.transformSync(selector))
-  }
-
-  return cache.get(selector)
-}
-
-export default function resolveDefaultsAtRules({ tailwindConfig }) {
-  return (root) => {
-    let variableNodeMap = new Map()
-
-    /** @type {Set<import('postcss').AtRule>} */
-    let universals = new Set()
-
-    root.walkAtRules('defaults', (rule) => {
-      if (rule.nodes && rule.nodes.length > 0) {
-        universals.add(rule)
-        return
-      }
-
-      let variable = rule.params
-      if (!variableNodeMap.has(variable)) {
-        variableNodeMap.set(variable, new Set())
-      }
-
-      variableNodeMap.get(variable).add(rule.parent)
-
-      rule.remove()
-    })
-
-    for (let universal of universals) {
-      /** @type {Map<string, Set<string>>} */
-      let selectorGroups = new Map()
-
-      let rules = variableNodeMap.get(universal.params) ?? []
-
-      for (let rule of rules) {
-        for (let selector of extractElementSelector(rule.selector)) {
-          // If selector contains a vendor prefix after a pseudo element or class,
-          // we consider them separately because merging the declarations into
-          // a single rule will cause browsers that do not understand the
-          // vendor prefix to throw out the whole rule
-          let selectorGroupName =
-            selector.includes(':-') || selector.includes('::-') ? selector : '__DEFAULT__'
-
-          let selectors = selectorGroups.get(selectorGroupName) ?? new Set()
-          selectorGroups.set(selectorGroupName, selectors)
-
-          selectors.add(selector)
-        }
-      }
-
-      if (flagEnabled(tailwindConfig, 'optimizeUniversalDefaults')) {
-        if (selectorGroups.size === 0) {
-          universal.remove()
-          continue
-        }
-
-        for (let [, selectors] of selectorGroups) {
-          let universalRule = postcss.rule({
-            source: universal.source,
-          })
-
-          universalRule.selectors = [...selectors]
-
-          universalRule.append(universal.nodes.map((node) => node.clone()))
-          universal.before(universalRule)
-        }
-      } else {
-        let universalRule = postcss.rule({
-          source: universal.source,
-        })
-
-        universalRule.selectors = ['*', '::before', '::after']
-
-        universalRule.append(universal.nodes)
-        universal.before(universalRule)
-      }
-
-      universal.remove()
-    }
-  }
-}