@builder.io/mitosis 0.0.72-5 → 0.0.73

package/dist/src/parsers/jsx/function-parser.js

@@ -46,7 +46,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentFunctionToJson = void 0;
+exports.componentFunctionToJson = exports.parseDefaultPropsHook = exports.generateUseStyleCode = void 0;
 var babel = __importStar(require("@babel/core"));
 var generator_1 = __importDefault(require("@babel/generator"));
 var trace_reference_to_module_path_1 = require("../../helpers/trace-reference-to-module-path");
@@ -58,18 +58,37 @@ var helpers_1 = require("./helpers");
 var component_types_1 = require("./component-types");
 var element_parser_1 = require("./element-parser");
 var types = babel.types;
+function generateUseStyleCode(expression) {
+    return (0, generator_1.default)(expression.arguments[0]).code.replace(/(^("|'|`)|("|'|`)$)/g, '');
+}
+exports.generateUseStyleCode = generateUseStyleCode;
+function parseDefaultPropsHook(component, expression) {
+    var _a;
+    var firstArg = expression.arguments[0];
+    if (types.isObjectExpression(firstArg)) {
+        var objectProperties = (_a = firstArg.properties) === null || _a === void 0 ? void 0 : _a.filter(function (i) { return types.isObjectProperty(i); });
+        objectProperties === null || objectProperties === void 0 ? void 0 : objectProperties.forEach(function (i) {
+            var _a;
+            var _b, _c, _d;
+            if ((_b = i.key) === null || _b === void 0 ? void 0 : _b.name) {
+                component.defaultProps = __assign(__assign({}, ((_c = component.defaultProps) !== null && _c !== void 0 ? _c : {})), (_a = {}, _a[(_d = i.key) === null || _d === void 0 ? void 0 : _d.name] = i.value.value, _a));
+            }
+        });
+    }
+}
+exports.parseDefaultPropsHook = parseDefaultPropsHook;
 /**
  * Parses function declarations within the Mitosis copmonent's body to JSON
  */
 var componentFunctionToJson = function (node, context) {
-    var _a, _b;
+    var _a;
     var hooks = {};
     var state = {};
     var accessedContext = {};
     var setContext = {};
     var refs = {};
-    for (var _i = 0, _c = node.body.body; _i < _c.length; _i++) {
-        var item = _c[_i];
+    for (var _i = 0, _b = node.body.body; _i < _b.length; _i++) {
+        var item = _b[_i];
         if (types.isExpressionStatement(item)) {
             var expression = item.expression;
             if (types.isCallExpression(expression)) {
@@ -172,22 +191,10 @@ var componentFunctionToJson = function (node, context) {
                         }
                     }
                     else if (expression.callee.name === hooks_1.HOOKS.DEFAULT_PROPS) {
-                        var firstArg = expression.arguments[0];
-                        if (types.isObjectExpression(firstArg)) {
-                            var objectProperties = (_a = firstArg.properties) === null || _a === void 0 ? void 0 : _a.filter(function (i) {
-                                return types.isObjectProperty(i);
-                            });
-                            objectProperties === null || objectProperties === void 0 ? void 0 : objectProperties.forEach(function (i) {
-                                var _a;
-                                var _b, _c, _d;
-                                if ((_b = i.key) === null || _b === void 0 ? void 0 : _b.name) {
-                                    context.builder.component.defaultProps = __assign(__assign({}, ((_c = context.builder.component.defaultProps) !== null && _c !== void 0 ? _c : {})), (_a = {}, _a[(_d = i.key) === null || _d === void 0 ? void 0 : _d.name] = i.value.value, _a));
-                                }
-                            });
-                        }
+                        parseDefaultPropsHook(context.builder.component, expression);
                     }
                     else if (expression.callee.name === hooks_1.HOOKS.STYLE) {
-                        context.builder.component.style = (0, generator_1.default)(expression.arguments[0]).code.replace(/(^("|'|`)|("|'|`)$)/g, '');
+                        context.builder.component.style = generateUseStyleCode(expression);
                     }
                 }
             }
@@ -294,7 +301,7 @@ var componentFunctionToJson = function (node, context) {
         context.builder.component.exports = localExports;
     }
     var propsTypeRef = (0, component_types_1.getPropsTypeRef)(node, context);
-    return (0, create_mitosis_component_1.createMitosisComponent)(__assign(__assign({}, context.builder.component), { name: (_b = node.id) === null || _b === void 0 ? void 0 : _b.name, state: state, children: children, refs: refs, hooks: hooks, context: {
+    return (0, create_mitosis_component_1.createMitosisComponent)(__assign(__assign({}, context.builder.component), { name: (_a = node.id) === null || _a === void 0 ? void 0 : _a.name, state: state, children: children, refs: refs, hooks: hooks, context: {
             get: accessedContext,
             set: setContext,
         }, propsTypeRef: propsTypeRef }));

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

@@ -25,6 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.collectMetadata = exports.METADATA_HOOK_NAME = void 0;
 var babel = __importStar(require("@babel/core"));
+var hooks_1 = require("../../constants/hooks");
+var function_parser_1 = require("./function-parser");
 var helpers_1 = require("./helpers");
 var types = babel.types;
 var getHook = function (node) {
@@ -54,14 +56,23 @@ var collectMetadata = function (nodes, component, options) {
         if (!hook) {
             return true;
         }
-        if (types.isIdentifier(hook.callee) && hookNames.has(hook.callee.name)) {
-            try {
-                component.meta[hook.callee.name] = (0, helpers_1.parseCodeJson)(hook.arguments[0]);
+        if (types.isIdentifier(hook.callee)) {
+            if (hookNames.has(hook.callee.name)) {
+                try {
+                    component.meta[hook.callee.name] = (0, helpers_1.parseCodeJson)(hook.arguments[0]);
+                    return false;
+                }
+                catch (e) {
+                    console.error("Error parsing metadata hook ".concat(hook.callee.name));
+                    throw e;
+                }
+            }
+            else if (hook.callee.name === hooks_1.HOOKS.STYLE) {
+                component.style = (0, function_parser_1.generateUseStyleCode)(hook);
                 return false;
             }
-            catch (e) {
-                console.error("Error parsing metadata hook ".concat(hook.callee.name));
-                throw e;
+            else if (hook.callee.name === hooks_1.HOOKS.DEFAULT_PROPS) {
+                (0, function_parser_1.parseDefaultPropsHook)(component, hook);
             }
         }
         return true;

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

@@ -85,7 +85,7 @@ function mapStateIdentifiers(json) {
         }
     }
     (0, traverse_1.default)(json).forEach(function (item) {
-        var _a;
+        var _a, _b;
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             for (var key in item.bindings) {
                 var value = item.bindings[key];
@@ -96,6 +96,9 @@ function mapStateIdentifiers(json) {
                     if ((_a = value.arguments) === null || _a === void 0 ? void 0 : _a.length) {
                         item.bindings[key].arguments = value.arguments;
                     }
+                    if ((_b = value.type) === null || _b === void 0 ? void 0 : _b.length) {
+                        item.bindings[key].type = value.type;
+                    }
                 }
             }
             if (item.bindings.className) {

package/dist/src/types/mitosis-node.d.ts

@@ -1,4 +1,9 @@
 import { JSONObject } from './json';
+export declare type Binding = {
+    code: string;
+    arguments?: string[];
+    type?: 'spread';
+};
 export declare type BaseNode = {
     '@type': '@builder.io/mitosis/node';
     meta: JSONObject;
@@ -29,10 +34,7 @@ export declare type BaseNode = {
      * ```
      */
     bindings: {
-        [key: string]: {
-            code: string;
-            arguments?: string[];
-        } | undefined;
+        [key: string]: Binding | undefined;
     };
     children: MitosisNode[];
 };