@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/helpers/bindings.js

@@ -1,16 +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.createSingleBinding = void 0;
-var createSingleBinding = function (args) { return (__assign(__assign({}, args), { type: 'single' })); };
+const createSingleBinding = (args) => ({
+    ...args,
+    type: 'single',
+});
 exports.createSingleBinding = createSingleBinding;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.camelCase = void 0;
-var capitalize_1 = require("./capitalize");
+const capitalize_1 = require("./capitalize");
 /**
  * This is a function similar to loadash `camelCase`, but it does not mess with capitalization.
  *
@@ -9,10 +9,9 @@ var capitalize_1 = require("./capitalize");
  * this fn: `camelCase('A-BC')` => "ABC"
  *
  */
-function camelCase(text) {
-    if (text === void 0) { text = ''; }
-    var parts = text.split('-');
-    var first = parts.shift();
+function camelCase(text = '') {
+    const parts = text.split('-');
+    const first = parts.shift();
     return first + parts.map(capitalize_1.capitalize).join('');
 }
 exports.camelCase = camelCase;

package/dist/src/helpers/capitalize.js

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

package/dist/src/helpers/component-file-extensions.js

@@ -1,58 +1,47 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFileExtensionForTarget = exports.getComponentFileExtensionForTarget = exports.renameImport = exports.renameComponentImport = exports.renameComponentFile = exports.INPUT_EXTENSION_REGEX = exports.checkIsMitosisComponentFilePath = exports.checkIsLiteComponentFilePath = exports.checkIsSvelteComponentFilePath = exports.COMPONENT_IMPORT_EXTENSIONS = void 0;
-var output_1 = require("./output");
-var COMPONENT_EXTENSIONS = {
+const output_1 = require("./output");
+const COMPONENT_EXTENSIONS = {
     jsx: ['.lite.tsx', '.lite.jsx'],
     svelte: ['.svelte'],
 };
 exports.COMPONENT_IMPORT_EXTENSIONS = [COMPONENT_EXTENSIONS.svelte, COMPONENT_EXTENSIONS.jsx]
     .flat()
     .concat(['.lite']);
-var checkIsSvelteComponentFilePath = function (filePath) {
-    return COMPONENT_EXTENSIONS.svelte.some(function (x) { return filePath.endsWith(x); });
-};
+const checkIsSvelteComponentFilePath = (filePath) => COMPONENT_EXTENSIONS.svelte.some((x) => filePath.endsWith(x));
 exports.checkIsSvelteComponentFilePath = checkIsSvelteComponentFilePath;
-var checkIsLiteComponentFilePath = function (filePath) {
-    return COMPONENT_EXTENSIONS.jsx.some(function (x) { return filePath.endsWith(x); });
-};
+const checkIsLiteComponentFilePath = (filePath) => COMPONENT_EXTENSIONS.jsx.some((x) => filePath.endsWith(x));
 exports.checkIsLiteComponentFilePath = checkIsLiteComponentFilePath;
-var checkIsMitosisComponentFilePath = function (filePath) {
-    return (0, exports.checkIsLiteComponentFilePath)(filePath) || (0, exports.checkIsSvelteComponentFilePath)(filePath);
-};
+const checkIsMitosisComponentFilePath = (filePath) => (0, exports.checkIsLiteComponentFilePath)(filePath) || (0, exports.checkIsSvelteComponentFilePath)(filePath);
 exports.checkIsMitosisComponentFilePath = checkIsMitosisComponentFilePath;
 /**
  * Matches `.svelte`, `.lite.tsx`, `.lite.jsx` files (with optional `.jsx`/`.tsx` extension)
  */
 exports.INPUT_EXTENSION_REGEX = /\.(svelte|(lite(\.tsx|\.jsx)?))/g;
-var renameComponentFile = function (_a) {
-    var path = _a.path, target = _a.target, options = _a.options;
-    return path.replace(exports.INPUT_EXTENSION_REGEX, (0, exports.getComponentFileExtensionForTarget)({
-        type: 'filename',
-        target: target,
-        isTypescript: (0, output_1.checkShouldOutputTypeScript)({ options: options, target: target }),
-    }));
-};
+const renameComponentFile = ({ path, target, options, }) => path.replace(exports.INPUT_EXTENSION_REGEX, (0, exports.getComponentFileExtensionForTarget)({
+    type: 'filename',
+    target,
+    isTypescript: (0, output_1.checkShouldOutputTypeScript)({ options, target }),
+}));
 exports.renameComponentFile = renameComponentFile;
 /**
  * just like `INPUT_EXTENSION_REGEX`, but adds trailing quotes to the end of import paths.
  */
-var INPUT_EXTENSION_IMPORT_REGEX = /\.(svelte|(lite(\.tsx|\.jsx)?))(?<quote>['"])/g;
-var renameComponentImport = function (_a) {
-    var importPath = _a.importPath, target = _a.target, explicitImportFileExtension = _a.explicitImportFileExtension;
-    return importPath.replace(INPUT_EXTENSION_IMPORT_REGEX, "".concat((0, exports.getComponentFileExtensionForTarget)({
+const INPUT_EXTENSION_IMPORT_REGEX = /\.(svelte|(lite(\.tsx|\.jsx)?))(?<quote>['"])/g;
+const renameComponentImport = ({ importPath, target, explicitImportFileExtension, }) => {
+    return importPath.replace(INPUT_EXTENSION_IMPORT_REGEX, `${(0, exports.getComponentFileExtensionForTarget)({
         type: 'import',
-        target: target,
-        explicitImportFileExtension: explicitImportFileExtension,
-    }), "$4"));
+        target,
+        explicitImportFileExtension,
+    })}$4`);
 };
 exports.renameComponentImport = renameComponentImport;
-var renameImport = function (_a) {
-    var importPath = _a.importPath, target = _a.target, explicitImportFileExtension = _a.explicitImportFileExtension;
-    return importPath.replace(/\.js(['"])/g, "".concat((0, exports.getFileExtensionForTarget)({
-        target: target,
-        explicitImportFileExtension: explicitImportFileExtension,
-    }), "$1"));
+const renameImport = ({ importPath, target, explicitImportFileExtension, }) => {
+    return importPath.replace(/\.js(['"])/g, `${(0, exports.getFileExtensionForTarget)({
+        target,
+        explicitImportFileExtension,
+    })}$1`);
 };
 exports.renameImport = renameImport;
 /**
@@ -60,7 +49,7 @@ exports.renameImport = renameImport;
  *  - in `core` to render import statements within other components.
  *  - in `cli` to render filenames for generated components, and import statements within plain `.js`/`.ts` files.
  */
-var getComponentFileExtensionForTarget = function (args) {
+const getComponentFileExtensionForTarget = (args) => {
     switch (args.target) {
         case 'angular': {
             switch (args.type) {
@@ -111,8 +100,7 @@ var getComponentFileExtensionForTarget = function (args) {
     }
 };
 exports.getComponentFileExtensionForTarget = getComponentFileExtensionForTarget;
-var getFileExtensionForTarget = function (_a) {
-    var target = _a.target, explicitImportFileExtension = _a.explicitImportFileExtension;
+const getFileExtensionForTarget = ({ target, explicitImportFileExtension, }) => {
     switch (target) {
         case 'angular':
         case 'alpine':

package/dist/src/helpers/create-mitosis-component.js

@@ -1,31 +1,27 @@
 "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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMitosisComponent = void 0;
-var createMitosisComponent = function (options) {
-    var _a = options || {}, name = _a.name, hooks = _a.hooks, remainingOpts = __rest(_a, ["name", "hooks"]);
-    var _b = hooks || {}, _c = _b.onEvent, onEvent = _c === void 0 ? [] : _c, _d = _b.onMount, onMount = _d === void 0 ? [] : _d, remainingHooks = __rest(_b, ["onEvent", "onMount"]);
-    return __assign({ '@type': '@builder.io/mitosis/component', imports: [], exports: {}, inputs: [], meta: {}, refs: {}, state: {}, children: [], context: { get: {}, set: {} }, subComponents: [], name: name || 'MyComponent', hooks: __assign({ onMount: onMount, onEvent: onEvent }, remainingHooks) }, remainingOpts);
+const createMitosisComponent = (options) => {
+    const { name, hooks, ...remainingOpts } = options || {};
+    const { onEvent = [], onMount = [], ...remainingHooks } = hooks || {};
+    return {
+        '@type': '@builder.io/mitosis/component',
+        imports: [],
+        exports: {},
+        inputs: [],
+        meta: {},
+        refs: {},
+        state: {},
+        children: [],
+        context: { get: {}, set: {} },
+        subComponents: [],
+        name: name || 'MyComponent',
+        hooks: {
+            onMount,
+            onEvent,
+            ...remainingHooks,
+        },
+        ...remainingOpts,
+    };
 };
 exports.createMitosisComponent = createMitosisComponent;

package/dist/src/helpers/create-mitosis-context.js

@@ -1,18 +1,11 @@
 "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.createMitosisContext = void 0;
 function createMitosisContext(options) {
-    return __assign({ '@type': '@builder.io/mitosis/context', value: {} }, options);
+    return {
+        '@type': '@builder.io/mitosis/context',
+        value: {},
+        ...options,
+    };
 }
 exports.createMitosisContext = createMitosisContext;

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

@@ -1,16 +1,14 @@
 "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.createMitosisNode = void 0;
-var createMitosisNode = function (options) { return (__assign({ '@type': '@builder.io/mitosis/node', name: 'div', meta: {}, scope: {}, properties: {}, bindings: {}, children: [] }, options)); };
+const createMitosisNode = (options) => ({
+    '@type': '@builder.io/mitosis/node',
+    name: 'div',
+    meta: {},
+    scope: {},
+    properties: {},
+    bindings: {},
+    children: [],
+    ...options,
+});
 exports.createMitosisNode = createMitosisNode;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dashCase = void 0;
-var lodash_1 = require("lodash");
-var dashCase = function (string) { return (0, lodash_1.kebabCase)(string); };
+const lodash_1 = require("lodash");
+const dashCase = (string) => (0, lodash_1.kebabCase)(string);
 exports.dashCase = dashCase;

package/dist/src/helpers/dedent.js

@@ -8,15 +8,11 @@
 // 2. Preserve whitespace inside backtick string literals
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dedent = void 0;
-function dedent(strings) {
-    var values = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        values[_i - 1] = arguments[_i];
-    }
-    var raw = typeof strings === 'string' ? [strings] : strings.raw;
+function dedent(strings, ...values) {
+    const raw = typeof strings === 'string' ? [strings] : strings.raw;
     // first, perform interpolation
-    var result = '';
-    for (var i = 0; i < raw.length; i++) {
+    let result = '';
+    for (let i = 0; i < raw.length; i++) {
         result += raw[i]
             // join lines when there is a suppressed newline
             .replace(/\\\n[ \t]*/g, '')
@@ -27,12 +23,12 @@ function dedent(strings) {
         }
     }
     // now strip indentation
-    var lines = split(result);
-    var mindent = null;
-    lines.forEach(function (l) {
-        var m = l.match(/^(\s+)\S+/);
+    const lines = split(result);
+    let mindent = null;
+    lines.forEach((l) => {
+        let m = l.match(/^(\s+)\S+/);
         if (m) {
-            var indent = m[1].length;
+            let indent = m[1].length;
             if (!mindent) {
                 // this is the first indented line
                 mindent = indent;
@@ -43,13 +39,13 @@ function dedent(strings) {
         }
     });
     if (mindent !== null) {
-        var m_1 = mindent;
-        result = lines.map(function (l) { return (l[0] === ' ' ? l.slice(m_1) : l); }).join('\n');
+        const m = mindent;
+        result = lines.map((l) => (l[0] === ' ' ? l.slice(m) : l)).join('\n');
     }
     // trim trailing whitespace on all lines
     result = result
         .split('\n')
-        .map(function (l) { return l.trimEnd(); })
+        .map((l) => l.trimEnd())
         .join('\n');
     return (result
         // dedent eats leading and trailing whitespace too
@@ -65,12 +61,12 @@ exports.dedent = dedent;
  * @returns The split string.
  */
 function split(input) {
-    var result = [];
-    var prev = '';
-    var current = '';
-    var inBackticks = false;
-    for (var i = 0; i < input.length; i++) {
-        var char = input[i];
+    const result = [];
+    let prev = '';
+    let current = '';
+    let inBackticks = false;
+    for (let i = 0; i < input.length; i++) {
+        const char = input[i];
         if (prev !== '\\' && char === '`') {
             inBackticks = !inBackticks;
         }

package/dist/src/helpers/event-handlers.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkIsBindingEventHandler = void 0;
-var checkIsBindingEventHandler = function (code) { return code.startsWith('on'); };
+const checkIsBindingEventHandler = (code) => code.startsWith('on');
 exports.checkIsBindingEventHandler = checkIsBindingEventHandler;

package/dist/src/helpers/fast-clone.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fastClone = void 0;
-var fastClone = function (obj) { return JSON.parse(JSON.stringify(obj)); };
+const fastClone = (obj) => JSON.parse(JSON.stringify(obj));
 exports.fastClone = fastClone;

package/dist/src/helpers/filter-empty-text-nodes.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.filterEmptyTextNodes = exports.isEmptyTextNode = void 0;
-var isEmptyTextNode = function (node) {
+const isEmptyTextNode = (node) => {
     return typeof node.properties._text === 'string' && node.properties._text.trim().length === 0;
 };
 exports.isEmptyTextNode = isEmptyTextNode;
-var filterEmptyTextNodes = function (node) { return !(0, exports.isEmptyTextNode)(node); };
+const filterEmptyTextNodes = (node) => !(0, exports.isEmptyTextNode)(node);
 exports.filterEmptyTextNodes = filterEmptyTextNodes;

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

@@ -1,25 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.format = void 0;
-var preSpaceRegex = /^\s*/g;
-var DEFAULT_INDENT_SPACES = 2;
+const preSpaceRegex = /^\s*/g;
+const DEFAULT_INDENT_SPACES = 2;
 /**
  * Generic formatter for languages prettier doesn't support, like Swift
  *
  * Not super sophisticated, but much better than nothing
  */
-var format = function (str, indentSpaces) {
-    if (indentSpaces === void 0) { indentSpaces = DEFAULT_INDENT_SPACES; }
-    var currentIndent = 0;
-    var lines = str.split('\n');
-    lines.forEach(function (item, index) {
+const format = (str, indentSpaces = DEFAULT_INDENT_SPACES) => {
+    let currentIndent = 0;
+    const lines = str.split('\n');
+    lines.forEach((item, index) => {
         item = item.trimEnd();
         if (!item) {
             lines[index] = '';
             return;
         }
         lines[index] = item.replace(preSpaceRegex, ' '.repeat(currentIndent * indentSpaces));
-        var nextLine = lines[index + 1];
+        const nextLine = lines[index + 1];
         if (!nextLine) {
             return;
         }

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

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBindingsCode = void 0;
 function getBindingsCode(children) {
-    var bindings = [];
-    children.forEach(function (child) {
-        Object.values(child.bindings || []).forEach(function (binding) {
+    const bindings = [];
+    children.forEach((child) => {
+        Object.values(child.bindings || []).forEach((binding) => {
             bindings.push(binding.code);
         });
         if (child.children) {
-            bindings.push.apply(bindings, getBindingsCode(child.children));
+            bindings.push(...getBindingsCode(child.children));
         }
     });
     return bindings;

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

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponentsUsed = 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 getComponentsUsed(json) {
-    var components = new Set();
+    const components = new Set();
     (0, legacy_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

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponents = void 0;
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var is_mitosis_node_1 = require("./is-mitosis-node");
-var is_upper_case_1 = require("./is-upper-case");
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const is_mitosis_node_1 = require("./is-mitosis-node");
+const is_upper_case_1 = require("./is-upper-case");
 function getComponents(json) {
-    var components = new Set();
+    const components = new Set();
     (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if ((0, is_upper_case_1.isUpperCase)(item.name[0])) {

package/dist/src/helpers/get-custom-imports.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCustomImports = void 0;
-var is_upper_case_1 = require("./is-upper-case");
+const is_upper_case_1 = require("./is-upper-case");
 /**
  * Return custom imports of basic values (aka things
  * that are not ClassCase like components and types)
@@ -16,16 +16,14 @@ var is_upper_case_1 = require("./is-upper-case");
  * by the template
  */
 function getCustomImports(json) {
-    var blocksString = JSON.stringify(json.children);
-    var customImports = json.imports
-        .map(function (item) {
-        return Object.keys(item.imports).filter(function (item) {
-            return item &&
-                // this ignores component imports, which are CamelCased.
-                (!(0, is_upper_case_1.isUpperCase)(item[0]) ||
-                    // this includes constants which are typically CAPITALIZED.
-                    item.toUpperCase() === item);
-        });
+    const blocksString = JSON.stringify(json.children);
+    const customImports = json.imports
+        .map((item) => {
+        return Object.keys(item.imports).filter((item) => item &&
+            // this ignores component imports, which are CamelCased.
+            (!(0, is_upper_case_1.isUpperCase)(item[0]) ||
+                // this includes constants which are typically CAPITALIZED.
+                item.toUpperCase() === item));
     })
         .flat()
         // This is imperfect. Basically, if the string of this import name
@@ -34,7 +32,7 @@ function getCustomImports(json) {
         // to templates. Arguably "good enough" for now, as there is generally no
         // consequence to over adding here, and it would be a lot more performance expensive
         // during compilation to do a complete AST parse and look for real references
-        .filter(function (item) { return blocksString.includes(item); });
+        .filter((item) => blocksString.includes(item));
     return customImports;
 }
 exports.getCustomImports = getCustomImports;

package/dist/src/helpers/get-prop-functions.js

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

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

@@ -4,18 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPropsRef = 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 getPropsRef(json, shouldRemove) {
-    var has = false;
-    var prop = '';
+    let has = false;
+    let prop = '';
     (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
-            var binding = item.bindings.ref;
-            var regexp = /(.+)?props\.(.+)( |\)|;|\()?$/;
+            const binding = item.bindings.ref;
+            const regexp = /(.+)?props\.(.+)( |\)|;|\()?$/;
             if (binding && regexp.test(binding.code)) {
-                var match = regexp.exec(binding.code);
-                var _prop = match === null || match === void 0 ? void 0 : match[2];
+                const match = regexp.exec(binding.code);
+                const _prop = match === null || match === void 0 ? void 0 : match[2];
                 if (_prop) {
                     prop = _prop;
                 }

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getProps = void 0;
-var process_code_1 = require("./plugins/process-code");
-var propsRegex = /props\s*\.\s*([a-zA-Z0-9_\$]+)/;
-var allPropsMatchesRegex = new RegExp(propsRegex, 'g');
+const process_code_1 = require("./plugins/process-code");
+const propsRegex = /props\s*\.\s*([a-zA-Z0-9_\$]+)/;
+const allPropsMatchesRegex = new RegExp(propsRegex, 'g');
 // copied from https://github.com/vuejs/core/blob/fa6556a0d56eeff1fec4f948460351ccf8f99f35/packages/compiler-core/src/validateExpression.ts
 // typeof, instanceof and in are allowed
-var prohibitedKeywordRE = new RegExp('\\b' +
+const prohibitedKeywordRE = new RegExp('\\b' +
     ('do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,' +
         'super,throw,while,yield,delete,export,import,return,switch,default,' +
         'extends,finally,continue,debugger,function,arguments,typeof,void,' +
@@ -21,22 +21,21 @@ var prohibitedKeywordRE = new RegExp('\\b' +
 /**
  * Get props used in the components by reference
  */
-var getProps = function (json) {
-    var props = new Set();
-    (0, process_code_1.createCodeProcessorPlugin)(function () { return function (code) {
-        var matches = code.match(allPropsMatchesRegex);
+const getProps = (json) => {
+    const props = new Set();
+    (0, process_code_1.createCodeProcessorPlugin)(() => (code) => {
+        const matches = code.match(allPropsMatchesRegex);
         if (matches) {
-            for (var _i = 0, matches_1 = matches; _i < matches_1.length; _i++) {
-                var match = matches_1[_i];
-                var prop = match.match(propsRegex)[1];
+            for (const match of matches) {
+                const prop = match.match(propsRegex)[1];
                 if (prop.match(prohibitedKeywordRE)) {
-                    throw new Error("avoid using JavaScript keyword as property name: \"".concat(prop, "\""));
+                    throw new Error(`avoid using JavaScript keyword as property name: "${prop}"`);
                 }
                 props.add(prop);
             }
         }
         return code;
-    }; })(json);
+    })(json);
     return props;
 };
 exports.getProps = getProps;

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

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