@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/generators/vue/vue.js

@@ -1,51 +1,38 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToVue = void 0;
-var babel_transform_1 = require("../../helpers/babel-transform");
-var bindings_1 = require("../../helpers/bindings");
-var dedent_1 = require("../../helpers/dedent");
-var fast_clone_1 = require("../../helpers/fast-clone");
-var get_props_1 = require("../../helpers/get-props");
-var is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
-var map_refs_1 = require("../../helpers/map-refs");
-var merge_options_1 = require("../../helpers/merge-options");
-var on_event_1 = require("../../helpers/on-event");
-var process_code_1 = require("../../helpers/plugins/process-code");
-var process_http_requests_1 = require("../../helpers/process-http-requests");
-var render_imports_1 = require("../../helpers/render-imports");
-var replace_identifiers_1 = require("../../helpers/replace-identifiers");
-var slots_1 = require("../../helpers/slots");
-var strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
-var collect_css_1 = require("../../helpers/styles/collect-css");
-var function_1 = require("fp-ts/lib/function");
-var lodash_1 = require("lodash");
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var standalone_1 = require("prettier/standalone");
-var plugins_1 = require("../../modules/plugins");
-var functions_1 = require("../helpers/functions");
-var blocks_1 = require("./blocks");
-var compositionApi_1 = require("./compositionApi");
-var helpers_1 = require("./helpers");
-var optionsApi_1 = require("./optionsApi");
+const babel_transform_1 = require("../../helpers/babel-transform");
+const bindings_1 = require("../../helpers/bindings");
+const dedent_1 = require("../../helpers/dedent");
+const fast_clone_1 = require("../../helpers/fast-clone");
+const get_props_1 = require("../../helpers/get-props");
+const is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
+const map_refs_1 = require("../../helpers/map-refs");
+const merge_options_1 = require("../../helpers/merge-options");
+const on_event_1 = require("../../helpers/on-event");
+const process_code_1 = require("../../helpers/plugins/process-code");
+const process_http_requests_1 = require("../../helpers/process-http-requests");
+const render_imports_1 = require("../../helpers/render-imports");
+const replace_identifiers_1 = require("../../helpers/replace-identifiers");
+const slots_1 = require("../../helpers/slots");
+const strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
+const collect_css_1 = require("../../helpers/styles/collect-css");
+const function_1 = require("fp-ts/lib/function");
+const lodash_1 = require("lodash");
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const standalone_1 = require("prettier/standalone");
+const plugins_1 = require("../../modules/plugins");
+const functions_1 = require("../helpers/functions");
+const blocks_1 = require("./blocks");
+const compositionApi_1 = require("./compositionApi");
+const helpers_1 = require("./helpers");
+const optionsApi_1 = require("./optionsApi");
 // Transform <foo.bar key="value" /> to <component :is="foo.bar" key="value" />
 function processDynamicComponents(json, _options) {
-    (0, legacy_1.default)(json).forEach(function (node) {
+    (0, legacy_1.default)(json).forEach((node) => {
         if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
             if (node.name.includes('.')) {
                 node.bindings.is = (0, bindings_1.createSingleBinding)({ code: node.name });
@@ -55,10 +42,10 @@ function processDynamicComponents(json, _options) {
     });
 }
 function processForKeys(json, _options) {
-    (0, legacy_1.default)(json).forEach(function (node) {
+    (0, legacy_1.default)(json).forEach((node) => {
         if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
             if (node.name === 'For') {
-                var firstChild = node.children[0];
+                const firstChild = node.children[0];
                 if (firstChild && firstChild.bindings.key) {
                     node.bindings.key = firstChild.bindings.key;
                     delete firstChild.bindings.key;
@@ -73,192 +60,208 @@ function processForKeys(json, _options) {
  *
  * We add a `computed` property for the dependencies, and a matching `watch` function for the `onUpdate` code
  */
-var onUpdatePlugin = function (options) { return ({
+const onUpdatePlugin = (options) => ({
     json: {
-        post: function (component) {
+        post: (component) => {
             if (component.hooks.onUpdate) {
                 component.hooks.onUpdate
-                    .filter(function (hook) { var _a; return (_a = hook.deps) === null || _a === void 0 ? void 0 : _a.length; })
-                    .forEach(function (hook, index) {
+                    .filter((hook) => { var _a; return (_a = hook.deps) === null || _a === void 0 ? void 0 : _a.length; })
+                    .forEach((hook, index) => {
                     var _a;
-                    var code = "get ".concat((0, helpers_1.getOnUpdateHookName)(index), " () {\n            return {\n              ").concat((_a = hook.deps) === null || _a === void 0 ? void 0 : _a.slice(1, -1).split(',').map(function (dep, k) {
-                        var val = dep.trim();
-                        return "".concat(k, ": ").concat(val);
-                    }).join(','), "\n            }\n          }");
+                    const code = `get ${(0, helpers_1.getOnUpdateHookName)(index)} () {
+            return {
+              ${(_a = hook.deps) === null || _a === void 0 ? void 0 : _a.slice(1, -1).split(',').map((dep, k) => {
+                        const val = dep.trim();
+                        return `${k}: ${val}`;
+                    }).join(',')}
+            }
+          }`;
                     component.state[(0, helpers_1.getOnUpdateHookName)(index)] = {
-                        code: code,
+                        code,
                         type: 'getter',
                     };
                 });
             }
         },
     },
-}); };
-var BASE_OPTIONS = {
+});
+const BASE_OPTIONS = {
     api: 'options',
     defineComponent: true,
     casing: 'pascal',
 };
-var componentToVue = function (userOptions) {
-    return function (_a) {
-        var _b;
-        var _c, _d, _e, _f, _g, _h;
-        var _component = _a.component, path = _a.path;
-        // Make a copy we can safely mutate, similar to babel's toolchain can be used
-        var component = (0, fast_clone_1.fastClone)(_component);
-        var options = (0, merge_options_1.initializeOptions)({
-            target: 'vue',
-            component: component,
-            defaults: BASE_OPTIONS,
-            userOptions: userOptions,
-        });
-        if (options.api === 'composition') {
-            options.asyncComponentImports = false;
-        }
-        (_b = options.plugins).unshift.apply(_b, __spreadArray(__spreadArray(__spreadArray([(0, on_event_1.processOnEventHooksPlugin)()], (options.api === 'options' ? [onUpdatePlugin] : []), false), (options.api === 'composition' ? [functions_1.FUNCTION_HACK_PLUGIN] : []), false), [(0, process_code_1.CODE_PROCESSOR_PLUGIN)(function (codeType) {
-                if (options.api === 'composition') {
-                    switch (codeType) {
-                        case 'hooks':
-                            return function (code) { return (0, helpers_1.processBinding)({ code: code, options: options, json: component }); };
-                        case 'state':
-                            return function (code) { return (0, helpers_1.processBinding)({ code: code, options: options, json: component }); };
-                        case 'bindings':
-                            return (0, function_1.flow)(
-                            // Strip types from any JS code that ends up in the template, because Vue does not support TS code in templates.
-                            babel_transform_1.convertTypeScriptToJS, function (code) { return (0, helpers_1.processBinding)({ code: code, options: options, json: component, codeType: codeType }); });
-                        case 'context-set':
-                            return function (code) {
-                                return (0, helpers_1.processBinding)({ code: code, options: options, json: component, preserveGetter: true });
-                            };
-                        case 'hooks-deps':
-                            return (0, replace_identifiers_1.replaceStateIdentifier)(null);
-                        case 'properties':
-                        case 'dynamic-jsx-elements':
-                        case 'types':
-                            return function (c) { return c; };
-                    }
-                }
-                else {
-                    switch (codeType) {
-                        case 'hooks':
-                            return function (code) { return (0, helpers_1.processBinding)({ code: code, options: options, json: component }); };
-                        case 'bindings':
-                            return (0, function_1.flow)(
-                            // Strip types from any JS code that ends up in the template, because Vue does not support TS code in templates.
-                            babel_transform_1.convertTypeScriptToJS, function (code) { return (0, helpers_1.processBinding)({ code: code, options: options, json: component, codeType: codeType }); });
-                        case 'properties':
-                        case 'dynamic-jsx-elements':
-                        case 'hooks-deps':
-                        case 'types':
-                            return function (c) { return c; };
-                        case 'state':
-                            return function (c) { return (0, helpers_1.processBinding)({ code: c, options: options, json: component }); };
-                        case 'context-set':
-                            return function (code) {
-                                return (0, helpers_1.processBinding)({
-                                    code: code,
-                                    options: options,
-                                    json: component,
-                                    thisPrefix: '_this',
-                                    preserveGetter: true,
-                                });
-                            };
-                    }
-                }
-            })], false));
-        (0, process_http_requests_1.processHttpRequests)(component);
-        processDynamicComponents(component, options);
-        processForKeys(component, options);
-        component = (0, plugins_1.runPreJsonPlugins)({ json: component, plugins: options.plugins });
-        if (options.api === 'options') {
-            (0, map_refs_1.mapRefs)(component, function (refName) { return "this.$refs.".concat(refName); });
-        }
-        // need to run this before we process the component's code
-        var props = Array.from((0, get_props_1.getProps)(component));
-        var elementProps = props.filter(function (prop) { return !(0, slots_1.isSlotProperty)(prop); });
-        var slotsProps = props.filter(function (prop) { return (0, slots_1.isSlotProperty)(prop); });
-        component = (0, plugins_1.runPostJsonPlugins)({ json: component, plugins: options.plugins });
-        var css = (0, collect_css_1.collectCss)(component, {
-            prefix: (_d = (_c = options.cssNamespace) === null || _c === void 0 ? void 0 : _c.call(options)) !== null && _d !== void 0 ? _d : undefined,
-        });
-        (0, strip_meta_properties_1.stripMetaProperties)(component);
-        var templateStrBody = component.children
-            .map(function (item) { return (0, blocks_1.blockToVue)(item, options, { isRootNode: true }); })
-            .join('\n');
-        var template = options.casing === 'kebab'
-            ? (0, helpers_1.renameMitosisComponentsToKebabCase)(templateStrBody)
-            : templateStrBody;
-        var onUpdateWithDeps = ((_e = component.hooks.onUpdate) === null || _e === void 0 ? void 0 : _e.filter(function (hook) { var _a; return (_a = hook.deps) === null || _a === void 0 ? void 0 : _a.length; })) || [];
-        var onUpdateWithoutDeps = ((_f = component.hooks.onUpdate) === null || _f === void 0 ? void 0 : _f.filter(function (hook) { var _a; return !((_a = hook.deps) === null || _a === void 0 ? void 0 : _a.length); })) || [];
-        var getterKeys = Object.keys((0, lodash_1.pickBy)(component.state, function (i) { return (i === null || i === void 0 ? void 0 : i.type) === 'getter'; }));
-        // import from vue
-        var vueImports = [];
-        if (options.asyncComponentImports) {
-            vueImports.push('defineAsyncComponent');
-        }
-        if (options.api === 'options' && options.defineComponent) {
-            vueImports.push('defineComponent');
-        }
+const componentToVue = (userOptions) => ({ component: _component, path }) => {
+    var _a, _b, _c, _d, _e, _f;
+    // Make a copy we can safely mutate, similar to babel's toolchain can be used
+    let component = (0, fast_clone_1.fastClone)(_component);
+    const options = (0, merge_options_1.initializeOptions)({
+        target: 'vue',
+        component,
+        defaults: BASE_OPTIONS,
+        userOptions: userOptions,
+    });
+    if (options.api === 'composition') {
+        options.asyncComponentImports = false;
+    }
+    options.plugins.unshift((0, on_event_1.processOnEventHooksPlugin)(), ...(options.api === 'options' ? [onUpdatePlugin] : []), ...(options.api === 'composition' ? [functions_1.FUNCTION_HACK_PLUGIN] : []), (0, process_code_1.CODE_PROCESSOR_PLUGIN)((codeType) => {
         if (options.api === 'composition') {
-            onUpdateWithDeps.length && vueImports.push('watch');
-            component.hooks.onMount.length && vueImports.push('onMounted');
-            ((_g = component.hooks.onUnMount) === null || _g === void 0 ? void 0 : _g.code) && vueImports.push('onUnmounted');
-            onUpdateWithoutDeps.length && vueImports.push('onUpdated');
-            (0, lodash_1.size)(getterKeys) && vueImports.push('computed');
-            (0, lodash_1.size)(component.context.set) && vueImports.push('provide');
-            (0, lodash_1.size)(component.context.get) && vueImports.push('inject');
-            (0, lodash_1.size)(Object.keys(component.state).filter(function (key) { var _a; return ((_a = component.state[key]) === null || _a === void 0 ? void 0 : _a.type) === 'property'; })) && vueImports.push('ref');
-            (0, lodash_1.size)(slotsProps) && vueImports.push('useSlots');
-        }
-        var tsLangAttribute = options.typescript ? "lang='ts'" : '';
-        var str = (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n\n\n    <script ", " ", ">\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    </script>\n\n    ", "\n  "], ["\n    ", "\n\n\n    <script ", " ", ">\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    </script>\n\n    ", "\n  "])), template.trim().length > 0
-            ? "<template>\n      ".concat(template, "\n    </template>")
-            : '', options.api === 'composition' ? 'setup' : '', tsLangAttribute, vueImports.length ? "import { ".concat((0, lodash_1.uniq)(vueImports).sort().join(', '), " } from \"vue\"") : '', (0, render_imports_1.renderPreComponent)({
-            explicitImportFileExtension: options.explicitImportFileExtension,
-            component: component,
-            target: 'vue',
-            asyncComponentImports: options.asyncComponentImports,
-        }), (options.typescript && ((_h = component.types) === null || _h === void 0 ? void 0 : _h.join('\n'))) || '', options.api === 'composition'
-            ? (0, compositionApi_1.generateCompositionApiScript)(component, options, template, elementProps, onUpdateWithDeps, onUpdateWithoutDeps)
-            : (0, optionsApi_1.generateOptionsApiScript)(component, options, path, template, elementProps, onUpdateWithDeps, onUpdateWithoutDeps), !css.trim().length
-            ? ''
-            : "<style scoped>\n      ".concat(css, "\n    </style>"));
-        str = (0, plugins_1.runPreCodePlugins)({
-            json: component,
-            code: str,
-            plugins: options.plugins,
-            options: { json: component },
-        });
-        if (true || options.prettier !== false) {
-            try {
-                str = (0, standalone_1.format)(str, {
-                    parser: 'vue',
-                    plugins: [
-                        // To support running in browsers
-                        require('prettier/parser-typescript'),
-                        require('prettier/parser-html'),
-                        require('prettier/parser-postcss'),
-                        require('prettier/parser-babel'),
-                    ],
-                });
+            switch (codeType) {
+                case 'hooks':
+                    return (code) => (0, helpers_1.processBinding)({ code, options, json: component });
+                case 'state':
+                    return (code) => (0, helpers_1.processBinding)({ code, options, json: component });
+                case 'bindings':
+                    return (0, function_1.flow)(
+                    // Strip types from any JS code that ends up in the template, because Vue does not support TS code in templates.
+                    babel_transform_1.convertTypeScriptToJS, (code) => (0, helpers_1.processBinding)({ code, options, json: component, codeType }));
+                case 'context-set':
+                    return (code) => (0, helpers_1.processBinding)({ code, options, json: component, preserveGetter: true });
+                case 'hooks-deps':
+                    return (0, replace_identifiers_1.replaceStateIdentifier)(null);
+                case 'properties':
+                case 'dynamic-jsx-elements':
+                case 'types':
+                    return (c) => c;
             }
-            catch (err) {
-                console.warn('Could not prettify', { string: str }, err);
+        }
+        else {
+            switch (codeType) {
+                case 'hooks':
+                    return (code) => (0, helpers_1.processBinding)({ code, options, json: component });
+                case 'bindings':
+                    return (0, function_1.flow)(
+                    // Strip types from any JS code that ends up in the template, because Vue does not support TS code in templates.
+                    babel_transform_1.convertTypeScriptToJS, (code) => (0, helpers_1.processBinding)({ code, options, json: component, codeType }));
+                case 'properties':
+                case 'dynamic-jsx-elements':
+                case 'hooks-deps':
+                case 'types':
+                    return (c) => c;
+                case 'state':
+                    return (c) => (0, helpers_1.processBinding)({ code: c, options, json: component });
+                case 'context-set':
+                    return (code) => (0, helpers_1.processBinding)({
+                        code,
+                        options,
+                        json: component,
+                        thisPrefix: '_this',
+                        preserveGetter: true,
+                    });
             }
         }
-        str = (0, plugins_1.runPostCodePlugins)({ json: component, code: str, plugins: options.plugins });
-        for (var _i = 0, removePatterns_1 = removePatterns; _i < removePatterns_1.length; _i++) {
-            var pattern = removePatterns_1[_i];
-            str = str.replace(pattern, '').trim();
+    }));
+    (0, process_http_requests_1.processHttpRequests)(component);
+    processDynamicComponents(component, options);
+    processForKeys(component, options);
+    component = (0, plugins_1.runPreJsonPlugins)({ json: component, plugins: options.plugins });
+    if (options.api === 'options') {
+        (0, map_refs_1.mapRefs)(component, (refName) => `this.$refs.${refName}`);
+    }
+    // need to run this before we process the component's code
+    const props = Array.from((0, get_props_1.getProps)(component));
+    const elementProps = props.filter((prop) => !(0, slots_1.isSlotProperty)(prop));
+    const slotsProps = props.filter((prop) => (0, slots_1.isSlotProperty)(prop));
+    component = (0, plugins_1.runPostJsonPlugins)({ json: component, plugins: options.plugins });
+    const css = (0, collect_css_1.collectCss)(component, {
+        prefix: (_b = (_a = options.cssNamespace) === null || _a === void 0 ? void 0 : _a.call(options)) !== null && _b !== void 0 ? _b : undefined,
+    });
+    (0, strip_meta_properties_1.stripMetaProperties)(component);
+    const templateStrBody = component.children
+        .map((item) => (0, blocks_1.blockToVue)(item, options, { isRootNode: true }))
+        .join('\n');
+    const template = options.casing === 'kebab'
+        ? (0, helpers_1.renameMitosisComponentsToKebabCase)(templateStrBody)
+        : templateStrBody;
+    const onUpdateWithDeps = ((_c = component.hooks.onUpdate) === null || _c === void 0 ? void 0 : _c.filter((hook) => { var _a; return (_a = hook.deps) === null || _a === void 0 ? void 0 : _a.length; })) || [];
+    const onUpdateWithoutDeps = ((_d = component.hooks.onUpdate) === null || _d === void 0 ? void 0 : _d.filter((hook) => { var _a; return !((_a = hook.deps) === null || _a === void 0 ? void 0 : _a.length); })) || [];
+    const getterKeys = Object.keys((0, lodash_1.pickBy)(component.state, (i) => (i === null || i === void 0 ? void 0 : i.type) === 'getter'));
+    // import from vue
+    let vueImports = [];
+    if (options.asyncComponentImports) {
+        vueImports.push('defineAsyncComponent');
+    }
+    if (options.api === 'options' && options.defineComponent) {
+        vueImports.push('defineComponent');
+    }
+    if (options.api === 'composition') {
+        onUpdateWithDeps.length && vueImports.push('watch');
+        component.hooks.onMount.length && vueImports.push('onMounted');
+        ((_e = component.hooks.onUnMount) === null || _e === void 0 ? void 0 : _e.code) && vueImports.push('onUnmounted');
+        onUpdateWithoutDeps.length && vueImports.push('onUpdated');
+        (0, lodash_1.size)(getterKeys) && vueImports.push('computed');
+        (0, lodash_1.size)(component.context.set) && vueImports.push('provide');
+        (0, lodash_1.size)(component.context.get) && vueImports.push('inject');
+        (0, lodash_1.size)(Object.keys(component.state).filter((key) => { var _a; return ((_a = component.state[key]) === null || _a === void 0 ? void 0 : _a.type) === 'property'; })) && vueImports.push('ref');
+        (0, lodash_1.size)(slotsProps) && vueImports.push('useSlots');
+    }
+    const tsLangAttribute = options.typescript ? `lang='ts'` : '';
+    let str = (0, dedent_1.dedent) `
+    ${template.trim().length > 0
+        ? `<template>
+      ${template}
+    </template>`
+        : ''}
+
+
+    <script ${options.api === 'composition' ? 'setup' : ''} ${tsLangAttribute}>
+      ${vueImports.length ? `import { ${(0, lodash_1.uniq)(vueImports).sort().join(', ')} } from "vue"` : ''}
+
+      ${(0, render_imports_1.renderPreComponent)({
+        explicitImportFileExtension: options.explicitImportFileExtension,
+        component,
+        target: 'vue',
+        asyncComponentImports: options.asyncComponentImports,
+    })}
+
+      ${(options.typescript && ((_f = component.types) === null || _f === void 0 ? void 0 : _f.join('\n'))) || ''}
+
+      ${options.api === 'composition'
+        ? (0, compositionApi_1.generateCompositionApiScript)(component, options, template, elementProps, onUpdateWithDeps, onUpdateWithoutDeps)
+        : (0, optionsApi_1.generateOptionsApiScript)(component, options, path, template, elementProps, onUpdateWithDeps, onUpdateWithoutDeps)}
+    </script>
+
+    ${!css.trim().length
+        ? ''
+        : `<style scoped>
+      ${css}
+    </style>`}
+  `;
+    str = (0, plugins_1.runPreCodePlugins)({
+        json: component,
+        code: str,
+        plugins: options.plugins,
+        options: { json: component },
+    });
+    if (true || options.prettier !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'vue',
+                plugins: [
+                    // To support running in browsers
+                    require('prettier/parser-typescript'),
+                    require('prettier/parser-html'),
+                    require('prettier/parser-postcss'),
+                    require('prettier/parser-babel'),
+                ],
+            });
         }
-        str = str.replace(/<script(.*)>\n?<\/script>/g, '').trim();
-        return str;
-    };
+        catch (err) {
+            console.warn('Could not prettify', { string: str }, err);
+        }
+    }
+    str = (0, plugins_1.runPostCodePlugins)({ json: component, code: str, plugins: options.plugins });
+    for (const pattern of removePatterns) {
+        str = str.replace(pattern, '').trim();
+    }
+    str = str.replace(/<script(.*)>\n?<\/script>/g, '').trim();
+    return str;
 };
 exports.componentToVue = componentToVue;
 // Remove unused artifacts like empty script or style tags
-var removePatterns = [
-    "<script>\nexport default {};\n</script>",
-    "<style>\n</style>",
+const removePatterns = [
+    `<script>
+export default {};
+</script>`,
+    `<style>
+</style>`,
 ];
-var templateObject_1;

package/dist/src/helpers/babel-transform.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -33,45 +22,35 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.convertTypeScriptToJS = exports.babelTransformExpression = exports.babelTransformCode = void 0;
-var babel = __importStar(require("@babel/core"));
-var plugin_syntax_decorators_1 = __importDefault(require("@babel/plugin-syntax-decorators"));
-var plugin_syntax_typescript_1 = __importDefault(require("@babel/plugin-syntax-typescript"));
-var preset_typescript_1 = __importDefault(require("@babel/preset-typescript"));
-var function_1 = require("fp-ts/lib/function");
-var patterns_1 = require("./patterns");
-var handleErrorOrExpression = function (_a) {
-    var code = _a.code, useCode = _a.useCode, result = _a.result, visitor = _a.visitor, stripTypes = _a.stripTypes;
+const babel = __importStar(require("@babel/core"));
+const plugin_syntax_decorators_1 = __importDefault(require("@babel/plugin-syntax-decorators"));
+const plugin_syntax_typescript_1 = __importDefault(require("@babel/plugin-syntax-typescript"));
+const preset_typescript_1 = __importDefault(require("@babel/preset-typescript"));
+const function_1 = require("fp-ts/lib/function");
+const patterns_1 = require("./patterns");
+const handleErrorOrExpression = ({ code, useCode, result, visitor, stripTypes, }) => {
     try {
         // If it can't, e.g. this is an expression or code fragment, modify the code below and try again
         // Detect method fragments. These get passed sometimes and otherwise
         // generate compile errors. They are of the form `foo() { ... }`
-        var isMethod = Boolean(!code.trim().startsWith('function') && code.trim().match(/^[a-z0-9_]+\s*\([^\)]*\)\s*[\{:]/i));
-        var isGetter = (0, patterns_1.checkIsGetter)(code);
-        var isMethodOrGetter = isMethod || isGetter;
+        const isMethod = Boolean(!code.trim().startsWith('function') && code.trim().match(/^[a-z0-9_]+\s*\([^\)]*\)\s*[\{:]/i));
+        const isGetter = (0, patterns_1.checkIsGetter)(code);
+        const isMethodOrGetter = isMethod || isGetter;
         if (isMethodOrGetter) {
-            useCode = "function ".concat(useCode);
+            useCode = `function ${useCode}`;
         }
         result = (0, function_1.pipe)(
         // Parse the code as an expression (instead of the default, a block) by giving it a fake variable assignment
         // e.g. if the code parsed is { ... } babel will treat that as a block by deafult, unless processed as an expression
         // that is an object
-        "let _ = ".concat(useCode), function (code) { return (0, exports.babelTransformCode)(code, visitor, stripTypes); }, trimSemicolons, 
+        `let _ = ${useCode}`, (code) => (0, exports.babelTransformCode)(code, visitor, stripTypes), trimSemicolons, 
         // Remove our fake variable assignment
-        function (str) { return str.replace(/let _ =\s/, ''); });
+        (str) => str.replace(/let _ =\s/, ''));
         if (isMethodOrGetter) {
             return result.replace('function', '');
         }
@@ -82,32 +61,35 @@ var handleErrorOrExpression = function (_a) {
         throw err;
     }
 };
-var babelTransform = function (_a) {
-    var code = _a.code, visitor = _a.visitor, stripTypes = _a.stripTypes;
-    return babel.transform(code, __assign(__assign({ sourceFileName: 'file.tsx', configFile: false, babelrc: false, parserOpts: { allowReturnOutsideFunction: true } }, (stripTypes ? { presets: [[preset_typescript_1.default, { isTSX: true, allExtensions: true }]] } : {})), { plugins: __spreadArray([
+const babelTransform = ({ code, visitor, stripTypes, }) => {
+    return babel.transform(code, {
+        sourceFileName: 'file.tsx',
+        configFile: false,
+        babelrc: false,
+        parserOpts: { allowReturnOutsideFunction: true },
+        ...(stripTypes ? { presets: [[preset_typescript_1.default, { isTSX: true, allExtensions: true }]] } : {}),
+        plugins: [
             [plugin_syntax_typescript_1.default, { isTSX: true }],
-            [plugin_syntax_decorators_1.default, { legacy: true }]
-        ], (visitor ? [function () { return ({ visitor: visitor }); }] : []), true) }));
-};
-var babelTransformCode = function (code, visitor, stripTypes) {
-    var _a;
-    if (stripTypes === void 0) { stripTypes = false; }
-    return ((_a = babelTransform({ code: code, visitor: visitor, stripTypes: stripTypes })) === null || _a === void 0 ? void 0 : _a.code) || '';
+            [plugin_syntax_decorators_1.default, { legacy: true }],
+            ...(visitor ? [() => ({ visitor })] : []),
+        ],
+    });
 };
+const babelTransformCode = (code, visitor, stripTypes = false) => { var _a; return ((_a = babelTransform({ code, visitor, stripTypes })) === null || _a === void 0 ? void 0 : _a.code) || ''; };
 exports.babelTransformCode = babelTransformCode;
 // Babel adds trailing semicolons, but for expressions we need those gone
 // TODO: maybe detect if the original code ended with one, and keep it if so, for the case
 // of appending several fragements
-var trimSemicolons = function (code) { return code.replace(/;$/, ''); };
-var trimExpression = function (type) { return function (code) {
+const trimSemicolons = (code) => code.replace(/;$/, '');
+const trimExpression = (type) => (code) => {
     switch (type) {
         case 'functionBody':
             return code.replace(/^function\s*\(\)\s*\{/, '').replace(/\};?$/, '');
         default:
             return trimSemicolons(code);
     }
-}; };
-var getType = function (code, initialType) {
+};
+const getType = (code, initialType) => {
     // match for object literal like { foo: ... }
     if (initialType === 'unknown' && code.trim().match(/^\s*{\s*[a-z0-9]+:/i)) {
         return 'expression';
@@ -120,34 +102,29 @@ var getType = function (code, initialType) {
     }
     return initialType;
 };
-var babelTransformExpression = function (code, visitor, initialType, stripTypes) {
-    if (initialType === void 0) { initialType = 'unknown'; }
-    if (stripTypes === void 0) { stripTypes = false; }
+const babelTransformExpression = (code, visitor, initialType = 'unknown', stripTypes = false) => {
     if (!code) {
         return '';
     }
-    var isGetter = code.trim().startsWith('get ');
-    return (0, function_1.pipe)(code, isGetter ? patterns_1.replaceGetterWithFunction : function_1.identity, function (code) {
-        var type = getType(code, initialType);
-        var useCode = type === 'functionBody' ? "function(){".concat(code, "}") : code;
-        return { type: type, useCode: useCode };
-    }, function (_a) {
-        var type = _a.type, useCode = _a.useCode;
+    const isGetter = code.trim().startsWith('get ');
+    return (0, function_1.pipe)(code, isGetter ? patterns_1.replaceGetterWithFunction : function_1.identity, (code) => {
+        const type = getType(code, initialType);
+        const useCode = type === 'functionBody' ? `function(){${code}}` : code;
+        return { type, useCode };
+    }, ({ type, useCode }) => {
         if (type !== 'expression') {
             try {
                 return (0, function_1.pipe)((0, exports.babelTransformCode)(useCode, visitor, stripTypes), trimExpression(type));
             }
             catch (error) {
-                return handleErrorOrExpression({ code: code, useCode: useCode, result: null, visitor: visitor, stripTypes: stripTypes });
+                return handleErrorOrExpression({ code, useCode, result: null, visitor, stripTypes });
             }
         }
         else {
-            return handleErrorOrExpression({ code: code, useCode: useCode, result: null, visitor: visitor, stripTypes: stripTypes });
+            return handleErrorOrExpression({ code, useCode, result: null, visitor, stripTypes });
         }
     }, isGetter ? patterns_1.replaceFunctionWithGetter : function_1.identity);
 };
 exports.babelTransformExpression = babelTransformExpression;
-var convertTypeScriptToJS = function (code) {
-    return (0, exports.babelTransformExpression)(code, {}, 'unknown', true);
-};
+const convertTypeScriptToJS = (code) => (0, exports.babelTransformExpression)(code, {}, 'unknown', true);
 exports.convertTypeScriptToJS = convertTypeScriptToJS;