@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/helpers/render-imports.js

@@ -1,177 +1,165 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderPreComponent = exports.renderImport = exports.transformImportPath = exports.checkIsComponentImport = void 0;
-var component_file_extensions_1 = require("./component-file-extensions");
-var DEFAULT_IMPORT = 'default';
-var STAR_IMPORT = '*';
-var getStarImport = function (_a) {
-    var theImport = _a.theImport;
-    for (var key in theImport.imports) {
-        var value = theImport.imports[key];
+const component_file_extensions_1 = require("./component-file-extensions");
+const DEFAULT_IMPORT = 'default';
+const STAR_IMPORT = '*';
+const getStarImport = ({ theImport }) => {
+    for (const key in theImport.imports) {
+        const value = theImport.imports[key];
         if (value === STAR_IMPORT) {
             return key;
         }
     }
     return null;
 };
-var getDefaultImport = function (_a) {
-    var theImport = _a.theImport;
-    for (var key in theImport.imports) {
-        var value = theImport.imports[key];
+const getDefaultImport = ({ theImport }) => {
+    for (const key in theImport.imports) {
+        const value = theImport.imports[key];
         if (value === DEFAULT_IMPORT) {
             return key;
         }
     }
     return null;
 };
-var CONTEXT_IMPORTS = ['context.lite', 'context.lite.ts', 'context.lite.js'];
-var checkIsContextImport = function (theImport) {
-    return CONTEXT_IMPORTS.some(function (contextPath) { return theImport.path.endsWith(contextPath); });
-};
-var checkIsComponentImport = function (theImport) {
-    return !checkIsContextImport(theImport) &&
-        component_file_extensions_1.COMPONENT_IMPORT_EXTENSIONS.some(function (contextPath) { return theImport.path.endsWith(contextPath); });
-};
+const CONTEXT_IMPORTS = ['context.lite', 'context.lite.ts', 'context.lite.js'];
+const checkIsContextImport = (theImport) => CONTEXT_IMPORTS.some((contextPath) => theImport.path.endsWith(contextPath));
+const checkIsComponentImport = (theImport) => !checkIsContextImport(theImport) &&
+    component_file_extensions_1.COMPONENT_IMPORT_EXTENSIONS.some((contextPath) => theImport.path.endsWith(contextPath));
 exports.checkIsComponentImport = checkIsComponentImport;
-var transformImportPath = function (_a) {
-    var theImport = _a.theImport, target = _a.target, preserveFileExtensions = _a.preserveFileExtensions, explicitImportFileExtension = _a.explicitImportFileExtension;
+const transformImportPath = ({ theImport, target, preserveFileExtensions, explicitImportFileExtension, }) => {
     // We need to drop the `.lite` from context files, because the context generator does so as well.
     if (checkIsContextImport(theImport)) {
-        var path_1 = theImport.path;
-        CONTEXT_IMPORTS.forEach(function (contextPath) {
-            if (path_1.endsWith(contextPath)) {
-                path_1 = path_1.replace(contextPath, 'context.js');
+        let path = theImport.path;
+        CONTEXT_IMPORTS.forEach((contextPath) => {
+            if (path.endsWith(contextPath)) {
+                path = path.replace(contextPath, 'context.js');
             }
         });
-        return path_1;
+        return path;
     }
     if (preserveFileExtensions)
         return theImport.path;
     if ((0, exports.checkIsComponentImport)(theImport)) {
-        return theImport.path.replace(component_file_extensions_1.INPUT_EXTENSION_REGEX, (0, component_file_extensions_1.getComponentFileExtensionForTarget)({ target: target, type: 'import', explicitImportFileExtension: explicitImportFileExtension }));
+        return theImport.path.replace(component_file_extensions_1.INPUT_EXTENSION_REGEX, (0, component_file_extensions_1.getComponentFileExtensionForTarget)({ target, type: 'import', explicitImportFileExtension }));
     }
     return theImport.path;
 };
 exports.transformImportPath = transformImportPath;
-var getNamedImports = function (_a) {
-    var theImport = _a.theImport;
-    var namedImports = Object.entries(theImport.imports)
-        .filter(function (_a) {
-        var value = _a[1];
-        return ![DEFAULT_IMPORT, STAR_IMPORT].includes(value);
-    })
-        .map(function (_a) {
-        var key = _a[0], value = _a[1];
-        return key !== value ? "".concat(value, " as ").concat(key) : value;
+const getNamedImports = ({ theImport }) => {
+    const namedImports = Object.entries(theImport.imports)
+        .filter(([, value]) => ![DEFAULT_IMPORT, STAR_IMPORT].includes(value))
+        .map(([key, value]) => {
+        return key !== value ? `${value} as ${key}` : value;
     });
     if (namedImports.length > 0) {
-        return "{ ".concat(namedImports.join(', '), " }");
+        return `{ ${namedImports.join(', ')} }`;
     }
     else {
         return null;
     }
 };
-var getImportedValues = function (_a) {
-    var theImport = _a.theImport;
-    var starImport = getStarImport({ theImport: theImport });
-    var defaultImport = getDefaultImport({ theImport: theImport });
-    var namedImports = getNamedImports({ theImport: theImport });
-    return { starImport: starImport, defaultImport: defaultImport, namedImports: namedImports };
+const getImportedValues = ({ theImport }) => {
+    const starImport = getStarImport({ theImport });
+    const defaultImport = getDefaultImport({ theImport });
+    const namedImports = getNamedImports({ theImport });
+    return { starImport, defaultImport, namedImports };
 };
-var getImportValue = function (_a) {
-    var defaultImport = _a.defaultImport, namedImports = _a.namedImports, starImport = _a.starImport;
+const getImportValue = ({ defaultImport, namedImports, starImport }) => {
     if (starImport) {
-        return " * as ".concat(starImport, " ");
+        return ` * as ${starImport} `;
     }
     else {
         return [defaultImport, namedImports].filter(Boolean).join(', ');
     }
 };
-var renderImport = function (_a) {
-    var theImport = _a.theImport, target = _a.target, asyncComponentImports = _a.asyncComponentImports, _b = _a.preserveFileExtensions, preserveFileExtensions = _b === void 0 ? false : _b, _c = _a.component, component = _c === void 0 ? undefined : _c, _d = _a.componentsUsed, componentsUsed = _d === void 0 ? [] : _d, importMapper = _a.importMapper, _e = _a.explicitImportFileExtension, explicitImportFileExtension = _e === void 0 ? false : _e;
-    var importedValues = getImportedValues({ theImport: theImport });
-    var path = (0, exports.transformImportPath)({
-        theImport: theImport,
-        target: target,
-        preserveFileExtensions: preserveFileExtensions,
-        explicitImportFileExtension: explicitImportFileExtension,
+const renderImport = ({ theImport, target, asyncComponentImports, preserveFileExtensions = false, component = undefined, componentsUsed = [], importMapper, explicitImportFileExtension = false, }) => {
+    const importedValues = getImportedValues({ theImport });
+    const path = (0, exports.transformImportPath)({
+        theImport,
+        target,
+        preserveFileExtensions,
+        explicitImportFileExtension,
     });
-    var importValue = getImportValue(importedValues);
-    var isComponentImport = (0, exports.checkIsComponentImport)(theImport);
-    var shouldBeAsyncImport = asyncComponentImports && isComponentImport;
-    var isTypeImport = theImport.importKind === 'type';
+    const importValue = getImportValue(importedValues);
+    const isComponentImport = (0, exports.checkIsComponentImport)(theImport);
+    const shouldBeAsyncImport = asyncComponentImports && isComponentImport;
+    const isTypeImport = theImport.importKind === 'type';
     // For lit (components) we just want to do a plain import
     // https://lit.dev/docs/components/rendering/#composing-templates
     if (isComponentImport && target === 'lit') {
-        return "import '".concat(path, "';");
+        return `import '${path}';`;
     }
     if (shouldBeAsyncImport) {
-        var isVueImport = target === 'vue';
+        const isVueImport = target === 'vue';
         if (isVueImport && importedValues.namedImports) {
             console.warn('Vue: Async Component imports cannot include named imports. Dropping async import. This might break your code.');
         }
         else {
-            return "const ".concat(importValue, " = () => import('").concat(path, "')\n      .then(x => x.default)\n      .catch(err => {\n        console.error('Error while attempting to dynamically import component ").concat(importValue, " at ").concat(path, "', err);\n        throw err;\n      });");
+            return `const ${importValue} = () => import('${path}')
+      .then(x => x.default)
+      .catch(err => {
+        console.error('Error while attempting to dynamically import component ${importValue} at ${path}', err);
+        throw err;
+      });`;
         }
     }
     if (importMapper) {
         return importMapper(component, theImport, importedValues, componentsUsed);
     }
     return importValue
-        ? "import ".concat(isTypeImport ? 'type' : '', " ").concat(importValue, " from '").concat(path, "';")
-        : "import '".concat(path, "';");
+        ? `import ${isTypeImport ? 'type' : ''} ${importValue} from '${path}';`
+        : `import '${path}';`;
 };
 exports.renderImport = renderImport;
-var renderImports = function (_a) {
-    var imports = _a.imports, target = _a.target, asyncComponentImports = _a.asyncComponentImports, excludeMitosisComponents = _a.excludeMitosisComponents, _b = _a.preserveFileExtensions, preserveFileExtensions = _b === void 0 ? false : _b, component = _a.component, componentsUsed = _a.componentsUsed, importMapper = _a.importMapper, explicitImportFileExtension = _a.explicitImportFileExtension;
-    return imports
-        .filter(function (theImport) {
-        if (
-        // Remove compile away components
-        theImport.path === '@builder.io/components' ||
-            // TODO: Mitosis output needs this
-            theImport.path.startsWith('@builder.io/mitosis')) {
-            return false;
-        }
-        else if (excludeMitosisComponents && theImport.path.includes('.lite')) {
-            return false;
-        }
-        else {
-            return true;
-        }
-    })
-        .map(function (theImport) {
-        return (0, exports.renderImport)({
-            theImport: theImport,
-            target: target,
-            asyncComponentImports: asyncComponentImports,
-            preserveFileExtensions: preserveFileExtensions,
-            component: component,
-            componentsUsed: componentsUsed,
-            importMapper: importMapper,
-            explicitImportFileExtension: explicitImportFileExtension,
-        });
-    })
-        .join('\n');
-};
-var renderPreComponent = function (_a) {
-    var _b;
-    var component = _a.component, target = _a.target, excludeMitosisComponents = _a.excludeMitosisComponents, _c = _a.asyncComponentImports, asyncComponentImports = _c === void 0 ? false : _c, _d = _a.preserveFileExtensions, preserveFileExtensions = _d === void 0 ? false : _d, _e = _a.componentsUsed, componentsUsed = _e === void 0 ? [] : _e, importMapper = _a.importMapper, _f = _a.explicitImportFileExtension, explicitImportFileExtension = _f === void 0 ? false : _f;
-    return "\n    ".concat(renderImports({
+const renderImports = ({ imports, target, asyncComponentImports, excludeMitosisComponents, preserveFileExtensions = false, component, componentsUsed, importMapper, explicitImportFileExtension, }) => imports
+    .filter((theImport) => {
+    if (
+    // Remove compile away components
+    theImport.path === '@builder.io/components' ||
+        // TODO: Mitosis output needs this
+        theImport.path.startsWith('@builder.io/mitosis')) {
+        return false;
+    }
+    else if (excludeMitosisComponents && theImport.path.includes('.lite')) {
+        return false;
+    }
+    else {
+        return true;
+    }
+})
+    .map((theImport) => (0, exports.renderImport)({
+    theImport,
+    target,
+    asyncComponentImports,
+    preserveFileExtensions,
+    component,
+    componentsUsed,
+    importMapper,
+    explicitImportFileExtension,
+}))
+    .join('\n');
+const renderPreComponent = ({ component, target, excludeMitosisComponents, asyncComponentImports = false, preserveFileExtensions = false, componentsUsed = [], importMapper, explicitImportFileExtension = false, }) => {
+    var _a;
+    return `
+    ${renderImports({
         imports: component.imports,
-        target: target,
-        asyncComponentImports: asyncComponentImports,
-        excludeMitosisComponents: excludeMitosisComponents,
-        preserveFileExtensions: preserveFileExtensions,
-        component: component,
-        componentsUsed: componentsUsed,
-        importMapper: importMapper,
-        explicitImportFileExtension: explicitImportFileExtension,
-    }), "\n    ").concat(renderExportAndLocal(component), "\n    ").concat(((_b = component.hooks.preComponent) === null || _b === void 0 ? void 0 : _b.code) || '', "\n  ");
+        target,
+        asyncComponentImports,
+        excludeMitosisComponents,
+        preserveFileExtensions,
+        component,
+        componentsUsed,
+        importMapper,
+        explicitImportFileExtension,
+    })}
+    ${renderExportAndLocal(component)}
+    ${((_a = component.hooks.preComponent) === null || _a === void 0 ? void 0 : _a.code) || ''}
+  `;
 };
 exports.renderPreComponent = renderPreComponent;
-var renderExportAndLocal = function (component) {
+const renderExportAndLocal = (component) => {
     return Object.keys(component.exports || {})
-        .map(function (key) { return component.exports[key].code; })
+        .map((key) => component.exports[key].code)
         .join('\n');
 };

package/dist/src/helpers/replace-identifiers.js

@@ -4,48 +4,47 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceNodes = exports.replacePropsIdentifier = exports.replaceStateIdentifier = exports.replaceIdentifiers = void 0;
-var core_1 = require("@babel/core");
-var generator_1 = __importDefault(require("@babel/generator"));
-var function_1 = require("fp-ts/lib/function");
-var babel_transform_1 = require("./babel-transform");
+const core_1 = require("@babel/core");
+const generator_1 = __importDefault(require("@babel/generator"));
+const function_1 = require("fp-ts/lib/function");
+const babel_transform_1 = require("./babel-transform");
 /**
  * Given a `to` function given by the user, figure out the best argument to provide to the `to` function.
  * This function makes a best guess based on the AST structure it's dealing with.
  */
-var getToParam = function (path) {
+const getToParam = (path) => {
     if (core_1.types.isMemberExpression(path.node) || core_1.types.isOptionalMemberExpression(path.node)) {
         if (core_1.types.isIdentifier(path.node.property)) {
             // if simple member expression e.g. `props.foo`, returns `foo`
-            var propertyName = path.node.property.name;
+            const propertyName = path.node.property.name;
             return propertyName;
         }
         else {
             // if nested member expression e.g. `props.foo.bar.baz`, returns `foo.bar.baz`
-            var x = (0, generator_1.default)(path.node.property).code;
+            const x = (0, generator_1.default)(path.node.property).code;
             return x;
         }
     }
     else {
         // if naked identifier e.g. `foo`, returns `foo`
-        var nodeName = path.node.name;
+        const nodeName = path.node.name;
         return nodeName;
     }
 };
-var _replaceIdentifiers = function (path, _a) {
-    var _b, _c;
-    var from = _a.from, to = _a.to;
-    var memberExpressionObject = core_1.types.isIdentifier(path.node) ? path.node : path.node.object;
-    var normalizedFrom = Array.isArray(from) ? from : [from];
+const _replaceIdentifiers = (path, { from, to }) => {
+    var _a, _b;
+    const memberExpressionObject = core_1.types.isIdentifier(path.node) ? path.node : path.node.object;
+    const normalizedFrom = Array.isArray(from) ? from : [from];
     if (!core_1.types.isIdentifier(memberExpressionObject) ||
-        ((_c = (_b = path.node) === null || _b === void 0 ? void 0 : _b._builder_meta) === null || _c === void 0 ? void 0 : _c.newlyGenerated)) {
+        ((_b = (_a = path.node) === null || _a === void 0 ? void 0 : _a._builder_meta) === null || _b === void 0 ? void 0 : _b.newlyGenerated)) {
         return;
     }
-    var matchesFrom = normalizedFrom.includes(memberExpressionObject.name);
+    const matchesFrom = normalizedFrom.includes(memberExpressionObject.name);
     if (matchesFrom) {
         if (to) {
             // `props.foo` to `state`, e.g. `state.foo`
             if (typeof to === 'string') {
-                var cleanedIdentifier = (0, function_1.pipe)(
+                const cleanedIdentifier = (0, function_1.pipe)(
                 // Remove trailing `.` if it exists in the user-provided string, as the dot is generated
                 // by babel from the AST
                 to.endsWith('.') ? to.substring(0, to.length - 1) : to, core_1.types.identifier);
@@ -59,12 +58,11 @@ var _replaceIdentifiers = function (path, _a) {
             }
             else {
                 try {
-                    var newMemberExpression = (0, function_1.pipe)(getToParam(path), function (x) { return to(x, memberExpressionObject.name); }, function (expression) {
-                        var _a = expression.split('.'), head = _a[0], tail = _a.slice(1);
+                    const newMemberExpression = (0, function_1.pipe)(getToParam(path), (x) => to(x, memberExpressionObject.name), (expression) => {
+                        const [head, ...tail] = expression.split('.');
                         return [head, tail.join('.')];
-                    }, function (_a) {
-                        var obj = _a[0], prop = _a[1];
-                        var objIdentifier = core_1.types.identifier(obj);
+                    }, ([obj, prop]) => {
+                        const objIdentifier = core_1.types.identifier(obj);
                         if (prop === '') {
                             return objIdentifier;
                         }
@@ -92,7 +90,7 @@ var _replaceIdentifiers = function (path, _a) {
         }
         else {
             if (core_1.types.isIdentifier(path.node)) {
-                console.debug("Could not replace Identifier with nothing.");
+                console.debug(`Could not replace Identifier with nothing.`);
             }
             else {
                 // if we're looking at a member expression, e.g. `props.foo` and no `to` was provided, then we want to strip out
@@ -105,17 +103,16 @@ var _replaceIdentifiers = function (path, _a) {
 /**
  * @deprecated Use `replaceNodes` instead.
  */
-var replaceIdentifiers = function (_a) {
-    var code = _a.code, from = _a.from, to = _a.to;
+const replaceIdentifiers = ({ code, from, to }) => {
     try {
         return (0, function_1.pipe)((0, babel_transform_1.babelTransformExpression)(code, {
-            MemberExpression: function (path) {
-                _replaceIdentifiers(path, { from: from, to: to });
+            MemberExpression(path) {
+                _replaceIdentifiers(path, { from, to });
             },
-            OptionalMemberExpression: function (path) {
-                _replaceIdentifiers(path, { from: from, to: to });
+            OptionalMemberExpression(path) {
+                _replaceIdentifiers(path, { from, to });
             },
-            Identifier: function (path) {
+            Identifier(path) {
                 // we only want to ignore certain identifiers:
                 if (
                 // (optional) member expressions are already handled in other visitors
@@ -127,52 +124,46 @@ var replaceIdentifiers = function (_a) {
                     // !(types.isVariableDeclarator(path.parent) && path.parent.id === path.node)
                     // object -> { detail: { state: 'something' } } shouldn't be transformed to { detail: { this: 'something' } }
                     !core_1.types.isObjectProperty(path.parent)) {
-                    _replaceIdentifiers(path, { from: from, to: to });
+                    _replaceIdentifiers(path, { from, to });
                 }
             },
         }), 
         // merely running `babel.transform` will add spaces around the code, even if we don't end up replacing anything.
         // we have some other code downstream that cannot have untrimmed spaces, so we need to trim the output.
-        function (code) { return code.trim(); });
+        (code) => code.trim());
     }
     catch (err) {
         throw err;
     }
 };
 exports.replaceIdentifiers = replaceIdentifiers;
-var replaceStateIdentifier = function (to) { return function (code) {
-    return (0, exports.replaceIdentifiers)({ code: code, from: 'state', to: to });
-}; };
+const replaceStateIdentifier = (to) => (code) => (0, exports.replaceIdentifiers)({ code, from: 'state', to });
 exports.replaceStateIdentifier = replaceStateIdentifier;
-var replacePropsIdentifier = function (to) { return function (code) {
-    return (0, exports.replaceIdentifiers)({ code: code, from: 'props', to: to });
-}; };
+const replacePropsIdentifier = (to) => (code) => (0, exports.replaceIdentifiers)({ code, from: 'props', to });
 exports.replacePropsIdentifier = replacePropsIdentifier;
-var isNewlyGenerated = function (node) { var _a; return (_a = node === null || node === void 0 ? void 0 : node._builder_meta) === null || _a === void 0 ? void 0 : _a.newlyGenerated; };
+const isNewlyGenerated = (node) => { var _a; return (_a = node === null || node === void 0 ? void 0 : node._builder_meta) === null || _a === void 0 ? void 0 : _a.newlyGenerated; };
 /**
  * Replaces all instances of a Babel AST Node with a new Node within a code string.
  * Uses `generate()` to convert the Node to a string and compare them.
  */
-var replaceNodes = function (_a) {
-    var code = _a.code, nodeMaps = _a.nodeMaps;
-    var searchAndReplace = function (path) {
+const replaceNodes = ({ code, nodeMaps, }) => {
+    const searchAndReplace = (path) => {
         if (isNewlyGenerated(path.node) || isNewlyGenerated(path.parent))
             return;
-        for (var _i = 0, nodeMaps_1 = nodeMaps; _i < nodeMaps_1.length; _i++) {
-            var _a = nodeMaps_1[_i], from = _a.from, to = _a.to, condition = _a.condition;
+        for (const { from, to, condition } of nodeMaps) {
             if (isNewlyGenerated(path.node) || isNewlyGenerated(path.parent))
                 return;
             // if (path.node.type !== from.type) return;
-            var matchesCondition = condition ? condition(path) : true;
+            const matchesCondition = condition ? condition(path) : true;
             if ((0, generator_1.default)(path.node).code === (0, generator_1.default)(from).code && matchesCondition) {
-                var x = core_1.types.cloneNode(to);
+                const x = core_1.types.cloneNode(to);
                 x._builder_meta = { newlyGenerated: true };
                 try {
                     path.replaceWith(x);
                 }
                 catch (err) {
                     console.log('error replacing', {
-                        code: code,
+                        code,
                         orig: (0, generator_1.default)(path.node).code,
                         to: (0, generator_1.default)(x).code,
                     });
@@ -182,13 +173,13 @@ var replaceNodes = function (_a) {
         }
     };
     return (0, babel_transform_1.babelTransformExpression)(code, {
-        MemberExpression: function (path) {
+        MemberExpression(path) {
             searchAndReplace(path);
         },
-        Identifier: function (path) {
+        Identifier(path) {
             searchAndReplace(path);
         },
-        OptionalMemberExpression: function (path) {
+        OptionalMemberExpression(path) {
             searchAndReplace(path);
         },
     });

package/dist/src/helpers/replace-new-lines-in-strings.js

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stripNewlinesInStrings = void 0;
 function stripNewlinesInStrings(string) {
-    var inString = null;
+    let inString = null;
     return string
         .split('')
-        .map(function (char, index) {
+        .map((char, index) => {
         if (inString) {
             if (char === '\n') {
                 return ' ';
             }
         }
         // Prior char is escape char and the char before that is not escaping it
-        var isEscaped = string[index - 1] === '\\' && string[index - 2] !== '\\';
+        const isEscaped = string[index - 1] === '\\' && string[index - 2] !== '\\';
         if (!inString && (char === '"' || char === "'") && !isEscaped) {
             inString = char;
         }

package/dist/src/helpers/signals/signals.js

@@ -1,39 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mapSignalTypeInTSFile = exports.mapSignalType = exports.getSignalImportName = exports.getSignalMitosisImportForTarget = void 0;
-var core_1 = require("@babel/core");
-var function_1 = require("fp-ts/lib/function");
-var babel_transform_1 = require("../../helpers/babel-transform");
-var mitosis_imports_1 = require("../mitosis-imports");
-var getSignalMappingForTarget = function (target) {
+const core_1 = require("@babel/core");
+const function_1 = require("fp-ts/lib/function");
+const babel_transform_1 = require("../../helpers/babel-transform");
+const mitosis_imports_1 = require("../mitosis-imports");
+const getSignalMappingForTarget = (target) => {
     switch (target) {
         case 'svelte':
-            var importDeclaration = core_1.types.importDeclaration([core_1.types.importSpecifier(core_1.types.identifier('Writable'), core_1.types.identifier('Writable'))], core_1.types.stringLiteral('svelte/store'));
+            const importDeclaration = core_1.types.importDeclaration([core_1.types.importSpecifier(core_1.types.identifier('Writable'), core_1.types.identifier('Writable'))], core_1.types.stringLiteral('svelte/store'));
             importDeclaration.importKind = 'type';
             return {
-                getTypeReference: function (generics) {
-                    if (generics === void 0) { generics = []; }
-                    return core_1.types.tsTypeReference(core_1.types.identifier('Writable'), core_1.types.tsTypeParameterInstantiation(generics));
-                },
-                importDeclaration: importDeclaration,
+                getTypeReference: (generics = []) => core_1.types.tsTypeReference(core_1.types.identifier('Writable'), core_1.types.tsTypeParameterInstantiation(generics)),
+                importDeclaration,
             };
         default:
             return undefined;
     }
 };
-var getSignalMitosisImportForTarget = function (target) {
-    var signalType = getSignalMappingForTarget(target);
+const getSignalMitosisImportForTarget = (target) => {
+    const signalType = getSignalMappingForTarget(target);
     if (!signalType) {
         return undefined;
     }
     return (0, mitosis_imports_1.mapImportDeclarationToMitosisImport)(signalType.importDeclaration);
 };
 exports.getSignalMitosisImportForTarget = getSignalMitosisImportForTarget;
-var getSignalImportName = function (code) {
-    var foundSignalUsage = false;
-    var signalImportName = undefined;
+const getSignalImportName = (code) => {
+    let foundSignalUsage = false;
+    let signalImportName = undefined;
     (0, babel_transform_1.babelTransformExpression)(code, {
-        ImportSpecifier: function (path) {
+        ImportSpecifier(path) {
             if (core_1.types.isIdentifier(path.node.imported) && path.node.imported.name === 'Signal') {
                 if (path.parentPath.isImportDeclaration() &&
                     path.parentPath.node.source.value === '@builder.io/mitosis') {
@@ -51,7 +48,7 @@ var getSignalImportName = function (code) {
         return undefined;
     }
     (0, babel_transform_1.babelTransformExpression)(code, {
-        TSTypeReference: function (path) {
+        TSTypeReference(path) {
             if (core_1.types.isIdentifier(path.node.typeName) && path.node.typeName.name === signalImportName) {
                 foundSignalUsage = true;
                 path.stop();
@@ -61,14 +58,13 @@ var getSignalImportName = function (code) {
     return foundSignalUsage ? signalImportName : undefined;
 };
 exports.getSignalImportName = getSignalImportName;
-var addSignalImport = function (_a) {
-    var code = _a.code, target = _a.target;
-    var signalType = getSignalMappingForTarget(target);
+const addSignalImport = ({ code, target }) => {
+    const signalType = getSignalMappingForTarget(target);
     if (!signalType) {
         return code;
     }
     return (0, babel_transform_1.babelTransformExpression)(code, {
-        Program: function (path) {
+        Program(path) {
             path.node.body.unshift(signalType.importDeclaration);
         },
     });
@@ -77,14 +73,13 @@ var addSignalImport = function (_a) {
  * Finds all `Signal` types and replaces them with the correct type for the given target.
  * e.g. `Signal<string>` becomes `Writable<string>` for Svelte.
  */
-var mapSignalType = function (_a) {
-    var code = _a.code, target = _a.target, _b = _a.signalImportName, signalImportName = _b === void 0 ? (0, exports.getSignalImportName)(code) : _b;
-    var signalType = getSignalMappingForTarget(target);
-    var map = function (path) {
+const mapSignalType = ({ code, target, signalImportName = (0, exports.getSignalImportName)(code), }) => {
+    const signalType = getSignalMappingForTarget(target);
+    const map = (path) => {
         var _a;
         if (core_1.types.isIdentifier(path.node.typeName) && path.node.typeName.name === signalImportName) {
-            var params = ((_a = path.node.typeParameters) === null || _a === void 0 ? void 0 : _a.params) || [];
-            var newType = (signalType === null || signalType === void 0 ? void 0 : signalType.getTypeReference)
+            const params = ((_a = path.node.typeParameters) === null || _a === void 0 ? void 0 : _a.params) || [];
+            const newType = (signalType === null || signalType === void 0 ? void 0 : signalType.getTypeReference)
                 ? signalType.getTypeReference(params)
                 : // if no mapping exists, drop `Signal` and just use the generic type passed to `Signal` as-is.
                     params[0];
@@ -92,7 +87,7 @@ var mapSignalType = function (_a) {
         }
     };
     return (0, babel_transform_1.babelTransformExpression)(code, {
-        TSTypeReference: function (path) {
+        TSTypeReference(path) {
             map(path);
         },
     });
@@ -104,14 +99,11 @@ exports.mapSignalType = mapSignalType;
  * - Maps the `Signal` type to the target's equivalent
  * - Adds the equivalent of the `Signal` import to the file
  */
-var mapSignalTypeInTSFile = function (_a) {
-    var code = _a.code, target = _a.target;
-    var signalImportName = (0, exports.getSignalImportName)(code);
+const mapSignalTypeInTSFile = ({ code, target }) => {
+    const signalImportName = (0, exports.getSignalImportName)(code);
     if (!signalImportName) {
         return code;
     }
-    return (0, function_1.pipe)((0, exports.mapSignalType)({ target: target, code: code, signalImportName: signalImportName }), function (code) {
-        return addSignalImport({ code: code, target: target });
-    });
+    return (0, function_1.pipe)((0, exports.mapSignalType)({ target, code, signalImportName }), (code) => addSignalImport({ code, target }));
 };
 exports.mapSignalTypeInTSFile = mapSignalTypeInTSFile;