@builder.io/mitosis 0.0.45 → 0.0.46

package/dist/src/generators/liquid.js

@@ -28,9 +28,9 @@ var isValidLiquidBinding = function (str) {
 exports.isValidLiquidBinding = isValidLiquidBinding;
 var mappers = {
     Fragment: function (json, options) {
-        return "<div>" + json.children
+        return "<div>".concat(json.children
             .map(function (item) { return blockToLiquid(item, options); })
-            .join('\n') + "</div>";
+            .join('\n'), "</div>");
     },
 };
 // TODO: spread support
@@ -44,18 +44,18 @@ var blockToLiquid = function (json, options) {
         return json.properties._text;
     }
     if (json.bindings._text) {
-        if (!exports.isValidLiquidBinding(json.bindings._text)) {
+        if (!(0, exports.isValidLiquidBinding)(json.bindings._text)) {
             return '';
         }
-        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') {
-        if (!(exports.isValidLiquidBinding(json.bindings.each) &&
-            exports.isValidLiquidBinding(json.properties._forName))) {
+        if (!((0, exports.isValidLiquidBinding)(json.bindings.each) &&
+            (0, exports.isValidLiquidBinding)(json.properties._forName))) {
             return str;
         }
-        str += "{% for " + json.properties._forName + " in " + strip_state_and_props_refs_1.stripStateAndPropsRefs(json.bindings.each) + " %}";
+        str += "{% for ".concat(json.properties._forName, " in ").concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.bindings.each), " %}");
         if (json.children) {
             str += json.children
                 .map(function (item) { return blockToLiquid(item, options); })
@@ -64,10 +64,10 @@ var blockToLiquid = function (json, options) {
         str += '{% endfor %}';
     }
     else if (json.name === 'Show') {
-        if (!exports.isValidLiquidBinding(json.bindings.when)) {
+        if (!(0, exports.isValidLiquidBinding)(json.bindings.when)) {
             return str;
         }
-        str += "{% if " + strip_state_and_props_refs_1.stripStateAndPropsRefs(json.bindings.when) + " %}";
+        str += "{% if ".concat((0, strip_state_and_props_refs_1.stripStateAndPropsRefs)(json.bindings.when), " %}");
         if (json.children) {
             str += json.children
                 .map(function (item) { return blockToLiquid(item, options); })
@@ -76,14 +76,14 @@ var blockToLiquid = function (json, options) {
         str += '{% endif %}';
     }
     else {
-        str += "<" + json.name + " ";
+        str += "<".concat(json.name, " ");
         if (json.bindings._spread === '_spread' &&
-            exports.isValidLiquidBinding(json.bindings._spread)) {
-            str += "\n          {% for _attr in " + json.bindings._spread + " %}\n            {{ _attr[0] }}=\"{{ _attr[1] }}\"\n          {% endfor %}\n        ";
+            (0, exports.isValidLiquidBinding)(json.bindings._spread)) {
+            str += "\n          {% for _attr in ".concat(json.bindings._spread, " %}\n            {{ _attr[0] }}=\"{{ _attr[1] }}\"\n          {% endfor %}\n        ");
         }
         for (var key in json.properties) {
             var value = json.properties[key];
-            str += " " + key + "=\"" + value + "\" ";
+            str += " ".concat(key, "=\"").concat(value, "\" ");
         }
         for (var key in json.bindings) {
             if (key === '_spread' || key === 'ref' || key === 'css') {
@@ -91,12 +91,12 @@ var blockToLiquid = 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')) {
                 // Do nothing
             }
-            else if (exports.isValidLiquidBinding(useValue)) {
-                str += " " + key + "=\"{{" + useValue + "}}\" ";
+            else if ((0, exports.isValidLiquidBinding)(useValue)) {
+                str += " ".concat(key, "=\"{{").concat(useValue, "}}\" ");
             }
         }
         if (jsx_1.selfClosingTags.has(json.name)) {
@@ -108,55 +108,58 @@ var blockToLiquid = function (json, options) {
                 .map(function (item) { return blockToLiquid(item, options); })
                 .join('\n');
         }
-        str += "</" + json.name + ">";
+        str += "</".concat(json.name, ">");
     }
     return str;
 };
 // TODO: add JS support similar to componentToHtml()
-var componentToLiquid = function (componentJson, options) {
+var componentToLiquid = function (options) {
     if (options === void 0) { options = {}; }
-    var json = fast_clone_1.fastClone(componentJson);
-    if (options.plugins) {
-        json = plugins_1.runPreJsonPlugins(json, options.plugins);
-    }
-    var css = collect_styles_1.collectCss(json);
-    strip_meta_properties_1.stripMetaProperties(json);
-    if (options.plugins) {
-        json = plugins_1.runPostJsonPlugins(json, options.plugins);
-    }
-    var str = json.children.map(function (item) { return blockToLiquid(item); }).join('\n');
-    if (css.trim().length) {
-        str += "<style>" + css + "</style>";
-    }
-    if (options.reactive) {
-        var stateObjectString = get_state_object_string_1.getStateObjectStringFromComponent(json);
-        if (stateObjectString.trim().length > 4) {
-            str += "<script reactive>\n        export default {\n          state: " + stateObjectString + "\n        }\n      </script>";
+    return function (_a) {
+        var component = _a.component;
+        var json = (0, fast_clone_1.fastClone)(component);
+        if (options.plugins) {
+            json = (0, plugins_1.runPreJsonPlugins)(json, options.plugins);
         }
-    }
-    if (options.plugins) {
-        str = plugins_1.runPreCodePlugins(str, options.plugins);
-    }
-    if (options.prettier !== false) {
-        try {
-            str = standalone_1.format(str, {
-                parser: 'html',
-                htmlWhitespaceSensitivity: 'ignore',
-                plugins: [
-                    // To support running in browsers
-                    require('prettier/parser-html'),
-                    require('prettier/parser-postcss'),
-                    require('prettier/parser-babel'),
-                ],
-            });
-        }
-        catch (err) {
-            console.warn('Could not prettify', { string: str }, err);
+        var css = (0, collect_styles_1.collectCss)(json);
+        (0, strip_meta_properties_1.stripMetaProperties)(json);
+        if (options.plugins) {
+            json = (0, plugins_1.runPostJsonPlugins)(json, options.plugins);
         }
-    }
-    if (options.plugins) {
-        str = plugins_1.runPostCodePlugins(str, options.plugins);
-    }
-    return str;
+        var str = json.children.map(function (item) { return blockToLiquid(item); }).join('\n');
+        if (css.trim().length) {
+            str += "<style>".concat(css, "</style>");
+        }
+        if (options.reactive) {
+            var stateObjectString = (0, get_state_object_string_1.getStateObjectStringFromComponent)(json);
+            if (stateObjectString.trim().length > 4) {
+                str += "<script reactive>\n        export default {\n          state: ".concat(stateObjectString, "\n        }\n      </script>");
+            }
+        }
+        if (options.plugins) {
+            str = (0, plugins_1.runPreCodePlugins)(str, options.plugins);
+        }
+        if (options.prettier !== false) {
+            try {
+                str = (0, standalone_1.format)(str, {
+                    parser: 'html',
+                    htmlWhitespaceSensitivity: 'ignore',
+                    plugins: [
+                        // To support running in browsers
+                        require('prettier/parser-html'),
+                        require('prettier/parser-postcss'),
+                        require('prettier/parser-babel'),
+                    ],
+                });
+            }
+            catch (err) {
+                console.warn('Could not prettify', { string: str }, err);
+            }
+        }
+        if (options.plugins) {
+            str = (0, plugins_1.runPostCodePlugins)(str, options.plugins);
+        }
+        return str;
+    };
 };
 exports.componentToLiquid = componentToLiquid;

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

@@ -1,10 +1,9 @@
-import { MitosisComponent } from '../types/mitosis-component';
+import { Transpiler } from '..';
 import { MitosisNode } from '../types/mitosis-node';
-export declare const DEFAULT_FORMAT = "legacy";
-export declare type MitosisFormat = 'react' | 'legacy';
-export declare type ToMitosisOptions = {
+export interface ToMitosisOptions {
     prettier?: boolean;
-    format: MitosisFormat;
-};
+    format: 'react' | 'legacy';
+}
+export declare const DEFAULT_FORMAT: ToMitosisOptions['format'];
 export declare const blockToMitosis: (json: MitosisNode, toMitosisOptions?: Partial<ToMitosisOptions>) => string;
-export declare const componentToMitosis: (componentJson: MitosisComponent, toMitosisOptions?: Partial<ToMitosisOptions>) => string;
+export declare const componentToMitosis: (toMitosisOptions?: Partial<ToMitosisOptions>) => Transpiler;

package/dist/src/generators/mitosis.js

@@ -39,7 +39,7 @@ var blockToMitosis = function (json, toMitosisOptions) {
     if (toMitosisOptions === void 0) { toMitosisOptions = {}; }
     var options = __assign({ format: exports.DEFAULT_FORMAT }, toMitosisOptions);
     if (options.format === 'react') {
-        return react_1.blockToReact(json, {
+        return (0, react_1.blockToReact)(json, {
             format: 'lite',
             stateType: 'useState',
             stylesType: 'emotion',
@@ -48,18 +48,18 @@ var blockToMitosis = function (json, toMitosisOptions) {
     }
     if (json.name === 'For') {
         var needsWrapper = json.children.length !== 1;
-        return "<For each={" + json.bindings.each + "}>\n    {(" + json.properties._forName + ", index) =>\n      " + (needsWrapper ? '<>' : '') + "\n        " + json.children.map(function (child) { return exports.blockToMitosis(child, options); }) + "}\n      " + (needsWrapper ? '</>' : '') + "\n    </For>";
+        return "<For each={".concat(json.bindings.each, "}>\n    {(").concat(json.properties._forName, ", index) =>\n      ").concat(needsWrapper ? '<>' : '', "\n        ").concat(json.children.map(function (child) { return (0, exports.blockToMitosis)(child, options); }), "}\n      ").concat(needsWrapper ? '</>' : '', "\n    </For>");
     }
     if (json.properties._text) {
         return json.properties._text;
     }
     if (json.bindings._text) {
-        return "{" + json.bindings._text + "}";
+        return "{".concat(json.bindings._text, "}");
     }
     var str = '';
-    str += "<" + json.name + " ";
+    str += "<".concat(json.name, " ");
     if (json.bindings._spread) {
-        str += " {...(" + json.bindings._spread + ")} ";
+        str += " {...(".concat(json.bindings._spread, ")} ");
     }
     for (var key in json.properties) {
         var value = (json.properties[key] || '')
@@ -69,7 +69,7 @@ var blockToMitosis = function (json, toMitosisOptions) {
             console.warn('Skipping invalid attribute name:', key);
         }
         else {
-            str += " " + key + "=\"" + value + "\" ";
+            str += " ".concat(key, "=\"").concat(value, "\" ");
         }
     }
     for (var key in json.bindings) {
@@ -78,14 +78,14 @@ var blockToMitosis = function (json, toMitosisOptions) {
             continue;
         }
         if (key.startsWith('on')) {
-            str += " " + key + "={event => " + value.replace(/\s*;$/, '') + "} ";
+            str += " ".concat(key, "={event => ").concat(value.replace(/\s*;$/, ''), "} ");
         }
         else {
             if (!isValidAttributeName(key)) {
                 console.warn('Skipping invalid attribute name:', key);
             }
             else {
-                str += " " + key + "={" + value + "} ";
+                str += " ".concat(key, "={").concat(value, "} ");
             }
         }
     }
@@ -100,77 +100,75 @@ var blockToMitosis = function (json, toMitosisOptions) {
     str += '>';
     if (json.children) {
         str += json.children
-            .map(function (item) { return exports.blockToMitosis(item, options); })
+            .map(function (item) { return (0, exports.blockToMitosis)(item, options); })
             .join('\n');
     }
-    str += "</" + json.name + ">";
+    str += "</".concat(json.name, ">");
     return str;
 };
 exports.blockToMitosis = blockToMitosis;
 var getRefsString = function (json, refs) {
-    if (refs === void 0) { refs = get_refs_1.getRefs(json); }
+    if (refs === void 0) { refs = (0, get_refs_1.getRefs)(json); }
     var str = '';
     for (var _i = 0, _a = Array.from(refs); _i < _a.length; _i++) {
         var ref = _a[_i];
-        str += "\nconst " + ref + " = useRef();";
+        str += "\nconst ".concat(ref, " = useRef();");
     }
     return str;
 };
 var mitosisCoreComponents = ['Show', 'For'];
-var componentToMitosis = function (componentJson, toMitosisOptions) {
+var componentToMitosis = function (toMitosisOptions) {
     if (toMitosisOptions === void 0) { toMitosisOptions = {}; }
-    var options = __assign({ format: exports.DEFAULT_FORMAT }, toMitosisOptions);
-    if (options.format === 'react') {
-        return react_1.componentToReact(componentJson, {
-            format: 'lite',
-            stateType: 'useState',
-            stylesType: 'emotion',
-            prettier: options.prettier,
-        });
-    }
-    var json = fast_clone_1.fastClone(componentJson);
-    var refs = get_refs_1.getRefs(json);
-    map_refs_1.mapRefs(json, function (refName) { return refName + ".current"; });
-    var addWrapper = json.children.length !== 1;
-    var components = Array.from(get_components_1.getComponents(json));
-    var mitosisComponents = components.filter(function (item) {
-        return mitosisCoreComponents.includes(item);
-    });
-    var otherComponents = components.filter(function (item) { return !mitosisCoreComponents.includes(item); });
-    var hasState = Boolean(Object.keys(componentJson.state).length);
-    var needsMitosisCoreImport = Boolean(hasState || refs.size || mitosisComponents.length);
-    // TODO: smart only pull in imports as needed
-    var str = dedent_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n\n    ", "\n\n    export default function ", "(props) {\n      ", "\n      ", "\n\n      ", "\n\n      ", "\n\n      return (", "\n        ", "\n        ", ")\n    }\n\n  "], ["\n    ",
-        "\n    ",
-        "\n    ", "\n\n    ",
-        "\n\n    export default function ", "(props) {\n      ",
-        "\n      ", "\n\n      ", "\n\n      ",
-        "\n\n      return (", "\n        ", "\n        ", ")\n    }\n\n  "])), !needsMitosisCoreImport
-        ? ''
-        : "import { " + (!hasState ? '' : 'useState, ') + " " + (!refs.size ? '' : 'useRef, ') + " " + mitosisComponents.join(', ') + " } from '@builder.io/mitosis';", !otherComponents.length
-        ? ''
-        : "import { " + otherComponents.join(',') + " } from '@components';", render_imports_1.renderPreComponent(json), !componentJson.meta.metadataHook
-        ? ''
-        : jsx_1.METADATA_HOOK_NAME + "(" + json5_1.default.stringify(componentJson.meta.metadataHook) + ")", componentJson.name, !hasState
-        ? ''
-        : "const state = useState(" + get_state_object_string_1.getStateObjectStringFromComponent(json) + ");", getRefsString(json), !json.hooks.onMount ? '' : "onMount(() => { " + json.hooks.onMount + " })", !json.hooks.onUnMount
-        ? ''
-        : "onUnMount(() => { " + json.hooks.onUnMount + " })", addWrapper ? '<>' : '', json.children.map(function (item) { return exports.blockToMitosis(item, options); }).join('\n'), addWrapper ? '</>' : '');
-    if (options.prettier !== false) {
-        try {
-            str = standalone_1.format(str, {
-                parser: 'typescript',
-                plugins: [
-                    require('prettier/parser-typescript'), // To support running in browsers
-                ],
-            });
+    return function (_a) {
+        var component = _a.component;
+        var options = __assign({ format: exports.DEFAULT_FORMAT }, toMitosisOptions);
+        if (options.format === 'react') {
+            return (0, react_1.componentToReact)({
+                format: 'lite',
+                stateType: 'useState',
+                stylesType: 'emotion',
+                prettier: options.prettier,
+            })({ component: component });
         }
-        catch (err) {
-            console.error('Format error for file:', str, JSON.stringify(json, null, 2));
-            throw err;
+        var json = (0, fast_clone_1.fastClone)(component);
+        var refs = (0, get_refs_1.getRefs)(json);
+        (0, map_refs_1.mapRefs)(json, function (refName) { return "".concat(refName, ".current"); });
+        var addWrapper = json.children.length !== 1;
+        var components = Array.from((0, get_components_1.getComponents)(json));
+        var mitosisComponents = components.filter(function (item) {
+            return mitosisCoreComponents.includes(item);
+        });
+        var otherComponents = components.filter(function (item) { return !mitosisCoreComponents.includes(item); });
+        var hasState = Boolean(Object.keys(component.state).length);
+        var needsMitosisCoreImport = Boolean(hasState || refs.size || mitosisComponents.length);
+        // TODO: smart only pull in imports as needed
+        var str = (0, dedent_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n\n    ", "\n\n    export default function ", "(props) {\n      ", "\n      ", "\n\n      ", "\n\n      ", "\n\n      return (", "\n        ", "\n        ", ")\n    }\n\n  "], ["\n    ", "\n    ", "\n    ", "\n\n    ", "\n\n    export default function ", "(props) {\n      ", "\n      ", "\n\n      ", "\n\n      ", "\n\n      return (", "\n        ", "\n        ", ")\n    }\n\n  "])), !needsMitosisCoreImport
+            ? ''
+            : "import { ".concat(!hasState ? '' : 'useState, ', " ").concat(!refs.size ? '' : 'useRef, ', " ").concat(mitosisComponents.join(', '), " } from '@builder.io/mitosis';"), !otherComponents.length
+            ? ''
+            : "import { ".concat(otherComponents.join(','), " } from '@components';"), (0, render_imports_1.renderPreComponent)(json), !component.meta.metadataHook
+            ? ''
+            : "".concat(jsx_1.METADATA_HOOK_NAME, "(").concat(json5_1.default.stringify(component.meta.metadataHook), ")"), component.name, !hasState
+            ? ''
+            : "const state = useState(".concat((0, get_state_object_string_1.getStateObjectStringFromComponent)(json), ");"), getRefsString(json), !json.hooks.onMount ? '' : "onMount(() => { ".concat(json.hooks.onMount, " })"), !json.hooks.onUnMount
+            ? ''
+            : "onUnMount(() => { ".concat(json.hooks.onUnMount, " })"), addWrapper ? '<>' : '', json.children.map(function (item) { return (0, exports.blockToMitosis)(item, options); }).join('\n'), addWrapper ? '</>' : '');
+        if (options.prettier !== 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, JSON.stringify(json, null, 2));
+                throw err;
+            }
         }
-    }
-    return str;
+        return str;
+    };
 };
 exports.componentToMitosis = componentToMitosis;
 var templateObject_1;

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

@@ -45,9 +45,9 @@ function getCommonStyles(fileSet) {
 function addComponent(fileSet, component, opts) {
     if (opts === void 0) { opts = {}; }
     var _opts = __assign({ isRoot: false, shareStyles: false }, opts);
-    compile_away_builder_components_1.compileAwayBuilderComponentsFromTree(component, compile_away_builder_components_1.components);
+    (0, compile_away_builder_components_1.compileAwayBuilderComponentsFromTree)(component, compile_away_builder_components_1.components);
     var componentName = component.name;
-    var handlers = handlers_1.renderHandlers(fileSet.high, componentName, component.children);
+    var handlers = (0, handlers_1.renderHandlers)(fileSet.high, componentName, component.children);
     // If the component has no handlers, than it is probably static
     // and so it is unlikely to be re-rendered on the client, therefore
     // put it in a low priority bucket.
@@ -56,7 +56,7 @@ function addComponent(fileSet, component, opts) {
     var componentFile = fileSet.med;
     if (!componentFile.exports.get('onMountCreateEmptyState')) {
         componentFile.exportConst('onMountCreateEmptyState', function () {
-            this.emit(src_generator_1.invoke(componentFile.import(componentFile.qwikModule, 'qHook'), [src_generator_1.arrowFnValue([], ['({})'])], ['any', 'any']));
+            this.emit((0, src_generator_1.invoke)(componentFile.import(componentFile.qwikModule, 'qHook'), [(0, src_generator_1.arrowFnValue)([], ['({})'])], ['any', 'any']));
         });
     }
     if (component.hooks.onMount) {
@@ -65,15 +65,15 @@ function addComponent(fileSet, component, opts) {
     var styles = _opts.shareStyles
         ? getCommonStyles(fileSet).styles
         : new Map();
-    styles_1.collectStyles(component.children, styles);
+    (0, styles_1.collectStyles)(component.children, styles);
     var qComponentOptions = {
         // tagName: string(componentName.toLowerCase()),
-        onMount: src_generator_1.invoke(componentFile.import(componentFile.qwikModule, 'qHook'), [
+        onMount: (0, src_generator_1.invoke)(componentFile.import(componentFile.qwikModule, 'qHook'), [
             componentFile.toQrl(component.hooks.onMount
                 ? componentName + '_onMount'
                 : 'onMountCreateEmptyState'),
         ]),
-        onRender: src_generator_1.invoke(componentFile.import(componentFile.qwikModule, 'qHook'), [
+        onRender: (0, src_generator_1.invoke)(componentFile.import(componentFile.qwikModule, 'qHook'), [
             onRenderFile.toQrl(componentName + '_onRender'),
         ]),
     };
@@ -87,13 +87,13 @@ function addComponent(fileSet, component, opts) {
     else {
         if (styles.size) {
             qComponentOptions.styles = onRenderFile.toQrl(componentName + '_styles');
-            onRenderFile.exportConst(componentName + '_styles', styles_1.renderStyles(styles));
+            onRenderFile.exportConst(componentName + '_styles', (0, styles_1.renderStyles)(styles));
         }
     }
-    componentFile.exportConst(componentName, src_generator_1.invoke(componentFile.import(componentFile.qwikModule, 'qComponent'), [qComponentOptions], ['any', 'any']));
+    componentFile.exportConst(componentName, (0, src_generator_1.invoke)(componentFile.import(componentFile.qwikModule, 'qComponent'), [qComponentOptions], ['any', 'any']));
     onRenderFile.src.emit(src_generator_1.NL);
-    onRenderFile.exportConst(componentName + '_onRender', src_generator_1.invoke(onRenderFile.import(onRenderFile.qwikModule, 'qHook'), [
-        src_generator_1.arrowFnValue(['props', 'state'], jsx_1.renderJSXNodes(onRenderFile, handlers, component.children, styles)),
+    onRenderFile.exportConst(componentName + '_onRender', (0, src_generator_1.invoke)(onRenderFile.import(onRenderFile.qwikModule, 'qHook'), [
+        (0, src_generator_1.arrowFnValue)(['props', 'state'], (0, jsx_1.renderJSXNodes)(onRenderFile, handlers, component.children, styles)),
     ]));
 }
 exports.addComponent = addComponent;
@@ -101,15 +101,15 @@ function addCommonStyles(fileSet) {
     var _a = getCommonStyles(fileSet), styles = _a.styles, symbolName = _a.symbolName;
     var onRenderFile = fileSet.low;
     if (symbolName) {
-        onRenderFile.exportConst(symbolName, styles_1.renderStyles(styles));
+        onRenderFile.exportConst(symbolName, (0, styles_1.renderStyles)(styles));
     }
 }
 exports.addCommonStyles = addCommonStyles;
 function addComponentOnMount(componentFile, componentName, component) {
     componentFile.exportConst(componentName + '_onMount', function () {
         var _this = this;
-        this.emit(src_generator_1.invoke(componentFile.import(componentFile.qwikModule, 'qHook'), [
-            src_generator_1.arrowFnValue([], function () {
+        this.emit((0, src_generator_1.invoke)(componentFile.import(componentFile.qwikModule, 'qHook'), [
+            (0, src_generator_1.arrowFnValue)([], function () {
                 return _this.emit('{', src_generator_1.NL, src_generator_1.INDENT, 'const state = {};', src_generator_1.NL, component.hooks.onMount, src_generator_1.NL, 'return state;', src_generator_1.UNINDENT, src_generator_1.NL, '}');
             }),
         ], ['any', 'any']));

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

@@ -1,8 +1,12 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderHandlers = exports.extractJSBlock = void 0;
@@ -27,7 +31,7 @@ exports.extractJSBlock = extractJSBlock;
 function renderHandlers(file, componentName, children) {
     var id = 0;
     var map = new Map();
-    var nodes = __spreadArray([], children);
+    var nodes = __spreadArray([], children, true);
     while (nodes.length) {
         var node = nodes.shift();
         var bindings = node.bindings;
@@ -37,7 +41,7 @@ function renderHandlers(file, componentName, children) {
                 if (binding != null) {
                     if (key.startsWith('on')) {
                         var block = extractJSBlock(binding) || binding;
-                        var symbol = componentName + "_" + key + "_" + id++;
+                        var symbol = "".concat(componentName, "_").concat(key, "_").concat(id++);
                         map.set(binding, symbol);
                         renderHandler(file, symbol, block);
                     }
@@ -51,7 +55,7 @@ function renderHandlers(file, componentName, children) {
 exports.renderHandlers = renderHandlers;
 function renderHandler(file, symbol, code) {
     file.exportConst(symbol, function () {
-        this.emit(src_generator_1.invoke(file.import(file.qwikModule, 'qHook'), [src_generator_1.arrowFnBlock(['props', 'state'], [wrapWithUse(file, code)])], ['any', 'any']));
+        this.emit((0, src_generator_1.invoke)(file.import(file.qwikModule, 'qHook'), [(0, src_generator_1.arrowFnBlock)(['props', 'state'], [wrapWithUse(file, code)])], ['any', 'any']));
     });
     file.src.emit(src_generator_1.NL);
 }
@@ -61,7 +65,7 @@ function wrapWithUse(file, code) {
         return function () {
             this.emit('{', src_generator_1.NL, src_generator_1.INDENT);
             needsEvent &&
-                this.emit('const event', src_generator_1.WS, '=', src_generator_1.WS, src_generator_1.invoke(file.import(file.qwikModule, 'useEvent'), []), ';', src_generator_1.NL);
+                this.emit('const event', src_generator_1.WS, '=', src_generator_1.WS, (0, src_generator_1.invoke)(file.import(file.qwikModule, 'useEvent'), []), ';', src_generator_1.NL);
             var blockContent = stripBlock(code);
             this.emit(blockContent);
             this.emit(src_generator_1.UNINDENT, src_generator_1.NL, '}');

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

@@ -10,10 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderJSXNodes = void 0;
@@ -43,7 +47,7 @@ function renderJSXNodes(file, handlers, children, styles, root) {
                 else {
                     _this.isJSX
                         ? _this.emit(child.properties._text)
-                        : _this.jsxTextBinding(src_generator_1.string(child.properties._text));
+                        : _this.jsxTextBinding((0, src_generator_1.string)(child.properties._text));
                 }
             }
             else {
@@ -87,7 +91,7 @@ function isSymbol(name) {
     return name.charAt(0) == name.charAt(0).toUpperCase();
 }
 function addClass(className, existingClass) {
-    return __spreadArray([className], (existingClass ? existingClass.split(' ') : [])).join(' ');
+    return __spreadArray([className], (existingClass ? existingClass.split(' ') : []), true).join(' ');
 }
 function isEmptyTextNode(child) {
     var _a;
@@ -107,9 +111,9 @@ function rewriteHandlers(file, handlers, bindings) {
                     continue;
                 }
                 else if ((handlerBlock = handlers.get(binding))) {
-                    key = "on:" + key.substr(2).toLowerCase();
-                    binding = src_generator_1.invoke(file.import(file.qwikModule, 'qHook'), [
-                        src_generator_1.string(file.qrlPrefix + 'high#' + handlerBlock),
+                    key = "on:".concat(key.substr(2).toLowerCase());
+                    binding = (0, src_generator_1.invoke)(file.import(file.qwikModule, 'qHook'), [
+                        (0, src_generator_1.string)(file.qrlPrefix + 'high#' + handlerBlock),
                     ]);
                 }
                 outBindings[key] = binding;

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

@@ -10,10 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -24,7 +28,7 @@ var json5_1 = __importDefault(require("json5"));
 var dash_case_1 = require("../../helpers/dash-case");
 var src_generator_1 = require("./src-generator");
 function collectStyles(children, styleMap) {
-    var nodes = __spreadArray([], children);
+    var nodes = __spreadArray([], children, true);
     while (nodes.length) {
         var child = nodes.shift();
         nodes.push.apply(nodes, child.children);
@@ -63,7 +67,7 @@ function renderStyles(styles) {
                         mediaStyles.push(styles.CLASS_NAME, key, value);
                     }
                     else {
-                        _this.emit(dash_case_1.dashCase(key), ':', src_generator_1.WS, value, ';', src_generator_1.NL);
+                        _this.emit((0, dash_case_1.dashCase)(key), ':', src_generator_1.WS, value, ';', src_generator_1.NL);
                     }
                 }
             }
@@ -78,7 +82,7 @@ function renderStyles(styles) {
             for (var key in mediaObj) {
                 if (Object.prototype.hasOwnProperty.call(mediaObj, key)) {
                     var value = mediaObj[key];
-                    this.emit(dash_case_1.dashCase(key), ':', src_generator_1.WS, value, ';', src_generator_1.NL);
+                    this.emit((0, dash_case_1.dashCase)(key), ':', src_generator_1.WS, value, ';', src_generator_1.NL);
                 }
             }
             this.emit(src_generator_1.UNINDENT, '}', src_generator_1.NL);

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

@@ -1,12 +1,9 @@
 import { ClassStyleMap } from '../helpers/collect-styles';
-import { Plugin } from '../modules/plugins';
 import { MitosisComponent } from '../types/mitosis-component';
-declare type ToReactNativeOptions = {
-    prettier?: boolean;
+import { BaseTranspilerOptions, Transpiler } from '../types/config';
+export interface ToReactNativeOptions extends BaseTranspilerOptions {
     stylesType?: 'emotion' | 'react-native';
     stateType?: 'useState' | 'mobx' | 'valtio' | 'solid' | 'builder';
-    plugins?: Plugin[];
-};
+}
 export declare const collectReactNativeStyles: (json: MitosisComponent) => ClassStyleMap;
-export declare const componentToReactNative: (componentJson: MitosisComponent, options?: ToReactNativeOptions) => string;
-export {};
+export declare const componentToReactNative: (options?: ToReactNativeOptions) => Transpiler;