@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/helpers/slots.js

@@ -1,31 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceSlotsInString = exports.toKebabSlot = exports.stripSlotPrefix = exports.isSlotProperty = void 0;
-var core_1 = require("@babel/core");
-var function_1 = require("fp-ts/function");
-var lodash_1 = require("lodash");
-var babel_transform_1 = require("./babel-transform");
-var SLOT_PREFIX = 'slot';
-var isSlotProperty = function (key, slotPrefix) {
-    if (slotPrefix === void 0) { slotPrefix = SLOT_PREFIX; }
-    return key.startsWith(slotPrefix);
-};
+const core_1 = require("@babel/core");
+const function_1 = require("fp-ts/function");
+const lodash_1 = require("lodash");
+const babel_transform_1 = require("./babel-transform");
+const SLOT_PREFIX = 'slot';
+const isSlotProperty = (key, slotPrefix = SLOT_PREFIX) => key.startsWith(slotPrefix);
 exports.isSlotProperty = isSlotProperty;
-var stripSlotPrefix = function (key, slotPrefix) {
-    if (slotPrefix === void 0) { slotPrefix = SLOT_PREFIX; }
-    return (0, exports.isSlotProperty)(key, slotPrefix) ? key.substring(slotPrefix.length) : key;
-};
+const stripSlotPrefix = (key, slotPrefix = SLOT_PREFIX) => (0, exports.isSlotProperty)(key, slotPrefix) ? key.substring(slotPrefix.length) : key;
 exports.stripSlotPrefix = stripSlotPrefix;
-var toKebabSlot = function (key, slotPrefix) {
-    if (slotPrefix === void 0) { slotPrefix = SLOT_PREFIX; }
-    return (0, function_1.pipe)((0, exports.stripSlotPrefix)(key, slotPrefix), lodash_1.kebabCase);
-};
+const toKebabSlot = (key, slotPrefix = SLOT_PREFIX) => (0, function_1.pipe)((0, exports.stripSlotPrefix)(key, slotPrefix), lodash_1.kebabCase);
 exports.toKebabSlot = toKebabSlot;
 function replaceSlotsInString(code, mapper) {
     return (0, babel_transform_1.babelTransformExpression)(code, {
-        Identifier: function (path) {
-            var name = path.node.name;
-            var isSlot = (0, exports.isSlotProperty)(name);
+        Identifier(path) {
+            const name = path.node.name;
+            const isSlot = (0, exports.isSlotProperty)(name);
             if (isSlot) {
                 path.replaceWith(core_1.types.identifier(mapper((0, exports.stripSlotPrefix)(name).toLowerCase())));
             }

package/dist/src/helpers/state.js

@@ -1,7 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkHasState = void 0;
-var checkHasState = function (component) {
-    return Boolean(Object.keys(component.state).length);
-};
+const checkHasState = (component) => Boolean(Object.keys(component.state).length);
 exports.checkHasState = checkHasState;

package/dist/src/helpers/strip-meta-properties.js

@@ -4,17 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stripMetaProperties = void 0;
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var is_mitosis_node_1 = require("./is-mitosis-node");
-var stripMetaProperties = function (json) {
-    (0, legacy_1.default)(json).forEach(function (item) {
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const is_mitosis_node_1 = require("./is-mitosis-node");
+const stripMetaProperties = (json) => {
+    (0, legacy_1.default)(json).forEach((item) => {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
-            for (var property in item.properties) {
+            for (const property in item.properties) {
                 if (property.startsWith('$')) {
                     delete item.properties[property];
                 }
             }
-            for (var property in item.bindings) {
+            for (const property in item.bindings) {
                 if (property.startsWith('$')) {
                     delete item.bindings[property];
                 }

package/dist/src/helpers/strip-state-and-props-refs.js

@@ -1,19 +1,8 @@
 "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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stripStateAndPropsRefs = exports.DO_NOT_USE_VARS_TRANSFORMS = exports.DO_NOT_USE_CONTEXT_VARS_TRANSFORMS = void 0;
-var replace_identifiers_1 = require("./replace-identifiers");
-var DEFAULT_OPTIONS = {
+const replace_identifiers_1 = require("./replace-identifiers");
+const DEFAULT_OPTIONS = {
     replaceWith: '',
     includeProps: true,
     includeState: true,
@@ -24,9 +13,8 @@ var DEFAULT_OPTIONS = {
  *
  * If you need to re-use this, re-create it as an AST tranform first.
  */
-var DO_NOT_USE_CONTEXT_VARS_TRANSFORMS = function (_a) {
-    var code = _a.code, contextVars = _a.contextVars, context = _a.context;
-    contextVars === null || contextVars === void 0 ? void 0 : contextVars.forEach(function (_var) {
+const DO_NOT_USE_CONTEXT_VARS_TRANSFORMS = ({ code, contextVars, context, }) => {
+    contextVars === null || contextVars === void 0 ? void 0 : contextVars.forEach((_var) => {
         code = code.replace(
         // determine expression edge cases - https://regex101.com/r/iNcTSM/1
         new RegExp('(^|\\n|\\r| |;|\\(|\\[|!)' + _var + '(\\?\\.|\\.|\\(| |;|\\)|$)', 'g'), '$1' + context + _var + '$2');
@@ -40,21 +28,20 @@ exports.DO_NOT_USE_CONTEXT_VARS_TRANSFORMS = DO_NOT_USE_CONTEXT_VARS_TRANSFORMS;
  *
  * If you need to re-use a part of this, re-create it as an AST tranform first.
  */
-var DO_NOT_USE_VARS_TRANSFORMS = function (newCode, _a) {
-    var _b = _a.context, context = _b === void 0 ? 'this.' : _b, domRefs = _a.domRefs, outputVars = _a.outputVars, stateVars = _a.stateVars, contextVars = _a.contextVars;
-    newCode = (0, exports.DO_NOT_USE_CONTEXT_VARS_TRANSFORMS)({ code: newCode, context: context, contextVars: contextVars });
-    outputVars === null || outputVars === void 0 ? void 0 : outputVars.forEach(function (_var) {
+const DO_NOT_USE_VARS_TRANSFORMS = (newCode, { context = 'this.', domRefs, outputVars, stateVars, contextVars }) => {
+    newCode = (0, exports.DO_NOT_USE_CONTEXT_VARS_TRANSFORMS)({ code: newCode, context, contextVars });
+    outputVars === null || outputVars === void 0 ? void 0 : outputVars.forEach((_var) => {
         // determine expression edge cases onMessage( to this.onMessage.emit(
-        var regexp = '(^|\\s|;|\\()(props\\.?)' + _var + '\\(';
-        var replacer = '$1' + context + _var + '.emit(';
+        const regexp = '(^|\\s|;|\\()(props\\.?)' + _var + '\\(';
+        const replacer = '$1' + context + _var + '.emit(';
         newCode = newCode.replace(new RegExp(regexp, 'g'), replacer);
     });
-    var matchPropertyAccessorsArguments = '\\?\\.|,|\\.|\\(| |;|\\)|\\]|$'; // foo?.stuff | foo) | foo | foo] etc.
-    var matchVariableUseInClass = '^|\\n|\\r| |;|\\(|\\[|!|,'; //  foo | (foo | !foo | foo, | [foo etc.
-    domRefs === null || domRefs === void 0 ? void 0 : domRefs.forEach(function (_var) {
-        newCode = newCode.replace(new RegExp("(".concat(matchVariableUseInClass, ")").concat(_var, "(").concat(matchPropertyAccessorsArguments, ")"), 'g'), '$1' + 'this.' + _var + '$2');
+    const matchPropertyAccessorsArguments = '\\?\\.|,|\\.|\\(| |;|\\)|\\]|$'; // foo?.stuff | foo) | foo | foo] etc.
+    const matchVariableUseInClass = '^|\\n|\\r| |;|\\(|\\[|!|,'; //  foo | (foo | !foo | foo, | [foo etc.
+    domRefs === null || domRefs === void 0 ? void 0 : domRefs.forEach((_var) => {
+        newCode = newCode.replace(new RegExp(`(${matchVariableUseInClass})${_var}(${matchPropertyAccessorsArguments})`, 'g'), '$1' + 'this.' + _var + '$2');
     });
-    stateVars === null || stateVars === void 0 ? void 0 : stateVars.forEach(function (_var) {
+    stateVars === null || stateVars === void 0 ? void 0 : stateVars.forEach((_var) => {
         newCode = newCode.replace(
         /*
           1. Skip anything that is a class variable declaration
@@ -66,7 +53,7 @@ var DO_NOT_USE_VARS_TRANSFORMS = function (newCode, _a) {
             stuff = function stuff() {}  or  get stuff
           3. If the conditions are met then try to match all use cases of the class variables, see above.
         */
-        new RegExp("(?!^".concat(_var, "|^ ").concat(_var, ")(?<!function|get)(").concat(matchVariableUseInClass, ")").concat(_var, "(").concat(matchPropertyAccessorsArguments, ")"), 'g'), '$1' + 'this.' + _var + '$2');
+        new RegExp(`(?!^${_var}|^ ${_var})(?<!function|get)(${matchVariableUseInClass})${_var}(${matchPropertyAccessorsArguments})`, 'g'), '$1' + 'this.' + _var + '$2');
     });
     return newCode;
 };
@@ -78,10 +65,12 @@ exports.DO_NOT_USE_VARS_TRANSFORMS = DO_NOT_USE_VARS_TRANSFORMS;
  * This is for support for frameworks like Vue, Svelte, liquid, etc
  *
  */
-var stripStateAndPropsRefs = function (code, _options) {
-    if (_options === void 0) { _options = {}; }
-    var newCode = code || '';
-    var _a = __assign(__assign({}, DEFAULT_OPTIONS), _options), replaceWith = _a.replaceWith, includeProps = _a.includeProps, includeState = _a.includeState;
+const stripStateAndPropsRefs = (code, _options = {}) => {
+    let newCode = code || '';
+    const { replaceWith, includeProps, includeState } = {
+        ...DEFAULT_OPTIONS,
+        ..._options,
+    };
     if (includeProps !== false) {
         newCode = (0, replace_identifiers_1.replacePropsIdentifier)(replaceWith)(newCode);
         // TODO: webcomponent edge-case

package/dist/src/helpers/styles/collect-css.js

@@ -4,51 +4,50 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.collectCss = void 0;
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var object_hash_1 = __importDefault(require("object-hash"));
-var dash_case_1 = require("../dash-case");
-var is_mitosis_node_1 = require("../is-mitosis-node");
-var helpers_1 = require("./helpers");
-var trimClassStr = function (classStr) { return classStr.trim().replace(/\s{2,}/g, ' '); };
-var updateClassForNode = function (item, className) {
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const object_hash_1 = __importDefault(require("object-hash"));
+const dash_case_1 = require("../dash-case");
+const is_mitosis_node_1 = require("../is-mitosis-node");
+const helpers_1 = require("./helpers");
+const trimClassStr = (classStr) => classStr.trim().replace(/\s{2,}/g, ' ');
+const updateClassForNode = (item, className) => {
     if (item.bindings.class) {
         // combine className with existing binding. We use single quotes because in Vue, bindings are wrapped in double quotes
         // e.g. <div :class="_classStringToObject(this.className + ' div-21azgz5avex')" />
-        item.bindings.class.code = trimClassStr("".concat(item.bindings.class.code, " + ' ").concat(className, "'"));
+        item.bindings.class.code = trimClassStr(`${item.bindings.class.code} + ' ${className}'`);
     }
     else {
-        item.properties.class = trimClassStr("".concat(item.properties.class || '', " ").concat(className));
+        item.properties.class = trimClassStr(`${item.properties.class || ''} ${className}`);
     }
 };
-var collectStyles = function (json, options) {
-    if (options === void 0) { options = {}; }
-    var styleMap = {};
-    var componentIndexes = {};
-    var componentHashes = {};
+const collectStyles = (json, options = {}) => {
+    const styleMap = {};
+    const componentIndexes = {};
+    const componentHashes = {};
     (0, legacy_1.default)(json).forEach(function (item) {
         var _a;
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if ((0, helpers_1.nodeHasCss)(item)) {
-                var value = (0, helpers_1.parseCssObject)((_a = item.bindings.css) === null || _a === void 0 ? void 0 : _a.code);
+                const value = (0, helpers_1.parseCssObject)((_a = item.bindings.css) === null || _a === void 0 ? void 0 : _a.code);
                 delete item.bindings.css;
-                var componentName = item.properties.$name
+                const componentName = item.properties.$name
                     ? (0, dash_case_1.dashCase)(item.properties.$name)
                     : /^h\d$/.test(item.name || '') // don't dashcase h1 into h-1
                         ? item.name
                         : (0, dash_case_1.dashCase)(item.name || 'div');
-                var classNameWPrefix = "".concat(componentName).concat(options.prefix ? "-".concat(options.prefix) : '');
-                var stylesHash = (0, object_hash_1.default)(value);
+                const classNameWPrefix = `${componentName}${options.prefix ? `-${options.prefix}` : ''}`;
+                const stylesHash = (0, object_hash_1.default)(value);
                 if (componentHashes[componentName] === stylesHash) {
-                    var className_1 = classNameWPrefix;
-                    updateClassForNode(item, className_1);
+                    const className = classNameWPrefix;
+                    updateClassForNode(item, className);
                     return;
                 }
                 if (!componentHashes[componentName]) {
                     componentHashes[componentName] = stylesHash;
                 }
-                var index = (componentIndexes[componentName] =
+                const index = (componentIndexes[componentName] =
                     (componentIndexes[componentName] || 0) + 1);
-                var className = "".concat(classNameWPrefix).concat(index === 1 ? '' : "-".concat(index));
+                const className = `${classNameWPrefix}${index === 1 ? '' : `-${index}`}`;
                 updateClassForNode(item, className);
                 styleMap[className] = value;
             }
@@ -57,44 +56,40 @@ var collectStyles = function (json, options) {
     });
     return styleMap;
 };
-var collectCss = function (json, options) {
+const collectCss = (json, options = {}) => {
     var _a;
-    if (options === void 0) { options = {}; }
-    var styles = collectStyles(json, options);
+    const styles = collectStyles(json, options);
     // TODO create and use a root selector
-    var css = '';
-    css += !!((_a = json.style) === null || _a === void 0 ? void 0 : _a.length) ? "".concat(json.style, "\n") : '';
+    let css = '';
+    css += !!((_a = json.style) === null || _a === void 0 ? void 0 : _a.length) ? `${json.style}\n` : '';
     css += classStyleMapToCss(styles);
     return css;
 };
 exports.collectCss = collectCss;
-var classStyleMapToCss = function (map) {
-    var str = '';
-    var _loop_1 = function (key) {
-        var styles = (0, helpers_1.getStylesOnly)(map[key]);
-        str += ".".concat(key, " {\n").concat((0, helpers_1.styleMapToCss)(styles), "\n}");
-        var nestedSelectors = (0, helpers_1.getNestedSelectors)(map[key]);
-        for (var nestedSelector in nestedSelectors) {
-            var value = nestedSelectors[nestedSelector];
+const classStyleMapToCss = (map) => {
+    let str = '';
+    for (const key in map) {
+        const styles = (0, helpers_1.getStylesOnly)(map[key]);
+        str += `.${key} {\n${(0, helpers_1.styleMapToCss)(styles)}\n}`;
+        const nestedSelectors = (0, helpers_1.getNestedSelectors)(map[key]);
+        for (const nestedSelector in nestedSelectors) {
+            const value = nestedSelectors[nestedSelector];
             if (nestedSelector.startsWith('@')) {
-                str += "".concat(nestedSelector, " { .").concat(key, " { ").concat((0, helpers_1.styleMapToCss)(value), " } }");
+                str += `${nestedSelector} { .${key} { ${(0, helpers_1.styleMapToCss)(value)} } }`;
             }
             else {
-                var getSelector = function (nestedSelector) {
+                const getSelector = (nestedSelector) => {
                     if (nestedSelector.startsWith(':')) {
-                        return ".".concat(key).concat(nestedSelector);
+                        return `.${key}${nestedSelector}`;
                     }
                     if (nestedSelector.includes('&')) {
-                        return nestedSelector.replace(/&/g, ".".concat(key));
+                        return nestedSelector.replace(/&/g, `.${key}`);
                     }
-                    return ".".concat(key, " ").concat(nestedSelector);
+                    return `.${key} ${nestedSelector}`;
                 };
-                str += "".concat(getSelector(nestedSelector), " {\n").concat((0, helpers_1.styleMapToCss)(value), "\n}");
+                str += `${getSelector(nestedSelector)} {\n${(0, helpers_1.styleMapToCss)(value)}\n}`;
             }
         }
-    };
-    for (var key in map) {
-        _loop_1(key);
     }
     return str;
 };

package/dist/src/helpers/styles/collect-styled-components.js

@@ -4,54 +4,56 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.collectStyledComponents = void 0;
-var lodash_1 = require("lodash");
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var object_hash_1 = __importDefault(require("object-hash"));
-var capitalize_1 = require("../capitalize");
-var is_mitosis_node_1 = require("../is-mitosis-node");
-var is_upper_case_1 = require("../is-upper-case");
-var helpers_1 = require("./helpers");
-var collectStyledComponents = function (json) {
-    var styledComponentsCode = '';
-    var componentIndexes = {};
-    var componentHashes = {};
+const lodash_1 = require("lodash");
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const object_hash_1 = __importDefault(require("object-hash"));
+const capitalize_1 = require("../capitalize");
+const is_mitosis_node_1 = require("../is-mitosis-node");
+const is_upper_case_1 = require("../is-upper-case");
+const helpers_1 = require("./helpers");
+const collectStyledComponents = (json) => {
+    let styledComponentsCode = '';
+    const componentIndexes = {};
+    const componentHashes = {};
     (0, legacy_1.default)(json).forEach(function (item) {
         var _a;
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if ((0, helpers_1.nodeHasCss)(item)) {
-                var value = (0, helpers_1.parseCssObject)((_a = item.bindings.css) === null || _a === void 0 ? void 0 : _a.code);
+                const value = (0, helpers_1.parseCssObject)((_a = item.bindings.css) === null || _a === void 0 ? void 0 : _a.code);
                 delete item.bindings.css;
-                var normalizedNameProperty = item.properties.$name
+                const normalizedNameProperty = item.properties.$name
                     ? (0, capitalize_1.capitalize)((0, lodash_1.camelCase)(item.properties.$name.replace(/[^a-z]/gi, '')))
                     : null;
-                var componentName = normalizedNameProperty
+                const componentName = normalizedNameProperty
                     ? normalizedNameProperty
                     : /^h\d$/.test(item.name || '')
                         ? item.name
                         : (0, capitalize_1.capitalize)((0, lodash_1.camelCase)(item.name || 'div'));
-                var index = (componentIndexes[componentName] =
+                const index = (componentIndexes[componentName] =
                     (componentIndexes[componentName] || 0) + 1);
-                var className = "".concat(componentName).concat(componentName !== item.name && index === 1 ? '' : index);
-                var str = '';
-                var styles = (0, helpers_1.getStylesOnly)(value);
-                var stylesHash = (0, object_hash_1.default)(styles);
+                const className = `${componentName}${componentName !== item.name && index === 1 ? '' : index}`;
+                let str = '';
+                const styles = (0, helpers_1.getStylesOnly)(value);
+                const stylesHash = (0, object_hash_1.default)(styles);
                 if (stylesHash === componentHashes[componentName]) {
                     return;
                 }
                 if (!componentHashes[componentName]) {
                     componentHashes[componentName] = stylesHash;
                 }
-                str += "".concat((0, helpers_1.styleMapToCss)(styles), "\n");
-                var nestedSelectors = (0, helpers_1.getNestedSelectors)(value);
-                for (var nestedSelector in nestedSelectors) {
-                    var value_1 = nestedSelectors[nestedSelector];
-                    str += "".concat(nestedSelector, " { ").concat((0, helpers_1.styleMapToCss)(value_1), " }");
+                str += `${(0, helpers_1.styleMapToCss)(styles)}\n`;
+                const nestedSelectors = (0, helpers_1.getNestedSelectors)(value);
+                for (const nestedSelector in nestedSelectors) {
+                    const value = nestedSelectors[nestedSelector];
+                    str += `${nestedSelector} { ${(0, helpers_1.styleMapToCss)(value)} }`;
                 }
-                var prefix = (0, is_upper_case_1.isUpperCase)(item.name[0])
-                    ? "styled(".concat(item.name, ")`")
-                    : "styled.".concat(item.name, "`");
+                const prefix = (0, is_upper_case_1.isUpperCase)(item.name[0])
+                    ? `styled(${item.name})\``
+                    : `styled.${item.name}\``;
                 item.name = className;
-                styledComponentsCode += "\n          const ".concat(className, " = ").concat(prefix).concat(str, "`;\n        ");
+                styledComponentsCode += `
+          const ${className} = ${prefix}${str}\`;
+        `;
             }
             delete item.bindings.css;
         }

package/dist/src/helpers/styles/helpers.js

@@ -4,26 +4,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.styleMapToCss = exports.parseCssObject = exports.getStylesOnly = exports.getNestedSelectors = exports.hasStyle = exports.hasCss = exports.nodeHasStyle = exports.nodeHasCss = void 0;
-var json5_1 = __importDefault(require("json5"));
-var lodash_1 = require("lodash");
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var dash_case_1 = require("../dash-case");
-var is_mitosis_node_1 = require("../is-mitosis-node");
-var is_upper_case_1 = require("../is-upper-case");
-var nodeHasCss = function (node) {
+const json5_1 = __importDefault(require("json5"));
+const lodash_1 = require("lodash");
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const dash_case_1 = require("../dash-case");
+const is_mitosis_node_1 = require("../is-mitosis-node");
+const is_upper_case_1 = require("../is-upper-case");
+const nodeHasCss = (node) => {
     var _a;
     return Boolean(typeof ((_a = node.bindings.css) === null || _a === void 0 ? void 0 : _a.code) === 'string' && node.bindings.css.code.trim().length > 6);
 };
 exports.nodeHasCss = nodeHasCss;
-var nodeHasStyle = function (node) {
+const nodeHasStyle = (node) => {
     var _a;
     return (Boolean(typeof ((_a = node.bindings.style) === null || _a === void 0 ? void 0 : _a.code) === 'string') ||
         Boolean(typeof node.properties.style === 'string'));
 };
 exports.nodeHasStyle = nodeHasStyle;
-var hasCss = function (component) {
+const hasCss = (component) => {
     var _a;
-    var hasStyles = !!((_a = component.style) === null || _a === void 0 ? void 0 : _a.length);
+    let hasStyles = !!((_a = component.style) === null || _a === void 0 ? void 0 : _a.length);
     if (hasStyles) {
         return true;
     }
@@ -38,8 +38,8 @@ var hasCss = function (component) {
     return hasStyles;
 };
 exports.hasCss = hasCss;
-var hasStyle = function (component) {
-    var hasStyles = false;
+const hasStyle = (component) => {
+    let hasStyles = false;
     (0, legacy_1.default)(component).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if ((0, exports.nodeHasStyle)(item)) {
@@ -51,15 +51,15 @@ var hasStyle = function (component) {
     return hasStyles;
 };
 exports.hasStyle = hasStyle;
-var getNestedSelectors = function (map) {
-    return (0, lodash_1.pickBy)(map, function (value) { return typeof value === 'object'; });
+const getNestedSelectors = (map) => {
+    return (0, lodash_1.pickBy)(map, (value) => typeof value === 'object');
 };
 exports.getNestedSelectors = getNestedSelectors;
-var getStylesOnly = function (map) {
-    return (0, lodash_1.pickBy)(map, function (value) { return typeof value === 'string'; });
+const getStylesOnly = (map) => {
+    return (0, lodash_1.pickBy)(map, (value) => typeof value === 'string');
 };
 exports.getStylesOnly = getStylesOnly;
-var parseCssObject = function (css) {
+const parseCssObject = (css) => {
     try {
         return json5_1.default.parse(css);
     }
@@ -69,28 +69,22 @@ var parseCssObject = function (css) {
     }
 };
 exports.parseCssObject = parseCssObject;
-var getCssPropertyName = function (cssObjectKey) {
+const getCssPropertyName = (cssObjectKey) => {
     // Allow custom CSS properties
     if (cssObjectKey.startsWith('--')) {
         return cssObjectKey;
     }
-    var str = (0, dash_case_1.dashCase)(cssObjectKey);
+    let str = (0, dash_case_1.dashCase)(cssObjectKey);
     // Convert vendor prefixes like 'WebkitFoo' to '-webkit-foo'
     if ((0, is_upper_case_1.isUpperCase)(cssObjectKey[0])) {
-        str = "-".concat(str);
+        str = `-${str}`;
     }
     return str;
 };
-var styleMapToCss = function (map) {
+const styleMapToCss = (map) => {
     return Object.entries(map)
-        .filter(function (_a) {
-        var key = _a[0], value = _a[1];
-        return typeof value === 'string';
-    })
-        .map(function (_a) {
-        var key = _a[0], value = _a[1];
-        return "  ".concat(getCssPropertyName(key), ": ").concat(value, ";");
-    })
+        .filter(([key, value]) => typeof value === 'string')
+        .map(([key, value]) => `  ${getCssPropertyName(key)}: ${value};`)
         .join('\n');
 };
 exports.styleMapToCss = styleMapToCss;

package/dist/src/helpers/trace-reference-to-module-path.js

@@ -2,11 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.traceReferenceToModulePath = void 0;
 function traceReferenceToModulePath(imports, name) {
-    var response = null;
-    for (var _i = 0, imports_1 = imports; _i < imports_1.length; _i++) {
-        var importInfo = imports_1[_i];
+    let response = null;
+    for (const importInfo of imports) {
         if (name in importInfo.imports) {
-            return "".concat(importInfo.path, ":").concat(importInfo.imports[name]);
+            return `${importInfo.path}:${importInfo.imports[name]}`;
         }
     }
     return response;

package/dist/src/helpers/transform-state-setters.js

@@ -1,27 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformStateSetters = void 0;
-var core_1 = require("@babel/core");
-var babel_transform_1 = require("./babel-transform");
+const core_1 = require("@babel/core");
+const babel_transform_1 = require("./babel-transform");
 /**
  * Finds instances of state being set in `value`, and transforms them using the
  * provided `transformer`.
  */
-var transformStateSetters = function (_a) {
-    var value = _a.value, transformer = _a.transformer;
-    return (0, babel_transform_1.babelTransformExpression)(value, {
-        AssignmentExpression: function (path) {
-            var node = path.node;
-            if (core_1.types.isMemberExpression(node.left) &&
-                core_1.types.isIdentifier(node.left.object) &&
-                // TODO: utillity to properly trace this reference to the beginning
-                node.left.object.name === 'state') {
-                // TODO: ultimately support other property access like strings
-                var propertyName = node.left.property.name;
-                var newExpression = transformer({ path: path, propertyName: propertyName });
-                path.replaceWith(newExpression);
-            }
-        },
-    });
-};
+const transformStateSetters = ({ value, transformer, }) => (0, babel_transform_1.babelTransformExpression)(value, {
+    AssignmentExpression(path) {
+        const { node } = path;
+        if (core_1.types.isMemberExpression(node.left) &&
+            core_1.types.isIdentifier(node.left.object) &&
+            // TODO: utillity to properly trace this reference to the beginning
+            node.left.object.name === 'state') {
+            // TODO: ultimately support other property access like strings
+            const propertyName = node.left.property.name;
+            const newExpression = transformer({ path, propertyName });
+            path.replaceWith(newExpression);
+        }
+    },
+});
 exports.transformStateSetters = transformStateSetters;

package/dist/src/helpers/traverse-nodes.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.traverseNodes = void 0;
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var is_mitosis_node_1 = require("./is-mitosis-node");
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const is_mitosis_node_1 = require("./is-mitosis-node");
 function traverseNodes(component, cb) {
     (0, legacy_1.default)(component).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {

package/dist/src/helpers/try-prettier-format.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tryPrettierFormat = void 0;
-var standalone_1 = require("prettier/standalone");
-var tryPrettierFormat = function (str, parser) {
+const standalone_1 = require("prettier/standalone");
+const tryPrettierFormat = (str, parser) => {
     try {
         return (0, standalone_1.format)(str, {
-            parser: parser,
+            parser,
             plugins: [
                 // To support running in browsers
                 require('prettier/parser-typescript'),