tailwindcss 0.0.0-insiders.ebc1c7a → 0.0.0-insiders.ec0049a

package/src/lib/setupTrackingContext.js

@@ -1,181 +0,0 @@
-import fs from 'fs'
-import path from 'path'
-
-import fastGlob from 'fast-glob'
-import LRU from 'quick-lru'
-import normalizePath from 'normalize-path'
-
-import hash from '../util/hashConfig'
-import getModuleDependencies from '../lib/getModuleDependencies'
-
-import resolveConfig from '../../resolveConfig'
-
-import resolveConfigPath from '../util/resolveConfigPath'
-
-import { env } from './sharedState'
-
-import { getContext, getFileModifiedMap } from './setupContextUtils'
-import parseDependency from '../util/parseDependency'
-
-let configPathCache = new LRU({ maxSize: 100 })
-
-let candidateFilesCache = new WeakMap()
-
-function getCandidateFiles(context, tailwindConfig) {
-  if (candidateFilesCache.has(context)) {
-    return candidateFilesCache.get(context)
-  }
-
-  let candidateFiles = tailwindConfig.content.content
-    .filter((item) => typeof item === 'string')
-    .map((contentPath) => normalizePath(path.resolve(contentPath)))
-
-  return candidateFilesCache.set(context, candidateFiles).get(context)
-}
-
-// Get the config object based on a path
-function getTailwindConfig(configOrPath) {
-  let userConfigPath = resolveConfigPath(configOrPath)
-
-  if (userConfigPath !== null) {
-    let [prevConfig, prevConfigHash, prevDeps, prevModified] =
-      configPathCache.get(userConfigPath) || []
-
-    let newDeps = getModuleDependencies(userConfigPath).map((dep) => dep.file)
-
-    let modified = false
-    let newModified = new Map()
-    for (let file of newDeps) {
-      let time = fs.statSync(file).mtimeMs
-      newModified.set(file, time)
-      if (!prevModified || !prevModified.has(file) || time > prevModified.get(file)) {
-        modified = true
-      }
-    }
-
-    // It hasn't changed (based on timestamps)
-    if (!modified) {
-      return [prevConfig, userConfigPath, prevConfigHash, prevDeps]
-    }
-
-    // It has changed (based on timestamps), or first run
-    for (let file of newDeps) {
-      delete require.cache[file]
-    }
-    let newConfig = resolveConfig(require(userConfigPath))
-    let newHash = hash(newConfig)
-    configPathCache.set(userConfigPath, [newConfig, newHash, newDeps, newModified])
-    return [newConfig, userConfigPath, newHash, newDeps]
-  }
-
-  // It's a plain object, not a path
-  let newConfig = resolveConfig(
-    configOrPath.config === undefined ? configOrPath : configOrPath.config
-  )
-
-  return [newConfig, null, hash(newConfig), []]
-}
-
-function resolvedChangedContent(context, candidateFiles, fileModifiedMap) {
-  let changedContent = context.tailwindConfig.content.content
-    .filter((item) => typeof item.raw === 'string')
-    .concat(context.tailwindConfig.content.safelist)
-    .map(({ raw, extension }) => ({ content: raw, extension }))
-
-  for (let changedFile of resolveChangedFiles(candidateFiles, fileModifiedMap)) {
-    let content = fs.readFileSync(changedFile, 'utf8')
-    let extension = path.extname(changedFile).slice(1)
-    changedContent.push({ content, extension })
-  }
-  return changedContent
-}
-
-function resolveChangedFiles(candidateFiles, fileModifiedMap) {
-  let changedFiles = new Set()
-  env.DEBUG && console.time('Finding changed files')
-  let files = fastGlob.sync(candidateFiles)
-  for (let file of files) {
-    let prevModified = fileModifiedMap.has(file) ? fileModifiedMap.get(file) : -Infinity
-    let modified = fs.statSync(file).mtimeMs
-
-    if (modified > prevModified) {
-      changedFiles.add(file)
-      fileModifiedMap.set(file, modified)
-    }
-  }
-  env.DEBUG && console.timeEnd('Finding changed files')
-  return changedFiles
-}
-
-// DISABLE_TOUCH = TRUE
-
-// Retrieve an existing context from cache if possible (since contexts are unique per
-// source path), or set up a new one (including setting up watchers and registering
-// plugins) then return it
-export default function setupTrackingContext(configOrPath) {
-  return ({ tailwindDirectives, registerDependency }) => {
-    return (root, result) => {
-      let [tailwindConfig, userConfigPath, tailwindConfigHash, configDependencies] =
-        getTailwindConfig(configOrPath)
-
-      let contextDependencies = new Set(configDependencies)
-
-      // If there are no @tailwind rules, we don't consider this CSS file or it's dependencies
-      // to be dependencies of the context. Can reuse the context even if they change.
-      // We may want to think about `@layer` being part of this trigger too, but it's tough
-      // because it's impossible for a layer in one file to end up in the actual @tailwind rule
-      // in another file since independent sources are effectively isolated.
-      if (tailwindDirectives.size > 0) {
-        // Add current css file as a context dependencies.
-        contextDependencies.add(result.opts.from)
-
-        // Add all css @import dependencies as context dependencies.
-        for (let message of result.messages) {
-          if (message.type === 'dependency') {
-            contextDependencies.add(message.file)
-          }
-        }
-      }
-
-      let [context] = getContext(
-        tailwindDirectives,
-        root,
-        result,
-        tailwindConfig,
-        userConfigPath,
-        tailwindConfigHash,
-        contextDependencies
-      )
-
-      let candidateFiles = getCandidateFiles(context, tailwindConfig)
-
-      // If there are no @tailwind rules, we don't consider this CSS file or it's dependencies
-      // to be dependencies of the context. Can reuse the context even if they change.
-      // We may want to think about `@layer` being part of this trigger too, but it's tough
-      // because it's impossible for a layer in one file to end up in the actual @tailwind rule
-      // in another file since independent sources are effectively isolated.
-      if (tailwindDirectives.size > 0) {
-        let fileModifiedMap = getFileModifiedMap(context)
-
-        // Add template paths as postcss dependencies.
-        for (let fileOrGlob of candidateFiles) {
-          registerDependency(parseDependency(fileOrGlob))
-        }
-
-        for (let changedContent of resolvedChangedContent(
-          context,
-          candidateFiles,
-          fileModifiedMap
-        )) {
-          context.changedContent.push(changedContent)
-        }
-      }
-
-      for (let file of configDependencies) {
-        registerDependency({ type: 'dependency', file })
-      }
-
-      return context
-    }
-  }
-}

package/src/lib/setupWatchingContext.js

@@ -1,306 +0,0 @@
-import fs from 'fs'
-import path from 'path'
-
-import tmp from 'tmp'
-import chokidar from 'chokidar'
-import fastGlob from 'fast-glob'
-import LRU from 'quick-lru'
-import normalizePath from 'normalize-path'
-
-import hash from '../util/hashConfig'
-import log from '../util/log'
-import getModuleDependencies from '../lib/getModuleDependencies'
-import resolveConfig from '../../resolveConfig'
-import resolveConfigPath from '../util/resolveConfigPath'
-import { getContext } from './setupContextUtils'
-
-// This is used to trigger rebuilds. Just updating the timestamp
-// is significantly faster than actually writing to the file (10x).
-
-function touch(filename) {
-  let time = new Date()
-
-  try {
-    fs.utimesSync(filename, time, time)
-  } catch (err) {
-    fs.closeSync(fs.openSync(filename, 'w'))
-  }
-}
-
-let watchers = new WeakMap()
-
-function getWatcher(context) {
-  if (watchers.has(context)) {
-    return watchers.get(context)
-  }
-
-  return null
-}
-
-function setWatcher(context, watcher) {
-  return watchers.set(context, watcher)
-}
-
-let touchFiles = new WeakMap()
-
-function getTouchFile(context) {
-  if (touchFiles.has(context)) {
-    return touchFiles.get(context)
-  }
-
-  return null
-}
-
-function setTouchFile(context, touchFile) {
-  return touchFiles.set(context, touchFile)
-}
-
-let configPaths = new WeakMap()
-
-function getConfigPath(context, configOrPath) {
-  if (!configPaths.has(context)) {
-    configPaths.set(context, resolveConfigPath(configOrPath))
-  }
-
-  return configPaths.get(context)
-}
-
-function rebootWatcher(context, configPath, configDependencies, candidateFiles) {
-  let touchFile = getTouchFile(context)
-
-  if (touchFile === null) {
-    touchFile = tmp.fileSync().name
-    setTouchFile(context, touchFile)
-    touch(touchFile)
-  }
-
-  let watcher = getWatcher(context)
-
-  Promise.resolve(watcher ? watcher.close() : null).then(() => {
-    log.info([
-      'Tailwind CSS is watching for changes...',
-      'https://tailwindcss.com/docs/just-in-time-mode#watch-mode-and-one-off-builds',
-    ])
-
-    watcher = chokidar.watch([...candidateFiles, ...configDependencies], {
-      ignoreInitial: true,
-    })
-
-    setWatcher(context, watcher)
-
-    watcher.on('add', (file) => {
-      let changedFile = path.resolve('.', file)
-      let content = fs.readFileSync(changedFile, 'utf8')
-      let extension = path.extname(changedFile).slice(1)
-      context.changedContent.push({ content, extension })
-      touch(touchFile)
-    })
-
-    watcher.on('change', (file) => {
-      // If it was a config dependency, touch the config file to trigger a new context.
-      // This is not really that clean of a solution but it's the fastest, because we
-      // can do a very quick check on each build to see if the config has changed instead
-      // of having to get all of the module dependencies and check every timestamp each
-      // time.
-      if (configDependencies.has(file)) {
-        for (let dependency of configDependencies) {
-          delete require.cache[require.resolve(dependency)]
-        }
-        touch(configPath)
-      } else {
-        let changedFile = path.resolve('.', file)
-        let content = fs.readFileSync(changedFile, 'utf8')
-        let extension = path.extname(changedFile).slice(1)
-        context.changedContent.push({ content, extension })
-        touch(touchFile)
-      }
-    })
-
-    watcher.on('unlink', (file) => {
-      // Touch the config file if any of the dependencies are deleted.
-      if (configDependencies.has(file)) {
-        for (let dependency of configDependencies) {
-          delete require.cache[require.resolve(dependency)]
-        }
-        touch(configPath)
-      }
-    })
-  })
-}
-
-let configPathCache = new LRU({ maxSize: 100 })
-
-let configDependenciesCache = new WeakMap()
-
-function getConfigDependencies(context) {
-  if (!configDependenciesCache.has(context)) {
-    configDependenciesCache.set(context, new Set())
-  }
-
-  return configDependenciesCache.get(context)
-}
-
-let candidateFilesCache = new WeakMap()
-
-function getCandidateFiles(context, tailwindConfig) {
-  if (candidateFilesCache.has(context)) {
-    return candidateFilesCache.get(context)
-  }
-
-  let candidateFiles = tailwindConfig.content.content
-    .filter((item) => typeof item === 'string')
-    .map((contentPath) => normalizePath(path.resolve(contentPath)))
-
-  return candidateFilesCache.set(context, candidateFiles).get(context)
-}
-
-// Get the config object based on a path
-function getTailwindConfig(configOrPath) {
-  let userConfigPath = resolveConfigPath(configOrPath)
-
-  if (userConfigPath !== null) {
-    let [prevConfig, prevModified = -Infinity, prevConfigHash] =
-      configPathCache.get(userConfigPath) || []
-    let modified = fs.statSync(userConfigPath).mtimeMs
-
-    // It hasn't changed (based on timestamp)
-    if (modified <= prevModified) {
-      return [prevConfig, userConfigPath, prevConfigHash, [userConfigPath]]
-    }
-
-    // It has changed (based on timestamp), or first run
-    delete require.cache[userConfigPath]
-    let newConfig = resolveConfig(require(userConfigPath))
-    let newHash = hash(newConfig)
-    configPathCache.set(userConfigPath, [newConfig, modified, newHash])
-    return [newConfig, userConfigPath, newHash, [userConfigPath]]
-  }
-
-  // It's a plain object, not a path
-  let newConfig = resolveConfig(
-    configOrPath.config === undefined ? configOrPath : configOrPath.config
-  )
-
-  return [newConfig, null, hash(newConfig), []]
-}
-
-function resolvedChangedContent(context, candidateFiles) {
-  let changedContent = context.tailwindConfig.content.content
-    .filter((item) => typeof item.raw === 'string')
-    .concat(context.tailwindConfig.content.safelist)
-    .map(({ raw, extension }) => ({ content: raw, extension }))
-
-  for (let changedFile of resolveChangedFiles(context, candidateFiles)) {
-    let content = fs.readFileSync(changedFile, 'utf8')
-    let extension = path.extname(changedFile).slice(1)
-    changedContent.push({ content, extension })
-  }
-  return changedContent
-}
-
-let scannedContentCache = new WeakMap()
-
-function resolveChangedFiles(context, candidateFiles) {
-  let changedFiles = new Set()
-
-  // If we're not set up and watching files ourselves, we need to do
-  // the work of grabbing all of the template files for candidate
-  // detection.
-  if (!scannedContentCache.has(context)) {
-    let files = fastGlob.sync(candidateFiles)
-    for (let file of files) {
-      changedFiles.add(file)
-    }
-    scannedContentCache.set(context, true)
-  }
-
-  return changedFiles
-}
-
-// DISABLE_TOUCH = FALSE
-
-// Retrieve an existing context from cache if possible (since contexts are unique per
-// source path), or set up a new one (including setting up watchers and registering
-// plugins) then return it
-export default function setupWatchingContext(configOrPath) {
-  return ({ tailwindDirectives, registerDependency }) => {
-    return (root, result) => {
-      let [tailwindConfig, userConfigPath, tailwindConfigHash, configDependencies] =
-        getTailwindConfig(configOrPath)
-
-      let contextDependencies = new Set(configDependencies)
-
-      // If there are no @tailwind rules, we don't consider this CSS file or it's dependencies
-      // to be dependencies of the context. Can reuse the context even if they change.
-      // We may want to think about `@layer` being part of this trigger too, but it's tough
-      // because it's impossible for a layer in one file to end up in the actual @tailwind rule
-      // in another file since independent sources are effectively isolated.
-      if (tailwindDirectives.size > 0) {
-        // Add current css file as a context dependencies.
-        contextDependencies.add(result.opts.from)
-
-        // Add all css @import dependencies as context dependencies.
-        for (let message of result.messages) {
-          if (message.type === 'dependency') {
-            contextDependencies.add(message.file)
-          }
-        }
-      }
-
-      let [context, isNewContext] = getContext(
-        tailwindDirectives,
-        root,
-        result,
-        tailwindConfig,
-        userConfigPath,
-        tailwindConfigHash,
-        contextDependencies
-      )
-
-      let candidateFiles = getCandidateFiles(context, tailwindConfig)
-      let contextConfigDependencies = getConfigDependencies(context)
-
-      for (let file of configDependencies) {
-        registerDependency({ type: 'dependency', file })
-      }
-
-      context.disposables.push((oldContext) => {
-        let watcher = getWatcher(oldContext)
-        if (watcher !== null) {
-          watcher.close()
-        }
-      })
-
-      let configPath = getConfigPath(context, configOrPath)
-
-      if (configPath !== null) {
-        for (let dependency of getModuleDependencies(configPath)) {
-          if (dependency.file === configPath) {
-            continue
-          }
-
-          contextConfigDependencies.add(dependency.file)
-        }
-      }
-
-      if (isNewContext) {
-        rebootWatcher(context, configPath, contextConfigDependencies, candidateFiles)
-      }
-
-      // Register our temp file as a dependency — we write to this file
-      // to trigger rebuilds.
-      let touchFile = getTouchFile(context)
-      if (touchFile) {
-        registerDependency({ type: 'dependency', file: touchFile })
-      }
-
-      if (tailwindDirectives.size > 0) {
-        for (let changedContent of resolvedChangedContent(context, candidateFiles)) {
-          context.changedContent.push(changedContent)
-        }
-      }
-
-      return context
-    }
-  }
-}

package/src/lib/sharedState.js

@@ -1,13 +0,0 @@
-import LRU from 'quick-lru'
-
-export const env = {
-  TAILWIND_MODE: process.env.TAILWIND_MODE,
-  NODE_ENV: process.env.NODE_ENV,
-  DEBUG: process.env.DEBUG !== undefined,
-  TAILWIND_DISABLE_TOUCH: process.env.TAILWIND_DISABLE_TOUCH !== undefined,
-  TAILWIND_TOUCH_DIR: process.env.TAILWIND_TOUCH_DIR,
-}
-export const contextMap = new Map()
-export const configContextMap = new Map()
-export const contextSourcesMap = new Map()
-export const contentMatchCache = new LRU({ maxSize: 25000 })

package/src/lib/substituteScreenAtRules.js

@@ -1,16 +0,0 @@
-import buildMediaQuery from '../util/buildMediaQuery'
-
-export default function ({ tailwindConfig: { theme } }) {
-  return function (css) {
-    css.walkAtRules('screen', (atRule) => {
-      const screen = atRule.params
-
-      if (!theme.screens?.hasOwnProperty?.(screen)) {
-        throw atRule.error(`No \`${screen}\` screen found.`)
-      }
-
-      atRule.name = 'media'
-      atRule.params = buildMediaQuery(theme.screens[screen])
-    })
-  }
-}

package/src/processTailwindFeatures.js

@@ -1,41 +0,0 @@
-import normalizeTailwindDirectives from './lib/normalizeTailwindDirectives'
-import expandTailwindAtRules from './lib/expandTailwindAtRules'
-import expandApplyAtRules from './lib/expandApplyAtRules'
-import evaluateTailwindFunctions from './lib/evaluateTailwindFunctions'
-import substituteScreenAtRules from './lib/substituteScreenAtRules'
-import resolveDefaultsAtRules from './lib/resolveDefaultsAtRules'
-import collapseAdjacentRules from './lib/collapseAdjacentRules'
-import { createContext } from './lib/setupContextUtils'
-
-export default function processTailwindFeatures(setupContext) {
-  return function (root, result) {
-    let tailwindDirectives = normalizeTailwindDirectives(root)
-
-    let context = setupContext({
-      tailwindDirectives,
-      registerDependency(dependency) {
-        result.messages.push({
-          plugin: 'tailwindcss',
-          parent: result.opts.from,
-          ...dependency,
-        })
-      },
-      createContext(tailwindConfig, changedContent) {
-        return createContext(tailwindConfig, changedContent, tailwindDirectives, root)
-      },
-    })(root, result)
-
-    if (context.tailwindConfig.separator === '-') {
-      throw new Error(
-        "The '-' character cannot be used as a custom separator in JIT mode due to parsing ambiguity. Please use another character like '_' instead."
-      )
-    }
-
-    expandTailwindAtRules(context)(root, result)
-    expandApplyAtRules(context)(root, result)
-    evaluateTailwindFunctions(context)(root, result)
-    substituteScreenAtRules(context)(root, result)
-    resolveDefaultsAtRules(context)(root, result)
-    collapseAdjacentRules(context)(root, result)
-  }
-}

package/src/util/bigSign.js

@@ -1,3 +0,0 @@
-export default function bigSign(bigIntValue) {
-  return (bigIntValue > 0n) - (bigIntValue < 0n)
-}

package/src/util/buildMediaQuery.js

@@ -1,24 +0,0 @@
-export default function buildMediaQuery(screens) {
-  if (typeof screens === 'string') {
-    screens = { min: screens }
-  }
-
-  if (!Array.isArray(screens)) {
-    screens = [screens]
-  }
-
-  return screens
-    .map((screen) => {
-      if (screen?.hasOwnProperty?.('raw')) {
-        return screen.raw
-      }
-
-      return Object.entries(screen)
-        .map(([feature, value]) => {
-          feature = { min: 'min-width', max: 'max-width' }[feature] ?? feature
-          return `(${feature}: ${value})`
-        })
-        .join(' and ')
-    })
-    .join(', ')
-}

package/src/util/cloneDeep.js

@@ -1,11 +0,0 @@
-export function cloneDeep(value) {
-  if (Array.isArray(value)) {
-    return value.map((child) => cloneDeep(child))
-  }
-
-  if (typeof value === 'object' && value !== null) {
-    return Object.fromEntries(Object.entries(value).map(([k, v]) => [k, cloneDeep(v)]))
-  }
-
-  return value
-}

package/src/util/cloneNodes.js

@@ -1,11 +0,0 @@
-export default function cloneNodes(nodes, source) {
-  return nodes.map((node) => {
-    let cloned = node.clone()
-
-    if (source !== undefined) {
-      cloned.source = source
-    }
-
-    return cloned
-  })
-}

package/src/util/color.js

@@ -1,56 +0,0 @@
-import namedColors from 'color-name'
-
-let HEX = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i
-let SHORT_HEX = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i
-let VALUE = `(?:\\d+|\\d*\\.\\d+)%?`
-let SEP = `(?:\\s*,\\s*|\\s+)`
-let ALPHA_SEP = `\\s*[,/]\\s*`
-let RGB_HSL = new RegExp(
-  `^(rgb|hsl)a?\\(\\s*(${VALUE})${SEP}(${VALUE})${SEP}(${VALUE})(?:${ALPHA_SEP}(${VALUE}))?\\s*\\)$`
-)
-
-export function parseColor(value) {
-  if (typeof value !== 'string') {
-    return null
-  }
-
-  value = value.trim()
-  if (value === 'transparent') {
-    return { mode: 'rgb', color: ['0', '0', '0'], alpha: '0' }
-  }
-
-  if (value in namedColors) {
-    return { mode: 'rgb', color: namedColors[value].map((v) => v.toString()) }
-  }
-
-  let hex = value
-    .replace(SHORT_HEX, (_, r, g, b, a) => ['#', r, r, g, g, b, b, a ? a + a : ''].join(''))
-    .match(HEX)
-
-  if (hex !== null) {
-    return {
-      mode: 'rgb',
-      color: [parseInt(hex[1], 16), parseInt(hex[2], 16), parseInt(hex[3], 16)].map((v) =>
-        v.toString()
-      ),
-      alpha: hex[4] ? (parseInt(hex[4], 16) / 255).toString() : undefined,
-    }
-  }
-
-  let match = value.match(RGB_HSL)
-
-  if (match !== null) {
-    return {
-      mode: match[1],
-      color: [match[2], match[3], match[4]].map((v) => v.toString()),
-      alpha: match[5]?.toString?.(),
-    }
-  }
-
-  return null
-}
-
-export function formatColor({ mode, color, alpha }) {
-  let hasAlpha = alpha !== undefined
-  return `${mode}(${color.join(' ')}${hasAlpha ? ` / ${alpha}` : ''})`
-}

package/src/util/configurePlugins.js

@@ -1,23 +0,0 @@
-export default function (pluginConfig, plugins) {
-  if (pluginConfig === undefined) {
-    return plugins
-  }
-
-  const pluginNames = Array.isArray(pluginConfig)
-    ? pluginConfig
-    : [
-        ...new Set(
-          plugins
-            .filter((pluginName) => {
-              return pluginConfig !== false && pluginConfig[pluginName] !== false
-            })
-            .concat(
-              Object.keys(pluginConfig).filter((pluginName) => {
-                return pluginConfig[pluginName] !== false
-              })
-            )
-        ),
-      ]
-
-  return pluginNames
-}