@builder.io/mitosis 0.0.45-5 → 0.0.48

package/dist/src/parsers/builder.js

@@ -54,10 +54,6 @@ var styleOmitList = [
     'backgroundRepeatY',
     'backgroundPositionX',
     'backgroundPositionY',
-    'borderBottomLeftRadius',
-    'borderBottomRightRadius',
-    'borderTopRightRadius',
-    'borderTopRightRadius',
 ];
 var getCssFromBlock = function (block) {
     var _a;
@@ -66,11 +62,11 @@ var getCssFromBlock = function (block) {
     for (var _i = 0, blockSizes_1 = blockSizes; _i < blockSizes_1.length; _i++) {
         var size = blockSizes_1[_i];
         if (size === 'large') {
-            css = lodash_1.omit(__assign(__assign({}, css), (_a = block.responsiveStyles) === null || _a === void 0 ? void 0 : _a.large), styleOmitList);
+            css = (0, lodash_1.omit)(__assign(__assign({}, css), (_a = block.responsiveStyles) === null || _a === void 0 ? void 0 : _a.large), styleOmitList);
         }
         else if (block.responsiveStyles && block.responsiveStyles[size]) {
-            var mediaQueryKey = "@media (max-width: " + media_sizes_1.sizes[size].max + "px)";
-            css[mediaQueryKey] = lodash_1.omit(__assign(__assign({}, css[mediaQueryKey]), block.responsiveStyles[size]), styleOmitList);
+            var mediaQueryKey = "@media (max-width: ".concat(media_sizes_1.sizes[size].max, "px)");
+            css[mediaQueryKey] = (0, lodash_1.omit)(__assign(__assign({}, css[mediaQueryKey]), block.responsiveStyles[size]), styleOmitList);
         }
     }
     return css;
@@ -104,8 +100,8 @@ var getActionBindingsFromBlock = function (block, options) {
                 console.warn('Skipping invalid binding', error);
                 continue;
             }
-            var useKey = "on" + lodash_1.upperFirst(key);
-            bindings[useKey] = "" + wrapBindingIfNeeded(value, options);
+            var useKey = "on".concat((0, lodash_1.upperFirst)(key));
+            bindings[useKey] = "".concat(wrapBindingIfNeeded(value, options));
         }
     }
     return bindings;
@@ -129,11 +125,11 @@ var getStyleStringFromBlock = function (block, options) {
         styleKeys.forEach(function (key) {
             // TODO: figure out how to have multiline style bindings here
             // I tried (function{binding code})() and that did not work
-            styleString += " " + key + ": " + (options.includeBuilderExtras
+            styleString += " ".concat(key, ": ").concat((options.includeBuilderExtras
                 ? wrapBinding(styleBindings[key])
                 : styleBindings[key]
                     .replace(/var _virtual_index\s*=\s*/g, '')
-                    .replace(/;*\s*return _virtual_index;*/, '')).replace(/;$/, '') + ",";
+                    .replace(/;*\s*return _virtual_index;*/, '')).replace(/;$/, ''), ",");
         });
         styleString += ' }';
     }
@@ -154,7 +150,7 @@ var wrapBindingIfNeeded = function (value, options) {
         return wrapBinding(value);
     }
     if ((value === null || value === void 0 ? void 0 : value.includes(';')) && !(value === null || value === void 0 ? void 0 : value.trim().startsWith('{'))) {
-        return "{ " + value + " }";
+        return "{ ".concat(value, " }");
     }
     return value;
 };
@@ -171,7 +167,7 @@ var getBlockActions = function (block, options) {
     return obj;
 };
 var getBlockActionsAsBindings = function (block, options) {
-    return lodash_1.mapKeys(getBlockActions(block, options), function (value, key) { return "on" + capitalize_1.capitalize(key); });
+    return (0, lodash_1.mapKeys)(getBlockActions(block, options), function (value, key) { return "on".concat((0, capitalize_1.capitalize)(key)); });
 };
 var isValidBindingKey = function (str) {
     return Boolean(str && /^[a-z0-9_\.]$/i.test(str));
@@ -190,7 +186,7 @@ var getBlockNonActionBindings = function (block, options) {
             // TODO: verify the bindings are valid
             var _c = verifyIsValid(value), valid = _c.valid, error = _c.error;
             if (!valid) {
-                (_a = verifyIsValid("function () {  " + value + " }"), valid = _a.valid, error = _a.error);
+                (_a = verifyIsValid("function () {  ".concat(value, " }")), valid = _a.valid, error = _a.error);
             }
             if (valid) {
                 obj[key] = wrapBinding(value);
@@ -210,7 +206,7 @@ var wrapBinding = function (value) {
     if (!(value.includes(';') || value.match(/(^|\s|;)return[^a-z0-9A-Z]/))) {
         return value;
     }
-    return "(() => {\n    try { " + value + " }\n    catch (err) {\n      console.warn('Builder code error', err);\n    }\n  })()";
+    return "(() => {\n    try { ".concat(value, " }\n    catch (err) {\n      console.warn('Builder code error', err);\n    }\n  })()");
 };
 var getBlockBindings = function (block, options) {
     var obj = __assign(__assign({}, getBlockNonActionBindings(block, options)), getBlockActionsAsBindings(block, options));
@@ -223,7 +219,7 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
         var css = getCssFromBlock(block);
         var styleString = getStyleStringFromBlock(block, options);
         var actionBindings = getActionBindingsFromBlock(block, options);
-        return create_mitosis_node_1.createMitosisNode({
+        return (0, create_mitosis_node_1.createMitosisNode)({
             name: 'Symbol',
             bindings: __assign(__assign(__assign({ symbol: JSON.stringify({
                     data: (_a = block.component) === null || _a === void 0 ? void 0 : _a.options.symbol.data,
@@ -247,7 +243,7 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
             if (blocks) {
                 content.data.blocks = null;
             }
-            return create_mitosis_node_1.createMitosisNode({
+            return (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'Symbol',
                 bindings: __assign(__assign(__assign({ 
                     // TODO: this doesn't use all attrs
@@ -262,11 +258,11 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
                 children: !blocks
                     ? []
                     : [
-                        create_mitosis_node_1.createMitosisNode({
+                        (0, create_mitosis_node_1.createMitosisNode)({
                             // TODO: the Builder generator side of this converting to blocks
                             name: 'BuilderSymbolContents',
                             children: blocks.map(function (item) {
-                                return exports.builderElementToMitosisNode(item, options);
+                                return (0, exports.builderElementToMitosisNode)(item, options);
                             }),
                         }),
                     ],
@@ -274,34 +270,34 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
         },
     })), { Columns: function (block, options) {
         var _a, _b;
-        var node = exports.builderElementToMitosisNode(block, options, {
+        var node = (0, exports.builderElementToMitosisNode)(block, options, {
             skipMapper: true,
         });
         delete node.bindings.columns;
         delete node.properties.columns;
         node.children = (_b = (_a = block.component) === null || _a === void 0 ? void 0 : _a.options.columns) === null || _b === void 0 ? void 0 : _b.map(function (col, index) {
-            return create_mitosis_node_1.createMitosisNode(__assign(__assign({ name: 'Column', bindings: {
+            return (0, create_mitosis_node_1.createMitosisNode)(__assign(__assign({ name: 'Column', bindings: {
                     width: col.width,
                 } }, (col.link && {
                 properties: {
                     link: col.link,
                 },
             })), { children: col.blocks.map(function (col) {
-                    return exports.builderElementToMitosisNode(col, options);
+                    return (0, exports.builderElementToMitosisNode)(col, options);
                 }) }));
         });
         return node;
     }, 'Shopify:For': function (block, options) {
-        return create_mitosis_node_1.createMitosisNode({
+        return (0, create_mitosis_node_1.createMitosisNode)({
             name: 'For',
             bindings: {
-                each: "state." + block.component.options.repeat.collection,
+                each: "state.".concat(block.component.options.repeat.collection),
             },
             properties: {
                 _forName: block.component.options.repeat.itemName,
             },
             children: (block.children || []).map(function (child) {
-                return exports.builderElementToMitosisNode(child, options);
+                return (0, exports.builderElementToMitosisNode)(child, options);
             }),
         });
     }, Text: function (block, options) {
@@ -311,7 +307,7 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
         var styleString = getStyleStringFromBlock(block, options);
         var actionBindings = getActionBindingsFromBlock(block, options);
         var blockBindings = __assign(__assign({}, (_c = block.code) === null || _c === void 0 ? void 0 : _c.bindings), block.bindings);
-        var bindings = __assign(__assign(__assign(__assign({}, lodash_1.omitBy(blockBindings, function (value, key) {
+        var bindings = __assign(__assign(__assign(__assign({}, (0, lodash_1.omitBy)(blockBindings, function (value, key) {
             if (key === 'component.options.text') {
                 return true;
             }
@@ -336,12 +332,12 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
                 .options.text,
             _b);
         if (options.preserveTextBlocks) {
-            return create_mitosis_node_1.createMitosisNode({
+            return (0, create_mitosis_node_1.createMitosisNode)({
                 name: block.tagName || 'div',
                 bindings: bindings,
                 properties: properties,
                 children: [
-                    create_mitosis_node_1.createMitosisNode({
+                    (0, create_mitosis_node_1.createMitosisNode)({
                         bindings: innerBindings,
                         properties: __assign(__assign({}, innerProperties), { class: 'builder-text' }),
                     }),
@@ -349,19 +345,19 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
             });
         }
         if ((block.tagName && block.tagName !== 'div') || hasStyles(block)) {
-            return create_mitosis_node_1.createMitosisNode({
+            return (0, create_mitosis_node_1.createMitosisNode)({
                 name: block.tagName || 'div',
                 bindings: bindings,
                 properties: properties,
                 children: [
-                    create_mitosis_node_1.createMitosisNode({
+                    (0, create_mitosis_node_1.createMitosisNode)({
                         bindings: innerBindings,
                         properties: innerProperties,
                     }),
                 ],
             });
         }
-        return create_mitosis_node_1.createMitosisNode({
+        return (0, create_mitosis_node_1.createMitosisNode)({
             name: block.tagName || 'div',
             properties: __assign(__assign({}, properties), innerProperties),
             bindings: __assign(__assign({}, bindings), innerBindings),
@@ -370,7 +366,6 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
 var builderElementToMitosisNode = function (block, options, _internalOptions) {
     var _a;
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-    if (options === void 0) { options = {}; }
     if (_internalOptions === void 0) { _internalOptions = {}; }
     if (((_b = block.component) === null || _b === void 0 ? void 0 : _b.name) === 'Core:Fragment') {
         block.component.name = 'Fragment';
@@ -383,24 +378,24 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
         var isFragment = ((_c = block.component) === null || _c === void 0 ? void 0 : _c.name) === 'Fragment';
         // TODO: handle having other things, like a repeat too
         if (isFragment) {
-            return create_mitosis_node_1.createMitosisNode({
+            return (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'Show',
                 bindings: {
                     when: wrapBindingIfNeeded(showBinding, options),
                 },
                 children: ((_d = block.children) === null || _d === void 0 ? void 0 : _d.map(function (child) {
-                    return exports.builderElementToMitosisNode(child, options);
+                    return (0, exports.builderElementToMitosisNode)(child, options);
                 })) || [],
             });
         }
         else {
-            return create_mitosis_node_1.createMitosisNode({
+            return (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'Show',
                 bindings: {
                     when: wrapBindingIfNeeded(showBinding, options),
                 },
                 children: [
-                    exports.builderElementToMitosisNode(__assign(__assign({}, block), { code: __assign(__assign({}, block.code), { bindings: lodash_1.omit(blockBindings, 'show') }), bindings: lodash_1.omit(blockBindings, 'show') })),
+                    (0, exports.builderElementToMitosisNode)(__assign(__assign({}, block), { code: __assign(__assign({}, block.code), { bindings: (0, lodash_1.omit)(blockBindings, 'show') }), bindings: (0, lodash_1.omit)(blockBindings, 'show') }), options),
                 ],
             });
         }
@@ -410,7 +405,7 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
         var isFragment = ((_f = block.component) === null || _f === void 0 ? void 0 : _f.name) === 'Fragment';
         // TODO: handle having other things, like a repeat too
         if (isFragment) {
-            return create_mitosis_node_1.createMitosisNode({
+            return (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'For',
                 bindings: {
                     each: wrapBindingIfNeeded((_g = block.repeat) === null || _g === void 0 ? void 0 : _g.collection, options),
@@ -419,7 +414,7 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
                     _forName: ((_h = block.repeat) === null || _h === void 0 ? void 0 : _h.itemName) || 'item',
                 },
                 children: ((_j = block.children) === null || _j === void 0 ? void 0 : _j.map(function (child) {
-                    return exports.builderElementToMitosisNode(child, options);
+                    return (0, exports.builderElementToMitosisNode)(child, options);
                 })) || [],
             });
         }
@@ -428,7 +423,7 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
                 ((_l = block.children) === null || _l === void 0 ? void 0 : _l.length) === 1
                 ? block.children[0]
                 : block;
-            return create_mitosis_node_1.createMitosisNode({
+            return (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'For',
                 bindings: {
                     each: wrapBindingIfNeeded((_m = block.repeat) === null || _m === void 0 ? void 0 : _m.collection, options),
@@ -436,7 +431,9 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
                 properties: {
                     _forName: ((_o = block.repeat) === null || _o === void 0 ? void 0 : _o.itemName) || 'item',
                 },
-                children: [exports.builderElementToMitosisNode(lodash_1.omit(useBlock, 'repeat'))],
+                children: [
+                    (0, exports.builderElementToMitosisNode)((0, lodash_1.omit)(useBlock, 'repeat'), options),
+                ],
             });
         }
     }
@@ -498,7 +495,7 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
             bindings[useKey] = value;
         }
     }
-    var node = create_mitosis_node_1.createMitosisNode({
+    var node = (0, create_mitosis_node_1.createMitosisNode)({
         name: ((_r = (_q = block.component) === null || _q === void 0 ? void 0 : _q.name) === null || _r === void 0 ? void 0 : _r.replace(/[^a-z0-9]/gi, '')) ||
             block.tagName ||
             (block.linkUrl ? 'a' : 'div'),
@@ -518,9 +515,9 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
     if (((_s = block.children) === null || _s === void 0 ? void 0 : _s.length) === 1 &&
         ((_t = block.children[0].component) === null || _t === void 0 ? void 0 : _t.name) === 'Text' &&
         !options.preserveTextBlocks) {
-        var textProperties = exports.builderElementToMitosisNode(block.children[0], options);
-        var mergedCss = lodash_1.merge(json5_1.default.parse(node.bindings.css || '{}'), json5_1.default.parse(textProperties.bindings.css || '{}'));
-        return lodash_1.merge({}, textProperties, node, {
+        var textProperties = (0, exports.builderElementToMitosisNode)(block.children[0], options);
+        var mergedCss = (0, lodash_1.merge)(json5_1.default.parse(node.bindings.css || '{}'), json5_1.default.parse(textProperties.bindings.css || '{}'));
+        return (0, lodash_1.merge)({}, textProperties, node, {
             bindings: {
                 css: Object.keys(mergedCss).length
                     ? json5_1.default.stringify(mergedCss)
@@ -529,7 +526,7 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
         });
     }
     node.children = (block.children || []).map(function (item) {
-        return exports.builderElementToMitosisNode(item, options);
+        return (0, exports.builderElementToMitosisNode)(item, options);
     });
     return node;
 };
@@ -538,11 +535,11 @@ var getHooks = function (content) {
     var _a, _b;
     var code = ((_a = content.data) === null || _a === void 0 ? void 0 : _a.tsCode) || ((_b = content.data) === null || _b === void 0 ? void 0 : _b.jsCode) || '';
     try {
-        return jsx_1.parseJsx("\n    export default function TemporaryComponent() {\n      " + 
+        return (0, jsx_1.parseJsx)("\n    export default function TemporaryComponent() {\n      ".concat(
         // Mitosis parser looks for useState to be a variable assignment,
         // but in Builder that's not how it works. For now do a replace to
         // easily resuse the same parsing code as this is the only difference
-        code.replace("useState(", "var state = useState(") + "\n    }");
+        code.replace("useState(", "var state = useState("), "\n    }"));
     }
     catch (err) {
         console.warn('Could not parse js code as a Mitosis component body', err, code);
@@ -577,7 +574,7 @@ function extractStateHook(code) {
                     expression.callee.name === 'useState') {
                     var arg = expression.arguments[0];
                     if (types.isObjectExpression(arg)) {
-                        state = jsx_1.parseStateObject(arg);
+                        state = (0, jsx_1.parseStateObject)(arg);
                         newBody.splice(i, 1);
                     }
                 }
@@ -588,7 +585,7 @@ function extractStateHook(code) {
                             expression.callee.property.name === 'assign') {
                             var arg = expression.arguments[1];
                             if (types.isObjectExpression(arg)) {
-                                state = jsx_1.parseStateObject(arg);
+                                state = (0, jsx_1.parseStateObject)(arg);
                                 newBody.splice(i, 1);
                             }
                         }
@@ -597,7 +594,7 @@ function extractStateHook(code) {
             }
         }
     }
-    var newCode = generator_1.default(types.program(newBody)).code || '';
+    var newCode = (0, generator_1.default)(types.program(newBody)).code || '';
     return { code: newCode, state: state };
 }
 exports.extractStateHook = extractStateHook;
@@ -606,15 +603,15 @@ function extractSymbols(json) {
     var _a, _b, _c, _d;
     var subComponents = [];
     var symbols = [];
-    traverse_1.default(json).forEach(function (item) {
+    (0, traverse_1.default)(json).forEach(function (item) {
         var _a;
-        if (exports.isBuilderElement(item)) {
+        if ((0, exports.isBuilderElement)(item)) {
             if (((_a = item.component) === null || _a === void 0 ? void 0 : _a.name) === 'Symbol') {
                 symbols.push({ element: item, depth: this.path.length, id: item.id });
             }
         }
     });
-    var symbolsSortedDeepestFirst = lodash_1.sortBy(symbols, function (info) { return info.depth; })
+    var symbolsSortedDeepestFirst = (0, lodash_1.sortBy)(symbols, function (info) { return info.depth; })
         .reverse()
         .map(function (el) { return el.element; });
     var symbolsFound = 0;
@@ -645,10 +642,10 @@ exports.isBuilderElement = isBuilderElement;
 var builderContentPartToMitosisComponent = function (builderContent, options) {
     var _a, _b, _c, _d, _e;
     if (options === void 0) { options = {}; }
-    builderContent = fast_clone_1.fastClone(builderContent);
-    traverse_1.default(builderContent).forEach(function (elem) {
+    builderContent = (0, fast_clone_1.fastClone)(builderContent);
+    (0, traverse_1.default)(builderContent).forEach(function (elem) {
         var _a, _b;
-        if (exports.isBuilderElement(elem)) {
+        if ((0, exports.isBuilderElement)(elem)) {
             // Try adding self-closing tags to void elements, since Builder Text
             // blocks can contain arbitrary HTML
             // List taken from https://developer.mozilla.org/en-US/docs/Glossary/Empty_element
@@ -674,7 +671,7 @@ var builderContentPartToMitosisComponent = function (builderContent, options) {
     });
     var _f = extractStateHook(((_a = builderContent === null || builderContent === void 0 ? void 0 : builderContent.data) === null || _a === void 0 ? void 0 : _a.tsCode) || ((_b = builderContent === null || builderContent === void 0 ? void 0 : builderContent.data) === null || _b === void 0 ? void 0 : _b.jsCode) || ''), state = _f.state, customCode = _f.code;
     var parsed = getHooks(builderContent);
-    var componentJson = create_mitosis_component_1.createMitosisComponent({
+    var componentJson = (0, create_mitosis_component_1.createMitosisComponent)({
         meta: {
             useMetadata: {
                 httpRequests: (_c = builderContent.data) === null || _c === void 0 ? void 0 : _c.httpRequests,
@@ -692,13 +689,13 @@ var builderContentPartToMitosisComponent = function (builderContent, options) {
             }
             return true;
         })
-            .map(function (item) { return exports.builderElementToMitosisNode(item, options); }),
+            .map(function (item) { return (0, exports.builderElementToMitosisNode)(item, options); }),
     });
     return componentJson;
 };
 var builderContentToMitosisComponent = function (builderContent, options) {
     if (options === void 0) { options = {}; }
-    builderContent = fast_clone_1.fastClone(builderContent);
+    builderContent = (0, fast_clone_1.fastClone)(builderContent);
     var separated = extractSymbols(builderContent);
     var componentJson = __assign(__assign({}, builderContentPartToMitosisComponent(separated.content, options)), { subComponents: separated.subComponents.map(function (item) { return (__assign(__assign({}, builderContentPartToMitosisComponent(item.content, options)), { name: item.name })); }) });
     return componentJson;

package/dist/src/parsers/context.js

@@ -27,7 +27,7 @@ var types = babel.types;
 var tsPreset = require('@babel/preset-typescript');
 function parseContext(code, options) {
     var found = false;
-    var context = create_mitosis_context_1.createMitosisContext({ name: options.name });
+    var context = (0, create_mitosis_context_1.createMitosisContext)({ name: options.name });
     babel.transform(code, {
         configFile: false,
         babelrc: false,
@@ -47,7 +47,7 @@ function parseContext(code, options) {
                                         if (types.isObjectExpression(firstArg)) {
                                             // TODO: support non object values by parsing any node type
                                             // like the logic within each property value of parseStateObject
-                                            context.value = jsx_1.parseStateObject(firstArg);
+                                            context.value = (0, jsx_1.parseStateObject)(firstArg);
                                             found = true;
                                         }
                                     }