eslint-plugin-svelte/lib/rules/valid-style-parse.js

ESLint plugin for Svelte using AST

import { createRule } from '../utils/index.js';
import path from 'path';
export default createRule('valid-style-parse', {
    meta: {
        docs: {
            description: 'require valid style element parsing',
            category: 'Possible Errors',
            recommended: false
        },
        schema: [],
        messages: {},
        type: 'problem'
    },
    create(context) {
        const sourceCode = context.sourceCode;
        if (!sourceCode.parserServices.isSvelte) {
            return {};
        }
        const cwd = `${context.cwd ?? process.cwd()}${path.sep}`;
        return {
            SvelteStyleElement(node) {
                const styleContext = sourceCode.parserServices.getStyleContext();
                if (styleContext.status === 'parse-error') {
                    // This will replace backslashes to forward slashes only
                    // 	if Node.js reports Windows style path separators
                    let message = styleContext.error.message.replace(cwd, '');
                    if (path.sep === '\\')
                        message = message.replace(/\\/g, '/');
                    context.report({
                        loc: node.loc,
                        message: `Error parsing style element. Error message: "${message}"`
                    });
                }
                if (styleContext.status === 'unknown-lang') {
                    context.report({
                        loc: node.loc,
                        message: `Found unsupported style element language "${styleContext.sourceLang}"`
                    });
                }
            }
        };
    }
});