@builder.io/mitosis 0.0.56-99 → 0.0.58

package/dist/src/generators/{solid.js → solid/index.js}

@@ -30,26 +30,32 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToSolid = void 0;
 var dedent_1 = __importDefault(require("dedent"));
 var standalone_1 = require("prettier/standalone");
-var helpers_1 = require("../helpers/styles/helpers");
-var get_refs_1 = require("../helpers/get-refs");
-var get_state_object_string_1 = require("../helpers/get-state-object-string");
-var render_imports_1 = require("../helpers/render-imports");
-var jsx_1 = require("../parsers/jsx");
-var plugins_1 = require("../modules/plugins");
-var fast_clone_1 = require("../helpers/fast-clone");
-var strip_meta_properties_1 = require("../helpers/strip-meta-properties");
-var get_components_used_1 = require("../helpers/get-components-used");
+var helpers_1 = require("../../helpers/styles/helpers");
+var get_refs_1 = require("../../helpers/get-refs");
+var render_imports_1 = require("../../helpers/render-imports");
+var jsx_1 = require("../../parsers/jsx");
+var mitosis_node_1 = require("../../types/mitosis-node");
+var plugins_1 = require("../../modules/plugins");
+var fast_clone_1 = require("../../helpers/fast-clone");
+var strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
+var get_components_used_1 = require("../../helpers/get-components-used");
 var traverse_1 = __importDefault(require("traverse"));
-var is_mitosis_node_1 = require("../helpers/is-mitosis-node");
-var filter_empty_text_nodes_1 = require("../helpers/filter-empty-text-nodes");
-var create_mitosis_node_1 = require("../helpers/create-mitosis-node");
-var context_1 = require("./helpers/context");
-var babel_transform_1 = require("../helpers/babel-transform");
+var is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
+var filter_empty_text_nodes_1 = require("../../helpers/filter-empty-text-nodes");
+var create_mitosis_node_1 = require("../../helpers/create-mitosis-node");
+var context_1 = require("../helpers/context");
+var babel_transform_1 = require("../../helpers/babel-transform");
 var core_1 = require("@babel/core");
 var lodash_1 = require("lodash");
-var state_1 = require("../helpers/state");
-var collect_css_1 = require("../helpers/styles/collect-css");
+var state_1 = require("./state");
+var nullable_1 = require("../../helpers/nullable");
+var get_state_object_string_1 = require("../../helpers/get-state-object-string");
+var collect_css_1 = require("../../helpers/styles/collect-css");
 var hash_sum_1 = __importDefault(require("hash-sum"));
+var DEFAULT_OPTIONS = {
+    state: 'signals',
+    stylesType: 'styled-components',
+};
 // Transform <foo.bar key="value" /> to <component :is="foo.bar" key="value" />
 function processDynamicComponents(json, options) {
     var found = false;
@@ -114,22 +120,41 @@ var collectClassString = function (json, options) {
     }
     return null;
 };
-var blockToSolid = function (json, options) {
-    var _a, _b, _c;
-    if (options === void 0) { options = {}; }
+var preProcessBlockCode = function (_a) {
+    var json = _a.json, options = _a.options, component = _a.component;
+    for (var key in json.properties) {
+        var value = json.properties[key];
+        if (value) {
+            json.properties[key] = (0, state_1.updateStateCode)({ options: options, component: component, updateSetters: false })(value);
+        }
+    }
+    for (var key in json.bindings) {
+        var value = json.bindings[key];
+        if (value === null || value === void 0 ? void 0 : value.code) {
+            json.bindings[key] = {
+                arguments: value.arguments,
+                code: (0, state_1.updateStateCode)({ options: options, component: component, updateSetters: true })(value.code),
+            };
+        }
+    }
+};
+var blockToSolid = function (_a) {
+    var _b, _c, _d;
+    var json = _a.json, options = _a.options, component = _a.component;
+    preProcessBlockCode({ json: json, options: options, component: component });
     if (json.properties._text) {
         return json.properties._text;
     }
-    if ((_a = json.bindings._text) === null || _a === void 0 ? void 0 : _a.code) {
+    if ((_b = json.bindings._text) === null || _b === void 0 ? void 0 : _b.code) {
         return "{".concat(json.bindings._text.code, "}");
     }
-    if (json.name === 'For') {
+    if ((0, mitosis_node_1.checkIsForNode)(json)) {
         var needsWrapper = json.children.length !== 1;
         // The SolidJS `<For>` component has a special index() signal function.
         // https://www.solidjs.com/docs/latest#%3Cfor%3E
-        return "<For each={".concat((_b = json.bindings.each) === null || _b === void 0 ? void 0 : _b.code, "}>\n    {(").concat(json.properties._forName, ", _index) => {\n      const index = _index();\n      return ").concat(needsWrapper ? '<>' : '').concat(json.children
+        return "<For each={".concat((_c = json.bindings.each) === null || _c === void 0 ? void 0 : _c.code, "}>\n    {(").concat(json.scope.forName, ", _index) => {\n      const ").concat(json.scope.indexName || 'index', " = _index();\n      return ").concat(needsWrapper ? '<>' : '').concat(json.children
             .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
-            .map(function (child) { return blockToSolid(child, options); }), "}}\n      ").concat(needsWrapper ? '</>' : '', "\n    </For>");
+            .map(function (child) { return blockToSolid({ component: component, json: child, options: options }); }), "}}\n      ").concat(needsWrapper ? '</>' : '', "\n    </For>");
     }
     var str = '';
     if (json.name === 'Fragment') {
@@ -139,13 +164,13 @@ var blockToSolid = function (json, options) {
         str += "<".concat(json.name, " ");
     }
     if (json.name === 'Show' && json.meta.else) {
-        str += "fallback={".concat(blockToSolid(json.meta.else, options), "}");
+        str += "fallback={".concat(blockToSolid({ component: component, json: json.meta.else, options: options }), "}");
     }
     var classString = collectClassString(json, options);
     if (classString) {
         str += " class=".concat(classString, " ");
     }
-    if ((_c = json.bindings._spread) === null || _c === void 0 ? void 0 : _c.code) {
+    if ((_d = json.bindings._spread) === null || _d === void 0 ? void 0 : _d.code) {
         str += " {...(".concat(json.bindings._spread.code, ")} ");
     }
     for (var key in json.properties) {
@@ -153,7 +178,7 @@ var blockToSolid = function (json, options) {
         str += " ".concat(key, "=\"").concat(value, "\" ");
     }
     for (var key in json.bindings) {
-        var _d = json.bindings[key], code = _d.code, _e = _d.arguments, cusArg = _e === void 0 ? ['event'] : _e;
+        var _e = json.bindings[key], code = _e.code, _f = _e.arguments, cusArg = _f === void 0 ? ['event'] : _f;
         if (key === '_spread' || key === '_forName') {
             continue;
         }
@@ -198,7 +223,7 @@ var blockToSolid = function (json, options) {
     if (json.children) {
         str += json.children
             .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
-            .map(function (item) { return blockToSolid(item, options); })
+            .map(function (item) { return blockToSolid({ component: component, json: item, options: options }); })
             .join('\n');
     }
     if (json.name === 'Fragment') {
@@ -226,12 +251,28 @@ function addProviderComponents(json, options) {
         ];
     }
 }
-var componentToSolid = function (_options) {
-    if (_options === void 0) { _options = {}; }
+var preProcessComponentCode = function (json, options) {
+    var _a;
+    var processCode = (0, state_1.updateStateCode)({ options: options, component: json });
+    if ((_a = json.hooks.onMount) === null || _a === void 0 ? void 0 : _a.code) {
+        json.hooks.onMount.code = processCode(json.hooks.onMount.code);
+    }
+    if (json.hooks.onUpdate) {
+        for (var _i = 0, _b = json.hooks.onUpdate; _i < _b.length; _i++) {
+            var hook = _b[_i];
+            hook.code = processCode(hook.code);
+            if (hook.deps) {
+                hook.deps = processCode(hook.deps);
+            }
+        }
+    }
+};
+var componentToSolid = function (passedOptions) {
+    if (passedOptions === void 0) { passedOptions = DEFAULT_OPTIONS; }
     return function (_a) {
-        var _b, _c, _d;
+        var _b, _c, _d, _e, _f, _g;
         var component = _a.component;
-        var options = __assign({ stylesType: 'styled-components' }, _options);
+        var options = __assign(__assign({}, DEFAULT_OPTIONS), passedOptions);
         var json = (0, fast_clone_1.fastClone)(component);
         if (options.plugins) {
             json = (0, plugins_1.runPreJsonPlugins)(json, options.plugins);
@@ -242,29 +283,28 @@ var componentToSolid = function (_options) {
         if (options.plugins) {
             json = (0, plugins_1.runPostJsonPlugins)(json, options.plugins);
         }
+        preProcessComponentCode(json, options);
         (0, strip_meta_properties_1.stripMetaProperties)(json);
         var foundDynamicComponents = processDynamicComponents(json, options);
         var css = options.stylesType === 'style-tag' &&
             (0, collect_css_1.collectCss)(json, {
                 prefix: (0, hash_sum_1.default)(json),
             });
-        var stateString = (0, get_state_object_string_1.getStateObjectStringFromComponent)(json);
-        var hasState = (0, state_1.checkHasState)(json);
+        var state = (0, state_1.getState)({ json: json, options: options });
         var componentsUsed = (0, get_components_used_1.getComponentsUsed)(json);
         var componentHasContext = (0, context_1.hasContext)(json);
         var hasShowComponent = componentsUsed.has('Show');
         var hasForComponent = componentsUsed.has('For');
-        var solidJSImports = __spreadArray([
+        var solidJSImports = __spreadArray(__spreadArray([
             componentHasContext ? 'useContext' : undefined,
             hasShowComponent ? 'Show' : undefined,
             hasForComponent ? 'For' : undefined,
             ((_b = json.hooks.onMount) === null || _b === void 0 ? void 0 : _b.code) ? 'onMount' : undefined
-        ], (((_c = json.hooks.onUpdate) === null || _c === void 0 ? void 0 : _c.length) ? ['on', 'createEffect'] : []), true).filter(Boolean);
-        var str = (0, dedent_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n\n    function ", "(props) {\n      ", "\n      \n      ", "\n      ", "\n\n      ", "\n      ", "\n\n      return (", "\n        ", "\n        ", "\n        ", ")\n    }\n\n    export default ", ";\n  "], ["\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n\n    function ", "(props) {\n      ", "\n      \n      ", "\n      ", "\n\n      ", "\n      ", "\n\n      return (", "\n        ", "\n        ", "\n        ", ")\n    }\n\n    export default ", ";\n  "])), solidJSImports.length > 0
-            ? "import { \n          ".concat(solidJSImports.map(function (item) { return item; }).join(', '), "\n         } from 'solid-js';")
-            : '', !foundDynamicComponents ? '' : "import { Dynamic } from 'solid-js/web';", !hasState ? '' : "import { createMutable } from 'solid-js/store';", !componentHasStyles && options.stylesType === 'styled-components'
+        ], (((_c = json.hooks.onUpdate) === null || _c === void 0 ? void 0 : _c.length) ? ['on', 'createEffect'] : []), true), ((_d = state === null || state === void 0 ? void 0 : state.import.solidjs) !== null && _d !== void 0 ? _d : []), true).filter(nullable_1.checkIsDefined);
+        var storeImports = (_e = state === null || state === void 0 ? void 0 : state.import.store) !== null && _e !== void 0 ? _e : [];
+        var str = (0, dedent_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n\n    function ", "(props) {\n      ", "\n      \n      ", "\n      ", "\n\n      ", "\n      ", "\n\n      return (", "\n        ", "\n        ", "\n        ", ")\n    }\n\n    export default ", ";\n  "], ["\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n\n    function ", "(props) {\n      ", "\n      \n      ", "\n      ", "\n\n      ", "\n      ", "\n\n      return (", "\n        ", "\n        ", "\n        ", ")\n    }\n\n    export default ", ";\n  "])), solidJSImports.length > 0 ? "import { ".concat(solidJSImports.join(', '), " } from 'solid-js';") : '', !foundDynamicComponents ? '' : "import { Dynamic } from 'solid-js/web';", storeImports.length > 0 ? "import { ".concat(storeImports.join(', '), " } from 'solid-js/store';") : '', !componentHasStyles && options.stylesType === 'styled-components'
             ? ''
-            : "import { css } from \"solid-styled-components\";", (0, render_imports_1.renderPreComponent)({ component: json, target: 'solid' }), json.name, !hasState ? '' : "const state = createMutable(".concat(stateString, ");"), getRefsString(json), getContextString(json, options), !((_d = json.hooks.onMount) === null || _d === void 0 ? void 0 : _d.code) ? '' : "onMount(() => { ".concat(json.hooks.onMount.code, " })"), json.hooks.onUpdate
+            : "import { css } from \"solid-styled-components\";", (0, render_imports_1.renderPreComponent)({ component: json, target: 'solid' }), json.name, (_f = state === null || state === void 0 ? void 0 : state.str) !== null && _f !== void 0 ? _f : '', getRefsString(json), getContextString(json, options), !((_g = json.hooks.onMount) === null || _g === void 0 ? void 0 : _g.code) ? '' : "onMount(() => { ".concat(json.hooks.onMount.code, " })"), json.hooks.onUpdate
             ? json.hooks.onUpdate
                 .map(function (hook, index) {
                 if (hook.deps) {
@@ -279,7 +319,7 @@ var componentToSolid = function (_options) {
                 .join('\n')
             : '', addWrapper ? '<>' : '', json.children
             .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
-            .map(function (item) { return blockToSolid(item, options); })
+            .map(function (item) { return blockToSolid({ component: component, json: item, options: options }); })
             .join('\n'), options.stylesType === 'style-tag' && css && css.trim().length > 4
             ? // We add the jsx attribute so prettier formats this nicely
                 "<style jsx>{`".concat(css, "`}</style>")

package/dist/src/generators/solid/state.d.ts

@@ -0,0 +1,19 @@
+import { MitosisComponent } from '../../types/mitosis-component';
+import { ToSolidOptions } from './types';
+declare type State = {
+    str: string;
+    import: {
+        store?: [string];
+        solidjs?: [string];
+    };
+};
+export declare const updateStateCode: ({ options, component, updateSetters, }: {
+    options: ToSolidOptions;
+    component: MitosisComponent;
+    updateSetters?: boolean | undefined;
+}) => (value: string) => string;
+export declare const getState: ({ json, options, }: {
+    json: MitosisComponent;
+    options: ToSolidOptions;
+}) => State | undefined;
+export {};

package/dist/src/generators/solid/state.js

@@ -0,0 +1,144 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getState = exports.updateStateCode = void 0;
+var core_1 = require("@babel/core");
+var json5_1 = __importDefault(require("json5"));
+var strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
+var babel_transform_1 = require("../../helpers/babel-transform");
+var capitalize_1 = require("../../helpers/capitalize");
+var get_state_object_string_1 = require("../../helpers/get-state-object-string");
+var function_1 = require("fp-ts/lib/function");
+var state_1 = require("../../helpers/state");
+var patterns_1 = require("../../helpers/patterns");
+var getStateSetterName = function (stateName) { return "set".concat((0, capitalize_1.capitalize)(stateName)); };
+var updateStateSettersInCode = function (options) { return function (value) {
+    switch (options.state) {
+        case 'mutable':
+            return value;
+        case 'signals':
+            try {
+                return (0, babel_transform_1.babelTransformExpression)(value, {
+                    AssignmentExpression: function (path) {
+                        var node = path.node;
+                        if (core_1.types.isMemberExpression(node.left)) {
+                            if (core_1.types.isIdentifier(node.left.object)) {
+                                // TODO: utillity to properly trace this reference to the beginning
+                                if (node.left.object.name === 'state') {
+                                    // TODO: ultimately support other property access like strings
+                                    var propertyName = node.left.property.name;
+                                    path.replaceWith(core_1.types.callExpression(core_1.types.identifier(getStateSetterName(propertyName)), [
+                                        node.right,
+                                    ]));
+                                }
+                            }
+                        }
+                    },
+                });
+            }
+            catch (error) {
+                console.log('[Solid.js]: could not update state setters in signals code', value);
+                throw error;
+            }
+    }
+}; };
+var updateStateGettersInCode = function (options, component) { return function (value) {
+    switch (options.state) {
+        case 'mutable':
+            return value;
+        case 'signals':
+            return (0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(value, {
+                includeState: true,
+                includeProps: false,
+                replaceWith: function (name) {
+                    var state = component.state[name];
+                    if (options.state === 'signals' &&
+                        // signal accessors are lazy, so we need to add a function call to property calls
+                        ((state === null || state === void 0 ? void 0 : state.type) === 'property' ||
+                            // getters become plain functions, requiring a function call to access their value
+                            (state === null || state === void 0 ? void 0 : state.type) === 'getter')) {
+                        return "".concat(name, "()");
+                    }
+                    return name;
+                },
+            });
+    }
+}; };
+var updateStateCode = function (_a) {
+    var options = _a.options, component = _a.component, _b = _a.updateSetters, updateSetters = _b === void 0 ? true : _b;
+    return (0, function_1.flow)(updateSetters ? updateStateSettersInCode(options) : function_1.identity, updateStateGettersInCode(options, component), function (x) { return x.trim(); });
+};
+exports.updateStateCode = updateStateCode;
+var processStateValue = function (_a) {
+    var options = _a.options, component = _a.component;
+    var mapValue = (0, exports.updateStateCode)({ options: options, component: component });
+    return function (_a) {
+        var key = _a[0], stateVal = _a[1];
+        var getDefaultCase = function () {
+            return (0, function_1.pipe)(value, json5_1.default.stringify, mapValue, function (x) { return "const [".concat(key, ", ").concat(getStateSetterName(key), "] = createSignal(").concat(x, ")"); });
+        };
+        var value = stateVal === null || stateVal === void 0 ? void 0 : stateVal.code;
+        var type = stateVal === null || stateVal === void 0 ? void 0 : stateVal.type;
+        if (typeof value === 'string') {
+            switch (type) {
+                case 'getter':
+                    return (0, function_1.pipe)(value, patterns_1.replaceGetterWithFunction, mapValue);
+                case 'function':
+                    return mapValue(value);
+                case 'method':
+                    return (0, function_1.pipe)(value, patterns_1.prefixWithFunction, mapValue);
+                default:
+                    return getDefaultCase();
+            }
+        }
+        else {
+            return getDefaultCase();
+        }
+    };
+};
+var LINE_ITEM_DELIMITER = '\n\n\n';
+var getSignalsCode = function (_a) {
+    var json = _a.json, options = _a.options;
+    return Object.entries(json.state)
+        .map(processStateValue({ options: options, component: json }))
+        /**
+         * We need to sort state so that signals are at the top.
+         */
+        .sort(function (a, b) {
+        var aHasSignal = a.includes('createSignal(');
+        var bHasSignal = b.includes('createSignal(');
+        if (aHasSignal && !bHasSignal) {
+            return -1;
+        }
+        else if (!aHasSignal && bHasSignal) {
+            return 1;
+        }
+        else {
+            return 0;
+        }
+    })
+        .join(LINE_ITEM_DELIMITER);
+};
+var getState = function (_a) {
+    var json = _a.json, options = _a.options;
+    var hasState = (0, state_1.checkHasState)(json);
+    if (!hasState) {
+        return undefined;
+    }
+    switch (options.state) {
+        case 'mutable':
+            var stateString = (0, function_1.pipe)((0, get_state_object_string_1.getStateObjectStringFromComponent)(json), function (str) { return "const state = createMutable(".concat(str, ");"); });
+            return {
+                str: stateString,
+                import: { store: ['createMutable'] },
+            };
+        case 'signals':
+            return {
+                str: getSignalsCode({ json: json, options: options }),
+                import: { solidjs: ['createSignal'] },
+            };
+    }
+};
+exports.getState = getState;

package/dist/src/generators/solid/types.d.ts

@@ -0,0 +1,6 @@
+import { BaseTranspilerOptions } from '../../types/transpiler';
+export declare type SolidState = 'mutable' | 'signals';
+export interface ToSolidOptions extends BaseTranspilerOptions {
+    state: SolidState;
+    stylesType?: 'styled-components' | 'style-tag';
+}

package/dist/src/generators/solid/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/generators/stencil/generate.d.ts

@@ -1,4 +1,4 @@
-import { BaseTranspilerOptions, Transpiler } from '../../types/transpiler';
+import { BaseTranspilerOptions, TranspilerGenerator } from '../../types/transpiler';
 export interface ToStencilOptions extends BaseTranspilerOptions {
 }
-export declare const componentToStencil: (options?: ToStencilOptions) => Transpiler;
+export declare const componentToStencil: TranspilerGenerator<ToStencilOptions>;

package/dist/src/generators/stencil/generate.js

@@ -13,6 +13,7 @@ var standalone_1 = require("prettier/standalone");
 var get_state_object_string_1 = require("../../helpers/get-state-object-string");
 var render_imports_1 = require("../../helpers/render-imports");
 var jsx_1 = require("../../parsers/jsx");
+var mitosis_node_1 = require("../../types/mitosis-node");
 var plugins_1 = require("../../modules/plugins");
 var fast_clone_1 = require("../../helpers/fast-clone");
 var strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
@@ -24,6 +25,7 @@ var dash_case_1 = require("../../helpers/dash-case");
 var collect_css_1 = require("../../helpers/styles/collect-css");
 var indent_1 = require("../../helpers/indent");
 var map_refs_1 = require("../../helpers/map-refs");
+var for_1 = require("../../helpers/nodes/for");
 var blockToStencil = function (json, options) {
     var _a, _b, _c, _d, _e;
     if (options === void 0) { options = {}; }
@@ -33,9 +35,10 @@ var blockToStencil = function (json, options) {
     if ((_a = json.bindings._text) === null || _a === void 0 ? void 0 : _a.code) {
         return "{".concat(processBinding((_b = json.bindings) === null || _b === void 0 ? void 0 : _b._text.code), "}");
     }
-    if (json.name === 'For') {
+    if ((0, mitosis_node_1.checkIsForNode)(json)) {
         var wrap = json.children.length !== 1;
-        return "{".concat(processBinding((_c = json.bindings.each) === null || _c === void 0 ? void 0 : _c.code), "?.map((").concat(json.properties._forName, ", index) => (\n      ").concat(wrap ? '<>' : '').concat(json.children
+        var forArgs = (0, for_1.getForArguments)(json).join(', ');
+        return "{".concat(processBinding((_c = json.bindings.each) === null || _c === void 0 ? void 0 : _c.code), "?.map((").concat(forArgs, ") => (\n      ").concat(wrap ? '<>' : '').concat(json.children
             .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
             .map(function (item) { return blockToStencil(item, options); })
             .join('\n')).concat(wrap ? '</>' : '', "\n    ))}");

package/dist/src/generators/svelte.d.ts

@@ -1,15 +1,14 @@
 import { MitosisComponent } from '../types/mitosis-component';
-import { MitosisNode } from '../types/mitosis-node';
-import { BaseTranspilerOptions, Transpiler } from '../types/transpiler';
+import { BaseNode, MitosisNode } from '../types/mitosis-node';
+import { BaseTranspilerOptions, TranspilerGenerator } from '../types/transpiler';
 export interface ToSvelteOptions extends BaseTranspilerOptions {
     stateType?: 'proxies' | 'variables';
 }
-interface BlockToSvelteProps {
-    json: MitosisNode;
+declare type BlockToSvelte<T extends BaseNode = MitosisNode> = (props: {
+    json: T;
     options: ToSvelteOptions;
     parentComponent: MitosisComponent;
-}
-declare type BlockToSvelte = (props: BlockToSvelteProps) => string;
+}) => string;
 export declare const blockToSvelte: BlockToSvelte;
-export declare const componentToSvelte: ({ plugins, ...userProvidedOptions }?: ToSvelteOptions) => Transpiler;
+export declare const componentToSvelte: TranspilerGenerator<ToSvelteOptions>;
 export {};