@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/parsers/jsx/function-parser.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,71 +22,61 @@ 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.componentFunctionToJson = void 0;
-var babel = __importStar(require("@babel/core"));
-var generator_1 = __importDefault(require("@babel/generator"));
-var hooks_1 = require("../../constants/hooks");
-var create_mitosis_component_1 = require("../../helpers/create-mitosis-component");
-var get_bindings_1 = require("../../helpers/get-bindings");
-var trace_reference_to_module_path_1 = require("../../helpers/trace-reference-to-module-path");
-var component_types_1 = require("./component-types");
-var element_parser_1 = require("./element-parser");
-var helpers_1 = require("./helpers");
-var hooks_2 = require("./hooks");
-var helpers_2 = require("./hooks/helpers");
-var state_1 = require("./state");
-var types = babel.types;
+const babel = __importStar(require("@babel/core"));
+const generator_1 = __importDefault(require("@babel/generator"));
+const hooks_1 = require("../../constants/hooks");
+const create_mitosis_component_1 = require("../../helpers/create-mitosis-component");
+const get_bindings_1 = require("../../helpers/get-bindings");
+const trace_reference_to_module_path_1 = require("../../helpers/trace-reference-to-module-path");
+const component_types_1 = require("./component-types");
+const element_parser_1 = require("./element-parser");
+const helpers_1 = require("./helpers");
+const hooks_2 = require("./hooks");
+const helpers_2 = require("./hooks/helpers");
+const state_1 = require("./state");
+const { types } = babel;
 /**
  * Parses function declarations within the Mitosis copmonent's body to JSON
  */
-var componentFunctionToJson = function (node, context) {
+const componentFunctionToJson = (node, context) => {
     var _a;
-    var hooks = {
+    const hooks = {
         onMount: [],
         onEvent: [],
     };
-    var state = {};
-    var accessedContext = {};
-    var setContext = {};
-    var refs = {};
-    for (var _i = 0, _b = node.body.body; _i < _b.length; _i++) {
-        var item = _b[_i];
+    const state = {};
+    const accessedContext = {};
+    const setContext = {};
+    const refs = {};
+    for (const item of node.body.body) {
         if (types.isExpressionStatement(item)) {
-            var expression = item.expression;
+            const expression = item.expression;
             if (types.isCallExpression(expression) && types.isIdentifier(expression.callee)) {
                 switch (expression.callee.name) {
                     case hooks_1.HOOKS.SET_CONTEXT: {
-                        var keyNode = expression.arguments[0];
-                        var valueNode = expression.arguments[1];
+                        const keyNode = expression.arguments[0];
+                        const valueNode = expression.arguments[1];
                         if (types.isIdentifier(keyNode)) {
-                            var key = keyNode.name;
-                            var keyPath = (0, trace_reference_to_module_path_1.traceReferenceToModulePath)(context.builder.component.imports, key);
+                            const key = keyNode.name;
+                            const keyPath = (0, trace_reference_to_module_path_1.traceReferenceToModulePath)(context.builder.component.imports, key);
                             if (valueNode) {
                                 if (types.isObjectExpression(valueNode)) {
-                                    var value = (0, state_1.parseStateObjectToMitosisState)(valueNode);
+                                    const value = (0, state_1.parseStateObjectToMitosisState)(valueNode);
                                     setContext[keyPath] = {
                                         name: keyNode.name,
-                                        value: value,
+                                        value,
                                     };
                                 }
                                 else {
-                                    var ref = (0, generator_1.default)(valueNode).code;
+                                    const ref = (0, generator_1.default)(valueNode).code;
                                     setContext[keyPath] = {
                                         name: keyNode.name,
-                                        ref: ref,
+                                        ref,
                                     };
                                 }
                             }
@@ -105,7 +84,7 @@ var componentFunctionToJson = function (node, context) {
                         else if (types.isStringLiteral(keyNode)) {
                             if (types.isExpression(valueNode)) {
                                 setContext[keyNode.value] = {
-                                    name: "\"".concat(keyNode.value, "\""),
+                                    name: `"${keyNode.value}"`,
                                     ref: (0, generator_1.default)(valueNode).code,
                                 };
                             }
@@ -113,33 +92,31 @@ var componentFunctionToJson = function (node, context) {
                         break;
                     }
                     case hooks_1.HOOKS.MOUNT: {
-                        var firstArg = expression.arguments[0];
-                        var hookOptions = expression.arguments[1];
+                        const firstArg = expression.arguments[0];
+                        const hookOptions = expression.arguments[1];
                         if (types.isFunctionExpression(firstArg) || types.isArrowFunctionExpression(firstArg)) {
-                            var code = (0, helpers_2.processHookCode)(firstArg);
-                            var onSSR = false;
+                            const code = (0, helpers_2.processHookCode)(firstArg);
+                            let onSSR = false;
                             if (types.isObjectExpression(hookOptions)) {
-                                var onSSRProp = hookOptions.properties.find(function (property) {
-                                    return types.isProperty(property) &&
-                                        types.isIdentifier(property.key) &&
-                                        property.key.name === 'onSSR';
-                                });
+                                const onSSRProp = hookOptions.properties.find((property) => types.isProperty(property) &&
+                                    types.isIdentifier(property.key) &&
+                                    property.key.name === 'onSSR');
                                 if (types.isObjectProperty(onSSRProp) && types.isBooleanLiteral(onSSRProp.value)) {
                                     onSSR = onSSRProp.value.value;
                                 }
                             }
                             hooks.onMount.push({
-                                code: code,
-                                onSSR: onSSR,
+                                code,
+                                onSSR,
                             });
                         }
                         break;
                     }
                     case hooks_1.HOOKS.EVENT: {
-                        var firstArg = expression.arguments[0];
-                        var secondArg = expression.arguments[1];
-                        var thirdArg = expression.arguments[2];
-                        var fourthArg = expression.arguments[3];
+                        const firstArg = expression.arguments[0];
+                        const secondArg = expression.arguments[1];
+                        const thirdArg = expression.arguments[2];
+                        const fourthArg = expression.arguments[3];
                         if (!types.isStringLiteral(firstArg)) {
                             console.warn('`onEvent` hook skipped. Event name must be a string literal: ', (0, generator_1.default)(expression).code);
                             break;
@@ -153,54 +130,55 @@ var componentFunctionToJson = function (node, context) {
                             console.warn('`onEvent` hook skipped. Element ref must be a value: ', (0, generator_1.default)(expression).code);
                             break;
                         }
-                        var isRoot = types.isBooleanLiteral(fourthArg) ? fourthArg.value : false;
-                        var eventArgName = types.isIdentifier(secondArg.params[0])
+                        const isRoot = types.isBooleanLiteral(fourthArg) ? fourthArg.value : false;
+                        const eventArgName = types.isIdentifier(secondArg.params[0])
                             ? secondArg.params[0].name
                             : 'event';
-                        var elementArgName = types.isIdentifier(secondArg.params[1])
+                        const elementArgName = types.isIdentifier(secondArg.params[1])
                             ? secondArg.params[1].name
                             : 'element';
                         hooks.onEvent.push({
                             eventName: firstArg.value,
                             code: (0, helpers_2.processHookCode)(secondArg),
                             refName: thirdArg.name,
-                            isRoot: isRoot,
-                            eventArgName: eventArgName,
-                            elementArgName: elementArgName,
+                            isRoot,
+                            eventArgName,
+                            elementArgName,
                         });
                         break;
                     }
                     case hooks_1.HOOKS.UPDATE: {
-                        var firstArg = expression.arguments[0];
-                        var secondArg = expression.arguments[1];
+                        const firstArg = expression.arguments[0];
+                        const secondArg = expression.arguments[1];
                         if (types.isFunctionExpression(firstArg) || types.isArrowFunctionExpression(firstArg)) {
-                            var code = (0, helpers_2.processHookCode)(firstArg);
+                            const code = (0, helpers_2.processHookCode)(firstArg);
                             if (!secondArg ||
                                 (types.isArrayExpression(secondArg) && secondArg.elements.length > 0)) {
-                                var depsCode = secondArg ? (0, generator_1.default)(secondArg).code : '';
-                                hooks.onUpdate = __spreadArray(__spreadArray([], (hooks.onUpdate || []), true), [
+                                const depsCode = secondArg ? (0, generator_1.default)(secondArg).code : '';
+                                hooks.onUpdate = [
+                                    ...(hooks.onUpdate || []),
                                     {
-                                        code: code,
+                                        code,
                                         deps: depsCode,
                                     },
-                                ], false);
+                                ];
                             }
                         }
                         break;
                     }
                     case hooks_1.HOOKS.UNMOUNT: {
-                        var firstArg = expression.arguments[0];
+                        const firstArg = expression.arguments[0];
                         if (types.isFunctionExpression(firstArg) || types.isArrowFunctionExpression(firstArg)) {
-                            var code = (0, helpers_2.processHookCode)(firstArg);
-                            hooks.onUnMount = { code: code };
+                            const code = (0, helpers_2.processHookCode)(firstArg);
+                            hooks.onUnMount = { code };
                         }
                         break;
                     }
                     case hooks_1.HOOKS.INIT: {
-                        var firstArg = expression.arguments[0];
+                        const firstArg = expression.arguments[0];
                         if (types.isFunctionExpression(firstArg) || types.isArrowFunctionExpression(firstArg)) {
-                            var code = (0, helpers_2.processHookCode)(firstArg);
-                            hooks.onInit = { code: code };
+                            const code = (0, helpers_2.processHookCode)(firstArg);
+                            hooks.onInit = { code };
                         }
                         break;
                     }
@@ -213,7 +191,10 @@ var componentFunctionToJson = function (node, context) {
                         break;
                     }
                     case hooks_1.HOOKS.METADATA: {
-                        context.builder.component.meta[hooks_1.HOOKS.METADATA] = __assign(__assign({}, context.builder.component.meta[hooks_1.HOOKS.METADATA]), (0, helpers_1.parseCodeJson)(expression.arguments[0]));
+                        context.builder.component.meta[hooks_1.HOOKS.METADATA] = {
+                            ...context.builder.component.meta[hooks_1.HOOKS.METADATA],
+                            ...(0, helpers_1.parseCodeJson)(expression.arguments[0]),
+                        };
                         break;
                     }
                 }
@@ -228,15 +209,15 @@ var componentFunctionToJson = function (node, context) {
             }
         }
         if (types.isVariableDeclaration(item)) {
-            var declaration = item.declarations[0];
-            var init = declaration.init;
+            const declaration = item.declarations[0];
+            const init = declaration.init;
             if (types.isCallExpression(init) && types.isIdentifier(init.callee)) {
                 // React format, like:
                 // const [foo, setFoo] = useState(...)
                 if (types.isArrayPattern(declaration.id) && init.callee.name === hooks_1.HOOKS.STATE) {
-                    var varName = types.isIdentifier(declaration.id.elements[0]) && declaration.id.elements[0].name;
+                    const varName = types.isIdentifier(declaration.id.elements[0]) && declaration.id.elements[0].name;
                     if (varName) {
-                        var value = init.arguments[0];
+                        const value = init.arguments[0];
                         // Function as init, like:
                         // useState(() => true)
                         if (types.isArrowFunctionExpression(value)) {
@@ -246,14 +227,13 @@ var componentFunctionToJson = function (node, context) {
                             };
                         }
                         else {
-                            var stateOptions = init.arguments[1];
-                            var propertyType = 'normal';
+                            const stateOptions = init.arguments[1];
+                            let propertyType = 'normal';
                             if (types.isObjectExpression(stateOptions)) {
-                                for (var _c = 0, _d = stateOptions.properties; _c < _d.length; _c++) {
-                                    var prop = _d[_c];
+                                for (const prop of stateOptions.properties) {
                                     if (!types.isProperty(prop) || !types.isIdentifier(prop.key))
                                         continue;
-                                    var isReactive = prop.key.name === 'reactive';
+                                    const isReactive = prop.key.name === 'reactive';
                                     if (isReactive && types.isBooleanLiteral(prop.value) && prop.value.value) {
                                         propertyType = 'reactive';
                                     }
@@ -264,7 +244,7 @@ var componentFunctionToJson = function (node, context) {
                             state[varName] = {
                                 code: (0, helpers_1.parseCode)(value),
                                 type: 'property',
-                                propertyType: propertyType,
+                                propertyType,
                             };
                         }
                         // Typescript Parameter
@@ -274,28 +254,28 @@ var componentFunctionToJson = function (node, context) {
                     }
                 }
                 else if (init.callee.name === hooks_1.HOOKS.STORE) {
-                    var firstArg = init.arguments[0];
+                    const firstArg = init.arguments[0];
                     if (types.isObjectExpression(firstArg)) {
-                        var useStoreState = (0, state_1.parseStateObjectToMitosisState)(firstArg);
+                        const useStoreState = (0, state_1.parseStateObjectToMitosisState)(firstArg);
                         Object.assign(state, useStoreState);
                     }
                 }
                 else if (init.callee.name === hooks_1.HOOKS.CONTEXT) {
-                    var firstArg = init.arguments[0];
+                    const firstArg = init.arguments[0];
                     if (types.isVariableDeclarator(declaration) && types.isIdentifier(declaration.id)) {
                         if (types.isIdentifier(firstArg)) {
-                            var varName = declaration.id.name;
-                            var name_1 = firstArg.name;
+                            const varName = declaration.id.name;
+                            const name = firstArg.name;
                             accessedContext[varName] = {
-                                name: name_1,
-                                path: (0, trace_reference_to_module_path_1.traceReferenceToModulePath)(context.builder.component.imports, name_1),
+                                name,
+                                path: (0, trace_reference_to_module_path_1.traceReferenceToModulePath)(context.builder.component.imports, name),
                             };
                         }
                         else {
-                            var varName = declaration.id.name;
-                            var name_2 = (0, generator_1.default)(firstArg).code;
+                            const varName = declaration.id.name;
+                            const name = (0, generator_1.default)(firstArg).code;
                             accessedContext[varName] = {
-                                name: name_2,
+                                name,
                                 path: '',
                             };
                         }
@@ -303,8 +283,8 @@ var componentFunctionToJson = function (node, context) {
                 }
                 else if (init.callee.name === hooks_1.HOOKS.REF) {
                     if (types.isIdentifier(declaration.id)) {
-                        var firstArg = init.arguments[0];
-                        var varName = declaration.id.name;
+                        const firstArg = init.arguments[0];
+                        const varName = declaration.id.name;
                         refs[varName] = {
                             argument: (0, generator_1.default)(firstArg).code,
                         };
@@ -317,30 +297,39 @@ var componentFunctionToJson = function (node, context) {
             }
         }
     }
-    var theReturn = node.body.body.find(function (item) { return types.isReturnStatement(item); });
-    var children = [];
+    const theReturn = node.body.body.find((item) => types.isReturnStatement(item));
+    const children = [];
     if (theReturn) {
-        var value = theReturn.argument;
+        const value = theReturn.argument;
         if (types.isJSXElement(value) || types.isJSXFragment(value)) {
-            var jsxElement = (0, element_parser_1.jsxElementToJson)(value);
+            const jsxElement = (0, element_parser_1.jsxElementToJson)(value);
             if (jsxElement) {
                 children.push(jsxElement);
             }
         }
     }
-    var localExports = context.builder.component.exports;
+    const { exports: localExports } = context.builder.component;
     if (localExports) {
-        var bindingsCode_1 = (0, get_bindings_1.getBindingsCode)(children);
-        Object.keys(localExports).forEach(function (name) {
-            var found = bindingsCode_1.find(function (code) { return code.match(new RegExp("\\b".concat(name, "\\b"))); });
+        const bindingsCode = (0, get_bindings_1.getBindingsCode)(children);
+        Object.keys(localExports).forEach((name) => {
+            const found = bindingsCode.find((code) => code.match(new RegExp(`\\b${name}\\b`)));
             localExports[name].usedInLocal = Boolean(found);
         });
         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: (_a = node.id) === null || _a === void 0 ? void 0 : _a.name, state: state, children: children, refs: refs, hooks: hooks, context: {
+    const propsTypeRef = (0, component_types_1.getPropsTypeRef)(node, context);
+    return (0, create_mitosis_component_1.createMitosisComponent)({
+        ...context.builder.component,
+        name: (_a = node.id) === null || _a === void 0 ? void 0 : _a.name,
+        state,
+        children,
+        refs: refs,
+        hooks,
+        context: {
             get: accessedContext,
             set: setContext,
-        }, propsTypeRef: propsTypeRef }));
+        },
+        propsTypeRef,
+    });
 };
 exports.componentFunctionToJson = componentFunctionToJson;

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

@@ -27,35 +27,33 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformAttributeName = exports.HTML_ATTR_FROM_JSX = exports.isImportOrDefaultExport = exports.parseCodeJson = exports.parseCode = exports.uncapitalize = void 0;
-var babel = __importStar(require("@babel/core"));
-var generator_1 = __importDefault(require("@babel/generator"));
-var json_1 = require("../../helpers/json");
-var typescript_1 = require("../../helpers/typescript");
-var types = babel.types;
-var uncapitalize = function (str) {
+const babel = __importStar(require("@babel/core"));
+const generator_1 = __importDefault(require("@babel/generator"));
+const json_1 = require("../../helpers/json");
+const typescript_1 = require("../../helpers/typescript");
+const { types } = babel;
+const uncapitalize = (str) => {
     if (!str) {
         return str;
     }
     return str[0].toLowerCase() + str.slice(1);
 };
 exports.uncapitalize = uncapitalize;
-var parseCode = function (node) {
+const parseCode = (node) => {
     return (0, generator_1.default)(node).code;
 };
 exports.parseCode = parseCode;
-var parseCodeJson = function (node) {
-    var code = (0, exports.parseCode)(node);
+const parseCodeJson = (node) => {
+    const code = (0, exports.parseCode)(node);
     return (0, json_1.tryParseJson)(code);
 };
 exports.parseCodeJson = parseCodeJson;
-var isImportOrDefaultExport = function (node) {
-    return types.isExportDefaultDeclaration(node) || types.isImportDeclaration(node);
-};
+const isImportOrDefaultExport = (node) => types.isExportDefaultDeclaration(node) || types.isImportDeclaration(node);
 exports.isImportOrDefaultExport = isImportOrDefaultExport;
 exports.HTML_ATTR_FROM_JSX = {
     htmlFor: 'for',
 };
-var transformAttributeName = function (name) {
+const transformAttributeName = (name) => {
     if ((0, typescript_1.objectHasKey)(exports.HTML_ATTR_FROM_JSX, name))
         return exports.HTML_ATTR_FROM_JSX[name];
     return name;

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

@@ -27,13 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processHookCode = exports.getHook = void 0;
-var babel = __importStar(require("@babel/core"));
-var generator_1 = __importDefault(require("@babel/generator"));
-var types = babel.types;
-var getHook = function (node) {
-    var item = node;
+const babel = __importStar(require("@babel/core"));
+const generator_1 = __importDefault(require("@babel/generator"));
+const { types } = babel;
+const getHook = (node) => {
+    const item = node;
     if (types.isExpressionStatement(item)) {
-        var expression = item.expression;
+        const expression = item.expression;
         if (types.isCallExpression(expression)) {
             if (types.isIdentifier(expression.callee)) {
                 return expression;
@@ -43,14 +43,12 @@ var getHook = function (node) {
     return null;
 };
 exports.getHook = getHook;
-var processHookCode = function (firstArg) {
-    return (0, generator_1.default)(firstArg.body)
-        .code.trim()
-        // Remove arbitrary block wrapping if any
-        // AKA
-        //  { console.log('hi') } -> console.log('hi')
-        .replace(/^{/, '')
-        .replace(/}$/, '')
-        .trim();
-};
+const processHookCode = (firstArg) => (0, generator_1.default)(firstArg.body)
+    .code.trim()
+    // Remove arbitrary block wrapping if any
+    // AKA
+    //  { console.log('hi') } -> console.log('hi')
+    .replace(/^{/, '')
+    .replace(/}$/, '')
+    .trim();
 exports.processHookCode = processHookCode;

package/dist/src/parsers/jsx/hooks/index.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);
@@ -38,15 +27,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.collectModuleScopeHooks = exports.generateUseStyleCode = exports.parseDefaultPropsHook = void 0;
-var babel = __importStar(require("@babel/core"));
-var generator_1 = __importDefault(require("@babel/generator"));
-var hooks_1 = require("../../../constants/hooks");
-var helpers_1 = require("../helpers");
-var state_1 = require("../state");
-var helpers_2 = require("./helpers");
-var types = babel.types;
+const babel = __importStar(require("@babel/core"));
+const generator_1 = __importDefault(require("@babel/generator"));
+const hooks_1 = require("../../../constants/hooks");
+const helpers_1 = require("../helpers");
+const state_1 = require("../state");
+const helpers_2 = require("./helpers");
+const { types } = babel;
 function parseDefaultPropsHook(component, expression) {
-    var firstArg = expression.arguments[0];
+    const firstArg = expression.arguments[0];
     if (types.isObjectExpression(firstArg)) {
         component.defaultProps = (0, state_1.parseStateObjectToMitosisState)(firstArg, false);
     }
@@ -63,33 +52,34 @@ exports.generateUseStyleCode = generateUseStyleCode;
  * This function collects metadata and removes the statement from
  * the returned nodes array
  */
-var collectModuleScopeHooks = function (component, options) { return function (nodes) {
-    return nodes.filter(function (node) {
-        var hook = (0, helpers_2.getHook)(node);
-        if (!hook) {
-            return true;
-        }
-        if (types.isIdentifier(hook.callee)) {
-            var metadataHooks = new Set((options.jsonHookNames || []).concat(hooks_1.HOOKS.METADATA));
-            if (metadataHooks.has(hook.callee.name)) {
-                try {
-                    component.meta[hook.callee.name] = __assign(__assign({}, (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 = generateUseStyleCode(hook);
+const collectModuleScopeHooks = (component, options) => (nodes) => nodes.filter((node) => {
+    const hook = (0, helpers_2.getHook)(node);
+    if (!hook) {
+        return true;
+    }
+    if (types.isIdentifier(hook.callee)) {
+        const metadataHooks = new Set((options.jsonHookNames || []).concat(hooks_1.HOOKS.METADATA));
+        if (metadataHooks.has(hook.callee.name)) {
+            try {
+                component.meta[hook.callee.name] = {
+                    ...(component.meta[hook.callee.name] || {}),
+                    ...(0, helpers_1.parseCodeJson)(hook.arguments[0]),
+                };
                 return false;
             }
-            else if (hook.callee.name === hooks_1.HOOKS.DEFAULT_PROPS) {
-                parseDefaultPropsHook(component, hook);
+            catch (e) {
+                console.error(`Error parsing metadata hook ${hook.callee.name}`);
+                throw e;
             }
         }
-        return true;
-    });
-}; };
+        else if (hook.callee.name === hooks_1.HOOKS.STYLE) {
+            component.style = generateUseStyleCode(hook);
+            return false;
+        }
+        else if (hook.callee.name === hooks_1.HOOKS.DEFAULT_PROPS) {
+            parseDefaultPropsHook(component, hook);
+        }
+    }
+    return true;
+});
 exports.collectModuleScopeHooks = collectModuleScopeHooks;