|
import setupTrackingContext from './lib/setupTrackingContext' |
|
import processTailwindFeatures from './processTailwindFeatures' |
|
import { env } from './lib/sharedState' |
|
import { findAtConfigPath } from './lib/findAtConfigPath' |
|
|
|
module.exports = function tailwindcss(configOrPath) { |
|
return { |
|
postcssPlugin: 'tailwindcss', |
|
plugins: [ |
|
env.DEBUG && |
|
function (root) { |
|
console.log('\n') |
|
console.time('JIT TOTAL') |
|
return root |
|
}, |
|
async function (root, result) { |
|
|
|
|
|
configOrPath = findAtConfigPath(root, result) ?? configOrPath |
|
|
|
let context = setupTrackingContext(configOrPath) |
|
|
|
if (root.type === 'document') { |
|
let roots = root.nodes.filter((node) => node.type === 'root') |
|
|
|
for (const root of roots) { |
|
if (root.type === 'root') { |
|
await processTailwindFeatures(context)(root, result) |
|
} |
|
} |
|
|
|
return |
|
} |
|
|
|
await processTailwindFeatures(context)(root, result) |
|
}, |
|
__OXIDE__ && |
|
function lightningCssPlugin(_root, result) { |
|
let postcss = require('postcss') |
|
let lightningcss = require('lightningcss') |
|
let browserslist = require('browserslist') |
|
|
|
try { |
|
let transformed = lightningcss.transform({ |
|
filename: result.opts.from, |
|
code: Buffer.from(result.root.toString()), |
|
minify: false, |
|
sourceMap: !!result.map, |
|
inputSourceMap: result.map ? result.map.toString() : undefined, |
|
targets: |
|
typeof process !== 'undefined' && process.env.JEST_WORKER_ID |
|
? { chrome: 106 << 16 } |
|
: lightningcss.browserslistToTargets( |
|
browserslist(require('../package.json').browserslist) |
|
), |
|
|
|
drafts: { |
|
nesting: true, |
|
customMedia: true, |
|
}, |
|
}) |
|
|
|
result.map = Object.assign(result.map ?? {}, { |
|
toJSON() { |
|
return transformed.map.toJSON() |
|
}, |
|
toString() { |
|
return transformed.map.toString() |
|
}, |
|
}) |
|
|
|
result.root = postcss.parse(transformed.code.toString('utf8')) |
|
} catch (err) { |
|
if (typeof process !== 'undefined' && process.env.JEST_WORKER_ID) { |
|
let lines = err.source.split('\n') |
|
err = new Error( |
|
[ |
|
'Error formatting using Lightning CSS:', |
|
'', |
|
...[ |
|
'```css', |
|
...lines.slice(Math.max(err.loc.line - 3, 0), err.loc.line), |
|
' '.repeat(err.loc.column - 1) + '^-- ' + err.toString(), |
|
...lines.slice(err.loc.line, err.loc.line + 2), |
|
'```', |
|
], |
|
].join('\n') |
|
) |
|
} |
|
|
|
if (Error.captureStackTrace) { |
|
Error.captureStackTrace(err, lightningCssPlugin) |
|
} |
|
throw err |
|
} |
|
}, |
|
env.DEBUG && |
|
function (root) { |
|
console.timeEnd('JIT TOTAL') |
|
console.log('\n') |
|
return root |
|
}, |
|
].filter(Boolean), |
|
} |
|
} |
|
|
|
module.exports.postcss = true |
|
|