@htyf-mp/taro-rn-style-transformer 0.0.2

package/dist/transforms/index.d.ts

@@ -0,0 +1,56 @@
+import { Config, PostcssConfig, TransformOptions } from '../types';
+export declare function getWrapedCSS(css: any): string;
+interface PostcssParam {
+    css: string;
+    map: any;
+    filename: string;
+    additionalData: string;
+    postcssConfig: PostcssConfig;
+    transformOptions: TransformOptions;
+}
+export default class StyleTransform {
+    config: Config;
+    processConfigMap: Map<any, any>;
+    constructor(config: Config);
+    init: (config: Config) => void;
+    /**
+     * @description 样式文件处理
+     * @param {string} src
+     * @param {string} filename
+     * @param {object} options
+     */
+    processStyle(src: string, filename: string, options: TransformOptions): Promise<{
+        css: string;
+        lastPlugin: import("postcss/lib/postcss").Plugin | import("postcss/lib/postcss").TransformCallback;
+        map: import("postcss/lib/postcss").SourceMap;
+        messages: import("postcss/lib/result").Message[];
+        opts: import("postcss/lib/result").ResultOptions;
+        processor: import("postcss/lib/processor").default;
+        root: import("postcss/lib/root").default;
+        filename: string;
+    }>;
+    /**
+     * postcss处理
+     * @param param0 PostcssParam
+     * @returns {Promise | any}
+     */
+    postCSS({ css, map, filename, postcssConfig, transformOptions, additionalData }: PostcssParam): Promise<{
+        css: string;
+        lastPlugin: import("postcss/lib/postcss").Plugin | import("postcss/lib/postcss").TransformCallback;
+        map: import("postcss/lib/postcss").SourceMap;
+        messages: import("postcss/lib/result").Message[];
+        opts: import("postcss/lib/result").ResultOptions;
+        processor: import("postcss/lib/processor").default;
+        root: import("postcss/lib/root").default;
+        filename: string;
+    }>;
+    /**
+     * @description 处理样式入口
+     * @param {string} src
+     * @param {string} filename
+     * @param {object} transform
+     * @return {string} JSONString
+     */
+    transform(src: string, filename: string, options: TransformOptions): Promise<string>;
+}
+export {};

package/dist/transforms/index.js

@@ -0,0 +1,221 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getWrapedCSS = getWrapedCSS;
+const path = __importStar(require("node:path"));
+const helper_1 = require("@tarojs/helper");
+// @ts-ignore
+const taro_css_to_react_native_1 = __importDefault(require("taro-css-to-react-native"));
+const utils_1 = require("../utils");
+const less_1 = __importDefault(require("./less"));
+const postcss_1 = __importStar(require("./postcss"));
+const sass_1 = __importDefault(require("./sass"));
+const StyleSheet_1 = require("./StyleSheet");
+const stylus_1 = __importStar(require("./stylus"));
+// @ts-ignore
+function getWrapedCSS(css) {
+    return `
+import { StyleSheet } from 'react-native'
+import { scalePx2dp, scaleVu2dp } from '@htyf-mp/taro-runtime-rn'
+
+// 用来标识 rn-runner transformer 是否读写缓存
+function ignoreStyleFileCache() {}
+
+export default StyleSheet.create(${css})
+`;
+}
+/**
+ * 校验样式
+ */
+// @ts-ignore
+function validateStyle({ styleObject, filename }) {
+    for (const name in styleObject) {
+        try {
+            StyleSheet_1.StyleSheetValidation.validateStyle(name, styleObject);
+        }
+        catch (err) {
+            // 先忽略掉 scalePx2dp 的报错
+            // @ts-ignore
+            if (/Invalid prop `.*` of type `string` supplied to `.*`, expected `number`[^]*/g.test(err.message))
+                return;
+            // @ts-ignore
+            (0, helper_1.printLog)("warning" /* processTypeEnum.WARNING */, err.message, `entry file: ${filename}`);
+        }
+    }
+}
+const designWidth = 750;
+const deviceRatio = {
+    640: 2.34 / 2,
+    750: 1,
+    828: 1.81 / 2
+};
+const DEFAULT_RN_CONFIG = {
+    ["postcss" /* ProcessTypes.POSTCSS */]: {
+        options: {},
+        scalable: true
+    },
+    ["sass" /* ProcessTypes.SASS */]: {
+        options: {}
+    },
+    ["less" /* ProcessTypes.LESS */]: {
+        options: {}
+    },
+    ["stylus" /* ProcessTypes.STYLUS */]: {
+        options: stylus_1.defaultOptions
+    }
+};
+class StyleTransform {
+    constructor(config) {
+        this.processConfigMap = new Map();
+        this.init = (config) => {
+            var _a;
+            this.config = {
+                designWidth: config.designWidth || designWidth,
+                deviceRatio: config.deviceRatio || deviceRatio,
+                sass: config.sass || {},
+                alias: (_a = config.alias) !== null && _a !== void 0 ? _a : {},
+                htyf: (0, helper_1.recursiveMerge)({}, DEFAULT_RN_CONFIG, config.htyf)
+            };
+            // @ts-ignore
+            Reflect.ownKeys(this.config.htyf || {}).forEach((key) => {
+                var _a;
+                if ([
+                    "sass" /* ProcessTypes.SASS */,
+                    "less" /* ProcessTypes.LESS */,
+                    "stylus" /* ProcessTypes.STYLUS */,
+                    "postcss" /* ProcessTypes.POSTCSS */
+                ].includes(key.toLocaleLowerCase())) {
+                    const processConfig = Object.assign(Object.assign({}, (this.config.htyf || {})[key]), { alias: (_a = config.alias) !== null && _a !== void 0 ? _a : {} });
+                    if (key.toLocaleLowerCase() === "sass" /* ProcessTypes.SASS */) {
+                        processConfig.sass = this.config.sass;
+                    }
+                    this.processConfigMap.set(key, processConfig);
+                }
+            });
+        };
+        this.init(config);
+    }
+    /**
+     * @description 样式文件处理
+     * @param {string} src
+     * @param {string} filename
+     * @param {object} options
+     */
+    async processStyle(src, filename, options) {
+        let result;
+        let css = src;
+        let map;
+        let additionalData = '';
+        const ext = path.extname(filename);
+        if (/.less$/i.test(ext)) {
+            result = await (0, less_1.default)(src, filename, this.processConfigMap.get("less" /* ProcessTypes.LESS */));
+        }
+        else if (/.s(c|a)ss$/i.test(ext)) {
+            result = await (0, sass_1.default)(src, filename, this.processConfigMap.get("sass" /* ProcessTypes.SASS */), options);
+        }
+        else if (/.styl(us)?$/i.test(ext)) {
+            result = await (0, stylus_1.default)(src, filename, this.processConfigMap.get("stylus" /* ProcessTypes.STYLUS */));
+        }
+        if (result) {
+            css = Buffer.isBuffer(result.css) ? result.css.toString() : result.css;
+            map = Buffer.isBuffer(result.map) ? result.map.toString() : result.map;
+            additionalData = result.additionalData;
+        }
+        // postcss 插件，比如处理平台特有样式，单位转换
+        return this.postCSS({
+            css,
+            map,
+            filename,
+            additionalData,
+            transformOptions: options,
+            postcssConfig: this.processConfigMap.get("postcss" /* ProcessTypes.POSTCSS */)
+        });
+    }
+    /**
+     * postcss处理
+     * @param param0 PostcssParam
+     * @returns {Promise | any}
+     */
+    postCSS({ css, map, filename, postcssConfig, transformOptions, additionalData }) {
+        const plugins = (0, postcss_1.makePostcssPlugins)({
+            filename,
+            postcssConfig,
+            transformOptions,
+            designWidth: this.config.designWidth,
+            deviceRatio: this.config.deviceRatio,
+            additionalData: additionalData
+        });
+        return (0, postcss_1.default)(css, filename, {
+            plugins,
+            options: Object.assign(Object.assign({}, postcssConfig.options), { map: map && {
+                    prev: (0, utils_1.normalizeSourceMap)(map, filename),
+                    inline: false,
+                    annotation: false
+                } })
+        }).then(result => {
+            return Object.assign(Object.assign({}, result), { filename });
+        });
+    }
+    /**
+     * @description 处理样式入口
+     * @param {string} src
+     * @param {string} filename
+     * @param {object} transform
+     * @return {string} JSONString
+     */
+    async transform(src, filename, options) {
+        var _a, _b;
+        // printLog(processTypeEnum.START, '样式文件处理开始', filename)
+        const result = await this.processStyle(src, filename, options);
+        // 把 css 转换成对象 rn 的样式，接入 taro 的 css-to-react-native，比如有单位的处理
+        const styleObject = (0, taro_css_to_react_native_1.default)(result.css, {
+            parseMediaQueries: true,
+            scalable: (_b = (_a = this.config.htyf) === null || _a === void 0 ? void 0 : _a.postcss) === null || _b === void 0 ? void 0 : _b.scalable
+        });
+        // stylelint，转换成对象，对对象进行校验
+        validateStyle({ styleObject, filename });
+        const css = JSON.stringify(styleObject, null, 2)
+            .replace(/"(scalePx2dp\(.*?\))"/g, '$1')
+            .replace(/"(scaleVu2dp\(.*?\))"/g, '$1')
+            .replace(/\\\\/g, '\\');
+        // 注入自适应方法 scalePx2dp
+        return getWrapedCSS(css);
+    }
+}
+exports.default = StyleTransform;
+//# sourceMappingURL=index.js.map

package/dist/transforms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/transforms/index.ts"],"names":[],"mappings":"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"}

package/dist/transforms/less.d.ts

@@ -0,0 +1,2 @@
+import { LessConfig, RenderAdditionalResult } from '../types';
+export default function transform(src: string, filename: string, config: LessConfig): Promise<RenderAdditionalResult>;

package/dist/transforms/less.js

@@ -0,0 +1,70 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transform;
+const path = __importStar(require("node:path"));
+// @ts-ignore
+const less_1 = __importDefault(require("less"));
+const utils_1 = require("../utils");
+const lessImport_1 = __importDefault(require("../utils/lessImport"));
+// @ts-ignore
+function renderToCSS(src, filename, options = {}) {
+    // default plugins
+    const plugins = [(0, lessImport_1.default)(options)];
+    // default paths set current filePath
+    const paths = [path.dirname(path.resolve(process.cwd(), filename))];
+    return new Promise((resolve, reject) => {
+        less_1.default
+            .render(src, Object.assign(Object.assign({}, options), { filename, plugins: plugins.concat(options.plugins || []), paths: paths.concat(options.paths || []) }), (err, result) => {
+            if (err) {
+                return reject(err.message);
+            }
+            resolve(result);
+        });
+    });
+}
+function transform(src, filename, config) {
+    const additionalData = (0, utils_1.getAdditionalData)(src, config.additionalData);
+    const data = (0, utils_1.insertBefore)(src, additionalData);
+    return renderToCSS(data, filename, Object.assign({ sourceMap: {
+            outputFilename: `${filename}.map`
+        }, alias: config.alias }, config.options)).then((result) => {
+        return Object.assign(Object.assign({}, result), { additionalData });
+    });
+}
+//# sourceMappingURL=less.js.map

package/dist/transforms/less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"less.js","sourceRoot":"","sources":["../../src/transforms/less.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAY,IAAI,sCAAiB;AAEjC,aAAa;AACb,gDAAuB;AAGvB,oCAA0D;AAC1D,qEAAgD;AAEhD,aAAa;AACb,SAAS,WAAW,CAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,GAAG,EAAS;IACtD,kBAAkB;IAClB,MAAM,OAAO,GAAG,CAAC,IAAA,oBAAc,EAAC,OAAO,CAAC,CAAC,CAAA;IACzC,qCAAqC;IACrC,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IACnE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,cAAI;aACD,MAAM,CAAC,GAAG,kCACN,OAAO,KACV,QAAQ,EACR,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,EAC9C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,KAEvC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;YACjB,IAAI,GAAG,EAAE,CAAC;gBACR,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YAC5B,CAAC;YACD,OAAO,CAAC,MAAM,CAAC,CAAA;QACjB,CAAC,CAAC,CAAA;IACN,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,mBACE,GAAW,EACX,QAAgB,EAChB,MAAkB;IAElB,MAAM,cAAc,GAAG,IAAA,yBAAiB,EAAC,GAAG,EAAE,MAAM,CAAC,cAAc,CAAC,CAAA;IACpE,MAAM,IAAI,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,cAAc,CAAC,CAAA;IAE9C,OAAO,WAAW,CAChB,IAAI,EACJ,QAAQ,kBAEN,SAAS,EAAE;YACT,cAAc,EAAE,GAAG,QAAQ,MAAM;SAClC,EACD,KAAK,EAAE,MAAM,CAAC,KAAK,IAChB,MAAM,CAAC,OAAO,EAGpB,CAAC,IAAI,CAAC,CAAC,MAAoB,EAAE,EAAE;QAC9B,OAAO,gCAAK,MAAM,KAAE,cAAc,GAA4B,CAAA;IAChE,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/transforms/postcss.d.ts

@@ -0,0 +1,13 @@
+import postcss from 'postcss';
+export declare function makePostcssPlugins({ filename, designWidth, deviceRatio, postcssConfig, transformOptions, additionalData }: {
+    additionalData: any;
+    designWidth: any;
+    deviceRatio: any;
+    filename: any;
+    postcssConfig: any;
+    transformOptions: any;
+}): any[];
+export default function transform(src: string, filename: string, { options, plugins }: {
+    options: any;
+    plugins: any;
+}): Promise<postcss.Result<postcss.Root>>;

package/dist/transforms/postcss.js

@@ -0,0 +1,135 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makePostcssPlugins = makePostcssPlugins;
+exports.default = transform;
+const path = __importStar(require("node:path"));
+const helper_1 = require("@tarojs/helper");
+const postcss_1 = __importDefault(require("postcss"));
+// @ts-ignore
+const postcss_css_variables_1 = __importDefault(require("postcss-css-variables"));
+// @ts-ignore
+const postcss_import_1 = __importDefault(require("postcss-import"));
+// @ts-ignore
+const postcss_pxtransform_1 = __importDefault(require("postcss-pxtransform"));
+const stylelint_1 = __importDefault(require("stylelint"));
+const rn_stylelint_json_1 = __importDefault(require("../config/rn-stylelint.json"));
+const utils_1 = require("../utils");
+const reporterSkip_1 = __importDefault(require("../utils/reporterSkip"));
+const defaultPxtransformOption = {
+    enable: true,
+    config: {
+        platform: 'htyf'
+    }
+};
+const defaultPostcssCssVariablesOption = {
+    enable: true,
+    config: {}
+};
+function makePostcssPlugins({ 
+// @ts-ignore
+filename, 
+// @ts-ignore
+designWidth, 
+// @ts-ignore
+deviceRatio, 
+// @ts-ignore
+postcssConfig, 
+// @ts-ignore
+transformOptions, 
+// @ts-ignore
+additionalData }) {
+    const optionsWithDefaults = ['pxtransform', 'postcss-import', 'postcss-reporter', 'stylelint', 'cssModules', 'postcss-css-variables'];
+    if (designWidth) {
+        defaultPxtransformOption.config.designWidth = designWidth;
+    }
+    if (deviceRatio) {
+        defaultPxtransformOption.config.deviceRatio = deviceRatio;
+    }
+    const pxtransformOption = (0, helper_1.recursiveMerge)({}, defaultPxtransformOption, postcssConfig.pxtransform);
+    const postcssCssVariablesOption = (0, helper_1.recursiveMerge)({}, defaultPostcssCssVariablesOption, postcssConfig['postcss-css-variables']);
+    const plugins = [
+        (0, postcss_import_1.default)({
+            resolve: function resolve(id, basedir, options) {
+                return (0, utils_1.resolveStyle)(id, Object.assign(Object.assign({}, options), { basedir, defaultExt: '.css', alias: postcssConfig.alias, platform: transformOptions.platform }));
+            }
+        })
+    ];
+    if (pxtransformOption.enable) {
+        // @ts-ignore
+        plugins.push((0, postcss_pxtransform_1.default)(pxtransformOption.config));
+    }
+    if (postcssCssVariablesOption.enable) {
+        plugins.push((0, postcss_css_variables_1.default)(postcssCssVariablesOption.config));
+    }
+    const skipRows = additionalData ? additionalData.split('\n').length : 0;
+    plugins.push(
+    // @ts-ignore
+    (0, stylelint_1.default)(rn_stylelint_json_1.default), 
+    // @ts-ignore
+    (0, reporterSkip_1.default)({ skipRows, filename }), require('postcss-reporter')({ clearReportedMessages: true }));
+    Object.entries(postcssConfig).forEach(([pluginName, pluginOption]) => {
+        if (optionsWithDefaults.indexOf(pluginName) > -1)
+            return;
+        if (!pluginOption || !pluginOption.enable)
+            return;
+        if (!(0, helper_1.isNpmPkg)(pluginName)) { // local plugin
+            pluginName = path.join(process.cwd(), pluginName);
+        }
+        try {
+            const pluginPath = (0, helper_1.resolveSync)(pluginName, { basedir: process.cwd() }) || '';
+            plugins.push(require(pluginPath)(pluginOption.config || {}));
+        }
+        catch (e) {
+            // @ts-ignore
+            const msg = e.code === 'MODULE_NOT_FOUND' ? `缺少postcss插件${pluginName}, 已忽略` : e;
+            // @ts-ignore
+            (0, helper_1.printLog)("warning" /* processTypeEnum.WARNING */, msg);
+        }
+    });
+    return plugins;
+}
+// @ts-ignore
+function transform(src, filename, { options, plugins }) {
+    return (0, postcss_1.default)(plugins)
+        .process(src, Object.assign({ from: filename }, options))
+        .then(result => {
+        return result;
+    });
+}
+//# sourceMappingURL=postcss.js.map

package/dist/transforms/postcss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"postcss.js","sourceRoot":"","sources":["../../src/transforms/postcss.ts"],"names":[],"mappings":"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"}

package/dist/transforms/sass.d.ts

@@ -0,0 +1,2 @@
+import { RenderAdditionalResult, SassConfig, TransformOptions } from '../types';
+export default function transform(src: string, filename: string, config: SassConfig, transformOptions: TransformOptions): Promise<RenderAdditionalResult>;