@builder.io/mitosis 0.0.45-5 → 0.0.48

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;

package/dist/src/generators/builder.js

@@ -34,7 +34,7 @@ var builder_1 = require("../parsers/builder");
 var remove_surrounding_block_1 = require("../helpers/remove-surrounding-block");
 var traverse_1 = __importDefault(require("traverse"));
 var omitMetaProperties = function (obj) {
-    return lodash_1.omitBy(obj, function (_value, key) { return key.startsWith('$'); });
+    return (0, lodash_1.omitBy)(obj, function (_value, key) { return key.startsWith('$'); });
 };
 var builderBlockPrefixes = ['Amp', 'Core', 'Builder', 'Raw', 'Form'];
 var mapComponentName = function (name) {
@@ -45,8 +45,8 @@ var mapComponentName = function (name) {
         var prefix = builderBlockPrefixes_1[_i];
         if (name.startsWith(prefix)) {
             var suffix = name.replace(prefix, '');
-            if (is_upper_case_1.isUpperCase(suffix[0])) {
-                return prefix + ":" + name.replace(prefix, '');
+            if ((0, is_upper_case_1.isUpperCase)(suffix[0])) {
+                return "".concat(prefix, ":").concat(name.replace(prefix, ''));
             }
         }
     }
@@ -61,7 +61,7 @@ var componentMappers = __assign(__assign({}, (!builder_1.symbolBlocksAsChildren
                 json5_1.default.parse(node.bindings.symbol)) ||
                 {};
             if (child) {
-                lodash_1.set(symbolOptions, 'content.data.blocks', child.children.map(function (item) { return exports.blockToBuilder(item, options); }));
+                (0, lodash_1.set)(symbolOptions, 'content.data.blocks', child.children.map(function (item) { return (0, exports.blockToBuilder)(item, options); }));
             }
             return el({
                 component: {
@@ -74,15 +74,14 @@ var componentMappers = __assign(__assign({}, (!builder_1.symbolBlocksAsChildren
             }, options);
         },
     })), { Columns: function (node, options) {
-        var block = exports.blockToBuilder(node, options, { skipMapper: true });
+        var block = (0, exports.blockToBuilder)(node, options, { skipMapper: true });
         var columns = block.children.map(function (item) { return ({
             blocks: item.children,
         }); });
         block.component.options.columns = columns;
         block.children = [];
         return block;
-    },
-    For: function (node, options) {
+    }, For: function (node, options) {
         return el({
             component: {
                 name: 'Core:Fragment',
@@ -93,10 +92,9 @@ var componentMappers = __assign(__assign({}, (!builder_1.symbolBlocksAsChildren
             },
             children: node.children
                 .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
-                .map(function (node) { return exports.blockToBuilder(node, options); }),
+                .map(function (node) { return (0, exports.blockToBuilder)(node, options); }),
         }, options);
-    },
-    Show: function (node, options) {
+    }, Show: function (node, options) {
         return el({
             // TODO: the reverse mapping for this
             component: {
@@ -107,7 +105,7 @@ var componentMappers = __assign(__assign({}, (!builder_1.symbolBlocksAsChildren
             },
             children: node.children
                 .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
-                .map(function (node) { return exports.blockToBuilder(node, options); }),
+                .map(function (node) { return (0, exports.blockToBuilder)(node, options); }),
         }, options);
     } });
 var el = function (options, toBuilderOptions) { return (__assign(__assign({ '@type': '@builder.io/sdk:Element' }, (toBuilderOptions.includeIds && {
@@ -119,7 +117,7 @@ var el = function (options, toBuilderOptions) { return (__assign(__assign({ '@ty
 function tryFormat(code) {
     var str = code;
     try {
-        str = standalone_1.format(str, {
+        str = (0, standalone_1.format)(str, {
             parser: 'babel',
             plugins: [
                 require('prettier/parser-babel'), // To support running in browsers
@@ -158,14 +156,14 @@ var blockToBuilder = function (json, options, _internalOptions) {
             },
         }, options);
     }
-    var thisIsComponent = is_component_1.isComponent(json);
+    var thisIsComponent = (0, is_component_1.isComponent)(json);
     var bindings = json.bindings;
     var actions = {};
     for (var key in bindings) {
         var eventBindingKeyRegex = /^on([A-Z])/;
         var firstCharMatchForEventBindingKey = (_b = key.match(eventBindingKeyRegex)) === null || _b === void 0 ? void 0 : _b[1];
         if (firstCharMatchForEventBindingKey) {
-            actions[key.replace(eventBindingKeyRegex, firstCharMatchForEventBindingKey.toLowerCase())] = remove_surrounding_block_1.removeSurroundingBlock(bindings[key]);
+            actions[key.replace(eventBindingKeyRegex, firstCharMatchForEventBindingKey.toLowerCase())] = (0, remove_surrounding_block_1.removeSurroundingBlock)(bindings[key]);
             delete bindings[key];
         }
     }
@@ -177,12 +175,12 @@ var blockToBuilder = function (json, options, _internalOptions) {
                 return "continue";
             }
             var value = bindings[key];
-            var parsed = lodash_1.attempt(function () { return json5_1.default.parse(value); });
+            var parsed = (0, lodash_1.attempt)(function () { return json5_1.default.parse(value); });
             if (!(parsed instanceof Error)) {
                 componentOptions[key] = parsed;
             }
             else {
-                builderBindings["component.options." + key] = bindings[key];
+                builderBindings["component.options.".concat(key)] = bindings[key];
             }
         };
         for (var key in bindings) {
@@ -213,7 +211,7 @@ var blockToBuilder = function (json, options, _internalOptions) {
     }
     if (thisIsComponent) {
         for (var key in json.bindings) {
-            bindings["component.options." + key] = json.bindings[key];
+            bindings["component.options.".concat(key)] = json.bindings[key];
         }
     }
     return el(__assign(__assign(__assign(__assign({ tagName: thisIsComponent ? undefined : json.name }, (hasCss && {
@@ -230,51 +228,53 @@ var blockToBuilder = function (json, options, _internalOptions) {
             ? undefined
             : omitMetaProperties(json.properties), bindings: thisIsComponent
             ? builderBindings
-            : lodash_1.omit(bindings, 'css'), actions: actions, children: json.children
+            : (0, lodash_1.omit)(bindings, 'css'), actions: actions, children: json.children
             .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
-            .map(function (child) { return exports.blockToBuilder(child, options); }) }), options);
+            .map(function (child) { return (0, exports.blockToBuilder)(child, options); }) }), options);
 };
 exports.blockToBuilder = blockToBuilder;
-var componentToBuilder = function (componentJson, options) {
-    var _a, _b;
+var componentToBuilder = function (options) {
     if (options === void 0) { options = {}; }
-    var hasState = Boolean(Object.keys(componentJson.state).length);
-    var result = fast_clone_1.fastClone({
-        data: {
-            httpRequests: (_b = (_a = componentJson === null || componentJson === void 0 ? void 0 : componentJson.meta) === null || _a === void 0 ? void 0 : _a.useMetadata) === null || _b === void 0 ? void 0 : _b.httpRequests,
-            jsCode: tryFormat(dedent_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        ", "\n\n        ", "\n\n        ", "\n      "], ["\n        ", "\n\n        ",
-                "\n\n        ", "\n      "])), !has_props_1.hasProps(componentJson) ? '' : "var props = state;", !hasState
-                ? ''
-                : "Object.assign(state, " + get_state_object_string_1.getStateObjectStringFromComponent(componentJson) + ");", !componentJson.hooks.onMount ? '' : componentJson.hooks.onMount)),
-            tsCode: tryFormat(dedent_1.default(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        ", "\n\n        ", "\n\n        ", "\n      "], ["\n        ", "\n\n        ",
-                "\n\n        ",
-                "\n      "])), !has_props_1.hasProps(componentJson) ? '' : "var props = state;", !hasState
-                ? ''
-                : "useState(" + get_state_object_string_1.getStateObjectStringFromComponent(componentJson) + ");", !componentJson.hooks.onMount
-                ? ''
-                : "onMount(() => {\n                " + componentJson.hooks.onMount + "\n              })")),
-            blocks: componentJson.children
-                .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
-                .map(function (child) { return exports.blockToBuilder(child, options); }),
-        },
-    });
-    var subComponentMap = {};
-    for (var _i = 0, _c = componentJson.subComponents; _i < _c.length; _i++) {
-        var subComponent = _c[_i];
-        var name_1 = subComponent.name;
-        subComponentMap[name_1] = exports.componentToBuilder(subComponent, options);
-    }
-    traverse_1.default([result, subComponentMap]).forEach(function (el) {
-        var _a;
-        if (builder_1.isBuilderElement(el)) {
-            var value = subComponentMap[(_a = el.component) === null || _a === void 0 ? void 0 : _a.name];
-            if (value) {
-                console.log('applied?');
-                lodash_1.set(el, 'component.options.symbol.content', value);
-            }
+    return function (_a) {
+        var _b, _c;
+        var component = _a.component;
+        var hasState = Boolean(Object.keys(component.state).length);
+        var result = (0, fast_clone_1.fastClone)({
+            data: {
+                httpRequests: (_c = (_b = component === null || component === void 0 ? void 0 : component.meta) === null || _b === void 0 ? void 0 : _b.useMetadata) === null || _c === void 0 ? void 0 : _c.httpRequests,
+                jsCode: tryFormat((0, dedent_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        ", "\n\n        ", "\n\n        ", "\n      "], ["\n        ", "\n\n        ", "\n\n        ", "\n      "])), !(0, has_props_1.hasProps)(component) ? '' : "var props = state;", !hasState
+                    ? ''
+                    : "Object.assign(state, ".concat((0, get_state_object_string_1.getStateObjectStringFromComponent)(component), ");"), !component.hooks.onMount ? '' : component.hooks.onMount)),
+                tsCode: tryFormat((0, dedent_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        ", "\n\n        ", "\n\n        ", "\n      "], ["\n        ", "\n\n        ", "\n\n        ", "\n      "])), !(0, has_props_1.hasProps)(component) ? '' : "var props = state;", !hasState
+                    ? ''
+                    : "useState(".concat((0, get_state_object_string_1.getStateObjectStringFromComponent)(component), ");"), !component.hooks.onMount
+                    ? ''
+                    : "onMount(() => {\n                ".concat(component.hooks.onMount, "\n              })"))),
+                blocks: component.children
+                    .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
+                    .map(function (child) { return (0, exports.blockToBuilder)(child, options); }),
+            },
+        });
+        var subComponentMap = {};
+        for (var _i = 0, _d = component.subComponents; _i < _d.length; _i++) {
+            var subComponent = _d[_i];
+            var name_1 = subComponent.name;
+            subComponentMap[name_1] = (0, exports.componentToBuilder)(options)({
+                component: subComponent,
+            });
         }
-    });
-    return result;
+        (0, traverse_1.default)([result, subComponentMap]).forEach(function (el) {
+            var _a;
+            if ((0, builder_1.isBuilderElement)(el)) {
+                var value = subComponentMap[(_a = el.component) === null || _a === void 0 ? void 0 : _a.name];
+                if (value) {
+                    console.log('applied?');
+                    (0, lodash_1.set)(el, 'component.options.symbol.content', value);
+                }
+            }
+        });
+        return result;
+    };
 };
 exports.componentToBuilder = componentToBuilder;
 var templateObject_1, templateObject_2;

package/dist/src/generators/context/react.d.ts

@@ -2,5 +2,7 @@ import { MitosisContext } from '../../types/mitosis-context';
 declare type ContextToReactOptions = {
     format?: boolean;
 };
-export declare function contextToReact(context: MitosisContext, options?: ContextToReactOptions): string;
+export declare const contextToReact: (options?: ContextToReactOptions) => ({ context, }: {
+    context: MitosisContext;
+}) => string;
 export {};

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

@@ -3,23 +3,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextToReact = void 0;
 var standalone_1 = require("prettier/standalone");
 var get_state_object_string_1 = require("../../helpers/get-state-object-string");
-function contextToReact(context, options) {
+var contextToReact = function (options) {
     if (options === void 0) { options = {}; }
-    var str = "\n  import { createContext } from 'react';\n\n  export default createContext(" + get_state_object_string_1.getMemberObjectString(context.value) + ")\n  ";
-    if (options.format !== false) {
-        try {
-            str = standalone_1.format(str, {
-                parser: 'typescript',
-                plugins: [
-                    require('prettier/parser-typescript'), // To support running in browsers
-                ],
-            });
+    return function (_a) {
+        var context = _a.context;
+        var str = "\n  import { createContext } from 'react';\n\n  export default createContext(".concat((0, get_state_object_string_1.getMemberObjectString)(context.value), ")\n  ");
+        if (options.format !== false) {
+            try {
+                str = (0, standalone_1.format)(str, {
+                    parser: 'typescript',
+                    plugins: [
+                        require('prettier/parser-typescript'), // To support running in browsers
+                    ],
+                });
+            }
+            catch (err) {
+                console.error('Format error for file:', str);
+                throw err;
+            }
         }
-        catch (err) {
-            console.error('Format error for file:', str);
-            throw err;
-        }
-    }
-    return str;
-}
+        return str;
+    };
+};
 exports.contextToReact = contextToReact;

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

@@ -1,11 +1,7 @@
-import { MitosisComponent } from '../types/mitosis-component';
-import { Plugin } from '../modules/plugins';
-declare type ToHtmlOptions = {
-    prettier?: boolean;
+import { BaseTranspilerOptions, Transpiler } from '../types/config';
+export interface ToHtmlOptions extends BaseTranspilerOptions {
     format?: 'class' | 'script';
-    plugins?: Plugin[];
     prefix?: string;
-};
-export declare const componentToHtml: (componentJson: MitosisComponent, options?: ToHtmlOptions) => string;
-export declare const componentToCustomElement: (componentJson: MitosisComponent, options?: ToHtmlOptions) => string;
-export {};
+}
+export declare const componentToHtml: (options?: ToHtmlOptions) => Transpiler;
+export declare const componentToCustomElement: (options?: ToHtmlOptions) => Transpiler;