@builder.io/mitosis 0.0.45 → 0.0.46

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

@@ -19,9 +19,9 @@ var nodeHasStyles = function (node) {
 exports.nodeHasStyles = nodeHasStyles;
 var hasStyles = function (component) {
     var hasStyles = false;
-    traverse_1.default(component).forEach(function (item) {
-        if (is_mitosis_node_1.isMitosisNode(item)) {
-            if (exports.nodeHasStyles(item)) {
+    (0, traverse_1.default)(component).forEach(function (item) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
+            if ((0, exports.nodeHasStyles)(item)) {
                 hasStyles = true;
                 this.stop();
             }
@@ -34,42 +34,42 @@ var collectStyledComponents = function (json) {
     var styledComponentsCode = '';
     var componentIndexes = {};
     var componentHashes = {};
-    traverse_1.default(json).forEach(function (item) {
-        if (is_mitosis_node_1.isMitosisNode(item)) {
-            if (exports.nodeHasStyles(item)) {
-                var value = exports.parseCssObject(item.bindings.css);
+    (0, traverse_1.default)(json).forEach(function (item) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
+            if ((0, exports.nodeHasStyles)(item)) {
+                var value = (0, exports.parseCssObject)(item.bindings.css);
                 delete item.bindings.css;
                 var normalizedNameProperty = item.properties.$name
-                    ? capitalize_1.capitalize(lodash_1.camelCase(item.properties.$name.replace(/[^a-z]/gi, '')))
+                    ? (0, capitalize_1.capitalize)((0, lodash_1.camelCase)(item.properties.$name.replace(/[^a-z]/gi, '')))
                     : null;
                 var componentName = normalizedNameProperty
                     ? normalizedNameProperty
                     : /^h\d$/.test(item.name || '')
                         ? item.name
-                        : capitalize_1.capitalize(lodash_1.camelCase(item.name || 'div'));
+                        : (0, capitalize_1.capitalize)((0, lodash_1.camelCase)(item.name || 'div'));
                 var index = (componentIndexes[componentName] =
                     (componentIndexes[componentName] || 0) + 1);
-                var className = "" + componentName + (componentName !== item.name && index === 1 ? '' : index);
+                var className = "".concat(componentName).concat(componentName !== item.name && index === 1 ? '' : index);
                 var str = '';
                 var styles = getStylesOnly(value);
-                var stylesHash = object_hash_1.default(styles);
+                var stylesHash = (0, object_hash_1.default)(styles);
                 if (stylesHash === componentHashes[componentName]) {
                     return;
                 }
                 if (!componentHashes[componentName]) {
                     componentHashes[componentName] = stylesHash;
                 }
-                str += exports.styleMapToCss(styles) + "\n";
+                str += "".concat((0, exports.styleMapToCss)(styles), "\n");
                 var nestedSelectors = getNestedSelectors(value);
                 for (var nestedSelector in nestedSelectors) {
                     var value_1 = nestedSelectors[nestedSelector];
-                    str += nestedSelector + " { " + exports.styleMapToCss(value_1) + " }";
+                    str += "".concat(nestedSelector, " { ").concat((0, exports.styleMapToCss)(value_1), " }");
                 }
-                var prefix = is_upper_case_1.isUpperCase(item.name[0])
-                    ? "styled(" + item.name + ")`"
-                    : "styled." + item.name + "`";
+                var prefix = (0, is_upper_case_1.isUpperCase)(item.name[0])
+                    ? "styled(".concat(item.name, ")`")
+                    : "styled.".concat(item.name, "`");
                 item.name = className;
-                styledComponentsCode += "\n          const " + className + " = " + prefix + str + "`\n        ";
+                styledComponentsCode += "\n          const ".concat(className, " = ").concat(prefix).concat(str, "`\n        ");
             }
             delete item.bindings.css;
         }
@@ -93,21 +93,21 @@ var collectStyles = function (json, options) {
     var classProperty = options.classProperty || 'class';
     var componentIndexes = {};
     var componentHashes = {};
-    traverse_1.default(json).forEach(function (item) {
-        if (is_mitosis_node_1.isMitosisNode(item)) {
-            if (exports.nodeHasStyles(item)) {
-                var value = exports.parseCssObject(item.bindings.css);
+    (0, traverse_1.default)(json).forEach(function (item) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
+            if ((0, exports.nodeHasStyles)(item)) {
+                var value = (0, exports.parseCssObject)(item.bindings.css);
                 delete item.bindings.css;
                 var componentName = item.properties.$name
-                    ? dash_case_1.dashCase(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
-                        : dash_case_1.dashCase(item.name || 'div');
-                var stylesHash = object_hash_1.default(value);
+                        : (0, dash_case_1.dashCase)(item.name || 'div');
+                var stylesHash = (0, object_hash_1.default)(value);
                 if (componentHashes[componentName] === stylesHash) {
-                    var className_1 = "" + componentName + (options.prefix ? "-" + options.prefix : '');
-                    item.properties[classProperty] = ((item.properties[classProperty] ||
-                        '') + " " + className_1)
+                    var className_1 = "".concat(componentName).concat(options.prefix ? "-".concat(options.prefix) : '');
+                    item.properties[classProperty] = "".concat(item.properties[classProperty] ||
+                        '', " ").concat(className_1)
                         .trim()
                         .replace(/\s{2,}/g, ' ');
                     return;
@@ -117,9 +117,9 @@ var collectStyles = function (json, options) {
                 }
                 var index = (componentIndexes[componentName] =
                     (componentIndexes[componentName] || 0) + 1);
-                var className = "" + componentName + (options.prefix ? "-" + options.prefix : '') + (index === 1 ? '' : "-" + index);
-                item.properties[classProperty] = ((item.properties[classProperty] ||
-                    '') + " " + className)
+                var className = "".concat(componentName).concat(options.prefix ? "-".concat(options.prefix) : '').concat(index === 1 ? '' : "-".concat(index));
+                item.properties[classProperty] = "".concat(item.properties[classProperty] ||
+                    '', " ").concat(className)
                     .trim()
                     .replace(/\s{2,}/g, ' ');
                 styleMap[className] = value;
@@ -132,33 +132,33 @@ var collectStyles = function (json, options) {
 exports.collectStyles = collectStyles;
 var collectCss = function (json, options) {
     if (options === void 0) { options = {}; }
-    var styles = exports.collectStyles(json, options);
+    var styles = (0, exports.collectStyles)(json, options);
     // TODO create and use a root selector
     return classStyleMapToCss(styles);
 };
 exports.collectCss = collectCss;
 var getNestedSelectors = function (map) {
-    return lodash_1.pickBy(map, function (value) { return typeof value === 'object'; });
+    return (0, lodash_1.pickBy)(map, function (value) { return typeof value === 'object'; });
 };
 var getStylesOnly = function (map) {
-    return lodash_1.pickBy(map, function (value) { return typeof value === 'string'; });
+    return (0, lodash_1.pickBy)(map, function (value) { return typeof value === 'string'; });
 };
 var classStyleMapToCss = function (map) {
     var str = '';
     for (var key in map) {
         var styles = getStylesOnly(map[key]);
-        str += "." + key + " { " + exports.styleMapToCss(styles) + " }";
+        str += ".".concat(key, " { ").concat((0, exports.styleMapToCss)(styles), " }");
         var nestedSelectors = getNestedSelectors(map[key]);
         for (var nestedSelector in nestedSelectors) {
             var value = nestedSelectors[nestedSelector];
             if (nestedSelector.startsWith('@')) {
-                str += nestedSelector + " { ." + key + " { " + exports.styleMapToCss(value) + " } }";
+                str += "".concat(nestedSelector, " { .").concat(key, " { ").concat((0, exports.styleMapToCss)(value), " } }");
             }
             else {
                 var useSelector = nestedSelector.includes('&')
-                    ? nestedSelector.replace(/&/g, "." + key)
-                    : "." + key + " " + nestedSelector;
-                str += useSelector + " { " + exports.styleMapToCss(value) + " }";
+                    ? nestedSelector.replace(/&/g, ".".concat(key))
+                    : ".".concat(key, " ").concat(nestedSelector);
+                str += "".concat(useSelector, " { ").concat((0, exports.styleMapToCss)(value), " }");
             }
         }
     }
@@ -169,7 +169,7 @@ var styleMapToCss = function (map) {
     for (var key in map) {
         var value = map[key];
         if (typeof value === 'string') {
-            str += "\n" + dash_case_1.dashCase(key) + ": " + value + ";";
+            str += "\n".concat((0, dash_case_1.dashCase)(key), ": ").concat(value, ";");
         }
         else {
             // TODO: do nothing

package/dist/src/helpers/dash-case.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dashCase = void 0;
 var lodash_1 = require("lodash");
-var dashCase = function (string) { return lodash_1.kebabCase(string); };
+var dashCase = function (string) { return (0, lodash_1.kebabCase)(string); };
 exports.dashCase = dashCase;

package/dist/src/helpers/generic-format.test.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var globals_1 = require("@jest/globals");
 var generic_format_1 = require("./generic-format");
-globals_1.test('Can generic format sloppy Swift code', function () {
+(0, globals_1.test)('Can generic format sloppy Swift code', function () {
     var code = "\n  import SwiftUI\n  import JavaScriptCore\n  \n  struct MyComponent: View {\n    \n      @State private var updateIndex = 0\n      private var context = JSContext()\n  \n      func eval(expression: String) -> JSValue! {\n        return context?.evaluateScript(expression)\n      }\n  \n      init() {\n        let jsSource = \"\"\"\n            const state = { name: \"Steve\" };\n  \n        \"\"\"\n        context?.evaluateScript(jsSource)\n      }\n    \n  \n    var body: some View {\n      VStack {\n        Text(String(updateIndex)).hidden()\n        VStack(){\n        Foo(\n          bar: baz\n          )\n  TextField(){}\n  Text(\"Hello\")\n  Text(eval(expression: \"\"\"state.name\"\"\"))\n  Text(\"! I can run in React, Vue, Solid, or Liquid!\")}\n      }\n    }\n  }\n  ";
-    globals_1.expect(generic_format_1.format(code)).toMatchSnapshot();
+    (0, globals_1.expect)((0, generic_format_1.format)(code)).toMatchSnapshot();
 });

package/dist/src/helpers/get-components-used.js

@@ -8,8 +8,8 @@ var traverse_1 = __importDefault(require("traverse"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 function getComponentsUsed(json) {
     var components = new Set();
-    traverse_1.default(json).forEach(function (item) {
-        if (is_mitosis_node_1.isMitosisNode(item)) {
+    (0, traverse_1.default)(json).forEach(function (item) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             components.add(item.name);
         }
     });

package/dist/src/helpers/get-components.js

@@ -9,9 +9,9 @@ var is_mitosis_node_1 = require("./is-mitosis-node");
 var is_upper_case_1 = require("./is-upper-case");
 function getComponents(json) {
     var components = new Set();
-    traverse_1.default(json).forEach(function (item) {
-        if (is_mitosis_node_1.isMitosisNode(item)) {
-            if (is_upper_case_1.isUpperCase(item.name[0])) {
+    (0, traverse_1.default)(json).forEach(function (item) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
+            if ((0, is_upper_case_1.isUpperCase)(item.name[0])) {
                 components.add(item.name);
             }
         }

package/dist/src/helpers/get-props.js

@@ -12,7 +12,7 @@ var allPropsMatchesRegex = new RegExp(propsRegex, 'g');
  */
 var getProps = function (json) {
     var props = new Set();
-    traverse_1.default(json).forEach(function (item) {
+    (0, traverse_1.default)(json).forEach(function (item) {
         if (typeof item === 'string') {
             // TODO: proper babel ref matching
             var matches = item.match(allPropsMatchesRegex);

package/dist/src/helpers/get-refs.js

@@ -8,8 +8,8 @@ var traverse_1 = __importDefault(require("traverse"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 var getRefs = function (json) {
     var refs = new Set();
-    traverse_1.default(json).forEach(function (item) {
-        if (is_mitosis_node_1.isMitosisNode(item)) {
+    (0, traverse_1.default)(json).forEach(function (item) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if (typeof item.bindings.ref === 'string') {
                 refs.add(item.bindings.ref);
             }

package/dist/src/helpers/get-state-object-string.js

@@ -23,7 +23,7 @@ var getMemberObjectString = function (object, options) {
                     continue;
                 }
                 var functionValue = value.replace(function_literal_prefix_1.functionLiteralPrefix, '');
-                str += " " + keyPrefix + " " + key + " " + keyValueDelimiter + " " + valueMapper(functionValue, 'function') + lineItemDelimiter + " ";
+                str += " ".concat(keyPrefix, " ").concat(key, " ").concat(keyValueDelimiter, " ").concat(valueMapper(functionValue, 'function')).concat(lineItemDelimiter, " ");
             }
             else if (value.startsWith(method_literal_prefix_1.methodLiteralPrefix)) {
                 var methodValue = value.replace(method_literal_prefix_1.methodLiteralPrefix, '');
@@ -34,20 +34,20 @@ var getMemberObjectString = function (object, options) {
                 if (!isGet && options.functions === false) {
                     continue;
                 }
-                str += keyPrefix + " " + valueMapper(methodValue, isGet ? 'getter' : 'function') + " " + lineItemDelimiter;
+                str += "".concat(keyPrefix, " ").concat(valueMapper(methodValue, isGet ? 'getter' : 'function'), " ").concat(lineItemDelimiter);
             }
             else {
                 if (options.data === false) {
                     continue;
                 }
-                str += " " + keyPrefix + " " + key + keyValueDelimiter + " " + valueMapper(json5_1.default.stringify(value), 'data') + lineItemDelimiter + " ";
+                str += " ".concat(keyPrefix, " ").concat(key).concat(keyValueDelimiter, " ").concat(valueMapper(json5_1.default.stringify(value), 'data')).concat(lineItemDelimiter, " ");
             }
         }
         else {
             if (options.data === false) {
                 continue;
             }
-            str += " " + keyPrefix + " " + key + keyValueDelimiter + " " + valueMapper(json5_1.default.stringify(value), 'data') + lineItemDelimiter + " ";
+            str += " ".concat(keyPrefix, " ").concat(key).concat(keyValueDelimiter, " ").concat(valueMapper(json5_1.default.stringify(value), 'data')).concat(lineItemDelimiter, " ");
         }
     }
     str += format === 'object' ? '}' : '';
@@ -56,6 +56,6 @@ var getMemberObjectString = function (object, options) {
 exports.getMemberObjectString = getMemberObjectString;
 var getStateObjectStringFromComponent = function (component, options) {
     if (options === void 0) { options = {}; }
-    return exports.getMemberObjectString(component.state, options);
+    return (0, exports.getMemberObjectString)(component.state, options);
 };
 exports.getStateObjectStringFromComponent = getStateObjectStringFromComponent;

package/dist/src/helpers/get-state-used.js

@@ -12,7 +12,7 @@ var allStateMatchesRegex = new RegExp(stateAccessRegex, 'g');
  */
 var getStateUsed = function (json) {
     var stateProperties = new Set();
-    traverse_1.default(json).forEach(function (item) {
+    (0, traverse_1.default)(json).forEach(function (item) {
         if (typeof item === 'string') {
             // TODO: proper babel ref matching
             var matches = item.match(allStateMatchesRegex);

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

@@ -22,7 +22,7 @@ var getStyles = function (json) {
 };
 exports.getStyles = getStyles;
 var setStyles = function (json, styles) {
-    if (!lodash_1.size(styles)) {
+    if (!(0, lodash_1.size)(styles)) {
         delete json.bindings.css;
     }
     else {

package/dist/src/helpers/getters-to-functions.js

@@ -19,17 +19,17 @@ var gettersToFunctions = function (json) {
         }
         return false;
     });
-    traverse_1.default(json).forEach(function (item) {
+    (0, traverse_1.default)(json).forEach(function (item) {
         // TODO: not all strings are expressions!
         if (typeof item === 'string') {
             var value = item;
             var _loop_1 = function (key) {
                 try {
-                    value = value.replace(new RegExp("state\\s*\\.\\s*" + key + "([^a-z0-9]|$)", 'gi'), function (match, group1) {
+                    value = value.replace(new RegExp("state\\s*\\.\\s*".concat(key, "([^a-z0-9]|$)"), 'gi'), function (match, group1) {
                         if (match.endsWith('?')) {
-                            return key + "?.()" + group1;
+                            return "".concat(key, "?.()").concat(group1);
                         }
-                        return key + "()" + group1;
+                        return "".concat(key, "()").concat(group1);
                     });
                 }
                 catch (err) {

package/dist/src/helpers/handle-missing-state.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleMissingState = void 0;
 var get_state_used_1 = require("./get-state-used");
 function handleMissingState(json) {
-    var stateUsed = get_state_used_1.getStateUsed(json);
+    var stateUsed = (0, get_state_used_1.getStateUsed)(json);
     Array.from(stateUsed).forEach(function (property) {
         if (!(property in json.state)) {
             json.state[property] = null;

package/dist/src/helpers/has-component.js

@@ -8,8 +8,8 @@ var traverse_1 = __importDefault(require("traverse"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 var hasComponent = function (name, json) {
     var has = false;
-    traverse_1.default(json).forEach(function (item) {
-        if (is_mitosis_node_1.isMitosisNode(item)) {
+    (0, traverse_1.default)(json).forEach(function (item) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if (item.name === name) {
                 has = true;
                 this.stop();

package/dist/src/helpers/has-props.js

@@ -7,7 +7,7 @@ exports.hasProps = void 0;
 var traverse_1 = __importDefault(require("traverse"));
 var hasProps = function (json) {
     var has = false;
-    traverse_1.default(json).forEach(function (item) {
+    (0, traverse_1.default)(json).forEach(function (item) {
         // TODO: use proper reference tracking
         if (typeof item === 'string' && item.match(/(^|\W)props\s*\./)) {
             has = true;

package/dist/src/helpers/is-children.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 function isChildren(node) {
-    return (("" + (node.bindings._text || '')).replace(/\s+/g, '') === 'props.children');
+    return ("".concat(node.bindings._text || '').replace(/\s+/g, '') === 'props.children');
 }
 exports.default = isChildren;

package/dist/src/helpers/json.d.ts

@@ -0,0 +1 @@
+export declare const tryParseJson: (jsonStr: string) => any;

package/dist/src/helpers/json.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tryParseJson = void 0;
+var json5_1 = __importDefault(require("json5"));
+var tryParseJson = function (jsonStr) {
+    try {
+        return json5_1.default.parse(jsonStr);
+    }
+    catch (err) {
+        console.error('Could not JSON5 parse object:\n', jsonStr);
+        throw err;
+    }
+};
+exports.tryParseJson = tryParseJson;

package/dist/src/helpers/map-refs.js

@@ -32,7 +32,7 @@ var function_literal_prefix_1 = require("../constants/function-literal-prefix");
 var babel_transform_1 = require("./babel-transform");
 var tsPreset = require('@babel/preset-typescript');
 var replaceRefsInString = function (code, refs, mapper) {
-    return babel_transform_1.babelTransformExpression(code, {
+    return (0, babel_transform_1.babelTransformExpression)(code, {
         Identifier: function (path) {
             var name = path.node.name;
             var isRef = refs.includes(name);
@@ -43,7 +43,7 @@ var replaceRefsInString = function (code, refs, mapper) {
     });
 };
 var mapRefs = function (component, mapper) {
-    var refs = Array.from(get_refs_1.getRefs(component));
+    var refs = Array.from((0, get_refs_1.getRefs)(component));
     for (var _i = 0, _a = Object.keys(component.state); _i < _a.length; _i++) {
         var key = _a[_i];
         var value = component.state[key];
@@ -63,8 +63,8 @@ var mapRefs = function (component, mapper) {
             }
         }
     }
-    traverse_1.default(component).forEach(function (item) {
-        if (is_mitosis_node_1.isMitosisNode(item)) {
+    (0, traverse_1.default)(component).forEach(function (item) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             for (var _i = 0, _a = Object.keys(item.bindings); _i < _a.length; _i++) {
                 var key = _a[_i];
                 var value = item.bindings[key];

package/dist/src/helpers/map-to-attributes.js

@@ -5,13 +5,13 @@ var lodash_1 = require("lodash");
 // This list is not exhaustive of all HTML boolean attributes, but we can add more in the future if needed.
 var booleanHTMLAttributes = new Set(['checked', 'disabled', 'selected']);
 function mapToAttributes(map) {
-    if (!lodash_1.size(map)) {
+    if (!(0, lodash_1.size)(map)) {
         return '';
     }
-    return lodash_1.reduce(map, function (memo, value, key) {
-        var attributeValue = " " + key + "=\"" + value + "\"";
+    return (0, lodash_1.reduce)(map, function (memo, value, key) {
+        var attributeValue = " ".concat(key, "=\"").concat(value, "\"");
         if (booleanHTMLAttributes.has(key) && value) {
-            attributeValue = " " + value;
+            attributeValue = " ".concat(value);
         }
         return memo + attributeValue;
     }, '');

package/dist/src/helpers/map-to-css.js

@@ -6,10 +6,10 @@ function mapToCss(map, spaces, important, uewNewLine) {
     if (spaces === void 0) { spaces = 2; }
     if (important === void 0) { important = false; }
     if (uewNewLine === void 0) { uewNewLine = spaces > 1; }
-    return lodash_1.reduce(map, function (memo, value, key) {
+    return (0, lodash_1.reduce)(map, function (memo, value, key) {
         return (memo +
             (value && value.trim()
-                ? "" + (uewNewLine ? '\n' : '') + ' '.repeat(spaces) + lodash_1.kebabCase(key) + ": " + (value + (important ? ' !important' : '')) + ";"
+                ? "".concat(uewNewLine ? '\n' : '').concat(' '.repeat(spaces)).concat((0, lodash_1.kebabCase)(key), ": ").concat(value + (important ? ' !important' : ''), ";")
                 : ''));
     }, '');
 }

package/dist/src/helpers/parse-node.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseNodes = exports.parseNode = void 0;
 var jsx_1 = require("../parsers/jsx");
 var parseNode = function (str) {
-    return jsx_1.parseJsx("\n    export default function MyComponent() {\n      return (" + str + ")\n    }\n  ").children[0];
+    return (0, jsx_1.parseJsx)("\n    export default function MyComponent() {\n      return (".concat(str, ")\n    }\n  ")).children[0];
 };
 exports.parseNode = parseNode;
 var parseNodes = function (str) {
-    return jsx_1.parseJsx("\n    export default function MyComponent() {\n      return (<>" + str + "</>)\n    }\n  ").children[0].children;
+    return (0, jsx_1.parseJsx)("\n    export default function MyComponent() {\n      return (<>".concat(str, "</>)\n    }\n  ")).children[0].children;
 };
 exports.parseNodes = parseNodes;

package/dist/src/helpers/parse-reactive-script.js

@@ -26,7 +26,7 @@ function parseReactiveScript(code, options) {
     var state = {};
     var format = options.format || 'html';
     var useCode = format === 'html' ? ((_a = code.match(exports.reactiveScriptRe)) === null || _a === void 0 ? void 0 : _a[1]) || '' : code;
-    var output = core_1.transform(useCode, {
+    var output = (0, core_1.transform)(useCode, {
         plugins: [
             function () { return ({
                 visitor: {
@@ -45,11 +45,11 @@ function parseReactiveScript(code, options) {
                                         if (core_1.types.isObjectProperty(item)) {
                                             if (core_1.types.isFunctionExpression(item.value) ||
                                                 core_1.types.isArrowFunctionExpression(item.value)) {
-                                                return jsx_1.createFunctionStringLiteralObjectProperty(item.key, item.value);
+                                                return (0, jsx_1.createFunctionStringLiteralObjectProperty)(item.key, item.value);
                                             }
                                         }
                                         if (core_1.types.isObjectMethod(item)) {
-                                            return core_1.types.objectProperty(item.key, core_1.types.stringLiteral("" + method_literal_prefix_1.methodLiteralPrefix + generator_1.default(__assign(__assign({}, item), { returnType: null })).code));
+                                            return core_1.types.objectProperty(item.key, core_1.types.stringLiteral("".concat(method_literal_prefix_1.methodLiteralPrefix).concat((0, generator_1.default)(__assign(__assign({}, item), { returnType: null })).code)));
                                         }
                                         // Remove typescript types, e.g. from
                                         // { foo: ('string' as SomeType) }
@@ -66,7 +66,7 @@ function parseReactiveScript(code, options) {
                                     var code_1;
                                     var obj = void 0;
                                     try {
-                                        code_1 = generator_1.default(newObject).code;
+                                        code_1 = (0, generator_1.default)(newObject).code;
                                         obj = json5_1.default.parse(code_1);
                                     }
                                     catch (err) {

package/dist/src/helpers/process-http-requests.js

@@ -14,7 +14,7 @@ function processHttpRequests(json) {
             var value = httpRequests[key];
             // TODO: unravel our proxy. aka parse out methods, header, etc
             // and remove our proxy from being used anymore
-            onMount += "\n        fetch(\"" + value + "\").then(res => res.json()).then(result => {\n          state." + key + " = result;\n        })\n      ";
+            onMount += "\n        fetch(\"".concat(value, "\").then(res => res.json()).then(result => {\n          state.").concat(key, " = result;\n        })\n      ");
         }
     }
     json.hooks.onMount = onMount;

package/dist/src/helpers/process-tag-references.js

@@ -8,19 +8,19 @@ var lodash_1 = require("lodash");
 var traverse_1 = __importDefault(require("traverse"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 function getRefName(path) {
-    return lodash_1.upperFirst(lodash_1.camelCase(lodash_1.last(path.split('.')))) + 'Ref';
+    return (0, lodash_1.upperFirst)((0, lodash_1.camelCase)((0, lodash_1.last)(path.split('.')))) + 'Ref';
 }
 function processTagReferences(json) {
     var namesFound = new Set();
-    traverse_1.default(json).forEach(function (el) {
-        if (is_mitosis_node_1.isMitosisNode(el)) {
+    (0, traverse_1.default)(json).forEach(function (el) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(el)) {
             if (el.name.includes('.')) {
                 if (!namesFound.has(el.name)) {
                     namesFound.add(el.name);
                     if (typeof json.hooks.init !== 'string') {
                         json.hooks.init = '';
                     }
-                    json.hooks.init += "\n            const " + getRefName(el.name) + " = " + el.name + ";\n          ";
+                    json.hooks.init += "\n            const ".concat(getRefName(el.name), " = ").concat(el.name, ";\n          ");
                 }
                 el.name = getRefName(el.name);
             }

package/dist/src/helpers/remove-surrounding-block.test.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var remove_surrounding_block_1 = require("./remove-surrounding-block");
 describe('removeSurroundingBlock', function () {
     test('It removes the surrounding wrapper block', function () {
-        var output = remove_surrounding_block_1.removeSurroundingBlock('{ const foo = "bar" }');
+        var output = (0, remove_surrounding_block_1.removeSurroundingBlock)('{ const foo = "bar" }');
         expect(output).toBe(' const foo = "bar" ');
     });
 });

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

@@ -23,12 +23,12 @@ var renderImport = function (theImport) {
     var importString = 'import ';
     var starImport = getStarImport(theImport);
     if (starImport) {
-        importString += " * as " + starImport + " ";
+        importString += " * as ".concat(starImport, " ");
     }
     else {
         var defaultImport = getDefaultImport(theImport);
         if (defaultImport) {
-            importString += " " + defaultImport + ", ";
+            importString += " ".concat(defaultImport, ", ");
         }
         importString += ' { ';
         var firstAdded = false;
@@ -43,14 +43,14 @@ var renderImport = function (theImport) {
             else {
                 firstAdded = true;
             }
-            importString += " " + value + " ";
+            importString += " ".concat(value, " ");
             if (key !== value) {
-                importString += " as " + key + " ";
+                importString += " as ".concat(key, " ");
             }
         }
         importString += ' } ';
     }
-    importString += " from '" + theImport.path + "';";
+    importString += " from '".concat(theImport.path, "';");
     return importString;
 };
 exports.renderImport = renderImport;
@@ -66,12 +66,12 @@ var renderImports = function (imports) {
         if (theImport.path.startsWith('@builder.io/mitosis')) {
             continue;
         }
-        importString += exports.renderImport(theImport) + '\n';
+        importString += (0, exports.renderImport)(theImport) + '\n';
     }
     return importString;
 };
 exports.renderImports = renderImports;
 var renderPreComponent = function (component) {
-    return "\n    " + exports.renderImports(component.imports) + "\n    " + (component.hooks.preComponent || '') + "\n  ";
+    return "\n    ".concat((0, exports.renderImports)(component.imports), "\n    ").concat(component.hooks.preComponent || '', "\n  ");
 };
 exports.renderPreComponent = renderPreComponent;

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

@@ -4,7 +4,7 @@ exports.replaceIdentifiers = void 0;
 var core_1 = require("@babel/core");
 var babel_transform_1 = require("./babel-transform");
 var replaceIdentifiers = function (code, from, to) {
-    return babel_transform_1.babelTransformExpression(code, {
+    return (0, babel_transform_1.babelTransformExpression)(code, {
         Identifier: function (path) {
             if (
             // This is not a property access - like `foo` in `this.foo`

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

@@ -7,8 +7,8 @@ exports.stripMetaProperties = void 0;
 var traverse_1 = __importDefault(require("traverse"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 var stripMetaProperties = function (json) {
-    traverse_1.default(json).forEach(function (item) {
-        if (is_mitosis_node_1.isMitosisNode(item)) {
+    (0, traverse_1.default)(json).forEach(function (item) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             for (var property in item.properties) {
                 if (property.startsWith('$')) {
                     delete item.properties[property];

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

@@ -6,7 +6,7 @@ function traceReferenceToModulePath(imports, name) {
     for (var _i = 0, imports_1 = imports; _i < imports_1.length; _i++) {
         var importInfo = imports_1[_i];
         if (name in importInfo.imports) {
-            return importInfo.path + ":" + importInfo.imports[name];
+            return "".concat(importInfo.path, ":").concat(importInfo.imports[name]);
         }
     }
     return response;