@builder.io/mitosis 0.7.5 → 0.8.0

package/dist/src/generators/alpine/index.d.ts

@@ -1 +1,2 @@
 export * from './generate';
+export * from './types';

package/dist/src/generators/alpine/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./generate"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/angular/index.d.ts

@@ -1,3 +1,4 @@
 import { TranspilerGenerator } from '../../types/transpiler';
 import { ToAngularOptions } from './types';
 export declare const componentToAngular: TranspilerGenerator<ToAngularOptions>;
+export * from './types';

package/dist/src/generators/angular/index.js

@@ -22,6 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -703,3 +706,4 @@ const tryFormat = (str, parser) => {
     }
     return str;
 };
+__exportStar(require("./types"), exports);

package/dist/src/generators/builder/index.d.ts

@@ -1 +1,2 @@
 export * from './generator';
+export * from './types';

package/dist/src/generators/builder/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./generator"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/html/index.d.ts

@@ -1 +1,2 @@
 export * from './generator';
+export * from './types';

package/dist/src/generators/html/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./generator"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/liquid/index.d.ts

@@ -1 +1,2 @@
 export * from './generator';
+export * from './types';

package/dist/src/generators/liquid/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./generator"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/lit/index.d.ts

@@ -1 +1,2 @@
 export * from './generate';
+export * from './types';

package/dist/src/generators/lit/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./generate"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/marko/index.d.ts

@@ -1 +1,2 @@
 export * from './generate';
+export * from './types';

package/dist/src/generators/marko/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./generate"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/mitosis/index.d.ts

@@ -1 +1,2 @@
 export * from './generator';
+export * from './types';

package/dist/src/generators/mitosis/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./generator"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/qwik/index.d.ts

@@ -2,3 +2,4 @@ export { addCommonStyles, addComponent, createFileSet } from './component';
 export type { FileSet, QwikOptions } from './component';
 export { componentToQwik } from './component-generator';
 export { File } from './src-generator';
+export * from './types';

package/dist/src/generators/qwik/index.js

@@ -1,4 +1,18 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.File = exports.componentToQwik = exports.createFileSet = exports.addComponent = exports.addCommonStyles = void 0;
 var component_1 = require("./component");
@@ -9,3 +23,4 @@ var component_generator_1 = require("./component-generator");
 Object.defineProperty(exports, "componentToQwik", { enumerable: true, get: function () { return component_generator_1.componentToQwik; } });
 var src_generator_1 = require("./src-generator");
 Object.defineProperty(exports, "File", { enumerable: true, get: function () { return src_generator_1.File; } });
+__exportStar(require("./types"), exports);

package/dist/src/generators/react-native/index.d.ts

@@ -5,3 +5,4 @@ import { TranspilerGenerator } from '../../types/transpiler';
 import { ToReactOptions } from '../react';
 export declare const collectReactNativeStyles: (json: MitosisComponent, options: ToReactOptions) => ClassStyleMap;
 export declare const componentToReactNative: TranspilerGenerator<Partial<ToReactNativeOptions>>;
+export * from './types';

package/dist/src/generators/react-native/index.js

@@ -1,4 +1,18 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -269,3 +283,4 @@ const componentToReactNative = (_options = {}) => ({ component, path }) => {
     return (0, react_1.componentToReact)({ ...options, type: 'native' })({ component: json, path });
 };
 exports.componentToReactNative = componentToReactNative;
+__exportStar(require("./types"), exports);

package/dist/src/generators/rsc/index.d.ts

@@ -1 +1,2 @@
 export * from './generator';
+export * from './types';

package/dist/src/generators/rsc/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./generator"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/solid/index.d.ts

@@ -1,3 +1,4 @@
 import { TranspilerGenerator } from '../../types/transpiler';
 import { ToSolidOptions } from './types';
 export declare const componentToSolid: TranspilerGenerator<Partial<ToSolidOptions>>;
+export * from './types';

package/dist/src/generators/solid/index.js

@@ -22,6 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -257,3 +260,4 @@ const componentToSolid = (passedOptions) => ({ component }) => {
     return str;
 };
 exports.componentToSolid = componentToSolid;
+__exportStar(require("./types"), exports);

package/dist/src/generators/stencil/index.d.ts

@@ -1 +1,2 @@
 export * from './component';
+export * from './types';

package/dist/src/generators/stencil/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./component"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/svelte/index.d.ts

@@ -1 +1,2 @@
 export { componentToSvelte } from './svelte';
+export * from './types';

package/dist/src/generators/svelte/index.js

@@ -1,5 +1,20 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToSvelte = void 0;
 var svelte_1 = require("./svelte");
 Object.defineProperty(exports, "componentToSvelte", { enumerable: true, get: function () { return svelte_1.componentToSvelte; } });
+__exportStar(require("./types"), exports);

package/dist/src/generators/swift/index.d.ts

@@ -1 +1,2 @@
 export * from './generator';
+export * from './types';

package/dist/src/generators/swift/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./generator"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/taro/index.d.ts

@@ -1 +1,2 @@
 export * from './generator';
+export * from './types';

package/dist/src/generators/taro/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./generator"), exports);
+__exportStar(require("./types"), exports);

package/dist/src/generators/template/index.d.ts

@@ -1 +1,2 @@
 export * from './generator';
+export * from './types';

package/dist/src/generators/template/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./generator"), exports);
+__exportStar(require("./types"), exports);

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/dist/src/targets.d.ts

@@ -1,24 +1,24 @@
-export declare const builder: (options?: import("./generators/builder/types").ToBuilderOptions) => ({ component }: import(".").TranspilerArgs) => import("@builder.io/sdk").BuilderContent;
+export declare const builder: (options?: import("./generators/builder").ToBuilderOptions) => ({ component }: import(".").TranspilerArgs) => import("@builder.io/sdk").BuilderContent;
 export declare const targets: {
-    readonly alpine: import(".").TranspilerGenerator<import("./generators/alpine/types").ToAlpineOptions>;
-    readonly angular: import(".").TranspilerGenerator<import("./generators/angular/types").ToAngularOptions>;
-    readonly customElement: import(".").TranspilerGenerator<import("./generators/html/types").ToHtmlOptions>;
-    readonly html: import(".").TranspilerGenerator<import("./generators/html/types").ToHtmlOptions>;
-    readonly mitosis: import(".").TranspilerGenerator<Partial<import("./generators/mitosis/types").ToMitosisOptions>>;
-    readonly liquid: import(".").TranspilerGenerator<import("./generators/liquid/types").ToLiquidOptions>;
+    readonly alpine: import(".").TranspilerGenerator<import("./generators/alpine").ToAlpineOptions>;
+    readonly angular: import(".").TranspilerGenerator<import("./generators/angular").ToAngularOptions>;
+    readonly customElement: import(".").TranspilerGenerator<import("./generators/html").ToHtmlOptions>;
+    readonly html: import(".").TranspilerGenerator<import("./generators/html").ToHtmlOptions>;
+    readonly mitosis: import(".").TranspilerGenerator<Partial<import("./generators/mitosis").ToMitosisOptions>>;
+    readonly liquid: import(".").TranspilerGenerator<import("./generators/liquid").ToLiquidOptions>;
     readonly react: import(".").TranspilerGenerator<Partial<import("./generators/react").ToReactOptions>>;
-    readonly reactNative: import(".").TranspilerGenerator<Partial<import("./generators/react-native/types").ToReactNativeOptions>>;
-    readonly solid: import(".").TranspilerGenerator<Partial<import("./generators/solid/types").ToSolidOptions>>;
-    readonly svelte: import(".").TranspilerGenerator<import("./generators/svelte/types").ToSvelteOptions>;
-    readonly swift: import(".").TranspilerGenerator<import("./generators/swift/types").ToSwiftOptions>;
-    readonly template: import(".").TranspilerGenerator<import("./generators/template/types").ToTemplateOptions>;
-    readonly webcomponent: import(".").TranspilerGenerator<import("./generators/html/types").ToHtmlOptions>;
+    readonly reactNative: import(".").TranspilerGenerator<Partial<import("./generators/react-native").ToReactNativeOptions>>;
+    readonly solid: import(".").TranspilerGenerator<Partial<import("./generators/solid").ToSolidOptions>>;
+    readonly svelte: import(".").TranspilerGenerator<import("./generators/svelte").ToSvelteOptions>;
+    readonly swift: import(".").TranspilerGenerator<import("./generators/swift").ToSwiftOptions>;
+    readonly template: import(".").TranspilerGenerator<import("./generators/template").ToTemplateOptions>;
+    readonly webcomponent: import(".").TranspilerGenerator<import("./generators/html").ToHtmlOptions>;
     readonly vue: import(".").TranspilerGenerator<Partial<import("./generators/vue").ToVueOptions>>;
-    readonly stencil: import(".").TranspilerGenerator<import("./generators/stencil/types").ToStencilOptions>;
-    readonly qwik: import(".").TranspilerGenerator<import("./generators/qwik/types").ToQwikOptions>;
-    readonly marko: import(".").TranspilerGenerator<import("./generators/marko/types").ToMarkoOptions>;
+    readonly stencil: import(".").TranspilerGenerator<import("./generators/stencil").ToStencilOptions>;
+    readonly qwik: import(".").TranspilerGenerator<import("./generators/qwik").ToQwikOptions>;
+    readonly marko: import(".").TranspilerGenerator<import("./generators/marko").ToMarkoOptions>;
     readonly preact: import(".").TranspilerGenerator<Partial<import("./generators/react").ToReactOptions>>;
-    readonly lit: import(".").TranspilerGenerator<import("./generators/lit/types").ToLitOptions>;
+    readonly lit: import(".").TranspilerGenerator<import("./generators/lit").ToLitOptions>;
     readonly rsc: import(".").TranspilerGenerator<Partial<import("./generators/react").ToReactOptions>>;
     readonly taro: import(".").TranspilerGenerator<Partial<import("./generators/react").ToReactOptions>>;
 };

package/package.json

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