@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/parsers/svelte/helpers/post-process.js

@@ -1,15 +1,4 @@
 "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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -33,116 +22,111 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-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));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.postProcess = exports.preventNameCollissions = void 0;
-var generator_1 = __importDefault(require("@babel/generator"));
-var parser = __importStar(require("@babel/parser"));
-var types = __importStar(require("@babel/types"));
-var replace_identifiers_1 = require("../../../helpers/replace-identifiers");
-var bindings_1 = require("./bindings");
-var getArgs = function (code) {
+const generator_1 = __importDefault(require("@babel/generator"));
+const parser = __importStar(require("@babel/parser"));
+const types = __importStar(require("@babel/types"));
+const replace_identifiers_1 = require("../../../helpers/replace-identifiers");
+const bindings_1 = require("./bindings");
+const getArgs = (code) => {
     try {
-        var parsed = parser.parse(code);
-        var body = parsed.program.body[0];
+        let parsed = parser.parse(code);
+        let body = parsed.program.body[0];
         if (types.isFunctionDeclaration(body)) {
-            return body.params.map(function (p) { return (0, generator_1.default)(p).code; });
+            return body.params.map((p) => (0, generator_1.default)(p).code);
         }
     }
     catch (e) { }
     return [];
 };
 function preventNameCollissions(json, item) {
-    var output = item.code;
-    var argumentsOutput = getArgs(output);
+    let output = item.code;
+    const argumentsOutput = getArgs(output);
     output = (0, replace_identifiers_1.replaceNodes)({
         code: output,
-        nodeMaps: argumentsOutput.map(function (arg) { return ({
+        nodeMaps: argumentsOutput.map((arg) => ({
             from: types.identifier(arg),
-            to: types.identifier("".concat(arg, "_")),
-        }); }),
+            to: types.identifier(`${arg}_`),
+        })),
     });
     return (argumentsOutput === null || argumentsOutput === void 0 ? void 0 : argumentsOutput.length)
-        ? __assign(__assign({}, item), { code: output, arguments: getArgs(output) }) : __assign(__assign({}, item), { code: output });
+        ? {
+            ...item,
+            code: output,
+            arguments: getArgs(output),
+        }
+        : { ...item, code: output };
 }
 exports.preventNameCollissions = preventNameCollissions;
 function prependProperties(json, code) {
     return (0, replace_identifiers_1.replaceNodes)({
-        code: code,
-        nodeMaps: Object.keys(json.props).map(function (property) { return ({
+        code,
+        nodeMaps: Object.keys(json.props).map((property) => ({
             from: types.identifier(property),
             to: types.memberExpression(types.identifier('props'), types.identifier(property)),
-        }); }),
+        })),
     });
 }
 function prependState(json, input) {
-    var output = input;
-    for (var _i = 0, _a = Object.keys(json.state); _i < _a.length; _i++) {
-        var stateKey = _a[_i];
+    let output = input;
+    for (const stateKey of Object.keys(json.state)) {
         output = (0, replace_identifiers_1.replaceIdentifiers)({
             code: output,
             from: stateKey,
-            to: "state.".concat(stateKey),
+            to: `state.${stateKey}`,
         });
     }
     return output;
 }
 function addPropertiesAndState(json, input) {
-    var output = input;
+    let output = input;
     output = prependProperties(json, output);
     output = prependState(json, output);
     return output;
 }
 function addPropertiesAndStateToNode(json, node) {
     var _a;
-    for (var _i = 0, _b = Object.keys(node.bindings); _i < _b.length; _i++) {
-        var key = _b[_i];
+    for (const key of Object.keys(node.bindings)) {
         if (Object.prototype.hasOwnProperty.call(node.bindings, key)) {
-            var value = node.bindings[key];
+            const value = node.bindings[key];
             node.bindings[key].code = addPropertiesAndState(json, (_a = value === null || value === void 0 ? void 0 : value.code) !== null && _a !== void 0 ? _a : '').trim();
         }
     }
 }
 function postProcessState(json) {
-    for (var _i = 0, _a = Object.keys(json.state); _i < _a.length; _i++) {
-        var key = _a[_i];
-        var item = json.state[key];
+    for (const key of Object.keys(json.state)) {
+        const item = json.state[key];
         if ((item === null || item === void 0 ? void 0 : item.type) !== 'property') {
-            var output = preventNameCollissions(json, item);
+            const output = preventNameCollissions(json, item);
             output.code = addPropertiesAndState(json, output.code);
-            json.state[key] = __assign(__assign({}, item), output);
+            json.state[key] = {
+                ...item,
+                ...output,
+            };
         }
     }
 }
 function postProcessChildren(json, children) {
     var _a;
-    for (var _i = 0, children_1 = children; _i < children_1.length; _i++) {
-        var node = children_1[_i];
+    for (const node of children) {
         addPropertiesAndStateToNode(json, node);
         (0, bindings_1.processBindings)(json, node);
-        var children_2 = [];
+        let children = [];
         if (((_a = node.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            children_2 = node.children;
+            children = node.children;
         }
-        var metaValues = (Object.values(node.meta) || []);
+        const metaValues = (Object.values(node.meta) || []);
         if (metaValues.length > 0) {
-            var metaChildren = metaValues.filter(function (item) {
+            const metaChildren = metaValues.filter((item) => {
                 return (item === null || item === void 0 ? void 0 : item['@type']) === '@builder.io/mitosis/node';
             });
-            children_2 = __spreadArray(__spreadArray([], children_2, true), metaChildren, true);
+            children = [...children, ...metaChildren];
         }
-        postProcessChildren(json, children_2);
+        postProcessChildren(json, children);
     }
 }
 function addPropertiesAndStateToHook(json, hook) {
@@ -152,30 +136,25 @@ function addPropertiesAndStateToHook(json, hook) {
     };
 }
 function postProcessHooks(json) {
-    var hookKeys = Object.keys(json.hooks);
-    var _loop_1 = function (key) {
-        var hook = json.hooks[key];
+    const hookKeys = Object.keys(json.hooks);
+    for (const key of hookKeys) {
+        let hook = json.hooks[key];
         if (!hook) {
-            return "continue";
+            continue;
         }
         if (Array.isArray(hook)) {
-            hook.forEach(function (item, index) {
+            hook.forEach((item, index) => {
                 hook.splice(index, 1, addPropertiesAndStateToHook(json, item));
             });
         }
         else {
             hook = addPropertiesAndStateToHook(json, hook);
         }
-    };
-    for (var _i = 0, hookKeys_1 = hookKeys; _i < hookKeys_1.length; _i++) {
-        var key = hookKeys_1[_i];
-        _loop_1(key);
     }
 }
 function postProcessContext(json) {
     var _a;
-    for (var _i = 0, _b = Object.keys(json.context.set); _i < _b.length; _i++) {
-        var key = _b[_i];
+    for (const key of Object.keys(json.context.set)) {
         if ((_a = json.context.set[key]) === null || _a === void 0 ? void 0 : _a.ref) {
             json.context.set[key].ref = addPropertiesAndState(json, json.context.set[key].ref);
         }

package/dist/src/parsers/svelte/helpers/string.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stripQuotes = exports.insertAt = exports.uniqueName = void 0;
 // helper functions for strings
-var lodash_1 = require("lodash");
+const lodash_1 = require("lodash");
 function uniqueName(existingItems, reference) {
-    var index = 0;
-    var match = false;
+    let index = 0;
+    let match = false;
     while (false === match) {
         if (!existingItems.includes(reference)) {
             match = true;
@@ -13,11 +13,11 @@ function uniqueName(existingItems, reference) {
         }
         index++;
     }
-    return (0, lodash_1.camelCase)("".concat(reference).concat(index));
+    return (0, lodash_1.camelCase)(`${reference}${index}`);
 }
 exports.uniqueName = uniqueName;
 function insertAt(string_, sub, pos) {
-    return "".concat(string_.slice(0, pos)).concat(sub).concat(string_.slice(pos));
+    return `${string_.slice(0, pos)}${sub}${string_.slice(pos)}`;
 }
 exports.insertAt = insertAt;
 function stripQuotes(string_) {

package/dist/src/parsers/svelte/html/actions.js

@@ -1,38 +1,45 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseAction = void 0;
-var astring_1 = require("astring");
-var string_1 = require("../helpers/string");
+const astring_1 = require("astring");
+const string_1 = require("../helpers/string");
 function parseAction(json, nodeReference, attribute) {
     var _a;
-    var methodName = attribute.name;
-    var parameters = '';
+    const methodName = attribute.name;
+    let parameters = '';
     if (['Identifier', 'ObjectExpression'].includes((_a = attribute.expression) === null || _a === void 0 ? void 0 : _a.type)) {
         parameters = (0, astring_1.generate)(attribute.expression);
     }
-    var actionHandler = (0, string_1.uniqueName)(Object.keys(json.state), 'actionHandler');
+    const actionHandler = (0, string_1.uniqueName)(Object.keys(json.state), 'actionHandler');
     json.state[actionHandler] = {
         code: 'null',
         type: 'property',
         propertyType: 'normal',
     };
-    var initHandler = "if (".concat(nodeReference, ") { ").concat(actionHandler, " = ").concat(methodName, "(").concat(nodeReference, ", ").concat(parameters, "); };\n");
+    const initHandler = `if (${nodeReference}) { ${actionHandler} = ${methodName}(${nodeReference}, ${parameters}); };\n`;
     json.hooks.onMount.push({
         code: initHandler,
     });
     // Handle Destroy / Re-Mount
-    var onReferenceUpdate = "\n    if (!".concat(nodeReference, " && ").concat(actionHandler, ") { \n      ").concat(actionHandler, "?.destroy(); \n      ").concat(actionHandler, " = null; \n    } else if (").concat(nodeReference, " && !").concat(actionHandler, ") { \n      ").concat(initHandler, " \n    };\n\n  ");
+    const onReferenceUpdate = `
+    if (!${nodeReference} && ${actionHandler}) { 
+      ${actionHandler}?.destroy(); 
+      ${actionHandler} = null; 
+    } else if (${nodeReference} && !${actionHandler}) { 
+      ${initHandler} 
+    };\n
+  `;
     json.hooks.onUpdate = json.hooks.onUpdate || [];
     json.hooks.onUpdate.push({
         code: onReferenceUpdate,
-        deps: "[".concat(nodeReference, "]"),
+        deps: `[${nodeReference}]`,
     });
     // Handle Update
     if (parameters) {
-        var onUpdate = "".concat(actionHandler, "?.update(").concat(parameters, ")\n");
+        const onUpdate = `${actionHandler}?.update(${parameters})\n`;
         json.hooks.onUpdate.push({
             code: onUpdate,
-            deps: "[".concat(parameters, "]"),
+            deps: `[${parameters}]`,
         });
     }
 }

package/dist/src/parsers/svelte/html/each.js

@@ -1,25 +1,20 @@
 "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.parseEach = void 0;
-var children_1 = require("../helpers/children");
-var mitosis_node_1 = require("../helpers/mitosis-node");
-var bindings_1 = require("../../../helpers/bindings");
+const children_1 = require("../helpers/children");
+const mitosis_node_1 = require("../helpers/mitosis-node");
+const bindings_1 = require("../../../helpers/bindings");
 function parseEach(json, node) {
-    return __assign(__assign({}, (0, mitosis_node_1.createMitosisNode)()), { name: 'For', scope: { forName: node.context.name }, bindings: {
+    return {
+        ...(0, mitosis_node_1.createMitosisNode)(),
+        name: 'For',
+        scope: { forName: node.context.name },
+        bindings: {
             each: (0, bindings_1.createSingleBinding)({
                 code: node.expression.name,
             }),
-        }, children: (0, children_1.parseChildren)(json, node) });
+        },
+        children: (0, children_1.parseChildren)(json, node),
+    };
 }
 exports.parseEach = parseEach;

package/dist/src/parsers/svelte/html/element.js

@@ -1,32 +1,20 @@
 "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.parseElement = void 0;
-var astring_1 = require("astring");
-var lodash_1 = require("lodash");
-var children_1 = require("../helpers/children");
-var mitosis_node_1 = require("../helpers/mitosis-node");
-var string_1 = require("../helpers/string");
-var actions_1 = require("./actions");
-var bindings_1 = require("../../../helpers/bindings");
-var SPECIAL_ELEMENTS = new Set(['svelte:component', 'svelte:element']);
+const astring_1 = require("astring");
+const lodash_1 = require("lodash");
+const children_1 = require("../helpers/children");
+const mitosis_node_1 = require("../helpers/mitosis-node");
+const string_1 = require("../helpers/string");
+const actions_1 = require("./actions");
+const bindings_1 = require("../../../helpers/bindings");
+const SPECIAL_ELEMENTS = new Set(['svelte:component', 'svelte:element']);
 function parseElement(json, node) {
-    var _a;
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
-    var mitosisNode = (0, mitosis_node_1.createMitosisNode)();
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    const mitosisNode = (0, mitosis_node_1.createMitosisNode)();
     mitosisNode.name = node.name;
-    var useReference = function () {
-        var nodeReference = (0, string_1.uniqueName)(Object.keys(json.refs), node.name);
+    const useReference = () => {
+        const nodeReference = (0, string_1.uniqueName)(Object.keys(json.refs), node.name);
         if (!Object.keys(json.refs).includes(nodeReference)) {
             json.refs[nodeReference] = { argument: '', typeParameter: '' };
             mitosisNode.bindings.ref = (0, bindings_1.createSingleBinding)({ code: nodeReference });
@@ -37,25 +25,24 @@ function parseElement(json, node) {
       Parse special elements such as svelte:component and svelte:element
     */
     if (SPECIAL_ELEMENTS.has(node.name)) {
-        var expression = (0, astring_1.generate)(node.expression || node.tag);
-        var prefix = 'state';
+        const expression = (0, astring_1.generate)(node.expression || node.tag);
+        let prefix = 'state';
         if (json.props[expression]) {
             prefix = 'props';
         }
-        mitosisNode.name = "".concat(prefix, ".").concat(expression);
+        mitosisNode.name = `${prefix}.${expression}`;
     }
-    if ((_b = node.attributes) === null || _b === void 0 ? void 0 : _b.length) {
-        for (var _i = 0, _v = node.attributes; _i < _v.length; _i++) {
-            var attribute = _v[_i];
+    if ((_a = node.attributes) === null || _a === void 0 ? void 0 : _a.length) {
+        for (const attribute of node.attributes) {
             switch (attribute.type) {
                 case 'Attribute': {
-                    switch ((_c = attribute.value[0]) === null || _c === void 0 ? void 0 : _c.type) {
+                    switch ((_b = attribute.value[0]) === null || _b === void 0 ? void 0 : _b.type) {
                         case 'Text': {
-                            var value = attribute.value[0];
+                            const value = attribute.value[0];
                             // if there are already conditional class declarations
                             // add class names defined here to the bindings code as well
-                            if (attribute.name === 'class' && ((_e = (_d = mitosisNode.bindings.class) === null || _d === void 0 ? void 0 : _d.code) === null || _e === void 0 ? void 0 : _e.length)) {
-                                mitosisNode.bindings.class.code = (0, string_1.insertAt)(mitosisNode.bindings.class.code, " ".concat(value.data, " "), 1);
+                            if (attribute.name === 'class' && ((_d = (_c = mitosisNode.bindings.class) === null || _c === void 0 ? void 0 : _c.code) === null || _d === void 0 ? void 0 : _d.length)) {
+                                mitosisNode.bindings.class.code = (0, string_1.insertAt)(mitosisNode.bindings.class.code, ` ${value.data} `, 1);
                             }
                             else {
                                 mitosisNode.properties[attribute.name] = value.data;
@@ -63,27 +50,27 @@ function parseElement(json, node) {
                             break;
                         }
                         case 'MustacheTag': {
-                            var value = attribute.value[0];
-                            var expression = value.expression;
-                            var code = (0, astring_1.generate)(expression);
+                            const value = attribute.value[0];
+                            const expression = value.expression;
+                            let code = (0, astring_1.generate)(expression);
                             if (attribute.name === 'class') {
-                                code = ((_g = (_f = mitosisNode.bindings.class) === null || _f === void 0 ? void 0 : _f.code) === null || _g === void 0 ? void 0 : _g.length)
+                                code = ((_f = (_e = mitosisNode.bindings.class) === null || _e === void 0 ? void 0 : _e.code) === null || _f === void 0 ? void 0 : _f.length)
                                     ? (0, string_1.insertAt)(mitosisNode.bindings.class.code, ' ${' + code + '}', mitosisNode.bindings.class.code.length - 1)
                                     : '`${' + code + '}`';
                             }
-                            mitosisNode.bindings[attribute.name] = (0, bindings_1.createSingleBinding)({ code: code });
+                            mitosisNode.bindings[attribute.name] = (0, bindings_1.createSingleBinding)({ code });
                             break;
                         }
                         case 'AttributeShorthand': {
                             // e.g. <input {value}/>
-                            var value = attribute.value[0];
-                            var code = value.expression.name;
-                            mitosisNode.bindings[code] = (0, bindings_1.createSingleBinding)({ code: code });
+                            const value = attribute.value[0];
+                            const code = value.expression.name;
+                            mitosisNode.bindings[code] = (0, bindings_1.createSingleBinding)({ code });
                             break;
                         }
                         default: {
-                            var name_1 = attribute.name;
-                            mitosisNode.bindings[name_1] = (0, bindings_1.createSingleBinding)({
+                            const name = attribute.name;
+                            mitosisNode.bindings[name] = (0, bindings_1.createSingleBinding)({
                                 code: attribute.value.toString(),
                             });
                         }
@@ -91,7 +78,7 @@ function parseElement(json, node) {
                     break;
                 }
                 case 'Spread': {
-                    var expression = attribute.expression;
+                    const expression = attribute.expression;
                     mitosisNode.bindings[expression.name] = {
                         code: expression.name,
                         type: 'spread',
@@ -100,52 +87,55 @@ function parseElement(json, node) {
                     break;
                 }
                 case 'EventHandler': {
-                    var object = {
+                    let object = {
                         code: '',
                         arguments: [],
                     };
-                    if (((_h = attribute.expression) === null || _h === void 0 ? void 0 : _h.type) === 'ArrowTypeFunction') {
-                        var expression = attribute.expression;
-                        var code = (0, astring_1.generate)(expression.body);
+                    if (((_g = attribute.expression) === null || _g === void 0 ? void 0 : _g.type) === 'ArrowTypeFunction') {
+                        const expression = attribute.expression;
+                        let code = (0, astring_1.generate)(expression.body);
                         object = {
-                            code: code,
-                            arguments: (_k = (_j = expression.body) === null || _j === void 0 ? void 0 : _j.arguments) === null || _k === void 0 ? void 0 : _k.map(function (a) { var _a; return (_a = a.name) !== null && _a !== void 0 ? _a : []; }),
+                            code,
+                            arguments: (_j = (_h = expression.body) === null || _h === void 0 ? void 0 : _h.arguments) === null || _j === void 0 ? void 0 : _j.map((a) => { var _a; return (_a = a.name) !== null && _a !== void 0 ? _a : []; }),
                         };
                     }
                     else if (attribute.expression) {
-                        var code = (0, astring_1.generate)(attribute.expression);
-                        if (((_l = attribute.expression.body) === null || _l === void 0 ? void 0 : _l.type) === 'CallExpression') {
+                        let code = (0, astring_1.generate)(attribute.expression);
+                        if (((_k = attribute.expression.body) === null || _k === void 0 ? void 0 : _k.type) === 'CallExpression') {
                             code = (0, astring_1.generate)(attribute.expression.body);
                         }
                         if (!code.startsWith(')') && !code.endsWith(')')) {
                             code += '()';
                         }
-                        if (!((_m = attribute.expression.arguments) === null || _m === void 0 ? void 0 : _m.length) &&
-                            !((_p = (_o = attribute.expression.body) === null || _o === void 0 ? void 0 : _o.arguments) === null || _p === void 0 ? void 0 : _p.length)) {
+                        if (!((_l = attribute.expression.arguments) === null || _l === void 0 ? void 0 : _l.length) &&
+                            !((_o = (_m = attribute.expression.body) === null || _m === void 0 ? void 0 : _m.arguments) === null || _o === void 0 ? void 0 : _o.length)) {
                             code = code.replace(/\(\)/g, '(event)');
                         }
-                        var args = undefined;
+                        let args = undefined;
                         if (attribute.expression.type === 'ArrowFunctionExpression') {
-                            args = (_r = (_q = attribute.expression.params) === null || _q === void 0 ? void 0 : _q.map(function (arg) { return (0, astring_1.generate)(arg); })) !== null && _r !== void 0 ? _r : [];
+                            args = (_q = (_p = attribute.expression.params) === null || _p === void 0 ? void 0 : _p.map((arg) => (0, astring_1.generate)(arg))) !== null && _q !== void 0 ? _q : [];
                         }
                         else if (attribute.expression.type === 'CallExpression' &&
                             attribute.expression.arguments.length) {
                             args = [];
                         }
                         object = {
-                            code: code,
+                            code,
                             arguments: args,
                         };
                     }
                     else {
                         object = {
-                            code: "props.on".concat((0, lodash_1.upperFirst)(attribute.name), "(event)"),
+                            code: `props.on${(0, lodash_1.upperFirst)(attribute.name)}(event)`,
                             arguments: ['event'],
                         };
                     }
-                    mitosisNode.bindings["on".concat((0, lodash_1.upperFirst)(attribute.name))] = (0, bindings_1.createSingleBinding)(object);
+                    mitosisNode.bindings[`on${(0, lodash_1.upperFirst)(attribute.name)}`] = (0, bindings_1.createSingleBinding)(object);
                     // add event handlers as props (e.g. props.onClick)
-                    json.props = __assign(__assign({}, json.props), (_a = {}, _a["on".concat((0, lodash_1.upperFirst)(attribute.name))] = { default: function () { return ({}); } }, _a));
+                    json.props = {
+                        ...json.props,
+                        [`on${(0, lodash_1.upperFirst)(attribute.name)}`]: { default: () => ({}) },
+                    };
                     break;
                 }
                 case 'Binding': {
@@ -154,12 +144,12 @@ function parseElement(json, node) {
                       same goes for replacing the group binding with checked
                       see helpers/post-process.ts
                     */
-                    var expression = attribute.expression;
-                    var binding = expression.name;
-                    var name_2 = attribute.name;
+                    const expression = attribute.expression;
+                    const binding = expression.name;
+                    let name = attribute.name;
                     // template ref
                     if (attribute.name === 'this') {
-                        name_2 = 'ref';
+                        name = 'ref';
                         json.refs[binding] = {
                             argument: 'null',
                             typeParameter: 'any',
@@ -168,42 +158,42 @@ function parseElement(json, node) {
                             delete json.state[binding];
                         }
                     }
-                    if (name_2 !== 'ref' && name_2 !== 'group' && name_2 !== 'this') {
-                        var onChangeCode = "".concat(binding, " = event.target.value");
+                    if (name !== 'ref' && name !== 'group' && name !== 'this') {
+                        const onChangeCode = `${binding} = event.target.value`;
                         mitosisNode.bindings['onChange'] = (0, bindings_1.createSingleBinding)({
                             code: onChangeCode,
                             arguments: ['event'],
                         });
                     }
-                    mitosisNode.bindings[name_2] = (0, bindings_1.createSingleBinding)({
+                    mitosisNode.bindings[name] = (0, bindings_1.createSingleBinding)({
                         code: binding,
                     });
                     break;
                 }
                 case 'Class': {
-                    var expression = attribute.expression;
+                    const expression = attribute.expression;
                     // conditional classes (e.g. class:disabled or class:disabled={disabled})
-                    var binding = "".concat((0, astring_1.generate)(expression), " ? '").concat(attribute.name, "'  : ''");
-                    var code = '';
+                    const binding = `${(0, astring_1.generate)(expression)} ? '${attribute.name}'  : ''`;
+                    let code = '';
                     // if there are existing class declarations
                     // add them here instead and remove them from properties
                     // to avoid duplicate class declarations in certain frameworks
-                    if ((_t = (_s = mitosisNode.properties) === null || _s === void 0 ? void 0 : _s.class) === null || _t === void 0 ? void 0 : _t.length) {
-                        code = "".concat(mitosisNode.properties.class, " ");
+                    if ((_s = (_r = mitosisNode.properties) === null || _r === void 0 ? void 0 : _r.class) === null || _s === void 0 ? void 0 : _s.length) {
+                        code = `${mitosisNode.properties.class} `;
                         delete mitosisNode.properties.class;
                     }
                     // if class code is already defined (meaning there is more than 1 conditional class declaration)
                     // append it to the string instead of assigning it
                     if (mitosisNode.bindings.class &&
                         Object.prototype.hasOwnProperty.call(mitosisNode.bindings.class, 'code') &&
-                        ((_u = mitosisNode.bindings.class) === null || _u === void 0 ? void 0 : _u.code.length)) {
+                        ((_t = mitosisNode.bindings.class) === null || _t === void 0 ? void 0 : _t.code.length)) {
                         code = (0, string_1.insertAt)(mitosisNode.bindings.class.code, ' ${' + binding + '}', mitosisNode.bindings.class.code.length - 1);
-                        mitosisNode.bindings.class = (0, bindings_1.createSingleBinding)({ code: code });
+                        mitosisNode.bindings.class = (0, bindings_1.createSingleBinding)({ code });
                     }
                     else {
                         // otherwise just assign
                         code = '`' + code + '${' + binding + '}`';
-                        mitosisNode.bindings.class = (0, bindings_1.createSingleBinding)({ code: code });
+                        mitosisNode.bindings.class = (0, bindings_1.createSingleBinding)({ code });
                     }
                     break;
                 }
@@ -215,12 +205,12 @@ function parseElement(json, node) {
             }
         }
     }
-    var filteredChildren = [];
+    let filteredChildren = [];
     if (node.children) {
         filteredChildren = (0, children_1.filterChildren)(node.children);
     }
     if (filteredChildren.length === 1 && filteredChildren[0].type === 'RawMustacheTag') {
-        var child = filteredChildren[0];
+        const child = filteredChildren[0];
         mitosisNode.children = [];
         mitosisNode.bindings.innerHTML = (0, bindings_1.createSingleBinding)({
             code: (0, astring_1.generate)(child.expression),

package/dist/src/parsers/svelte/html/fragment.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseFragment = void 0;
-var children_1 = require("../helpers/children");
-var mitosis_node_1 = require("../helpers/mitosis-node");
+const children_1 = require("../helpers/children");
+const mitosis_node_1 = require("../helpers/mitosis-node");
 function parseFragment(json, node) {
-    var mitosisNode = (0, mitosis_node_1.createMitosisNode)();
+    let mitosisNode = (0, mitosis_node_1.createMitosisNode)();
     mitosisNode.name = 'Fragment';
     mitosisNode.children = (0, children_1.parseChildren)(json, node);
     // if there is only one child, don't even bother to render the fragment as it is not necessary