@builder.io/mitosis 0.0.45 → 0.0.46

package/dist/src/generators/solid.js

@@ -24,8 +24,8 @@ var is_mitosis_node_1 = require("../helpers/is-mitosis-node");
 // Transform <foo.bar key="value" /> to <component :is="foo.bar" key="value" />
 function processDynamicComponents(json, options) {
     var found = false;
-    traverse_1.default(json).forEach(function (node) {
-        if (is_mitosis_node_1.isMitosisNode(node)) {
+    (0, traverse_1.default)(json).forEach(function (node) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
             if (node.name.includes('.')) {
                 node.bindings.component = node.name;
                 node.name = 'Dynamic';
@@ -63,20 +63,20 @@ var collectClassString = function (json) {
     }
     if (typeof json.bindings.css === 'string' &&
         json.bindings.css.trim().length > 4) {
-        dynamicClasses.push("css(" + json.bindings.css + ")");
+        dynamicClasses.push("css(".concat(json.bindings.css, ")"));
     }
     delete json.bindings.css;
     var staticClassesString = staticClasses.join(' ');
     var dynamicClassesString = dynamicClasses.join(" + ' ' + ");
     var hasDynamicClasses = Boolean(dynamicClasses.length);
     if (hasStaticClasses && !hasDynamicClasses) {
-        return "\"" + staticClassesString + "\"";
+        return "\"".concat(staticClassesString, "\"");
     }
     if (hasDynamicClasses && !hasStaticClasses) {
-        return "{" + dynamicClassesString + "}";
+        return "{".concat(dynamicClassesString, "}");
     }
     if (hasDynamicClasses && hasStaticClasses) {
-        return "{\"" + staticClassesString + " \" + " + dynamicClassesString + "}";
+        return "{\"".concat(staticClassesString, " \" + ").concat(dynamicClassesString, "}");
     }
     return null;
 };
@@ -86,29 +86,29 @@ var blockToSolid = function (json, options) {
         return json.properties._text;
     }
     if (json.bindings._text) {
-        return "{" + json.bindings._text + "}";
+        return "{".concat(json.bindings._text, "}");
     }
     if (json.name === 'For') {
         var needsWrapper = json.children.length !== 1;
-        return "<For each={" + json.bindings.each + "}>\n    {(" + json.properties._forName + ", index) =>\n      " + (needsWrapper ? '<>' : '') + "\n        " + json.children.map(function (child) { return blockToSolid(child, options); }) + "}\n      " + (needsWrapper ? '</>' : '') + "\n    </For>";
+        return "<For each={".concat(json.bindings.each, "}>\n    {(").concat(json.properties._forName, ", index) =>\n      ").concat(needsWrapper ? '<>' : '', "\n        ").concat(json.children.map(function (child) { return blockToSolid(child, options); }), "}\n      ").concat(needsWrapper ? '</>' : '', "\n    </For>");
     }
     var str = '';
     if (json.name === 'Fragment') {
         str += '<';
     }
     else {
-        str += "<" + json.name + " ";
+        str += "<".concat(json.name, " ");
     }
     var classString = collectClassString(json);
     if (classString) {
-        str += " class=" + classString + " ";
+        str += " class=".concat(classString, " ");
     }
     if (json.bindings._spread) {
-        str += " {...(" + json.bindings._spread + ")} ";
+        str += " {...(".concat(json.bindings._spread, ")} ");
     }
     for (var key in json.properties) {
         var value = json.properties[key];
-        str += " " + key + "=\"" + value + "\" ";
+        str += " ".concat(key, "=\"").concat(value, "\" ");
     }
     for (var key in json.bindings) {
         var value = json.bindings[key];
@@ -117,10 +117,10 @@ var blockToSolid = function (json, options) {
         }
         if (key.startsWith('on')) {
             var useKey = key === 'onChange' && json.name === 'input' ? 'onInput' : key;
-            str += " " + useKey + "={event => " + value + "} ";
+            str += " ".concat(useKey, "={event => ").concat(value, "} ");
         }
         else {
-            str += " " + key + "={" + value + "} ";
+            str += " ".concat(key, "={").concat(value, "} ");
         }
     }
     if (jsx_1.selfClosingTags.has(json.name)) {
@@ -134,57 +134,58 @@ var blockToSolid = function (json, options) {
         str += '</>';
     }
     else {
-        str += "</" + json.name + ">";
+        str += "</".concat(json.name, ">");
     }
     return str;
 };
 var getRefsString = function (json, refs) {
-    if (refs === void 0) { refs = get_refs_1.getRefs(json); }
+    if (refs === void 0) { refs = (0, get_refs_1.getRefs)(json); }
     var str = '';
     for (var _i = 0, _a = Array.from(refs); _i < _a.length; _i++) {
         var ref = _a[_i];
-        str += "\nconst " + ref + " = useRef();";
+        str += "\nconst ".concat(ref, " = useRef();");
     }
     return str;
 };
-var componentToSolid = function (componentJson, options) {
+var componentToSolid = function (options) {
     if (options === void 0) { options = {}; }
-    var json = fast_clone_1.fastClone(componentJson);
-    if (options.plugins) {
-        json = plugins_1.runPreJsonPlugins(json, options.plugins);
-    }
-    var componentHasStyles = collect_styles_1.hasStyles(json);
-    var addWrapper = json.children.length > 1;
-    if (options.plugins) {
-        json = plugins_1.runPostJsonPlugins(json, options.plugins);
-    }
-    strip_meta_properties_1.stripMetaProperties(json);
-    var foundDynamicComponents = processDynamicComponents(json, options);
-    var stateString = get_state_object_string_1.getStateObjectStringFromComponent(json);
-    var hasState = Boolean(Object.keys(componentJson.state).length);
-    var componentsUsed = get_components_used_1.getComponentsUsed(json);
-    var hasShowComponent = componentsUsed.has('Show');
-    var hasForComponent = componentsUsed.has('For');
-    var str = dedent_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n\n    export default function ", "(props) {\n      ", "\n      \n      ", "\n\n      ", "\n\n      return (", "\n        ", "\n        ", ")\n    }\n\n  "], ["\n    ",
-        "\n    ", "\n    ", "\n    ",
-        "\n    ", "\n\n    export default function ", "(props) {\n      ", "\n      \n      ", "\n\n      ", "\n\n      return (", "\n        ", "\n        ", ")\n    }\n\n  "])), !(hasShowComponent || hasForComponent)
-        ? ''
-        : "import { \n          " + (!hasShowComponent ? '' : 'Show, ') + "\n          " + (!hasForComponent ? '' : 'For, ') + "\n          " + (!json.hooks.onMount ? '' : 'onMount, ') + "\n         } from 'solid-js';", !foundDynamicComponents ? '' : "import { Dynamic } from 'solid-js/web';", !hasState ? '' : "import { createMutable } from 'solid-js/store';", !componentHasStyles
-        ? ''
-        : "import { css } from \"solid-styled-components\";", render_imports_1.renderPreComponent(json), json.name, !hasState ? '' : "const state = createMutable(" + stateString + ");", getRefsString(json), !json.hooks.onMount ? '' : "onMount(() => { " + json.hooks.onMount + " })", addWrapper ? '<>' : '', json.children.map(function (item) { return blockToSolid(item, options); }).join('\n'), addWrapper ? '</>' : '');
-    if (options.plugins) {
-        str = plugins_1.runPreCodePlugins(str, options.plugins);
-    }
-    if (options.prettier !== false) {
-        str = standalone_1.format(str, {
-            parser: 'typescript',
-            plugins: [require('prettier/parser-typescript')],
-        });
-    }
-    if (options.plugins) {
-        str = plugins_1.runPostCodePlugins(str, options.plugins);
-    }
-    return str;
+    return function (_a) {
+        var component = _a.component;
+        var json = (0, fast_clone_1.fastClone)(component);
+        if (options.plugins) {
+            json = (0, plugins_1.runPreJsonPlugins)(json, options.plugins);
+        }
+        var componentHasStyles = (0, collect_styles_1.hasStyles)(json);
+        var addWrapper = json.children.length > 1;
+        if (options.plugins) {
+            json = (0, plugins_1.runPostJsonPlugins)(json, options.plugins);
+        }
+        (0, strip_meta_properties_1.stripMetaProperties)(json);
+        var foundDynamicComponents = processDynamicComponents(json, options);
+        var stateString = (0, get_state_object_string_1.getStateObjectStringFromComponent)(json);
+        var hasState = Boolean(Object.keys(component.state).length);
+        var componentsUsed = (0, get_components_used_1.getComponentsUsed)(json);
+        var hasShowComponent = componentsUsed.has('Show');
+        var hasForComponent = componentsUsed.has('For');
+        var str = (0, dedent_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n\n    export default function ", "(props) {\n      ", "\n      \n      ", "\n\n      ", "\n\n      return (", "\n        ", "\n        ", ")\n    }\n\n  "], ["\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n\n    export default function ", "(props) {\n      ", "\n      \n      ", "\n\n      ", "\n\n      return (", "\n        ", "\n        ", ")\n    }\n\n  "])), !(hasShowComponent || hasForComponent)
+            ? ''
+            : "import { \n          ".concat(!hasShowComponent ? '' : 'Show, ', "\n          ").concat(!hasForComponent ? '' : 'For, ', "\n          ").concat(!json.hooks.onMount ? '' : 'onMount, ', "\n         } from 'solid-js';"), !foundDynamicComponents ? '' : "import { Dynamic } from 'solid-js/web';", !hasState ? '' : "import { createMutable } from 'solid-js/store';", !componentHasStyles
+            ? ''
+            : "import { css } from \"solid-styled-components\";", (0, render_imports_1.renderPreComponent)(json), json.name, !hasState ? '' : "const state = createMutable(".concat(stateString, ");"), getRefsString(json), !json.hooks.onMount ? '' : "onMount(() => { ".concat(json.hooks.onMount, " })"), addWrapper ? '<>' : '', json.children.map(function (item) { return blockToSolid(item, options); }).join('\n'), addWrapper ? '</>' : '');
+        if (options.plugins) {
+            str = (0, plugins_1.runPreCodePlugins)(str, options.plugins);
+        }
+        if (options.prettier !== false) {
+            str = (0, standalone_1.format)(str, {
+                parser: 'typescript',
+                plugins: [require('prettier/parser-typescript')],
+            });
+        }
+        if (options.plugins) {
+            str = (0, plugins_1.runPostCodePlugins)(str, options.plugins);
+        }
+        return str;
+    };
 };
 exports.componentToSolid = componentToSolid;
 var templateObject_1;

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

@@ -1,10 +1,7 @@
-import { MitosisComponent } from '../types/mitosis-component';
 import { MitosisNode } from '../types/mitosis-node';
-import { Plugin } from '../modules/plugins';
-export declare type ToSvelteOptions = {
-    prettier?: boolean;
+import { BaseTranspilerOptions, Transpiler } from '../types/config';
+export interface ToSvelteOptions extends BaseTranspilerOptions {
     stateType?: 'proxies' | 'variables';
-    plugins?: Plugin[];
-};
+}
 export declare const blockToSvelte: (json: MitosisNode, options: ToSvelteOptions) => string;
-export declare const componentToSvelte: (componentJson: MitosisComponent, options?: ToSvelteOptions) => string;
+export declare const componentToSvelte: (options?: ToSvelteOptions) => Transpiler;

package/dist/src/generators/svelte.js

@@ -37,51 +37,51 @@ var strip_meta_properties_1 = require("../helpers/strip-meta-properties");
 var remove_surrounding_block_1 = require("../helpers/remove-surrounding-block");
 var mappers = {
     Fragment: function (json, options) {
-        return "" + json.children
-            .map(function (item) { return exports.blockToSvelte(item, options); })
-            .join('\n');
+        return "".concat(json.children
+            .map(function (item) { return (0, exports.blockToSvelte)(item, options); })
+            .join('\n'));
     },
 };
 var blockToSvelte = function (json, options) {
     if (mappers[json.name]) {
         return mappers[json.name](json, options);
     }
-    if (is_children_1.default(json)) {
+    if ((0, is_children_1.default)(json)) {
         return "<slot></slot>";
     }
     if (json.properties._text) {
         return json.properties._text;
     }
     if (json.bindings._text) {
-        return "{" + strip_state_and_props_refs_1.stripStateAndPropsRefs(json.bindings._text, {
+        return "{".concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.bindings._text, {
             includeState: options.stateType === 'variables',
-        }) + "}";
+        }), "}");
     }
     var str = '';
     if (json.name === 'For') {
-        str += "{#each " + strip_state_and_props_refs_1.stripStateAndPropsRefs(json.bindings.each, {
+        str += "{#each ".concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.bindings.each, {
             includeState: options.stateType === 'variables',
-        }) + " as " + json.properties._forName + " }";
-        str += json.children.map(function (item) { return exports.blockToSvelte(item, options); }).join('\n');
+        }), " as ").concat(json.properties._forName, " }");
+        str += json.children.map(function (item) { return (0, exports.blockToSvelte)(item, options); }).join('\n');
         str += "{/each}";
     }
     else if (json.name === 'Show') {
-        str += "{#if " + strip_state_and_props_refs_1.stripStateAndPropsRefs(json.bindings.when, {
+        str += "{#if ".concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.bindings.when, {
             includeState: options.stateType === 'variables',
-        }) + " }";
-        str += json.children.map(function (item) { return exports.blockToSvelte(item, options); }).join('\n');
+        }), " }");
+        str += json.children.map(function (item) { return (0, exports.blockToSvelte)(item, options); }).join('\n');
         str += "{/if}";
     }
     else {
-        str += "<" + json.name + " ";
+        str += "<".concat(json.name, " ");
         if (json.bindings._spread) {
-            str += "{..." + strip_state_and_props_refs_1.stripStateAndPropsRefs(json.bindings._spread, {
+            str += "{...".concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.bindings._spread, {
                 includeState: options.stateType === 'variables',
-            }) + "}";
+            }), "}");
         }
         for (var key in json.properties) {
             var value = json.properties[key];
-            str += " " + key + "=\"" + value + "\" ";
+            str += " ".concat(key, "=\"").concat(value, "\" ");
         }
         for (var key in json.bindings) {
             if (key === '_spread') {
@@ -89,19 +89,19 @@ var blockToSvelte = function (json, options) {
             }
             var value = json.bindings[key];
             // TODO: proper babel transform to replace. Util for this
-            var useValue = strip_state_and_props_refs_1.stripStateAndPropsRefs(value, {
+            var useValue = (0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(value, {
                 includeState: options.stateType === 'variables',
             });
             if (key.startsWith('on')) {
                 var event_1 = key.replace('on', '').toLowerCase();
                 // TODO: handle quotes in event handler values
-                str += " on:" + event_1 + "=\"{event => " + remove_surrounding_block_1.removeSurroundingBlock(useValue) + "}\" ";
+                str += " on:".concat(event_1, "=\"{event => ").concat((0, remove_surrounding_block_1.removeSurroundingBlock)(useValue), "}\" ");
             }
             else if (key === 'ref') {
-                str += " bind:this={" + useValue + "} ";
+                str += " bind:this={".concat(useValue, "} ");
             }
             else {
-                str += " " + key + "={" + useValue + "} ";
+                str += " ".concat(key, "={").concat(useValue, "} ");
             }
         }
         if (jsx_1.selfClosingTags.has(json.name)) {
@@ -110,10 +110,10 @@ var blockToSvelte = function (json, options) {
         str += '>';
         if (json.children) {
             str += json.children
-                .map(function (item) { return exports.blockToSvelte(item, options); })
+                .map(function (item) { return (0, exports.blockToSvelte)(item, options); })
                 .join('\n');
         }
-        str += "</" + json.name + ">";
+        str += "</".concat(json.name, ">");
     }
     return str;
 };
@@ -126,12 +126,12 @@ exports.blockToSvelte = blockToSvelte;
  * when easily identified, for more idiomatic svelte code
  */
 var useBindValue = function (json, options) {
-    traverse_1.default(json).forEach(function (item) {
-        if (is_mitosis_node_1.isMitosisNode(item)) {
+    (0, traverse_1.default)(json).forEach(function (item) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             var _a = item.bindings, value = _a.value, onChange = _a.onChange;
             if (value && onChange) {
                 if (onChange.replace(/\s+/g, '') ===
-                    value + "=event.target.value") {
+                    "".concat(value, "=event.target.value")) {
                     delete item.bindings.value;
                     delete item.bindings.onChange;
                     item.bindings['bind:value'] = value;
@@ -140,110 +140,107 @@ var useBindValue = function (json, options) {
         }
     });
 };
-var componentToSvelte = function (componentJson, options) {
+var componentToSvelte = function (options) {
     if (options === void 0) { options = {}; }
-    var useOptions = __assign(__assign({}, options), { stateType: 'variables' });
-    // Make a copy we can safely mutate, similar to babel's toolchain
-    var json = fast_clone_1.fastClone(componentJson);
-    if (useOptions.plugins) {
-        json = plugins_1.runPreJsonPlugins(json, useOptions.plugins);
-    }
-    var refs = Array.from(get_refs_1.getRefs(json));
-    useBindValue(json, useOptions);
-    if (useOptions.plugins) {
-        json = plugins_1.runPostJsonPlugins(json, useOptions.plugins);
-    }
-    var css = collect_styles_1.collectCss(json);
-    strip_meta_properties_1.stripMetaProperties(json);
-    var dataString = get_state_object_string_1.getStateObjectStringFromComponent(json, {
-        data: true,
-        functions: false,
-        getters: false,
-        format: useOptions.stateType === 'proxies' ? 'object' : 'variables',
-        keyPrefix: useOptions.stateType === 'variables' ? 'let ' : '',
-        valueMapper: function (code) {
-            return strip_state_and_props_refs_1.stripStateAndPropsRefs(code, {
-                includeState: useOptions.stateType === 'variables',
-            });
-        },
-    });
-    var getterString = get_state_object_string_1.getStateObjectStringFromComponent(json, {
-        data: false,
-        getters: true,
-        functions: false,
-        format: 'variables',
-        keyPrefix: '$: ',
-        valueMapper: function (code) {
-            return strip_state_and_props_refs_1.stripStateAndPropsRefs(code.replace(/^get ([a-zA-Z_\$0-9]+)/, '$1 = ').replace(/\)/, ') => '), {
+    return function (_a) {
+        var component = _a.component;
+        var useOptions = __assign(__assign({}, options), { stateType: 'variables' });
+        // Make a copy we can safely mutate, similar to babel's toolchain
+        var json = (0, fast_clone_1.fastClone)(component);
+        if (useOptions.plugins) {
+            json = (0, plugins_1.runPreJsonPlugins)(json, useOptions.plugins);
+        }
+        var refs = Array.from((0, get_refs_1.getRefs)(json));
+        useBindValue(json, useOptions);
+        if (useOptions.plugins) {
+            json = (0, plugins_1.runPostJsonPlugins)(json, useOptions.plugins);
+        }
+        var css = (0, collect_styles_1.collectCss)(json);
+        (0, strip_meta_properties_1.stripMetaProperties)(json);
+        var dataString = (0, get_state_object_string_1.getStateObjectStringFromComponent)(json, {
+            data: true,
+            functions: false,
+            getters: false,
+            format: useOptions.stateType === 'proxies' ? 'object' : 'variables',
+            keyPrefix: useOptions.stateType === 'variables' ? 'let ' : '',
+            valueMapper: function (code) {
+                return (0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(code, {
+                    includeState: useOptions.stateType === 'variables',
+                });
+            },
+        });
+        var getterString = (0, get_state_object_string_1.getStateObjectStringFromComponent)(json, {
+            data: false,
+            getters: true,
+            functions: false,
+            format: 'variables',
+            keyPrefix: '$: ',
+            valueMapper: function (code) {
+                return (0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(code.replace(/^get ([a-zA-Z_\$0-9]+)/, '$1 = ').replace(/\)/, ') => '), {
+                    includeState: useOptions.stateType === 'variables',
+                });
+            },
+        });
+        var functionsString = (0, get_state_object_string_1.getStateObjectStringFromComponent)(json, {
+            data: false,
+            getters: false,
+            functions: true,
+            format: 'variables',
+            keyPrefix: 'function ',
+            valueMapper: function (code) {
+                return (0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(code, {
+                    includeState: useOptions.stateType === 'variables',
+                });
+            },
+        });
+        var hasData = dataString.length > 4;
+        var props = Array.from((0, get_props_1.getProps)(json));
+        var str = (0, dedent_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    <script>\n      ", "\n      ", "\n      ", "\n\n      ", "\n      ", "\n\n      ", "\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    </script>\n\n    ", "\n\n    ", "\n  "], ["\n    <script>\n      ", "\n      ", "\n      ", "\n\n      ", "\n      ", "\n\n      ", "\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    </script>\n\n    ", "\n\n    ", "\n  "])), !json.hooks.onMount ? '' : "import { onMount } from 'svelte'", !json.hooks.onUnMount ? '' : "import { onDestroy } from 'svelte'", (0, render_imports_1.renderPreComponent)(json), !hasData || useOptions.stateType === 'variables'
+            ? ''
+            : "import onChange from 'on-change'", refs
+            .concat(props)
+            .map(function (name) { return "export let ".concat(name, ";"); })
+            .join('\n'), functionsString.length < 4 ? '' : functionsString, getterString.length < 4 ? '' : getterString, useOptions.stateType === 'proxies'
+            ? dataString.length < 4
+                ? ''
+                : "let state = onChange(".concat(dataString, ", () => state = state)")
+            : dataString, !json.hooks.onMount
+            ? ''
+            : "onMount(() => { ".concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.hooks.onMount, {
                 includeState: useOptions.stateType === 'variables',
-            });
-        },
-    });
-    var functionsString = get_state_object_string_1.getStateObjectStringFromComponent(json, {
-        data: false,
-        getters: false,
-        functions: true,
-        format: 'variables',
-        keyPrefix: 'function ',
-        valueMapper: function (code) {
-            return strip_state_and_props_refs_1.stripStateAndPropsRefs(code, {
+            }), " });"), !json.hooks.onUnMount
+            ? ''
+            : "onDestroy(() => { ".concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.hooks.onUnMount, {
                 includeState: useOptions.stateType === 'variables',
-            });
-        },
-    });
-    var hasData = dataString.length > 4;
-    var props = Array.from(get_props_1.getProps(json));
-    var str = dedent_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    <script>\n      ", "\n      ", "\n      ", "\n\n      ", "\n      ", "\n\n      ", "\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    </script>\n\n    ", "\n\n    ", "\n  "], ["\n    <script>\n      ", "\n      ", "\n      ", "\n\n      ",
-        "\n      ",
-        "\n\n      ", "\n      ", "\n\n      ",
-        "\n\n      ",
-        "\n\n      ",
-        "\n    </script>\n\n    ", "\n\n    ",
-        "\n  "])), !json.hooks.onMount ? '' : "import { onMount } from 'svelte'", !json.hooks.onUnMount ? '' : "import { onDestroy } from 'svelte'", render_imports_1.renderPreComponent(json), !hasData || useOptions.stateType === 'variables'
-        ? ''
-        : "import onChange from 'on-change'", refs
-        .concat(props)
-        .map(function (name) { return "export let " + name + ";"; })
-        .join('\n'), functionsString.length < 4 ? '' : functionsString, getterString.length < 4 ? '' : getterString, useOptions.stateType === 'proxies'
-        ? dataString.length < 4
+            }), " });"), json.children.map(function (item) { return (0, exports.blockToSvelte)(item, useOptions); }).join('\n'), !css.trim().length
             ? ''
-            : "let state = onChange(" + dataString + ", () => state = state)"
-        : dataString, !json.hooks.onMount
-        ? ''
-        : "onMount(() => { " + strip_state_and_props_refs_1.stripStateAndPropsRefs(json.hooks.onMount, {
-            includeState: useOptions.stateType === 'variables',
-        }) + " });", !json.hooks.onUnMount
-        ? ''
-        : "onDestroy(() => { " + strip_state_and_props_refs_1.stripStateAndPropsRefs(json.hooks.onUnMount, {
-            includeState: useOptions.stateType === 'variables',
-        }) + " });", json.children.map(function (item) { return exports.blockToSvelte(item, useOptions); }).join('\n'), !css.trim().length
-        ? ''
-        : "<style>\n      " + css + "\n    </style>");
-    if (useOptions.plugins) {
-        str = plugins_1.runPreCodePlugins(str, useOptions.plugins);
-    }
-    if (useOptions.prettier !== false) {
-        try {
-            str = standalone_1.format(str, {
-                parser: 'svelte',
-                plugins: [
-                    // To support running in browsers
-                    require('prettier/parser-html'),
-                    require('prettier/parser-postcss'),
-                    require('prettier/parser-babel'),
-                    require('prettier/parser-typescript'),
-                    require('prettier-plugin-svelte'),
-                ],
-            });
+            : "<style>\n      ".concat(css, "\n    </style>"));
+        if (useOptions.plugins) {
+            str = (0, plugins_1.runPreCodePlugins)(str, useOptions.plugins);
         }
-        catch (err) {
-            console.warn('Could not prettify', { string: str }, err);
+        if (useOptions.prettier !== false) {
+            try {
+                str = (0, standalone_1.format)(str, {
+                    parser: 'svelte',
+                    plugins: [
+                        // To support running in browsers
+                        require('prettier/parser-html'),
+                        require('prettier/parser-postcss'),
+                        require('prettier/parser-babel'),
+                        require('prettier/parser-typescript'),
+                        require('prettier-plugin-svelte'),
+                    ],
+                });
+            }
+            catch (err) {
+                console.warn('Could not prettify', { string: str }, err);
+            }
         }
-    }
-    if (useOptions.plugins) {
-        str = plugins_1.runPostCodePlugins(str, useOptions.plugins);
-    }
-    return str;
+        if (useOptions.plugins) {
+            str = (0, plugins_1.runPostCodePlugins)(str, useOptions.plugins);
+        }
+        return str;
+    };
 };
 exports.componentToSvelte = componentToSvelte;
 var templateObject_1;

package/dist/src/generators/swift-ui.d.ts

@@ -1,5 +1,5 @@
-import { MitosisComponent } from '../types/mitosis-component';
+import { Transpiler } from '..';
 export declare type ToSwiftOptions = {
     prettier?: boolean;
 };
-export declare const componentToSwift: (componentJson: MitosisComponent, options?: ToSwiftOptions) => string;
+export declare const componentToSwift: (options?: ToSwiftOptions) => Transpiler;