@builder.io/mitosis 0.5.34 → 0.5.36

package/dist/src/generators/react/blocks.js

@@ -131,8 +131,13 @@ const BINDING_MAPPERS = {
         }
         return [ref, value];
     },
-    innerHTML(_key, value) {
-        return ['dangerouslySetInnerHTML', `{__html: ${value.replace(/\s+/g, ' ')}}`];
+    innerHTML(_key, value, _options, isProperty) {
+        const wrapChar = isProperty ? '"' : '';
+        let useValue = value.replace(/\s+/g, ' ');
+        if (isProperty) {
+            useValue = value.replace(/"/g, '\\"');
+        }
+        return ['dangerouslySetInnerHTML', `{__html: ${wrapChar}${useValue}${wrapChar}}`];
     },
     ...ATTTRIBUTE_MAPPERS,
 };
@@ -196,7 +201,7 @@ const blockToReact = (json, options, component, insideJsx, parentSlots = []) =>
         else if (BINDING_MAPPERS[key]) {
             const mapper = BINDING_MAPPERS[key];
             if (typeof mapper === 'function') {
-                const [newKey, newValue] = mapper(key, value, options);
+                const [newKey, newValue] = mapper(key, value, options, true);
                 str += ` ${newKey}={${newValue}} `;
             }
             else {

package/dist/src/parsers/builder/builder.js

@@ -912,6 +912,8 @@ function convertExportDefaultToReturn(code) {
     try {
         const { types } = babel;
         const body = (0, parsers_1.parseCode)(code);
+        if (body.length === 0)
+            return code;
         const newBody = body.slice();
         for (let i = 0; i < body.length; i++) {
             const statement = body[i];

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

@@ -273,11 +273,9 @@ const jsxElementToJson = (node) => {
                 // <Foo myProp={"hello"} />
                 memo.properties[key] = expression.value;
             }
-            else if (types.isArrowFunctionExpression(expression)) {
+            else if (key.startsWith('on') && types.isArrowFunctionExpression(expression)) {
                 // <Foo myProp={() => {}} />
-                const args = key.startsWith('on')
-                    ? expression.params.map((node) => node === null || node === void 0 ? void 0 : node.name)
-                    : [];
+                const args = expression.params.map((node) => node === null || node === void 0 ? void 0 : node.name);
                 memo.bindings[key] = (0, bindings_1.createSingleBinding)({
                     code: (0, generator_1.default)(expression.body, { compact: true }).code,
                     async: expression.async === true ? true : undefined,

package/dist/src/plugins/compile-away-builder-components.js

@@ -171,7 +171,10 @@ exports.components = {
         if ((_a = node === null || node === void 0 ? void 0 : node.bindings) === null || _a === void 0 ? void 0 : _a.code) {
             bindings.innerHTML = node.bindings.code;
         }
-        return wrapOutput(node, (0, create_mitosis_node_1.createMitosisNode)({
+        return wrapOutput({
+            ...node,
+            properties: (0, lodash_1.omit)(node.properties, 'code'),
+        }, (0, create_mitosis_node_1.createMitosisNode)({
             name: node.properties.builderTag || 'div',
             properties: {
                 innerHTML: node.properties.code || '',

package/package.json

@@ -22,7 +22,7 @@
     "name": "Builder.io",
     "url": "https://www.builder.io"
   },
-  "version": "0.5.34",
+  "version": "0.5.36",
   "homepage": "https://github.com/BuilderIO/mitosis",
   "main": "./dist/src/index.js",
   "exports": {