ui/node_modules/svelte-preprocess/dist/autoProcess.js

"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    var desc = Object.getOwnPropertyDescriptor(m, k);
    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
      desc = { enumerable: true, get: function() { return m[k]; } };
    }
    Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
    Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
    o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
    __setModuleDefault(result, mod);
    return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.sveltePreprocess = exports.transform = void 0;
const utils_1 = require("./modules/utils");
const tagInfo_1 = require("./modules/tagInfo");
const language_1 = require("./modules/language");
const prepareContent_1 = require("./modules/prepareContent");
const markup_1 = require("./modules/markup");
const TARGET_LANGUAGES = Object.freeze({
    markup: 'html',
    style: 'css',
    script: 'javascript',
});
const transform = async (name, options, { content, markup, map, filename, attributes }) => {
    if (name == null || options === false) {
        return { code: content };
    }
    if (typeof options === 'function') {
        return options({ content, map, filename, attributes });
    }
    // todo: maybe add a try-catch here looking for module-not-found errors
    const { transformer } = await Promise.resolve(`${`./transformers/${name}`}`).then(s => __importStar(require(s)));
    return transformer({
        content,
        markup,
        filename,
        map,
        attributes,
        options: typeof options === 'boolean' ? null : options,
    });
};
exports.transform = transform;
function sveltePreprocess(_a) {
    var _b, _c;
    var { aliases, markupTagName = 'template', preserve = [], sourceMap = (_c = ((_b = process === null || process === void 0 ? void 0 : process.env) === null || _b === void 0 ? void 0 : _b.NODE_ENV) === 'development') !== null && _c !== void 0 ? _c : false, ...rest } = _a === void 0 ? {} : _a;
    const transformers = rest;
    if (aliases === null || aliases === void 0 ? void 0 : aliases.length) {
        (0, language_1.addLanguageAlias)(aliases);
    }
    function resolveLanguageArgs(lang, alias) {
        const langOpts = transformers[lang];
        const aliasOpts = alias ? transformers[alias] : undefined;
        const opts = {};
        if (typeof langOpts === 'object') {
            Object.assign(opts, langOpts);
        }
        Object.assign(opts, (0, language_1.getLanguageDefaults)(lang), (0, language_1.getLanguageDefaults)(alias));
        if (lang !== alias && typeof aliasOpts === 'object') {
            Object.assign(opts, aliasOpts);
        }
        if (sourceMap && lang in language_1.SOURCE_MAP_PROP_MAP) {
            const [path, value] = language_1.SOURCE_MAP_PROP_MAP[lang];
            (0, utils_1.setProp)(opts, path, value);
        }
        return opts;
    }
    function getTransformerOptions(lang, alias, { ignoreAliasOverride } = {}) {
        if (lang == null)
            return null;
        const langOpts = transformers[lang];
        const aliasOpts = alias ? transformers[alias] : undefined;
        if (!ignoreAliasOverride && typeof aliasOpts === 'function') {
            return aliasOpts;
        }
        if (typeof langOpts === 'function')
            return langOpts;
        if (aliasOpts === false || langOpts === false)
            return false;
        return resolveLanguageArgs(lang, alias);
    }
    const getTransformerTo = (type, targetLanguage) => async (svelteFile) => {
        let { content, markup, filename, lang, alias, dependencies, attributes } = await (0, tagInfo_1.getTagInfo)(svelteFile);
        if (lang == null || alias == null) {
            alias = TARGET_LANGUAGES[type];
            lang = (0, language_1.getLanguageFromAlias)(alias);
        }
        if ((lang && preserve.includes(lang)) || preserve.includes(alias)) {
            return { code: content };
        }
        const transformerOptions = getTransformerOptions(lang, alias);
        content = (0, prepareContent_1.prepareContent)({
            options: transformerOptions,
            content,
        });
        if (lang === targetLanguage) {
            // has override method for alias
            // example: sugarss override should work apart from postcss
            if (typeof transformerOptions === 'function' && alias !== lang) {
                return transformerOptions({ content, filename, attributes });
            }
            // otherwise, we're done here
            return { code: content, dependencies };
        }
        const transformed = await (0, exports.transform)(lang, transformerOptions, {
            content,
            markup,
            filename,
            attributes,
        });
        return {
            ...transformed,
            dependencies: (0, utils_1.concat)(dependencies, transformed.dependencies),
        };
    };
    const scriptTransformer = getTransformerTo('script', 'javascript');
    const cssTransformer = getTransformerTo('style', 'css');
    const markupTransformer = getTransformerTo('markup', 'html');
    const markup = async ({ content, filename }) => {
        if (transformers.replace) {
            const transformed = await (0, exports.transform)('replace', transformers.replace, {
                content,
                markup: content,
                filename,
            });
            content = transformed.code;
        }
        return (0, markup_1.transformMarkup)({ content, filename }, markupTransformer, {
            // we only pass the markupTagName because the rest of options
            // is fetched internally by the `markupTransformer`
            markupTagName,
        });
    };
    const script = async ({ content, attributes, markup: fullMarkup, filename, }) => {
        const transformResult = await scriptTransformer({
            content,
            attributes,
            markup: fullMarkup,
            filename,
        });
        let { code, map, dependencies, diagnostics } = transformResult;
        if (transformers.babel) {
            const transformed = await (0, exports.transform)('babel', getTransformerOptions('babel'), { content: code, markup: fullMarkup, map, filename, attributes });
            code = transformed.code;
            map = transformed.map;
            dependencies = (0, utils_1.concat)(dependencies, transformed.dependencies);
            diagnostics = (0, utils_1.concat)(diagnostics, transformed.diagnostics);
        }
        return { code, map, dependencies, diagnostics };
    };
    const style = async ({ content, attributes, markup: fullMarkup, filename, }) => {
        const transformResult = await cssTransformer({
            content,
            attributes,
            markup: fullMarkup,
            filename,
        });
        let { code, map, dependencies } = transformResult;
        const hasPostcss = await (0, utils_1.hasDepInstalled)('postcss');
        // istanbul ignore else
        if (hasPostcss) {
            if (transformers.postcss) {
                const { alias, lang } = (0, language_1.getLanguage)(attributes);
                const postcssOptions = getTransformerOptions('postcss', (0, language_1.isAliasOf)(alias, lang) ? alias : null, 
                // todo: this seems wrong and ugly
                { ignoreAliasOverride: true });
                const transformed = await (0, exports.transform)('postcss', postcssOptions, {
                    content: code,
                    markup: fullMarkup,
                    map,
                    filename,
                    attributes,
                });
                code = transformed.code;
                map = transformed.map;
                dependencies = (0, utils_1.concat)(dependencies, transformed.dependencies);
            }
            const transformed = await (0, exports.transform)('globalStyle', getTransformerOptions('globalStyle'), { content: code, markup: fullMarkup, map, filename, attributes });
            code = transformed.code;
            map = transformed.map;
        }
        else if ('global' in attributes) {
            console.warn(`[svelte-preprocess] 'global' attribute found, but 'postcss' is not installed. 'postcss' is used to walk through the CSS and transform any necessary selector.`);
        }
        return { code, map, dependencies };
    };
    return {
        markup,
        script,
        style,
    };
}
exports.sveltePreprocess = sveltePreprocess;