@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/parsers/jsx/signals.js

@@ -1,48 +1,47 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.findSignals = void 0;
-var ts_morph_1 = require("ts-morph");
-var typescript_project_1 = require("../../helpers/typescript-project");
-var MITOSIS_IMPORT_PATHS = [
+const ts_morph_1 = require("ts-morph");
+const typescript_project_1 = require("../../helpers/typescript-project");
+const MITOSIS_IMPORT_PATHS = [
     // actual production path
     '/node_modules/@builder.io/mitosis/',
     // possible path if symlinking mitosis locally
     '/mitosis/packages/core/',
 ];
-var findSignals = function (_a) {
-    var filePath = _a.filePath, project = _a.project;
-    var ast = project.getSourceFileOrThrow(filePath);
+const findSignals = ({ filePath, project }) => {
+    const ast = project.getSourceFileOrThrow(filePath);
     if (ast === undefined) {
         throw new Error('Could not find AST. Please provide a correct `filePath`.');
     }
-    var reactiveValues = {
+    const reactiveValues = {
         props: new Set(),
         state: new Set(),
         context: new Set(),
     };
-    var propsSymbol = (0, typescript_project_1.getPropsSymbol)(ast);
-    var contextSymbols = (0, typescript_project_1.getContextSymbols)(ast);
-    var checkIsSignalSymbol = function (type) {
+    const propsSymbol = (0, typescript_project_1.getPropsSymbol)(ast);
+    const contextSymbols = (0, typescript_project_1.getContextSymbols)(ast);
+    const checkIsSignalSymbol = (type) => {
         var _a;
-        var symbol = (_a = type.getTargetType()) === null || _a === void 0 ? void 0 : _a.getAliasSymbol();
+        const symbol = (_a = type.getTargetType()) === null || _a === void 0 ? void 0 : _a.getAliasSymbol();
         if (!symbol || symbol.getName() !== 'Signal')
             return false;
-        var compilerSymbol = symbol === null || symbol === void 0 ? void 0 : symbol.compilerSymbol;
-        var parent = compilerSymbol.parent;
+        const compilerSymbol = symbol === null || symbol === void 0 ? void 0 : symbol.compilerSymbol;
+        const parent = compilerSymbol.parent;
         if (!parent)
             return false;
-        if (MITOSIS_IMPORT_PATHS.some(function (path) { return parent.getName().includes(path); })) {
+        if (MITOSIS_IMPORT_PATHS.some((path) => parent.getName().includes(path))) {
             return true;
         }
         return false;
     };
-    var checkIsOptionalSignal = function (node) {
-        var hasUndefined = false;
-        var hasSignal = false;
-        var perfectMatch = node
+    const checkIsOptionalSignal = (node) => {
+        let hasUndefined = false;
+        let hasSignal = false;
+        const perfectMatch = node
             .getType()
             .getUnionTypes()
-            .every(function (type) {
+            .every((type) => {
             if (type.isUndefined()) {
                 hasUndefined = true;
                 return true;
@@ -55,34 +54,34 @@ var findSignals = function (_a) {
         });
         return perfectMatch && hasUndefined && hasSignal;
     };
-    ast.forEachDescendant(function (parentNode) {
+    ast.forEachDescendant((parentNode) => {
         if (ts_morph_1.Node.isPropertyAccessExpression(parentNode)) {
-            var node = parentNode.getExpression();
-            var isOptionalAccess = parentNode.hasQuestionDotToken();
-            var isSignal = isOptionalAccess
+            const node = parentNode.getExpression();
+            const isOptionalAccess = parentNode.hasQuestionDotToken();
+            const isSignal = isOptionalAccess
                 ? checkIsOptionalSignal(node)
                 : checkIsSignalSymbol(node.getType());
             if (!isSignal)
                 return;
-            var isInsideType_1 = false;
-            var isInsideDeclaration = false;
-            node.getParentWhile(function (parent, child) {
+            let isInsideType = false;
+            let isInsideDeclaration = false;
+            node.getParentWhile((parent, child) => {
                 // stop once we hit the function block
                 if (ts_morph_1.Node.isBlock(child) || ts_morph_1.Node.isBlock(parent)) {
                     return false;
                 }
                 // crawl up parents to make sure we're not inside a type
                 if (ts_morph_1.Node.isTypeNode(parent) || ts_morph_1.Node.isTypeAliasDeclaration(parent)) {
-                    isInsideType_1 = true;
+                    isInsideType = true;
                     return false;
                 }
                 return true;
             });
-            if (isInsideType_1)
+            if (isInsideType)
                 return;
             if (isInsideDeclaration)
                 return;
-            var nodeSymbol = node.getSymbol();
+            const nodeSymbol = node.getSymbol();
             if (ts_morph_1.Node.isPropertyAccessExpression(node) &&
                 node.getExpression().getSymbol() === propsSymbol) {
                 reactiveValues.props.add(node.getNameNode().getText());

package/dist/src/parsers/jsx/state.d.ts

@@ -1,6 +1,5 @@
-import * as babel from '@babel/core';
 import { MitosisComponent, MitosisState } from '../../types/mitosis-component';
-declare const types: typeof babel.types;
+import { ObjectExpression } from '@babel/types';
 /**
  * Convert state identifiers from React hooks format to the state.* format Mitosis needs
  * e.g.
@@ -8,5 +7,4 @@ declare const types: typeof babel.types;
  *   setText(...) -> state.text = ...
  */
 export declare function mapStateIdentifiers(json: MitosisComponent): void;
-export declare const parseStateObjectToMitosisState: (object: babel.types.ObjectExpression, isState?: boolean) => MitosisState;
-export {};
+export declare const parseStateObjectToMitosisState: (object: ObjectExpression, isState?: boolean) => MitosisState;

package/dist/src/parsers/jsx/state.js

@@ -1,79 +1,44 @@
 "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);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseStateObjectToMitosisState = exports.mapStateIdentifiers = void 0;
-var babel = __importStar(require("@babel/core"));
-var function_1 = require("fp-ts/lib/function");
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var babel_transform_1 = require("../../helpers/babel-transform");
-var capitalize_1 = require("../../helpers/capitalize");
-var is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
-var process_code_1 = require("../../helpers/plugins/process-code");
-var helpers_1 = require("./helpers");
-var types = babel.types;
+const babel_transform_1 = require("../../helpers/babel-transform");
+const capitalize_1 = require("../../helpers/capitalize");
+const is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
+const process_code_1 = require("../../helpers/plugins/process-code");
+const types_1 = require("@babel/types");
+const function_1 = require("fp-ts/lib/function");
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const helpers_1 = require("./helpers");
 function mapStateIdentifiersInExpression(expression, stateProperties) {
-    var setExpressions = stateProperties.map(function (propertyName) { return "set".concat((0, capitalize_1.capitalize)(propertyName)); });
+    const setExpressions = stateProperties.map((propertyName) => `set${(0, capitalize_1.capitalize)(propertyName)}`);
     return (0, function_1.pipe)((0, babel_transform_1.babelTransformExpression)(expression, {
-        Identifier: function (path) {
+        Identifier(path) {
             if (stateProperties.includes(path.node.name)) {
                 if (
                 // ignore member expressions, as the `stateProperty` is going to be at the module scope.
-                !(types.isMemberExpression(path.parent) && path.parent.property === path.node) &&
-                    !(types.isOptionalMemberExpression(path.parent) && path.parent.property === path.node) &&
+                !((0, types_1.isMemberExpression)(path.parent) && path.parent.property === path.node) &&
+                    !((0, types_1.isOptionalMemberExpression)(path.parent) && path.parent.property === path.node) &&
                     // ignore declarations of that state property, e.g. `function foo() {}`
-                    !types.isDeclaration(path.parent) &&
-                    !types.isFunctionDeclaration(path.parent) &&
-                    !(types.isFunctionExpression(path.parent) && path.parent.id === path.node) &&
+                    !(0, types_1.isDeclaration)(path.parent) &&
+                    !(0, types_1.isFunctionDeclaration)(path.parent) &&
+                    !((0, types_1.isFunctionExpression)(path.parent) && path.parent.id === path.node) &&
                     // ignore object keys
-                    !(types.isObjectProperty(path.parent) && path.parent.key === path.node)) {
-                    var hasTypeParent_1 = false;
-                    path.findParent(function (parent) {
-                        if (types.isTSType(parent) || types.isTSInterfaceBody(parent)) {
-                            hasTypeParent_1 = true;
+                    !((0, types_1.isObjectProperty)(path.parent) && path.parent.key === path.node)) {
+                    let hasTypeParent = false;
+                    path.findParent((parent) => {
+                        if ((0, types_1.isTSType)(parent) || (0, types_1.isTSInterfaceBody)(parent)) {
+                            hasTypeParent = true;
                             return true;
                         }
                         return false;
                     });
-                    if (hasTypeParent_1) {
+                    if (hasTypeParent) {
                         return;
                     }
-                    var newExpression = types.memberExpression(types.identifier('state'), types.identifier(path.node.name));
+                    const newExpression = (0, types_1.memberExpression)((0, types_1.identifier)('state'), (0, types_1.identifier)(path.node.name));
                     try {
                         path.replaceWith(newExpression);
                     }
@@ -89,19 +54,19 @@ function mapStateIdentifiersInExpression(expression, stateProperties) {
                 }
             }
         },
-        CallExpression: function (path) {
-            if (types.isIdentifier(path.node.callee)) {
+        CallExpression(path) {
+            if ((0, types_1.isIdentifier)(path.node.callee)) {
                 if (setExpressions.includes(path.node.callee.name)) {
                     // setFoo -> foo
-                    var statePropertyName = (0, helpers_1.uncapitalize)(path.node.callee.name.slice(3));
+                    const statePropertyName = (0, helpers_1.uncapitalize)(path.node.callee.name.slice(3));
                     // setFoo(...) -> state.foo = ...
-                    path.replaceWith(types.assignmentExpression('=', types.identifier("state.".concat(statePropertyName)), path.node.arguments[0]));
+                    path.replaceWith((0, types_1.assignmentExpression)('=', (0, types_1.identifier)(`state.${statePropertyName}`), path.node.arguments[0]));
                 }
             }
         },
-    }), function (code) { return code.trim(); });
+    }), (code) => code.trim());
 }
-var consolidateClassBindings = function (item) {
+const consolidateClassBindings = (item) => {
     if (item.bindings.className) {
         if (item.bindings.class) {
             // TO-DO: it's too much work to merge 2 bindings, so just remove the old one for now.
@@ -114,7 +79,7 @@ var consolidateClassBindings = function (item) {
     }
     if (item.properties.className) {
         if (item.properties.class) {
-            item.properties.class = "".concat(item.properties.class, " ").concat(item.properties.className);
+            item.properties.class = `${item.properties.class} ${item.properties.className}`;
         }
         else {
             item.properties.class = item.properties.className;
@@ -122,7 +87,7 @@ var consolidateClassBindings = function (item) {
         delete item.properties.className;
     }
     if (item.properties.class && item.bindings.class) {
-        console.warn("[".concat(item.name, "]: Ended up with both a property and binding for 'class'."));
+        console.warn(`[${item.name}]: Ended up with both a property and binding for 'class'.`);
     }
 };
 /**
@@ -132,8 +97,8 @@ var consolidateClassBindings = function (item) {
  *   setText(...) -> state.text = ...
  */
 function mapStateIdentifiers(json) {
-    var stateProperties = Object.keys(json.state);
-    var plugin = (0, process_code_1.createCodeProcessorPlugin)(function () { return function (code) { return mapStateIdentifiersInExpression(code, stateProperties); }; });
+    const stateProperties = Object.keys(json.state);
+    const plugin = (0, process_code_1.createCodeProcessorPlugin)(() => (code) => mapStateIdentifiersInExpression(code, stateProperties));
     plugin(json);
     (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
@@ -142,17 +107,17 @@ function mapStateIdentifiers(json) {
     });
 }
 exports.mapStateIdentifiers = mapStateIdentifiers;
-var processStateObjectSlice = function (item) {
-    if (types.isObjectProperty(item)) {
-        if (types.isFunctionExpression(item.value)) {
+const processStateObjectSlice = (item) => {
+    if ((0, types_1.isObjectProperty)(item)) {
+        if ((0, types_1.isFunctionExpression)(item.value)) {
             return {
                 code: (0, helpers_1.parseCode)(item.value).trim(),
                 type: 'function',
             };
         }
-        else if (types.isArrowFunctionExpression(item.value)) {
-            var n = babel.types.objectMethod('method', item.key, item.value.params, item.value.body);
-            var code = (0, helpers_1.parseCode)(n).trim();
+        else if ((0, types_1.isArrowFunctionExpression)(item.value)) {
+            const n = (0, types_1.objectMethod)('method', item.key, item.value.params, item.value.body);
+            const code = (0, helpers_1.parseCode)(n).trim();
             return {
                 code: code,
                 type: 'method',
@@ -161,7 +126,7 @@ var processStateObjectSlice = function (item) {
         else {
             // Remove typescript types, e.g. from
             // { foo: ('string' as SomeType) }
-            if (types.isTSAsExpression(item.value)) {
+            if ((0, types_1.isTSAsExpression)(item.value)) {
                 return {
                     code: (0, helpers_1.parseCode)(item.value.expression).trim(),
                     type: 'property',
@@ -175,9 +140,9 @@ var processStateObjectSlice = function (item) {
             };
         }
     }
-    else if (types.isObjectMethod(item)) {
-        var n = (0, helpers_1.parseCode)(__assign(__assign({}, item), { returnType: null })).trim();
-        var isGetter = item.kind === 'get';
+    else if ((0, types_1.isObjectMethod)(item)) {
+        const n = (0, helpers_1.parseCode)({ ...item, returnType: null }).trim();
+        const isGetter = item.kind === 'get';
         return {
             code: n,
             type: isGetter ? 'getter' : 'method',
@@ -187,9 +152,9 @@ var processStateObjectSlice = function (item) {
         throw new Error('Unexpected state value type', item);
     }
 };
-var processDefaultPropsSlice = function (item) {
-    if (types.isObjectProperty(item)) {
-        if (types.isFunctionExpression(item.value) || types.isArrowFunctionExpression(item.value)) {
+const processDefaultPropsSlice = (item) => {
+    if ((0, types_1.isObjectProperty)(item)) {
+        if ((0, types_1.isFunctionExpression)(item.value) || (0, types_1.isArrowFunctionExpression)(item.value)) {
             return {
                 code: (0, helpers_1.parseCode)(item.value),
                 type: 'method',
@@ -198,7 +163,7 @@ var processDefaultPropsSlice = function (item) {
         else {
             // Remove typescript types, e.g. from
             // { foo: ('string' as SomeType) }
-            if (types.isTSAsExpression(item.value)) {
+            if ((0, types_1.isTSAsExpression)(item.value)) {
                 return {
                     code: (0, helpers_1.parseCode)(item.value.expression),
                     type: 'property',
@@ -212,9 +177,9 @@ var processDefaultPropsSlice = function (item) {
             };
         }
     }
-    else if (types.isObjectMethod(item)) {
-        var n = (0, helpers_1.parseCode)(__assign(__assign({}, item), { returnType: null }));
-        var isGetter = item.kind === 'get';
+    else if ((0, types_1.isObjectMethod)(item)) {
+        const n = (0, helpers_1.parseCode)({ ...item, returnType: null });
+        const isGetter = item.kind === 'get';
         return {
             code: n,
             type: isGetter ? 'getter' : 'method',
@@ -224,20 +189,21 @@ var processDefaultPropsSlice = function (item) {
         throw new Error('Unexpected state value type', item);
     }
 };
-var parseStateObjectToMitosisState = function (object, isState) {
-    if (isState === void 0) { isState = true; }
-    var state = {};
-    object.properties.forEach(function (x) {
-        if (types.isSpreadElement(x)) {
+const parseStateObjectToMitosisState = (object, isState = true) => {
+    const state = {};
+    object.properties.forEach((x) => {
+        if ((0, types_1.isSpreadElement)(x)) {
             throw new Error('Parse Error: Mitosis cannot consume spread element in state object: ' + x);
         }
-        if (types.isPrivateName(x.key)) {
+        if ((0, types_1.isPrivateName)(x.key)) {
             throw new Error('Parse Error: Mitosis cannot consume private name in state object: ' + x.key);
         }
-        if (!types.isIdentifier(x.key)) {
-            throw new Error('Parse Error: Mitosis cannot consume non-identifier key in state object: ' + x.key);
+        if (!(0, types_1.isIdentifier)(x.key) && !(0, types_1.isStringLiteral)(x.key)) {
+            throw new Error('Parse Error: Mitosis cannot consume non-identifier and non-string key in state object: ' +
+                x.key);
         }
-        state[x.key.name] = isState ? processStateObjectSlice(x) : processDefaultPropsSlice(x);
+        const keyName = (0, types_1.isStringLiteral)(x.key) ? x.key.value : x.key.name;
+        state[keyName] = isState ? processStateObjectSlice(x) : processDefaultPropsSlice(x);
     });
     return state;
 };

package/dist/src/parsers/svelte/css/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseCss = void 0;
-var parseCss = function (ast, json) {
+const parseCss = (ast, json) => {
     var _a;
     json.style = (_a = ast.css) === null || _a === void 0 ? void 0 : _a.content.styles;
 };

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

@@ -1,27 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processBindings = void 0;
-var bindings_1 = require("../../../helpers/bindings");
-function replaceGroupWithChecked(node, isArray) {
+const bindings_1 = require("../../../helpers/bindings");
+function replaceGroupWithChecked(node, isArray = false) {
     var _a, _b, _c;
-    if (isArray === void 0) { isArray = false; }
     if ((_b = (_a = node.bindings.group) === null || _a === void 0 ? void 0 : _a.code) === null || _b === void 0 ? void 0 : _b.length) {
-        var bindingValue = (_c = node.bindings.value) === null || _c === void 0 ? void 0 : _c.code;
-        var propertyValue = node.properties.value;
-        var groupBinding = node.bindings.group.code;
-        var code = '';
+        const bindingValue = (_c = node.bindings.value) === null || _c === void 0 ? void 0 : _c.code;
+        const propertyValue = node.properties.value;
+        const groupBinding = node.bindings.group.code;
+        let code = '';
         if (isArray) {
             code = bindingValue
-                ? "".concat(groupBinding, ".includes(").concat(bindingValue, ")")
-                : "".concat(groupBinding, ".includes('").concat(propertyValue, "')");
+                ? `${groupBinding}.includes(${bindingValue})`
+                : `${groupBinding}.includes('${propertyValue}')`;
         }
         else {
             code = bindingValue
-                ? "".concat(groupBinding, " === ").concat(bindingValue)
-                : "".concat(groupBinding, " === '").concat(propertyValue, "'");
+                ? `${groupBinding} === ${bindingValue}`
+                : `${groupBinding} === '${propertyValue}'`;
         }
         node.bindings['checked'] = (0, bindings_1.createSingleBinding)({
-            code: code,
+            code,
         });
         delete node.bindings.group;
     }
@@ -36,15 +35,15 @@ function replaceGroupWithChecked(node, isArray) {
 */
 function processBindings(json, node) {
     var _a, _b, _c, _d, _e, _f, _g;
-    var name;
-    var target = 'event.target.value';
-    var binding = '';
-    var isArray = false;
+    let name;
+    let target = 'event.target.value';
+    let binding = '';
+    let isArray = false;
     if (Object.prototype.hasOwnProperty.call(node.bindings, 'group')) {
         name = 'group';
         binding = (_b = (_a = node.bindings.group) === null || _a === void 0 ? void 0 : _a.code) !== null && _b !== void 0 ? _b : '';
         if (binding.startsWith('state.')) {
-            var stateObject = json.state[binding.replace(/^state\./, '')];
+            const stateObject = json.state[binding.replace(/^state\./, '')];
             isArray = Array.isArray(stateObject === null || stateObject === void 0 ? void 0 : stateObject.code);
         }
         replaceGroupWithChecked(node, isArray);
@@ -61,10 +60,10 @@ function processBindings(json, node) {
         target = 'event.target.checked';
         binding = (_f = (_e = node.bindings.onChange) === null || _e === void 0 ? void 0 : _e.code.split('=')[0]) !== null && _f !== void 0 ? _f : '';
     }
-    var onChangeCode = "".concat(binding, " = ").concat(target);
+    let onChangeCode = `${binding} = ${target}`;
     // If the binding is an array, we should push / splice rather than assigning
     if (isArray) {
-        onChangeCode = "event.target.checked ? ".concat(binding, ".push(").concat(target, ") : ").concat(binding, ".splice(").concat(binding, ".indexOf(").concat(node.properties.value ? "'".concat(node.properties.value, "'") : (_g = node.bindings.value) === null || _g === void 0 ? void 0 : _g.code, "), 1)");
+        onChangeCode = `event.target.checked ? ${binding}.push(${target}) : ${binding}.splice(${binding}.indexOf(${node.properties.value ? `'${node.properties.value}'` : (_g = node.bindings.value) === null || _g === void 0 ? void 0 : _g.code}), 1)`;
     }
     if (name !== 'ref' && binding) {
         node.bindings['onChange'] = (0, bindings_1.createSingleBinding)({

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

@@ -1,18 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseChildren = exports.filterChildren = void 0;
-var html_1 = require("../html");
+const html_1 = require("../html");
 function filterChildren(children) {
     var _a;
-    return ((_a = children === null || children === void 0 ? void 0 : children.filter(function (n) { var _a; return n.type !== 'Comment' && (n.type !== 'Text' || ((_a = n.data) === null || _a === void 0 ? void 0 : _a.trim().length)); })) !== null && _a !== void 0 ? _a : []);
+    return ((_a = children === null || children === void 0 ? void 0 : children.filter((n) => { var _a; return n.type !== 'Comment' && (n.type !== 'Text' || ((_a = n.data) === null || _a === void 0 ? void 0 : _a.trim().length)); })) !== null && _a !== void 0 ? _a : []);
 }
 exports.filterChildren = filterChildren;
 function parseChildren(json, node) {
-    var children = [];
+    const children = [];
     if (node.children) {
-        for (var _i = 0, _a = filterChildren(node.children); _i < _a.length; _i++) {
-            var child = _a[_i];
-            var mitosisNode = (0, html_1.parseHtmlNode)(json, child);
+        for (const child of filterChildren(node.children)) {
+            const mitosisNode = (0, html_1.parseHtmlNode)(json, child);
             if (mitosisNode) {
                 children.push(mitosisNode);
             }

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

@@ -1,21 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseObjectExpression = void 0;
-var astring_1 = require("astring");
-var references_1 = require("../instance/references");
+const astring_1 = require("astring");
+const references_1 = require("../instance/references");
 function parseObjectExpression(json, node) {
-    var _a;
-    var properties = node.properties.map(function (n) {
-        var node_ = n;
+    const properties = node.properties.map((n) => {
+        const node_ = n;
         return {
             key: (0, astring_1.generate)(node_.key),
             value: (0, references_1.getParsedValue)(json, node_.value),
         };
     });
-    var c = {};
-    for (var _i = 0, properties_1 = properties; _i < properties_1.length; _i++) {
-        var item = properties_1[_i];
-        Object.assign(c, (_a = {}, _a[item.key] = item.value, _a));
+    const c = {};
+    for (const item of properties) {
+        Object.assign(c, { [item.key]: item.value });
     }
     return c;
 }

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

@@ -4,11 +4,11 @@ exports.addToOnInitHook = void 0;
 function addToOnInitHook(json, code) {
     var _a;
     if ((_a = json.hooks.onInit) === null || _a === void 0 ? void 0 : _a.code.length) {
-        json.hooks.onInit.code += "\n ".concat(code);
+        json.hooks.onInit.code += `\n ${code}`;
     }
     else {
         json.hooks.onInit = {
-            code: code,
+            code,
         };
     }
 }