eslint-plugin-svelte/lib/shared/svelte-compile-warns/transform/postcss.js

ESLint plugin for Svelte using AST

import postcss from 'postcss';
import postcssLoadConfig from 'postcss-load-config';
import { getCwd, getFilename } from '../../../utils/compat.js';
/**
 * Transform with postcss
 */
export function transform(node, text, context) {
    const postcssConfig = context.settings?.svelte?.compileOptions?.postcss;
    if (postcssConfig === false) {
        return null;
    }
    let inputRange;
    if (node.endTag) {
        inputRange = [node.startTag.range[1], node.endTag.range[0]];
    }
    else {
        inputRange = [node.startTag.range[1], node.range[1]];
    }
    const code = text.slice(...inputRange);
    const filename = `${getFilename(context)}.css`;
    try {
        const configFilePath = postcssConfig?.configFilePath;
        const config = postcssLoadConfig.sync({
            cwd: getCwd(context),
            from: filename
        }, typeof configFilePath === 'string' ? configFilePath : undefined);
        const result = postcss(config.plugins).process(code, {
            ...config.options,
            map: {
                inline: false
            }
        });
        return {
            inputRange,
            output: result.content,
            mappings: result.map.toJSON().mappings
        };
    }
    catch {
        // console.log(e)
        return null;
    }
}