@builder.io/mitosis 0.4.0 → 0.4.2

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

@@ -1,86 +1,67 @@
 "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.getStateObjectStringFromComponent = exports.stringifyContextValue = exports.getMemberObjectString = void 0;
-var DEFAULT_OPTIONS = {
+const DEFAULT_OPTIONS = {
     format: 'object',
     keyPrefix: '',
-    valueMapper: function (val) { return val; },
+    valueMapper: (val) => val,
     data: true,
     functions: true,
     getters: true,
 };
-var convertStateMemberToString = function (_a) {
-    var data = _a.data, format = _a.format, functions = _a.functions, getters = _a.getters, keyPrefix = _a.keyPrefix, valueMapper = _a.valueMapper;
-    return function (_a) {
-        var key = _a[0], state = _a[1];
-        var keyValueDelimiter = format === 'object' ? ':' : '=';
-        if (!state) {
-            return undefined;
-        }
-        var code = state.code, typeParameter = state.typeParameter;
-        switch (state.type) {
-            case 'function': {
-                if (functions === false || typeof code !== 'string') {
-                    return undefined;
-                }
-                return "".concat(keyPrefix, " ").concat(key, " ").concat(keyValueDelimiter, " ").concat(valueMapper(code, 'function', typeParameter, key));
+const convertStateMemberToString = ({ data, format, functions, getters, keyPrefix, valueMapper }) => ([key, state]) => {
+    const keyValueDelimiter = format === 'object' ? ':' : '=';
+    if (!state) {
+        return undefined;
+    }
+    const { code, typeParameter } = state;
+    switch (state.type) {
+        case 'function': {
+            if (functions === false || typeof code !== 'string') {
+                return undefined;
             }
-            case 'method': {
-                if (functions === false || typeof code !== 'string') {
-                    return undefined;
-                }
-                return "".concat(keyPrefix, " ").concat(valueMapper(code, 'function', typeParameter, key));
+            return `${keyPrefix} ${key} ${keyValueDelimiter} ${valueMapper(code, 'function', typeParameter, key)}`;
+        }
+        case 'method': {
+            if (functions === false || typeof code !== 'string') {
+                return undefined;
             }
-            case 'getter': {
-                if (getters === false || typeof code !== 'string') {
-                    return undefined;
-                }
-                return "".concat(keyPrefix, " ").concat(valueMapper(code, 'getter', typeParameter, key));
+            return `${keyPrefix} ${valueMapper(code, 'function', typeParameter, key)}`;
+        }
+        case 'getter': {
+            if (getters === false || typeof code !== 'string') {
+                return undefined;
             }
-            case 'property': {
-                if (data === false) {
-                    return undefined;
-                }
-                return "".concat(keyPrefix, " ").concat(key).concat(keyValueDelimiter, " ").concat(valueMapper(code, 'data', typeParameter, key));
+            return `${keyPrefix} ${valueMapper(code, 'getter', typeParameter, key)}`;
+        }
+        case 'property': {
+            if (data === false) {
+                return undefined;
             }
-            default:
-                break;
+            return `${keyPrefix} ${key}${keyValueDelimiter} ${valueMapper(code, 'data', typeParameter, key)}`;
         }
-    };
+        default:
+            break;
+    }
 };
-var getMemberObjectString = function (object, userOptions) {
-    if (userOptions === void 0) { userOptions = {}; }
-    var options = __assign(__assign({}, DEFAULT_OPTIONS), userOptions);
-    var lineItemDelimiter = options.format === 'object' ? ',' : '\n';
-    var stringifiedProperties = Object.entries(object)
+const getMemberObjectString = (object, userOptions = {}) => {
+    const options = { ...DEFAULT_OPTIONS, ...userOptions };
+    const lineItemDelimiter = options.format === 'object' ? ',' : '\n';
+    const stringifiedProperties = Object.entries(object)
         .map(convertStateMemberToString(options))
-        .filter(function (x) { return x !== undefined; })
+        .filter((x) => x !== undefined)
         .join(lineItemDelimiter);
-    var prefix = options.format === 'object' ? '{' : '';
-    var suffix = options.format === 'object' ? '}' : '';
+    const prefix = options.format === 'object' ? '{' : '';
+    const suffix = options.format === 'object' ? '}' : '';
     // NOTE: we add a `lineItemDelimiter` at the very end because other functions will sometimes append more properties.
     // If the delimiter is a comma and the format is `object`, then we need to make sure we have an extra comma at the end,
     // or the object will become invalid JS.
     // We also have to make sure that `stringifiedProperties` isn't empty, or we will get `{,}` which is invalid
-    var extraDelimiter = stringifiedProperties.length > 0 ? lineItemDelimiter : '';
-    return "".concat(prefix).concat(stringifiedProperties).concat(extraDelimiter).concat(suffix);
+    const extraDelimiter = stringifiedProperties.length > 0 ? lineItemDelimiter : '';
+    return `${prefix}${stringifiedProperties}${extraDelimiter}${suffix}`;
 };
 exports.getMemberObjectString = getMemberObjectString;
-var stringifyContextValue = function (object, userOptions) {
-    if (userOptions === void 0) { userOptions = {}; }
-    return (0, exports.getMemberObjectString)(object, userOptions);
-};
+const stringifyContextValue = (object, userOptions = {}) => (0, exports.getMemberObjectString)(object, userOptions);
 exports.stringifyContextValue = stringifyContextValue;
-var getStateObjectStringFromComponent = function (component, options) { return (0, exports.getMemberObjectString)(component.state, options); };
+const getStateObjectStringFromComponent = (component, options) => (0, exports.getMemberObjectString)(component.state, options);
 exports.getStateObjectStringFromComponent = getStateObjectStringFromComponent;

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

@@ -4,21 +4,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStateUsed = void 0;
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var stateAccessRegex = /state\s*\.\s*([a-zA-Z0-9_\$]+)/;
-var allStateMatchesRegex = new RegExp(stateAccessRegex, 'g');
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const stateAccessRegex = /state\s*\.\s*([a-zA-Z0-9_\$]+)/;
+const allStateMatchesRegex = new RegExp(stateAccessRegex, 'g');
 /**
  * Get state used in the components by reference
  */
-var getStateUsed = function (json) {
-    var stateProperties = new Set();
+const getStateUsed = (json) => {
+    const stateProperties = new Set();
     (0, legacy_1.default)(json).forEach(function (item) {
         if (typeof item === 'string') {
             // TODO: proper babel ref matching
-            var matches = item.match(allStateMatchesRegex);
+            const matches = item.match(allStateMatchesRegex);
             if (matches) {
-                for (var _i = 0, matches_1 = matches; _i < matches_1.length; _i++) {
-                    var match = matches_1[_i];
+                for (const match of matches) {
                     stateProperties.add(match.match(stateAccessRegex)[1]);
                 }
             }

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

@@ -4,15 +4,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setStyles = exports.getStyles = void 0;
-var json5_1 = __importDefault(require("json5"));
-var lodash_1 = require("lodash");
-var bindings_1 = require("./bindings");
-var getStyles = function (json) {
+const json5_1 = __importDefault(require("json5"));
+const lodash_1 = require("lodash");
+const bindings_1 = require("./bindings");
+const getStyles = (json) => {
     var _a;
     if (!json.bindings.css) {
         return null;
     }
-    var css;
+    let css;
     try {
         css = json5_1.default.parse((_a = json.bindings.css) === null || _a === void 0 ? void 0 : _a.code);
     }
@@ -23,7 +23,7 @@ var getStyles = function (json) {
     return css;
 };
 exports.getStyles = getStyles;
-var setStyles = function (json, styles) {
+const setStyles = (json, styles) => {
     if (!(0, lodash_1.size)(styles)) {
         delete json.bindings.css;
     }

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

@@ -4,32 +4,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.gettersToFunctions = void 0;
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
 /**
  * Map getters like `useStore({ get foo() { ... }})` from `state.foo` to `foo()`
  */
-var gettersToFunctions = function (json) {
-    var getterKeys = Object.keys(json.state).filter(function (item) { var _a; return ((_a = json.state[item]) === null || _a === void 0 ? void 0 : _a.type) === 'getter'; });
+const gettersToFunctions = (json) => {
+    const getterKeys = Object.keys(json.state).filter((item) => { var _a; return ((_a = json.state[item]) === null || _a === void 0 ? void 0 : _a.type) === 'getter'; });
     (0, legacy_1.default)(json).forEach(function (item) {
         // TODO: not all strings are expressions!
         if (typeof item === 'string') {
-            var value = item;
-            var _loop_1 = function (key) {
+            let value = item;
+            for (const key of getterKeys) {
                 try {
-                    value = value.replace(new RegExp("state\\s*\\.\\s*".concat(key, "([^a-z0-9]|$)"), 'gi'), function (match, group1) {
+                    value = value.replace(new RegExp(`state\\s*\\.\\s*${key}([^a-z0-9]|$)`, 'gi'), (match, group1) => {
                         if (match.endsWith('?')) {
-                            return "".concat(key, "?.()").concat(group1);
+                            return `${key}?.()${group1}`;
                         }
-                        return "".concat(key, "()").concat(group1);
+                        return `${key}()${group1}`;
                     });
                 }
                 catch (err) {
                     console.error('Could not update getter ref', err);
                 }
-            };
-            for (var _i = 0, getterKeys_1 = getterKeys; _i < getterKeys_1.length; _i++) {
-                var key = getterKeys_1[_i];
-                _loop_1(key);
             }
             if (value !== item) {
                 this.update(value);

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleMissingState = void 0;
-var get_state_used_1 = require("./get-state-used");
+const get_state_used_1 = require("./get-state-used");
 function handleMissingState(json) {
-    var stateUsed = (0, get_state_used_1.getStateUsed)(json);
-    Array.from(stateUsed).forEach(function (property) {
+    const stateUsed = (0, get_state_used_1.getStateUsed)(json);
+    Array.from(stateUsed).forEach((property) => {
         if (!(property in json.state)) {
             json.state[property] = { code: 'null', type: 'property', propertyType: 'normal' };
         }

package/dist/src/helpers/has-bindings-text.js

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hasBindingsText = void 0;
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var is_children_1 = __importDefault(require("./is-children"));
-var is_mitosis_node_1 = require("./is-mitosis-node");
-var hasBindingsText = function (json) {
-    var has = false;
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const is_children_1 = __importDefault(require("./is-children"));
+const is_mitosis_node_1 = require("./is-mitosis-node");
+const hasBindingsText = (json) => {
+    let has = false;
     (0, legacy_1.default)(json).forEach(function (node) {
         var _a;
-        if ((0, is_mitosis_node_1.isMitosisNode)(node) && !(0, is_children_1.default)({ node: node }) && ((_a = node.bindings._text) === null || _a === void 0 ? void 0 : _a.code)) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(node) && !(0, is_children_1.default)({ node }) && ((_a = node.bindings._text) === null || _a === void 0 ? void 0 : _a.code)) {
             has = true;
             this.stop();
         }

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

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hasComponent = void 0;
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var is_mitosis_node_1 = require("./is-mitosis-node");
-var hasComponent = function (name, json) {
-    var has = false;
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const is_mitosis_node_1 = require("./is-mitosis-node");
+const hasComponent = (name, json) => {
+    let has = false;
     (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if (item.name === name) {

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

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hasProps = void 0;
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var hasProps = function (json) {
-    var has = false;
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const hasProps = (json) => {
+    let has = false;
     (0, legacy_1.default)(json).forEach(function (item) {
         // TODO: use proper reference tracking
         if (typeof item === 'string' && item.match(/(^|\W)props\s*\./)) {

package/dist/src/helpers/has-stateful-dom.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hasStatefulDom = void 0;
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var is_mitosis_node_1 = require("./is-mitosis-node");
-var hasStatefulDom = function (json) {
-    var has = false;
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const is_mitosis_node_1 = require("./is-mitosis-node");
+const hasStatefulDom = (json) => {
+    let has = false;
     (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if (/input|textarea|select/.test(item.name)) {

package/dist/src/helpers/has.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.has = 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");
 /**
  * Test if the component has something
  *
@@ -13,7 +13,7 @@ var is_mitosis_node_1 = require("./is-mitosis-node");
  *    const hasSpread = has(component, node => some(node.bindings, { type: 'spread' }));
  */
 function has(json, test) {
-    var found = false;
+    let found = false;
     (0, legacy_1.default)(json).forEach(function (thing) {
         if ((0, is_mitosis_node_1.isMitosisNode)(thing)) {
             if (test(thing)) {

package/dist/src/helpers/indent.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.indent = void 0;
-function indent(str, spaces) {
-    if (spaces === void 0) { spaces = 4; }
-    return str.replace(/\n([^\n])/g, "\n".concat(' '.repeat(spaces), "$1"));
+function indent(str, spaces = 4) {
+    return str.replace(/\n([^\n])/g, `\n${' '.repeat(spaces)}$1`);
 }
 exports.indent = indent;

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

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTextValue = void 0;
-var getTextValue = function (node) {
+const getTextValue = (node) => {
     var _a;
-    var textValue = ((_a = node.bindings._text) === null || _a === void 0 ? void 0 : _a.code) || node.properties.__text || '';
+    const textValue = ((_a = node.bindings._text) === null || _a === void 0 ? void 0 : _a.code) || node.properties.__text || '';
     return textValue.replace(/\s+/g, '');
 };
 exports.getTextValue = getTextValue;
-function isChildren(_a) {
-    var node = _a.node, _b = _a.extraMatches, extraMatches = _b === void 0 ? [] : _b;
-    var textValue = (0, exports.getTextValue)(node);
+function isChildren({ node, extraMatches = [], }) {
+    const textValue = (0, exports.getTextValue)(node);
     return ['props.children', 'children'].concat(extraMatches).includes(textValue);
 }
 exports.default = isChildren;

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

@@ -4,5 +4,5 @@ exports.isComponent = void 0;
 /**
  * This node is a component, vs a plain html tag (<Foo> vs <div>)
  */
-var isComponent = function (json) { return json.name.toLowerCase() !== json.name; };
+const isComponent = (json) => json.name.toLowerCase() !== json.name;
 exports.isComponent = isComponent;

package/dist/src/helpers/is-html-attribute.js

@@ -1,13 +1,4 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isHtmlAttribute = exports.htmlElementAttributes = void 0;
 exports.htmlElementAttributes = {
@@ -370,11 +361,11 @@ exports.htmlElementAttributes = {
         'width',
     ],
 };
-var isHtmlAttribute = function (attr, tagName) {
+const isHtmlAttribute = (attr, tagName) => {
     if (/role|aria-/.test(attr)) {
         return true;
     }
-    var getAttr = __spreadArray(__spreadArray([], exports.htmlElementAttributes['*'], true), (exports.htmlElementAttributes[tagName] || []), true).find(function (attribute) { return attr === attribute; });
+    const getAttr = [...exports.htmlElementAttributes['*'], ...(exports.htmlElementAttributes[tagName] || [])].find((attribute) => attr === attribute);
     return Boolean(getAttr);
 };
 exports.isHtmlAttribute = isHtmlAttribute;

package/dist/src/helpers/is-mitosis-node.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isMitosisNode = void 0;
-var isMitosisNode = function (thing) {
+const isMitosisNode = (thing) => {
     return Boolean(thing && thing['@type'] === '@builder.io/mitosis/node');
 };
 exports.isMitosisNode = isMitosisNode;

package/dist/src/helpers/is-root-text-node.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isTextNode = exports.isRootTextNode = void 0;
 function isRootTextNode(json) {
-    var firstChild = json.children[0];
+    const firstChild = json.children[0];
     return Boolean(json.children.length === 1 && firstChild && isTextNode(firstChild));
 }
 exports.isRootTextNode = isRootTextNode;

package/dist/src/helpers/is-upper-case.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isUpperCase = void 0;
-var isUpperCase = function (str) { return str.toUpperCase() === str; };
+const isUpperCase = (str) => str.toUpperCase() === str;
 exports.isUpperCase = isUpperCase;

package/dist/src/helpers/is-valid-attribute-name.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isValidAttributeName = void 0;
-var isValidAttributeName = function (str) {
+const isValidAttributeName = (str) => {
     return Boolean(str && /^[a-z0-9\-_:]+$/i.test(str));
 };
 exports.isValidAttributeName = isValidAttributeName;

package/dist/src/helpers/json.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tryParseJson = void 0;
-var json5_1 = __importDefault(require("json5"));
-var tryParseJson = function (jsonStr) {
+const json5_1 = __importDefault(require("json5"));
+const tryParseJson = (jsonStr) => {
     try {
         return json5_1.default.parse(jsonStr);
     }

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

@@ -1,52 +1,40 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mapRefs = void 0;
-var core_1 = require("@babel/core");
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var babel_transform_1 = require("./babel-transform");
-var get_refs_1 = require("./get-refs");
-var is_mitosis_node_1 = require("./is-mitosis-node");
-var patterns_1 = require("./patterns");
-var replaceRefsInString = function (code, refs, mapper) {
+const core_1 = require("@babel/core");
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const babel_transform_1 = require("./babel-transform");
+const get_refs_1 = require("./get-refs");
+const is_mitosis_node_1 = require("./is-mitosis-node");
+const patterns_1 = require("./patterns");
+const replaceRefsInString = (code, refs, mapper) => {
     return (0, babel_transform_1.babelTransformExpression)(code, {
-        Identifier: function (path) {
-            var name = path.node.name;
-            var isRef = refs.includes(name);
+        Identifier(path) {
+            const name = path.node.name;
+            const isRef = refs.includes(name);
             if (isRef) {
                 path.replaceWith(core_1.types.identifier(mapper(name)));
             }
         },
     });
 };
-var mapRefs = function (component, mapper) {
-    var refSet = (0, get_refs_1.getRefs)(component);
+const mapRefs = (component, mapper) => {
+    const refSet = (0, get_refs_1.getRefs)(component);
     // grab refs not used for bindings
-    Object.keys(component.refs).forEach(function (ref) { return refSet.add(ref); });
-    var refs = Array.from(refSet);
-    for (var _i = 0, _a = Object.keys(component.state); _i < _a.length; _i++) {
-        var key = _a[_i];
-        var stateVal = component.state[key];
+    Object.keys(component.refs).forEach((ref) => refSet.add(ref));
+    const refs = Array.from(refSet);
+    for (const key of Object.keys(component.state)) {
+        const stateVal = component.state[key];
         if (typeof (stateVal === null || stateVal === void 0 ? void 0 : stateVal.code) === 'string') {
-            var value = stateVal.code;
+            const value = stateVal.code;
             switch (stateVal.type) {
                 case 'method':
                 case 'getter':
-                    var isGet = stateVal.type === 'getter';
-                    var isSet = Boolean(value.match(patterns_1.SETTER));
+                    const isGet = stateVal.type === 'getter';
+                    const isSet = Boolean(value.match(patterns_1.SETTER));
                     component.state[key] = {
                         code: replaceRefsInString(value.replace(/^(get |set )?/, 'function '), refs, mapper).replace(/^function /, isGet ? 'get ' : isSet ? 'set ' : ''),
                         type: stateVal.type,
@@ -65,20 +53,21 @@ var mapRefs = function (component, mapper) {
     }
     (0, legacy_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];
+            for (const key of Object.keys(item.bindings)) {
+                const value = item.bindings[key];
                 if (typeof value === 'object' && key !== 'ref') {
-                    item.bindings[key] = __assign(__assign({}, value), { code: replaceRefsInString(value.code, refs, mapper) });
+                    item.bindings[key] = {
+                        ...value,
+                        code: replaceRefsInString(value.code, refs, mapper),
+                    };
                 }
             }
         }
     });
-    for (var _b = 0, _c = Object.keys(component.hooks); _b < _c.length; _b++) {
-        var key = _c[_b];
-        var hooks = component.hooks[key];
+    for (const key of Object.keys(component.hooks)) {
+        const hooks = component.hooks[key];
         if (Array.isArray(hooks)) {
-            hooks.forEach(function (hook) {
+            hooks.forEach((hook) => {
                 if (hook.code) {
                     hook.code = replaceRefsInString(hook.code, refs, mapper);
                 }
@@ -88,7 +77,7 @@ var mapRefs = function (component, mapper) {
             });
         }
         else {
-            var hookCode = hooks === null || hooks === void 0 ? void 0 : hooks.code;
+            const hookCode = hooks === null || hooks === void 0 ? void 0 : hooks.code;
             if (hookCode) {
                 hooks.code = replaceRefsInString(hookCode, refs, mapper);
             }