lightningcss-plugins.js — vite Source File

Source Code

import path from 'node:path'
import { normalizePath } from 'vite'
import { bundle as bundleWithLightningCss } from 'lightningcss'
import { globSync } from 'tinyglobby'

/**
 * @param {string} filename
 * @returns {import('lightningcss').StyleSheet}
 *
 * based on https://github.com/sardinedev/lightningcss-plugins/blob/9fb379486e402a4b4b8950d09e655b4cbf8a118b/packages/global-custom-queries/src/globalCustomQueries.ts#L9-L29
 * https://github.com/sardinedev/lightningcss-plugins/blob/main/LICENSE
 */
function obtainLightningCssAst(filename) {
  let ast
  try {
    bundleWithLightningCss({
      filename,
      visitor: {
        StyleSheet(stylesheet) {
          ast = stylesheet
        },
      },
    })
    return ast
  } catch (error) {
    throw Error(`failed to obtain lightning css AST`, { cause: error })
  }
}

/** @returns {import('lightningcss').Visitor} */
export function testDirDep() {
  /** @type {string[]} */
  let currentStyleSheetSources
  return {
    StyleSheet(stylesheet) {
      currentStyleSheetSources = stylesheet.sources
    },
    Rule: {
      unknown: {
        test(rule) {
          const location = rule.loc
          const from = currentStyleSheetSources[location.source_index]
          const pattern = normalizePath(
            path.resolve(path.dirname(from), './glob-dep/**/*.css'),
          )
          // FIXME: there's no way to add a dependency
          const files = globSync(pattern, {
            expandDirectories: false,
            absolute: true,
          })
          return files.flatMap((file) => obtainLightningCssAst(file).rules)
        },
      },
    },
  }
}

/** @returns {import('lightningcss').Visitor} */
export function testSourceInput() {
  /** @type {string[]} */
// ... (151 more lines)