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

package/src/lib/defaultExtractor.js

@@ -1,50 +0,0 @@
-const PATTERNS = [
-  /(?:\['([^'\s]+[^<>"'`\s:\\])')/.source, // ['text-lg' -> text-lg
-  /(?:\["([^"\s]+[^<>"'`\s:\\])")/.source, // ["text-lg" -> text-lg
-  /(?:\[`([^`\s]+[^<>"'`\s:\\])`)/.source, // [`text-lg` -> text-lg
-  /([^<>"'`\s]*\[\w*'[^"`\s]*'?\])/.source, // font-['some_font',sans-serif]
-  /([^<>"'`\s]*\[\w*"[^'`\s]*"?\])/.source, // font-["some_font",sans-serif]
-  /([^<>"'`\s]*\[\w*\('[^"'`\s]*'\)\])/.source, // bg-[url('...')]
-  /([^<>"'`\s]*\[\w*\("[^"'`\s]*"\)\])/.source, // bg-[url("...")]
-  /([^<>"'`\s]*\[\w*\('[^"`\s]*'\)\])/.source, // bg-[url('...'),url('...')]
-  /([^<>"'`\s]*\[\w*\("[^'`\s]*"\)\])/.source, // bg-[url("..."),url("...")]
-  /([^<>"'`\s]*\[[^<>"'`\s]*\('[^"`\s]*'\)+\])/.source, // h-[calc(100%-theme('spacing.1'))]
-  /([^<>"'`\s]*\[[^<>"'`\s]*\("[^'`\s]*"\)+\])/.source, // h-[calc(100%-theme("spacing.1"))]
-  /([^<>"'`\s]*\['[^"'`\s]*'\])/.source, // `content-['hello']` but not `content-['hello']']`
-  /([^<>"'`\s]*\["[^"'`\s]*"\])/.source, // `content-["hello"]` but not `content-["hello"]"]`
-  /([^<>"'`\s]*\[[^<>"'`\s]*:[^\]\s]*\])/.source, // `[attr:value]`
-  /([^<>"'`\s]*\[[^<>"'`\s]*:'[^"'`\s]*'\])/.source, // `[content:'hello']` but not `[content:"hello"]`
-  /([^<>"'`\s]*\[[^<>"'`\s]*:"[^"'`\s]*"\])/.source, // `[content:"hello"]` but not `[content:'hello']`
-  /([^<>"'`\s]*\[[^"'`\s]+\][^<>"'`\s]*)/.source, // `fill-[#bada55]`, `fill-[#bada55]/50`
-  /([^"'`\s]*[^<>"'`\s:\\])/.source, //  `<sm:underline`, `md>:font-bold`
-  /([^<>"'`\s]*[^"'`\s:\\])/.source, //  `px-1.5`, `uppercase` but not `uppercase:`
-
-  // Arbitrary properties
-  // /([^"\s]*\[[^\s]+?\][^"\s]*)/.source,
-  // /([^'\s]*\[[^\s]+?\][^'\s]*)/.source,
-  // /([^`\s]*\[[^\s]+?\][^`\s]*)/.source,
-].join('|')
-
-const BROAD_MATCH_GLOBAL_REGEXP = new RegExp(PATTERNS, 'g')
-const INNER_MATCH_GLOBAL_REGEXP = /[^<>"'`\s.(){}[\]#=%$]*[^<>"'`\s.(){}[\]#=%:$]/g
-
-/**
- * @param {string} content
- */
-export function defaultExtractor(content) {
-  let broadMatches = content.matchAll(BROAD_MATCH_GLOBAL_REGEXP)
-  let innerMatches = content.match(INNER_MATCH_GLOBAL_REGEXP) || []
-  let results = [...broadMatches, ...innerMatches].flat().filter((v) => v !== undefined)
-
-  return results
-}
-
-// Regular utilities
-// {{modifier}:}*{namespace}{-{suffix}}*{/{opacityModifier}}?
-
-// Arbitrary values
-// {{modifier}:}*{namespace}-[{arbitraryValue}]{/{opacityModifier}}?
-// arbitraryValue: no whitespace, balanced quotes unless within quotes, balanced brackets unless within quotes
-
-// Arbitrary properties
-// {{modifier}:}*[{validCssPropertyName}:{arbitraryValue}]

package/src/lib/detectNesting.js

@@ -1,39 +0,0 @@
-export default function (_context) {
-  return (root, result) => {
-    let found = false
-
-    root.walkAtRules('tailwind', (node) => {
-      if (found) return false
-
-      if (node.parent && node.parent.type !== 'root') {
-        found = true
-        node.warn(
-          result,
-          [
-            'Nested @tailwind rules were detected, but are not supported.',
-            "Consider using a prefix to scope Tailwind's classes: https://tailwindcss.com/docs/configuration#prefix",
-            'Alternatively, use the important selector strategy: https://tailwindcss.com/docs/configuration#selector-strategy',
-          ].join('\n')
-        )
-        return false
-      }
-    })
-
-    root.walkRules((rule) => {
-      if (found) return false
-
-      rule.walkRules((nestedRule) => {
-        found = true
-        nestedRule.warn(
-          result,
-          [
-            'Nested CSS was detected, but CSS nesting has not been configured correctly.',
-            'Please enable a CSS nesting plugin *before* Tailwind in your configuration.',
-            'See how here: https://tailwindcss.com/docs/using-with-preprocessors#nesting',
-          ].join('\n')
-        )
-        return false
-      })
-    })
-  }
-}

package/src/lib/evaluateTailwindFunctions.js

@@ -1,198 +0,0 @@
-import dlv from 'dlv'
-import didYouMean from 'didyoumean'
-import transformThemeValue from '../util/transformThemeValue'
-import parseValue from 'postcss-value-parser'
-import { normalizeScreens } from '../util/normalizeScreens'
-import buildMediaQuery from '../util/buildMediaQuery'
-import { toPath } from '../util/toPath'
-
-function isObject(input) {
-  return typeof input === 'object' && input !== null
-}
-
-function findClosestExistingPath(theme, path) {
-  let parts = toPath(path)
-  do {
-    parts.pop()
-
-    if (dlv(theme, parts) !== undefined) break
-  } while (parts.length)
-
-  return parts.length ? parts : undefined
-}
-
-function pathToString(path) {
-  if (typeof path === 'string') return path
-  return path.reduce((acc, cur, i) => {
-    if (cur.includes('.')) return `${acc}[${cur}]`
-    return i === 0 ? cur : `${acc}.${cur}`
-  }, '')
-}
-
-function list(items) {
-  return items.map((key) => `'${key}'`).join(', ')
-}
-
-function listKeys(obj) {
-  return list(Object.keys(obj))
-}
-
-function validatePath(config, path, defaultValue) {
-  const pathString = Array.isArray(path)
-    ? pathToString(path)
-    : path.replace(/^['"]+/g, '').replace(/['"]+$/g, '')
-  const pathSegments = Array.isArray(path) ? path : toPath(pathString)
-  const value = dlv(config.theme, pathSegments, defaultValue)
-
-  if (value === undefined) {
-    let error = `'${pathString}' does not exist in your theme config.`
-    const parentSegments = pathSegments.slice(0, -1)
-    const parentValue = dlv(config.theme, parentSegments)
-
-    if (isObject(parentValue)) {
-      const validKeys = Object.keys(parentValue).filter(
-        (key) => validatePath(config, [...parentSegments, key]).isValid
-      )
-      const suggestion = didYouMean(pathSegments[pathSegments.length - 1], validKeys)
-      if (suggestion) {
-        error += ` Did you mean '${pathToString([...parentSegments, suggestion])}'?`
-      } else if (validKeys.length > 0) {
-        error += ` '${pathToString(parentSegments)}' has the following valid keys: ${list(
-          validKeys
-        )}`
-      }
-    } else {
-      const closestPath = findClosestExistingPath(config.theme, pathString)
-      if (closestPath) {
-        const closestValue = dlv(config.theme, closestPath)
-        if (isObject(closestValue)) {
-          error += ` '${pathToString(closestPath)}' has the following keys: ${listKeys(
-            closestValue
-          )}`
-        } else {
-          error += ` '${pathToString(closestPath)}' is not an object.`
-        }
-      } else {
-        error += ` Your theme has the following top-level keys: ${listKeys(config.theme)}`
-      }
-    }
-
-    return {
-      isValid: false,
-      error,
-    }
-  }
-
-  if (
-    !(
-      typeof value === 'string' ||
-      typeof value === 'number' ||
-      typeof value === 'function' ||
-      value instanceof String ||
-      value instanceof Number ||
-      Array.isArray(value)
-    )
-  ) {
-    let error = `'${pathString}' was found but does not resolve to a string.`
-
-    if (isObject(value)) {
-      let validKeys = Object.keys(value).filter(
-        (key) => validatePath(config, [...pathSegments, key]).isValid
-      )
-      if (validKeys.length) {
-        error += ` Did you mean something like '${pathToString([...pathSegments, validKeys[0]])}'?`
-      }
-    }
-
-    return {
-      isValid: false,
-      error,
-    }
-  }
-
-  const [themeSection] = pathSegments
-
-  return {
-    isValid: true,
-    value: transformThemeValue(themeSection)(value),
-  }
-}
-
-function extractArgs(node, vNodes, functions) {
-  vNodes = vNodes.map((vNode) => resolveVNode(node, vNode, functions))
-
-  let args = ['']
-
-  for (let vNode of vNodes) {
-    if (vNode.type === 'div' && vNode.value === ',') {
-      args.push('')
-    } else {
-      args[args.length - 1] += parseValue.stringify(vNode)
-    }
-  }
-
-  return args
-}
-
-function resolveVNode(node, vNode, functions) {
-  if (vNode.type === 'function' && functions[vNode.value] !== undefined) {
-    let args = extractArgs(node, vNode.nodes, functions)
-    vNode.type = 'word'
-    vNode.value = functions[vNode.value](node, ...args)
-  }
-
-  return vNode
-}
-
-function resolveFunctions(node, input, functions) {
-  return parseValue(input)
-    .walk((vNode) => {
-      resolveVNode(node, vNode, functions)
-    })
-    .toString()
-}
-
-let nodeTypePropertyMap = {
-  atrule: 'params',
-  decl: 'value',
-}
-
-export default function ({ tailwindConfig: config }) {
-  let functions = {
-    theme: (node, path, ...defaultValue) => {
-      const { isValid, value, error } = validatePath(
-        config,
-        path,
-        defaultValue.length ? defaultValue : undefined
-      )
-
-      if (!isValid) {
-        throw node.error(error)
-      }
-
-      return value
-    },
-    screen: (node, screen) => {
-      screen = screen.replace(/^['"]+/g, '').replace(/['"]+$/g, '')
-      let screens = normalizeScreens(config.theme.screens)
-      let screenDefinition = screens.find(({ name }) => name === screen)
-
-      if (!screenDefinition) {
-        throw node.error(`The '${screen}' screen does not exist in your theme.`)
-      }
-
-      return buildMediaQuery(screenDefinition)
-    },
-  }
-  return (root) => {
-    root.walk((node) => {
-      let property = nodeTypePropertyMap[node.type]
-
-      if (property === undefined) {
-        return
-      }
-
-      node[property] = resolveFunctions(node, node[property], functions)
-    })
-  }
-}