@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/parsers/svelte/instance/properties.js

@@ -1,34 +1,22 @@
 "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.parseProperties = void 0;
 function parseProperties(json, node) {
-    var _a;
-    var _b, _c;
-    var declarations = (_b = node.declaration) === null || _b === void 0 ? void 0 : _b.declarations;
+    var _a, _b;
+    const declarations = (_a = node.declaration) === null || _a === void 0 ? void 0 : _a.declarations;
     if (declarations === null || declarations === void 0 ? void 0 : declarations.length) {
-        var declaration = declarations[0];
-        var property = declaration.id.name;
-        var value = (_c = declaration.init) === null || _c === void 0 ? void 0 : _c.value;
-        var propertyObject = (_a = {},
-            _a[property] = {
+        const declaration = declarations[0];
+        const property = declaration.id.name;
+        const value = (_b = declaration.init) === null || _b === void 0 ? void 0 : _b.value;
+        const propertyObject = {
+            [property]: {
                 default: value,
             },
-            _a);
-        json.props = __assign(__assign({}, json.props), propertyObject);
+        };
+        json.props = { ...json.props, ...propertyObject };
         json.defaultProps = Object.fromEntries(Object.keys(json.props)
-            .filter(function (key) { return json.props[key].default; })
-            .map(function (key) { return [key, json.props[key].default]; }));
+            .filter((key) => json.props[key].default)
+            .map((key) => [key, json.props[key].default]));
     }
 }
 exports.parseProperties = parseProperties;

package/dist/src/parsers/svelte/instance/reactive.js

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseReactive = void 0;
-var astring_1 = require("astring");
+const astring_1 = require("astring");
 function parseReactive(json, node) {
-    var body = node.body;
-    var expression = body === null || body === void 0 ? void 0 : body.expression;
+    const body = node.body;
+    const expression = body === null || body === void 0 ? void 0 : body.expression;
     if (!expression) {
-        var wrap = node.body.type !== 'BlockStatement';
-        var name_1 = "reactive".concat(Object.values(json.state).filter(function (index) { return (index === null || index === void 0 ? void 0 : index.type) === 'getter'; }).length);
-        json.state[name_1] = {
-            code: "get ".concat(name_1, "() ").concat(wrap ? '{' : '').concat((0, astring_1.generate)(node.body)).concat(wrap ? '}' : ''),
+        const wrap = node.body.type !== 'BlockStatement';
+        const name = `reactive${Object.values(json.state).filter((index) => (index === null || index === void 0 ? void 0 : index.type) === 'getter').length}`;
+        json.state[name] = {
+            code: `get ${name}() ${wrap ? '{' : ''}${(0, astring_1.generate)(node.body)}${wrap ? '}' : ''}`,
             type: 'getter',
         };
     }
     else if (expression.type === 'AssignmentExpression') {
-        var name_2 = expression.left.name;
-        json.state[name_2] = {
-            code: "get ".concat(name_2, "() {\n return ").concat((0, astring_1.generate)(expression.right), "}"),
+        const { name } = expression.left;
+        json.state[name] = {
+            code: `get ${name}() {\n return ${(0, astring_1.generate)(expression.right)}}`,
             type: 'getter',
         };
     }
@@ -25,7 +25,7 @@ function parseReactive(json, node) {
             json.hooks.onUpdate = json.hooks.onUpdate || [];
             json.hooks.onUpdate.push({
                 code: (0, astring_1.generate)(node.body),
-                deps: "[".concat(expression.arguments.map(function (arg) { return (0, astring_1.generate)(arg); }), "]"),
+                deps: `[${expression.arguments.map((arg) => (0, astring_1.generate)(arg))}]`,
             });
         }
     }

package/dist/src/parsers/svelte/instance/references.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseReferences = exports.getParsedValue = void 0;
-var astring_1 = require("astring");
-var lodash_1 = require("lodash");
-var expressions_1 = require("../helpers/expressions");
+const astring_1 = require("astring");
+const lodash_1 = require("lodash");
+const expressions_1 = require("../helpers/expressions");
 function getParsedValue(json, element) {
     switch (element.type) {
         case 'Identifier': {
@@ -23,23 +23,23 @@ function isPropertyOrStateReference(index) {
 }
 function parseReferences(json, node) {
     var _a, _b, _c;
-    var declaration = node.declarations[0];
-    var code;
-    var type = 'property';
+    const declaration = node.declarations[0];
+    let code;
+    let type = 'property';
     switch ((_a = declaration === null || declaration === void 0 ? void 0 : declaration.init) === null || _a === void 0 ? void 0 : _a.type) {
         case 'ArrayExpression': {
-            code = declaration.init.elements.map(function (element) {
+            code = declaration.init.elements.map((element) => {
                 return getParsedValue(json, element);
             });
-            if ((0, lodash_1.some)(code, function (c) { return isPropertyOrStateReference(c); })) {
-                var name_1 = declaration.id.name;
-                json.state[name_1] = {
-                    code: "get ".concat(name_1, "() { return [").concat(code.map(function (c) {
+            if ((0, lodash_1.some)(code, (c) => isPropertyOrStateReference(c))) {
+                const name = declaration.id.name;
+                json.state[name] = {
+                    code: `get ${name}() { return [${code.map((c) => {
                         if (isPropertyOrStateReference(c)) {
                             return c;
                         }
                         return JSON.stringify(c);
-                    }), "]}"),
+                    })}]}`,
                     type: 'getter',
                 };
                 return;
@@ -62,7 +62,7 @@ function parseReferences(json, node) {
     }
     json.state[declaration.id.name] = {
         code: JSON.stringify(code),
-        type: type,
+        type,
     };
 }
 exports.parseReferences = parseReferences;

package/dist/src/parsers/svelte/instance/statements.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseStatementAtProgramLevel = void 0;
-var astring_1 = require("astring");
-var hooks_1 = require("../helpers/hooks");
+const astring_1 = require("astring");
+const hooks_1 = require("../helpers/hooks");
 function parseStatementAtProgramLevel(json, node) {
-    var statement = (0, astring_1.generate)(node);
+    const statement = (0, astring_1.generate)(node);
     (0, hooks_1.addToOnInitHook)(json, statement);
 }
 exports.parseStatementAtProgramLevel = parseStatementAtProgramLevel;

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

@@ -1,40 +1,28 @@
 "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.parseModule = void 0;
-var astring_1 = require("astring");
-var compiler_1 = require("svelte/compiler");
+const astring_1 = require("astring");
+const compiler_1 = require("svelte/compiler");
 function handleExportNamedDeclaration(json, node) {
-    var _a;
-    var _b, _c, _d;
-    var declarations = (_b = node.declaration) === null || _b === void 0 ? void 0 : _b.declarations;
+    var _a, _b, _c;
+    const declarations = (_a = node.declaration) === null || _a === void 0 ? void 0 : _a.declarations;
     if (declarations === null || declarations === void 0 ? void 0 : declarations.length) {
-        var declaration = declarations[0];
-        var property = declaration.id.name;
-        var isFunction = ((_c = declaration.init) === null || _c === void 0 ? void 0 : _c.type) === 'FunctionExpression' ||
-            ((_d = declaration.init) === null || _d === void 0 ? void 0 : _d.type) === 'ArrowFunctionExpression';
-        var exportObject = (_a = {},
-            _a[property] = {
+        const declaration = declarations[0];
+        const property = declaration.id.name;
+        const isFunction = ((_b = declaration.init) === null || _b === void 0 ? void 0 : _b.type) === 'FunctionExpression' ||
+            ((_c = declaration.init) === null || _c === void 0 ? void 0 : _c.type) === 'ArrowFunctionExpression';
+        const exportObject = {
+            [property]: {
                 code: (0, astring_1.generate)(node),
-                isFunction: isFunction,
+                isFunction,
             },
-            _a);
-        json.exports = __assign(__assign({}, json.exports), exportObject);
+        };
+        json.exports = { ...json.exports, ...exportObject };
     }
 }
 function parseModule(ast, json) {
     (0, compiler_1.walk)(ast.module, {
-        enter: function (node) {
+        enter(node) {
             switch (node.type) {
                 case 'ExportNamedDeclaration':
                     handleExportNamedDeclaration(json, node);

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

@@ -22,35 +22,26 @@ 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.collectTypes = exports.parseAttributes = exports.createTagRegex = exports.isTypeScriptComponent = void 0;
-var babel = __importStar(require("@babel/core"));
-var generator_1 = __importDefault(require("@babel/generator"));
-var parser = __importStar(require("@babel/parser"));
-var types = __importStar(require("@babel/types"));
-var lodash_1 = require("lodash");
+const babel = __importStar(require("@babel/core"));
+const generator_1 = __importDefault(require("@babel/generator"));
+const parser = __importStar(require("@babel/parser"));
+const types = __importStar(require("@babel/types"));
+const lodash_1 = require("lodash");
 function isTypeScriptComponent(string_) {
-    var regex = createTagRegex('script', 'gi');
-    var match = regex.exec(string_);
-    var lang = parseAttributes(((match === null || match === void 0 ? void 0 : match.length) && match[1]) || '').lang;
+    const regex = createTagRegex('script', 'gi');
+    const match = regex.exec(string_);
+    const { lang } = parseAttributes(((match === null || match === void 0 ? void 0 : match.length) && match[1]) || '');
     return lang === 'ts';
 }
 exports.isTypeScriptComponent = isTypeScriptComponent;
 /** Create a tag matching regexp. */
 function createTagRegex(tagName, flags) {
-    return new RegExp("/<!--[^]*?-->|<".concat(tagName, "(\\s[^]*?)?(?:>([^]*?)<\\/").concat(tagName, ">|\\/>)"), flags);
+    return new RegExp(`/<!--[^]*?-->|<${tagName}(\\s[^]*?)?(?:>([^]*?)<\\/${tagName}>|\\/>)`, flags);
 }
 exports.createTagRegex = createTagRegex;
 /** Transform an attribute string into a key-value object */
@@ -58,8 +49,8 @@ function parseAttributes(attributesString) {
     return attributesString
         .split(/\s+/)
         .filter(Boolean)
-        .reduce(function (accumulator, attribute) {
-        var _a = attribute.split('='), name = _a[0], value = _a[1];
+        .reduce((accumulator, attribute) => {
+        const [name, value] = attribute.split('=');
         // istanbul ignore next
         accumulator[name] = value ? value.replace(/["']/g, '') : true;
         return accumulator;
@@ -67,10 +58,10 @@ function parseAttributes(attributesString) {
 }
 exports.parseAttributes = parseAttributes;
 function getScriptContent(markup, module) {
-    var regex = createTagRegex('script', 'gi');
-    var match;
+    const regex = createTagRegex('script', 'gi');
+    let match;
     while ((match = regex.exec(markup)) !== null) {
-        var context = parseAttributes(match[1] || '').context;
+        const { context } = parseAttributes(match[1] || '');
         if ((context !== 'module' && !module) || (context === 'module' && module)) {
             return match[2];
         }
@@ -79,26 +70,26 @@ function getScriptContent(markup, module) {
 }
 function collectTypes(string_, json) {
     var _a;
-    var module = getScriptContent(string_, true); // module
-    var instance = getScriptContent(string_, false); // instance
+    const module = getScriptContent(string_, true); // module
+    const instance = getScriptContent(string_, false); // instance
     function traverse(script_) {
-        var ast = parser.parse(script_, {
+        const ast = parser.parse(script_, {
             sourceType: 'module',
             plugins: ['typescript'],
         });
         babel.traverse(ast, {
-            enter: function (path) {
+            enter(path) {
                 var _a;
                 // alias or interface (e.g. type Props = { } or interface Props {} )
                 if (types.isTSTypeAliasDeclaration(path.node) ||
                     types.isTSInterfaceDeclaration(path.node)) {
-                    json.types = __spreadArray(__spreadArray([], ((_a = json.types) !== null && _a !== void 0 ? _a : []), true), [(0, generator_1.default)(path.node).code], false);
+                    json.types = [...((_a = json.types) !== null && _a !== void 0 ? _a : []), (0, generator_1.default)(path.node).code];
                     path.skip();
                 }
                 else if (types.isTSTypeAnnotation(path.node)) {
                     // add to actual ref
-                    var reference = (0, generator_1.default)(path.parent).code;
-                    var type = (0, generator_1.default)(path.node.typeAnnotation).code;
+                    const reference = (0, generator_1.default)(path.parent).code;
+                    const type = (0, generator_1.default)(path.node.typeAnnotation).code;
                     // add to ref
                     if (Object.prototype.hasOwnProperty.call(json.refs, reference)) {
                         json.refs[reference].typeParameter = type;
@@ -115,15 +106,15 @@ function collectTypes(string_, json) {
     traverse(module);
     traverse(instance);
     // add prop type declaration to json.types and set the propsTypeRef
-    if ((0, lodash_1.some)(json.props, function (property) { return !!property.type; })) {
-        var propertyTypeDeclaration = "type Props = {";
-        propertyTypeDeclaration += Object.keys((0, lodash_1.pickBy)(json.props, function (property) { return !!property.type; }))
-            .map(function (key) {
-            return "".concat(key, ": ").concat(json.props[key].type, ";");
+    if ((0, lodash_1.some)(json.props, (property) => !!property.type)) {
+        let propertyTypeDeclaration = `type Props = {`;
+        propertyTypeDeclaration += Object.keys((0, lodash_1.pickBy)(json.props, (property) => !!property.type))
+            .map((key) => {
+            return `${key}: ${json.props[key].type};`;
         })
             .join('\n');
         propertyTypeDeclaration += '}';
-        json.types = __spreadArray(__spreadArray([], ((_a = json.types) !== null && _a !== void 0 ? _a : []), true), [propertyTypeDeclaration], false);
+        json.types = [...((_a = json.types) !== null && _a !== void 0 ? _a : []), propertyTypeDeclaration];
         json.propsTypeRef = 'Props';
     }
 }