@builder.io/mitosis 0.7.6 → 0.8.0

package/dist/src/parsers/builder/builder.d.ts

@@ -13,6 +13,12 @@ type BuilderToMitosisOptions = {
     preserveTextBlocks?: boolean;
     includeSpecialBindings?: boolean;
     includeMeta?: boolean;
+    /**
+     * When `true`, invalid bindings will be escaped as strings with special comments.
+     * This can then be used to have LLMs such as Claude attempt to repair the broken code.
+     * Defaults to `false`.
+     */
+    escapeInvalidCode?: boolean;
 };
 export declare const builderElementToMitosisNode: (block: BuilderElement, options: BuilderToMitosisOptions, _internalOptions?: InternalOptions) => MitosisNode;
 export declare const getMetaFromBlock: (block: BuilderElement, options: BuilderToMitosisOptions) => {};

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

@@ -127,9 +127,20 @@ const getStyleStringFromBlock = (block, options) => {
             if (!key.includes('.')) {
                 continue;
             }
+            let code = ((_b = (_a = block.code) === null || _a === void 0 ? void 0 : _a.bindings) === null || _b === void 0 ? void 0 : _b[key]) || block.bindings[key];
+            const verifyCode = verifyIsValid(code);
+            if (!verifyCode.valid) {
+                if (options.escapeInvalidCode) {
+                    code = '`' + code + ' [INVALID CODE]`';
+                }
+                else {
+                    console.warn(`Dropping binding "${key}" due to invalid code: ${code}`);
+                    continue;
+                }
+            }
             if (key.includes('style')) {
                 const styleProperty = key.split('.')[1];
-                styleBindings[styleProperty] = convertExportDefaultToReturn(((_b = (_a = block.code) === null || _a === void 0 ? void 0 : _a.bindings) === null || _b === void 0 ? void 0 : _b[key]) || block.bindings[key]);
+                styleBindings[styleProperty] = convertExportDefaultToReturn(code);
                 /**
                  * responsiveStyles that are bound need to be merged into media queries.
                  * Example:
@@ -152,7 +163,7 @@ const getStyleStringFromBlock = (block, options) => {
                 const objKey = `"${mediaKey}"`;
                 responsiveStyles[objKey] = {
                     ...responsiveStyles[objKey],
-                    [prop]: block.bindings[key],
+                    [prop]: code,
                 };
             }
         }
@@ -672,8 +683,19 @@ const builderElementToMitosisNode = (block, options, _internalOptions = {}) => {
             }
             const useKey = key.replace(/^(component\.)?options\./, '');
             if (!useKey.includes('.')) {
+                let code = blockBindings[key].code || blockBindings[key];
+                const verifyCode = verifyIsValid(code);
+                if (!verifyCode.valid) {
+                    if (options.escapeInvalidCode) {
+                        code = '`' + code + ' [INVALID CODE]`';
+                    }
+                    else {
+                        console.warn(`Dropping binding "${key}" due to invalid code: ${code}`);
+                        continue;
+                    }
+                }
                 bindings[useKey] = (0, bindings_1.createSingleBinding)({
-                    code: blockBindings[key].code || blockBindings[key],
+                    code,
                 });
             }
             else if (useKey.includes('style') && useKey.includes('.')) {

package/package.json

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