@builder.io/mitosis 0.0.45-4 → 0.0.47

package/dist/src/__tests__/solid.test.js

@@ -20,83 +20,83 @@ var image = require('./data/blocks/image.raw');
 var columns = require('./data/blocks/columns.raw');
 describe('Solid', function () {
     test('Basic', function () {
-        var json = jsx_1.parseJsx(basic);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(basic);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Input block', function () {
-        var json = jsx_1.parseJsx(inputBlock);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(inputBlock);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Submit button block', function () {
-        var json = jsx_1.parseJsx(submitButtonBlock);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(submitButtonBlock);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Select block', function () {
-        var json = jsx_1.parseJsx(selectBlock);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(selectBlock);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Form block', function () {
-        var json = jsx_1.parseJsx(formBlock);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(formBlock);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Button', function () {
-        var json = jsx_1.parseJsx(button);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(button);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Textarea', function () {
-        var json = jsx_1.parseJsx(textarea);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(textarea);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Img', function () {
-        var json = jsx_1.parseJsx(img);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(img);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Video', function () {
-        var json = jsx_1.parseJsx(video);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(video);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Section', function () {
-        var json = jsx_1.parseJsx(section);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(section);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Text', function () {
-        var json = jsx_1.parseJsx(text);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(text);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('RawText', function () {
-        var json = jsx_1.parseJsx(rawText);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(rawText);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('CustomCode', function () {
-        var json = jsx_1.parseJsx(customCode);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(customCode);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Embed', function () {
-        var json = jsx_1.parseJsx(customCode);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(customCode);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Image', function () {
-        var json = jsx_1.parseJsx(image);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(image);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Columns', function () {
-        var json = jsx_1.parseJsx(columns);
-        var output = solid_1.componentToSolid(json);
+        var component = (0, jsx_1.parseJsx)(columns);
+        var output = (0, solid_1.componentToSolid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
 });

package/dist/src/__tests__/vue.test.js

@@ -19,90 +19,91 @@ var customCode = require('./data/blocks/custom-code.raw');
 var embed = require('./data/blocks/embed.raw');
 var image = require('./data/blocks/image.raw');
 var columns = require('./data/blocks/columns.raw');
+var path = 'test-path';
 describe('Vue', function () {
     test('Basic', function () {
-        var json = jsx_1.parseJsx(basic);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(basic);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Input block', function () {
-        var json = jsx_1.parseJsx(inputBlock);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(inputBlock);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Submit button block', function () {
-        var json = jsx_1.parseJsx(submitButtonBlock);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(submitButtonBlock);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Select block', function () {
-        var json = jsx_1.parseJsx(selectBlock);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(selectBlock);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Form block', function () {
-        var json = jsx_1.parseJsx(formBlock);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(formBlock);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Button', function () {
-        var json = jsx_1.parseJsx(button);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(button);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Textarea', function () {
-        var json = jsx_1.parseJsx(textarea);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(textarea);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Img', function () {
-        var json = jsx_1.parseJsx(img);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(img);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Video', function () {
-        var json = jsx_1.parseJsx(video);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(video);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Section', function () {
-        var json = jsx_1.parseJsx(section);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(section);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Text', function () {
-        var json = jsx_1.parseJsx(text);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(text);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('RawText', function () {
-        var json = jsx_1.parseJsx(rawText);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(rawText);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Stamped.io', function () {
-        var json = jsx_1.parseJsx(stamped);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(stamped);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('CustomCode', function () {
-        var json = jsx_1.parseJsx(customCode);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(customCode);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Embed', function () {
-        var json = jsx_1.parseJsx(customCode);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(customCode);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Image', function () {
-        var json = jsx_1.parseJsx(image);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(image);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
     test('Columns', function () {
-        var json = jsx_1.parseJsx(columns);
-        var output = vue_1.componentToVue(json);
+        var component = (0, jsx_1.parseJsx)(columns);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
 });

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

@@ -1,9 +1,6 @@
-import { MitosisComponent } from '../types/mitosis-component';
 import { MitosisNode } from '../types/mitosis-node';
-import { Plugin } from '../modules/plugins';
-export declare type ToAngularOptions = {
-    prettier?: boolean;
-    plugins?: Plugin[];
-};
+import { BaseTranspilerOptions, Transpiler } from '../types/config';
+export interface ToAngularOptions extends BaseTranspilerOptions {
+}
 export declare const blockToAngular: (json: MitosisNode, options?: ToAngularOptions) => string;
-export declare const componentToAngular: (componentJson: MitosisComponent, options?: ToAngularOptions) => string;
+export declare const componentToAngular: (options?: ToAngularOptions) => Transpiler;

package/dist/src/generators/angular.js

@@ -26,9 +26,9 @@ var strip_meta_properties_1 = require("../helpers/strip-meta-properties");
 var remove_surrounding_block_1 = require("../helpers/remove-surrounding-block");
 var mappers = {
     Fragment: function (json, options) {
-        return "<div>" + json.children
-            .map(function (item) { return exports.blockToAngular(item, options); })
-            .join('\n') + "</div>";
+        return "<div>".concat(json.children
+            .map(function (item) { return (0, exports.blockToAngular)(item, options); })
+            .join('\n'), "</div>");
     },
 };
 var blockToAngular = function (json, options) {
@@ -36,32 +36,32 @@ var blockToAngular = function (json, options) {
     if (mappers[json.name]) {
         return mappers[json.name](json, options);
     }
-    if (is_children_1.default(json)) {
+    if ((0, is_children_1.default)(json)) {
         return "<ng-slot></ng-slot>";
     }
     if (json.properties._text) {
         return json.properties._text;
     }
     if (json.bindings._text) {
-        return "{{" + strip_state_and_props_refs_1.stripStateAndPropsRefs(json.bindings._text) + "}}";
+        return "{{".concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.bindings._text), "}}");
     }
     var str = '';
     if (json.name === 'For') {
-        str += "<ng-container *ngFor=\"let " + json.properties._forName + " of " + strip_state_and_props_refs_1.stripStateAndPropsRefs(json.bindings.each) + "\">";
+        str += "<ng-container *ngFor=\"let ".concat(json.properties._forName, " of ").concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.bindings.each), "\">");
         str += json.children
-            .map(function (item) { return exports.blockToAngular(item, options); })
+            .map(function (item) { return (0, exports.blockToAngular)(item, options); })
             .join('\n');
         str += "</ng-container>";
     }
     else if (json.name === 'Show') {
-        str += "<ng-container *ngIf=\"" + strip_state_and_props_refs_1.stripStateAndPropsRefs(json.bindings.when) + "\">";
+        str += "<ng-container *ngIf=\"".concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.bindings.when), "\">");
         str += json.children
-            .map(function (item) { return exports.blockToAngular(item, options); })
+            .map(function (item) { return (0, exports.blockToAngular)(item, options); })
             .join('\n');
         str += "</ng-container>";
     }
     else {
-        str += "<" + json.name + " ";
+        str += "<".concat(json.name, " ");
         // TODO: spread support for angular
         // if (json.bindings._spread) {
         //   str += `v-bind="${stripStateAndPropsRefs(
@@ -73,7 +73,7 @@ var blockToAngular = function (json, options) {
                 continue;
             }
             var value = json.properties[key];
-            str += " " + key + "=\"" + value + "\" ";
+            str += " ".concat(key, "=\"").concat(value, "\" ");
         }
         for (var key in json.bindings) {
             if (key === '_spread') {
@@ -84,7 +84,7 @@ var blockToAngular = function (json, options) {
             }
             var value = json.bindings[key];
             // TODO: proper babel transform to replace. Util for this
-            var useValue = strip_state_and_props_refs_1.stripStateAndPropsRefs(value);
+            var useValue = (0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(value);
             if (key.startsWith('on')) {
                 var event_1 = key.replace('on', '').toLowerCase();
                 if (event_1 === 'change' &&
@@ -92,14 +92,14 @@ var blockToAngular = function (json, options) {
                     event_1 = 'input';
                 }
                 // TODO: proper babel transform to replace. Util for this
-                var finalValue = remove_surrounding_block_1.removeSurroundingBlock(useValue.replace(/event\./g, '$event.'));
-                str += " (" + event_1 + ")=\"" + finalValue + "\" ";
+                var finalValue = (0, remove_surrounding_block_1.removeSurroundingBlock)(useValue.replace(/event\./g, '$event.'));
+                str += " (".concat(event_1, ")=\"").concat(finalValue, "\" ");
             }
             else if (key === 'ref') {
-                str += " #" + useValue + " ";
+                str += " #".concat(useValue, " ");
             }
             else {
-                str += " [" + key + "]=\"" + useValue + "\" ";
+                str += " [".concat(key, "]=\"").concat(useValue, "\" ");
             }
         }
         if (jsx_1.selfClosingTags.has(json.name)) {
@@ -108,85 +108,81 @@ var blockToAngular = function (json, options) {
         str += '>';
         if (json.children) {
             str += json.children
-                .map(function (item) { return exports.blockToAngular(item, options); })
+                .map(function (item) { return (0, exports.blockToAngular)(item, options); })
                 .join('\n');
         }
-        str += "</" + json.name + ">";
+        str += "</".concat(json.name, ">");
     }
     return str;
 };
 exports.blockToAngular = blockToAngular;
 var indent = function (str, spaces) {
     if (spaces === void 0) { spaces = 4; }
-    return str.replace(/\n([^\n])/g, "\n" + ' '.repeat(spaces) + "$1");
+    return str.replace(/\n([^\n])/g, "\n".concat(' '.repeat(spaces), "$1"));
 };
-var componentToAngular = function (componentJson, options) {
+var componentToAngular = function (options) {
     if (options === void 0) { options = {}; }
-    // Make a copy we can safely mutate, similar to babel's toolchain
-    var json = fast_clone_1.fastClone(componentJson);
-    if (options.plugins) {
-        json = plugins_1.runPreJsonPlugins(json, options.plugins);
-    }
-    var props = get_props_1.getProps(componentJson);
-    var refs = Array.from(get_refs_1.getRefs(json));
-    map_refs_1.mapRefs(json, function (refName) { return "this." + refName + ".nativeElement"; });
-    if (options.plugins) {
-        json = plugins_1.runPostJsonPlugins(json, options.plugins);
-    }
-    var css = collect_styles_1.collectCss(json);
-    if (options.prettier !== false) {
-        css = tryFormat(css, 'css');
-    }
-    var template = json.children.map(function (item) { return exports.blockToAngular(item); }).join('\n');
-    if (options.prettier !== false) {
-        template = tryFormat(template, 'html');
-    }
-    strip_meta_properties_1.stripMetaProperties(json);
-    var dataString = get_state_object_string_1.getStateObjectStringFromComponent(json, {
-        format: 'class',
-        valueMapper: function (code) {
-            return strip_state_and_props_refs_1.stripStateAndPropsRefs(code, { replaceWith: 'this.' });
-        },
-    });
-    var str = dedent_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    import { Component ", "", " } from '@angular/core';\n    ", "\n\n    @Component({\n      selector: '", "',\n      template: `\n        ", "\n      `,\n      ", "\n    })\n    export default class ", " {\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    }\n  "], ["\n    import { Component ", "",
-        " } from '@angular/core';\n    ", "\n\n    @Component({\n      selector: '", "',\n      template: \\`\n        ",
-        "\n      \\`,\n      ",
-        "\n    })\n    export default class ", " {\n      ",
-        "\n\n      ",
-        "\n\n      ",
-        "\n\n      ",
-        "\n\n      ", "\n    }\n  "])), refs.length ? ', ViewChild, ElementRef' : '', props.size ? ', Input' : '', render_imports_1.renderPreComponent(json), lodash_1.kebabCase(json.name || 'my-component'), indent(template, 8)
-        .replace(/`/g, '\\`')
-        .replace(/\$\{/g, '\\${'), css.length
-        ? "styles: [\n        `" + indent(css, 8) + "`\n      ],"
-        : '', componentJson.name, Array.from(props)
-        .map(function (item) { return "@Input() " + item + ": any"; })
-        .join('\n'), refs
-        .map(function (refName) { return "@ViewChild('" + refName + "') " + refName + ": ElementRef"; })
-        .join('\n'), !componentJson.hooks.onMount
-        ? ''
-        : "ngOnInit() {\n              " + strip_state_and_props_refs_1.stripStateAndPropsRefs(componentJson.hooks.onMount, {
-            replaceWith: 'this.',
-        }) + "\n            }", !componentJson.hooks.onUnMount
-        ? ''
-        : "ngOnDestroy() {\n              " + strip_state_and_props_refs_1.stripStateAndPropsRefs(componentJson.hooks.onUnMount, {
-            replaceWith: 'this.',
-        }) + "\n            }", dataString);
-    if (options.plugins) {
-        str = plugins_1.runPreCodePlugins(str, options.plugins);
-    }
-    if (options.prettier !== false) {
-        str = tryFormat(str, 'typescript');
-    }
-    if (options.plugins) {
-        str = plugins_1.runPostCodePlugins(str, options.plugins);
-    }
-    return str;
+    return function (_a) {
+        var component = _a.component;
+        // Make a copy we can safely mutate, similar to babel's toolchain
+        var json = (0, fast_clone_1.fastClone)(component);
+        if (options.plugins) {
+            json = (0, plugins_1.runPreJsonPlugins)(json, options.plugins);
+        }
+        var props = (0, get_props_1.getProps)(component);
+        var refs = Array.from((0, get_refs_1.getRefs)(json));
+        (0, map_refs_1.mapRefs)(json, function (refName) { return "this.".concat(refName, ".nativeElement"); });
+        if (options.plugins) {
+            json = (0, plugins_1.runPostJsonPlugins)(json, options.plugins);
+        }
+        var css = (0, collect_styles_1.collectCss)(json);
+        if (options.prettier !== false) {
+            css = tryFormat(css, 'css');
+        }
+        var template = json.children.map(function (item) { return (0, exports.blockToAngular)(item); }).join('\n');
+        if (options.prettier !== false) {
+            template = tryFormat(template, 'html');
+        }
+        (0, strip_meta_properties_1.stripMetaProperties)(json);
+        var dataString = (0, get_state_object_string_1.getStateObjectStringFromComponent)(json, {
+            format: 'class',
+            valueMapper: function (code) {
+                return (0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(code, { replaceWith: 'this.' });
+            },
+        });
+        var str = (0, dedent_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    import { Component ", "", " } from '@angular/core';\n    ", "\n\n    @Component({\n      selector: '", "',\n      template: `\n        ", "\n      `,\n      ", "\n    })\n    export default class ", " {\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    }\n  "], ["\n    import { Component ", "", " } from '@angular/core';\n    ", "\n\n    @Component({\n      selector: '", "',\n      template: \\`\n        ", "\n      \\`,\n      ", "\n    })\n    export default class ", " {\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    }\n  "])), refs.length ? ', ViewChild, ElementRef' : '', props.size ? ', Input' : '', (0, render_imports_1.renderPreComponent)(json), (0, lodash_1.kebabCase)(json.name || 'my-component'), indent(template, 8)
+            .replace(/`/g, '\\`')
+            .replace(/\$\{/g, '\\${'), css.length
+            ? "styles: [\n        `".concat(indent(css, 8), "`\n      ],")
+            : '', component.name, Array.from(props)
+            .map(function (item) { return "@Input() ".concat(item, ": any"); })
+            .join('\n'), refs
+            .map(function (refName) { return "@ViewChild('".concat(refName, "') ").concat(refName, ": ElementRef"); })
+            .join('\n'), !component.hooks.onMount
+            ? ''
+            : "ngOnInit() {\n              ".concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(component.hooks.onMount, {
+                replaceWith: 'this.',
+            }), "\n            }"), !component.hooks.onUnMount
+            ? ''
+            : "ngOnDestroy() {\n              ".concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(component.hooks.onUnMount, {
+                replaceWith: 'this.',
+            }), "\n            }"), dataString);
+        if (options.plugins) {
+            str = (0, plugins_1.runPreCodePlugins)(str, options.plugins);
+        }
+        if (options.prettier !== false) {
+            str = tryFormat(str, 'typescript');
+        }
+        if (options.plugins) {
+            str = (0, plugins_1.runPostCodePlugins)(str, options.plugins);
+        }
+        return str;
+    };
 };
 exports.componentToAngular = componentToAngular;
 var tryFormat = function (str, parser) {
     try {
-        return standalone_1.format(str, {
+        return (0, standalone_1.format)(str, {
             parser: parser,
             plugins: [
                 // To support running in browsers

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

@@ -1,14 +1,14 @@
-import { MitosisComponent } from '../types/mitosis-component';
 import { MitosisNode } from '../types/mitosis-node';
 import { BuilderElement } from '@builder.io/sdk';
-export declare type ToBuilderOptions = {
+import { TranspilerArgs } from '../types/config';
+export interface ToBuilderOptions {
     includeIds?: boolean;
-};
+}
 declare type InternalOptions = {
     skipMapper?: boolean;
 };
 export declare const blockToBuilder: (json: MitosisNode, options?: ToBuilderOptions, _internalOptions?: InternalOptions) => BuilderElement;
-export declare const componentToBuilder: (componentJson: MitosisComponent, options?: ToBuilderOptions) => {
+export declare const componentToBuilder: (options?: ToBuilderOptions) => ({ component, }: TranspilerArgs) => {
     data: {
         httpRequests: any;
         jsCode: string;