@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/helpers/typescript-project.js

@@ -1,21 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTypescriptProject = exports.getContextSymbols = exports.getPropsSymbol = exports.removeMitosisImport = void 0;
-var ts_morph_1 = require("ts-morph");
-var babel_transform_1 = require("./babel-transform");
-var removeMitosisImport = function (code) {
-    return (0, babel_transform_1.babelTransformExpression)(code, {
-        ImportDeclaration: function (path) {
-            if (path.node.source.value === '@builder.io/mitosis') {
-                path.remove();
-            }
-        },
-    });
-};
+const ts_morph_1 = require("ts-morph");
+const babel_transform_1 = require("./babel-transform");
+const removeMitosisImport = (code) => (0, babel_transform_1.babelTransformExpression)(code, {
+    ImportDeclaration(path) {
+        if (path.node.source.value === '@builder.io/mitosis') {
+            path.remove();
+        }
+    },
+});
 exports.removeMitosisImport = removeMitosisImport;
-var getPropsSymbol = function (ast) {
-    var propsSymbol = undefined;
-    return ast.forEachChild(function (node) {
+const getPropsSymbol = (ast) => {
+    let propsSymbol = undefined;
+    return ast.forEachChild((node) => {
         var _a;
         if (propsSymbol !== undefined)
             return undefined;
@@ -30,17 +28,17 @@ var getPropsSymbol = function (ast) {
     });
 };
 exports.getPropsSymbol = getPropsSymbol;
-var getContextSymbols = function (ast) {
-    var contextSymbols = new Set();
-    ast.forEachDescendant(function (node) {
+const getContextSymbols = (ast) => {
+    const contextSymbols = new Set();
+    ast.forEachDescendant((node) => {
         if (!ts_morph_1.Node.isVariableDeclaration(node))
             return;
-        var initializer = node.getInitializer();
+        const initializer = node.getInitializer();
         if (!ts_morph_1.Node.isCallExpression(initializer))
             return;
         if (initializer.getExpression().getText() !== 'useContext')
             return;
-        var contextSymbol = node.getNameNode().getSymbol();
+        const contextSymbol = node.getNameNode().getSymbol();
         if (contextSymbol === undefined)
             return;
         contextSymbols.add(contextSymbol);
@@ -48,16 +46,18 @@ var getContextSymbols = function (ast) {
     return contextSymbols;
 };
 exports.getContextSymbols = getContextSymbols;
-var getProject = function (tsConfigFilePath) {
+const getProject = (tsConfigFilePath) => {
     try {
-        return new ts_morph_1.Project({ tsConfigFilePath: tsConfigFilePath });
+        return new ts_morph_1.Project({ tsConfigFilePath });
     }
     catch (err) {
-        throw new Error("Error creating Typescript Project. Make sure `tsConfigFilePath` points to a valid tsconfig.json file.\n      Path received: \"".concat(tsConfigFilePath, "\"\n      "));
+        throw new Error(`Error creating Typescript Project. Make sure \`tsConfigFilePath\` points to a valid tsconfig.json file.
+      Path received: "${tsConfigFilePath}"
+      `);
     }
 };
-var createTypescriptProject = function (tsConfigFilePath) {
-    var project = getProject(tsConfigFilePath);
-    return { project: project };
+const createTypescriptProject = (tsConfigFilePath) => {
+    const project = getProject(tsConfigFilePath);
+    return { project };
 };
 exports.createTypescriptProject = createTypescriptProject;

package/dist/src/helpers/typescript.js

@@ -1,7 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.objectHasKey = void 0;
-var objectHasKey = function (object, key) {
-    return key in object;
-};
+const objectHasKey = (object, key) => key in object;
 exports.objectHasKey = objectHasKey;

package/dist/src/modules/plugins.js

@@ -1,13 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.runPostCodePlugins = exports.runPreCodePlugins = exports.runPostJsonPlugins = exports.runPreJsonPlugins = void 0;
-var runPreJsonPlugins = function (_a) {
-    var _b;
-    var json = _a.json, plugins = _a.plugins, options = _a.options;
-    var useJson = json;
-    for (var _i = 0, plugins_1 = plugins; _i < plugins_1.length; _i++) {
-        var plugin = plugins_1[_i];
-        var preFunction = (_b = plugin(options).json) === null || _b === void 0 ? void 0 : _b.pre;
+const runPreJsonPlugins = ({ json, plugins, options, }) => {
+    var _a;
+    let useJson = json;
+    for (const plugin of plugins) {
+        const preFunction = (_a = plugin(options).json) === null || _a === void 0 ? void 0 : _a.pre;
         if (preFunction) {
             useJson = preFunction(json) || json;
         }
@@ -15,13 +13,11 @@ var runPreJsonPlugins = function (_a) {
     return useJson;
 };
 exports.runPreJsonPlugins = runPreJsonPlugins;
-var runPostJsonPlugins = function (_a) {
-    var _b;
-    var json = _a.json, plugins = _a.plugins, options = _a.options;
-    var useJson = json;
-    for (var _i = 0, plugins_2 = plugins; _i < plugins_2.length; _i++) {
-        var plugin = plugins_2[_i];
-        var postFunction = (_b = plugin(options).json) === null || _b === void 0 ? void 0 : _b.post;
+const runPostJsonPlugins = ({ json, plugins, options, }) => {
+    var _a;
+    let useJson = json;
+    for (const plugin of plugins) {
+        const postFunction = (_a = plugin(options).json) === null || _a === void 0 ? void 0 : _a.post;
         if (postFunction) {
             useJson = postFunction(json) || json;
         }
@@ -29,13 +25,11 @@ var runPostJsonPlugins = function (_a) {
     return useJson;
 };
 exports.runPostJsonPlugins = runPostJsonPlugins;
-var runPreCodePlugins = function (_a) {
-    var _b;
-    var code = _a.code, plugins = _a.plugins, options = _a.options, json = _a.json;
-    var string = code;
-    for (var _i = 0, plugins_3 = plugins; _i < plugins_3.length; _i++) {
-        var plugin = plugins_3[_i];
-        var preFunction = (_b = plugin(options).code) === null || _b === void 0 ? void 0 : _b.pre;
+const runPreCodePlugins = ({ code, plugins, options, json, }) => {
+    var _a;
+    let string = code;
+    for (const plugin of plugins) {
+        const preFunction = (_a = plugin(options).code) === null || _a === void 0 ? void 0 : _a.pre;
         if (preFunction) {
             string = preFunction(string, json);
         }
@@ -43,13 +37,11 @@ var runPreCodePlugins = function (_a) {
     return string;
 };
 exports.runPreCodePlugins = runPreCodePlugins;
-var runPostCodePlugins = function (_a) {
-    var _b;
-    var code = _a.code, plugins = _a.plugins, options = _a.options, json = _a.json;
-    var string = code;
-    for (var _i = 0, plugins_4 = plugins; _i < plugins_4.length; _i++) {
-        var plugin = plugins_4[_i];
-        var postFunction = (_b = plugin(options).code) === null || _b === void 0 ? void 0 : _b.post;
+const runPostCodePlugins = ({ code, plugins, options, json, }) => {
+    var _a;
+    let string = code;
+    for (const plugin of plugins) {
+        const postFunction = (_a = plugin(options).code) === null || _a === void 0 ? void 0 : _a.post;
         if (postFunction) {
             string = postFunction(string, json);
         }

package/dist/src/parsers/angular.js

@@ -4,45 +4,43 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.angularToMitosisComponent = void 0;
-var compiler_1 = require("@angular/compiler");
-var core_1 = require("@babel/core");
-var lodash_1 = require("lodash");
-var typescript_1 = __importDefault(require("typescript"));
-var babel_transform_1 = require("../helpers/babel-transform");
-var bindings_1 = require("../helpers/bindings");
-var capitalize_1 = require("../helpers/capitalize");
-var create_mitosis_component_1 = require("../helpers/create-mitosis-component");
-var create_mitosis_node_1 = require("../helpers/create-mitosis-node");
-var getTsAST = function (code) {
+const compiler_1 = require("@angular/compiler");
+const core_1 = require("@babel/core");
+const lodash_1 = require("lodash");
+const typescript_1 = __importDefault(require("typescript"));
+const babel_transform_1 = require("../helpers/babel-transform");
+const bindings_1 = require("../helpers/bindings");
+const capitalize_1 = require("../helpers/capitalize");
+const create_mitosis_component_1 = require("../helpers/create-mitosis-component");
+const create_mitosis_node_1 = require("../helpers/create-mitosis-node");
+const getTsAST = (code) => {
     return typescript_1.default.createSourceFile('code.ts', code, typescript_1.default.ScriptTarget.Latest, true);
 };
-var transformBinding = function (binding, _options) {
+const transformBinding = (binding, _options) => {
     return (0, babel_transform_1.babelTransformCode)(binding, {
-        Identifier: function (path) {
-            var name = path.node.name;
+        Identifier(path) {
+            const name = path.node.name;
             if ((core_1.types.isObjectProperty(path.parent) && path.parent.key === path.node) ||
                 (core_1.types.isMemberExpression(path.parent) && path.parent.property === path.node)) {
                 return;
             }
             if (!(name.startsWith('state.') || name === 'event' || name === '$event')) {
-                path.replaceWith(core_1.types.identifier("state.".concat(name)));
+                path.replaceWith(core_1.types.identifier(`state.${name}`));
             }
         },
     });
 };
-var isElement = function (node) {
-    // TODO: theres got to be a better way than this
-    return Array.isArray(node.attributes);
-};
-var isTemplate = function (node) {
-    // TODO: theres got to be a better way than this
-    return Array.isArray(node.templateAttrs);
-};
-var isText = function (node) { return typeof node.value === 'string'; };
-var isBoundText = function (node) { return typeof node.value === 'object'; };
-var angularTemplateNodeToMitosisNode = function (node, options) {
+const isElement = (node) => 
+// TODO: theres got to be a better way than this
+Array.isArray(node.attributes);
+const isTemplate = (node) => 
+// TODO: theres got to be a better way than this
+Array.isArray(node.templateAttrs);
+const isText = (node) => typeof node.value === 'string';
+const isBoundText = (node) => typeof node.value === 'object';
+const angularTemplateNodeToMitosisNode = (node, options) => {
     if (isTemplate(node)) {
-        var ngIf = node.templateAttrs.find(function (item) { return item.name === 'ngIf'; });
+        const ngIf = node.templateAttrs.find((item) => item.name === 'ngIf');
         if (ngIf) {
             return (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'Show',
@@ -54,11 +52,11 @@ var angularTemplateNodeToMitosisNode = function (node, options) {
                 children: [angularTemplateNodeToMitosisNode((0, lodash_1.omit)(node, 'templateAttrs'), options)],
             });
         }
-        var ngFor = node.templateAttrs.find(function (item) { return item.name === 'ngFor'; });
+        const ngFor = node.templateAttrs.find((item) => item.name === 'ngFor');
         if (ngFor) {
-            var value = ngFor.value.source;
-            var split = value.split(/let\s|\sof\s/);
-            var _let = split[0], itemName = split[1], _of = split[2], expression = split[3];
+            const value = ngFor.value.source;
+            const split = value.split(/let\s|\sof\s/);
+            const [_let, itemName, _of, expression] = split;
             return (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'For',
                 bindings: {
@@ -72,31 +70,28 @@ var angularTemplateNodeToMitosisNode = function (node, options) {
         }
     }
     if (isElement(node)) {
-        var properties = {};
-        var bindings = {};
-        for (var _i = 0, _a = node.inputs; _i < _a.length; _i++) {
-            var input = _a[_i];
+        const properties = {};
+        const bindings = {};
+        for (const input of node.inputs) {
             bindings[input.name] = (0, bindings_1.createSingleBinding)({
                 code: transformBinding(input.value.source, options),
             });
         }
-        for (var _b = 0, _c = node.outputs; _b < _c.length; _b++) {
-            var output = _c[_b];
+        for (const output of node.outputs) {
             bindings['on' + (0, capitalize_1.capitalize)(output.name)] = (0, bindings_1.createSingleBinding)({
                 code: transformBinding(output.handler
                     .source // TODO: proper reference replace
                     .replace(/\$event/g, 'event'), options),
             });
         }
-        for (var _d = 0, _e = node.attributes; _d < _e.length; _d++) {
-            var attribute = _e[_d];
+        for (const attribute of node.attributes) {
             properties[attribute.name] = attribute.value;
         }
         return (0, create_mitosis_node_1.createMitosisNode)({
             name: node.name,
-            properties: properties,
+            properties,
             bindings: bindings,
-            children: node.children.map(function (node) { return angularTemplateNodeToMitosisNode(node, options); }),
+            children: node.children.map((node) => angularTemplateNodeToMitosisNode(node, options)),
         });
     }
     if (isText(node)) {
@@ -114,34 +109,32 @@ var angularTemplateNodeToMitosisNode = function (node, options) {
             },
         });
     }
-    throw new Error("Element node type {".concat(node, "} is not supported"));
+    throw new Error(`Element node type {${node}} is not supported`);
 };
-var angularTemplateToMitosisNodes = function (template, options) {
-    var ast = (0, compiler_1.parseTemplate)(template, '.');
-    var blocks = ast.nodes.map(function (node) { return angularTemplateNodeToMitosisNode(node, options); });
+const angularTemplateToMitosisNodes = (template, options) => {
+    const ast = (0, compiler_1.parseTemplate)(template, '.');
+    const blocks = ast.nodes.map((node) => angularTemplateNodeToMitosisNode(node, options));
     return blocks;
 };
-var parseTypescript = function (code, options) {
-    var component = (0, create_mitosis_component_1.createMitosisComponent)();
-    var ast = getTsAST(code);
-    for (var _i = 0, _a = ast.statements; _i < _a.length; _i++) {
-        var statement = _a[_i];
+const parseTypescript = (code, options) => {
+    const component = (0, create_mitosis_component_1.createMitosisComponent)();
+    const ast = getTsAST(code);
+    for (const statement of ast.statements) {
         if (typescript_1.default.isClassDeclaration(statement)) {
-            var decorators = typescript_1.default.canHaveDecorators(statement) ? typescript_1.default.getDecorators(statement) : undefined;
+            const decorators = typescript_1.default.canHaveDecorators(statement) ? typescript_1.default.getDecorators(statement) : undefined;
             if (decorators) {
-                for (var _b = 0, decorators_1 = decorators; _b < decorators_1.length; _b++) {
-                    var decorator = decorators_1[_b];
+                for (const decorator of decorators) {
                     // TODO: proper reference tracing
                     if (typescript_1.default.isCallExpression(decorator.expression))
                         if (typescript_1.default.isIdentifier(decorator.expression.expression) &&
                             decorator.expression.expression.text === 'Component') {
-                            var firstArg = decorator.expression.arguments[0];
+                            const firstArg = decorator.expression.arguments[0];
                             if (typescript_1.default.isObjectLiteralExpression(firstArg)) {
-                                firstArg.properties.find(function (item) {
+                                firstArg.properties.find((item) => {
                                     if (typescript_1.default.isPropertyAssignment(item)) {
                                         if (typescript_1.default.isIdentifier(item.name) && item.name.text === 'template') {
                                             if (typescript_1.default.isTemplateLiteral(item.initializer)) {
-                                                var template = item.initializer.getText().trim().slice(1, -1);
+                                                const template = item.initializer.getText().trim().slice(1, -1);
                                                 component.children = angularTemplateToMitosisNodes(template, options);
                                             }
                                         }
@@ -155,8 +148,7 @@ var parseTypescript = function (code, options) {
     }
     return component;
 };
-function angularToMitosisComponent(code, options) {
-    if (options === void 0) { options = {}; }
+function angularToMitosisComponent(code, options = {}) {
     return parseTypescript(code, options);
 }
 exports.angularToMitosisComponent = angularToMitosisComponent;