@builder.io/mitosis 0.0.56-2 → 0.0.56-22

package/dist/src/plugins/compile-away-builder-components.js

@@ -99,7 +99,8 @@ exports.components = {
         }), components);
     },
     BuilderAccordion: function (node, context, components) {
-        var itemsJSON = node.bindings.items || '[]';
+        var _a;
+        var itemsJSON = ((_a = node.bindings.items) === null || _a === void 0 ? void 0 : _a.code) || '[]';
         var accordionItems = JSON5.parse(itemsJSON);
         var children = accordionItems.map(function (accordionItem) {
             var titleChildren = accordionItem.title.map(function (element) {
@@ -169,36 +170,41 @@ exports.components = {
         }), components);
     },
     CoreSection: function (node, context, components) {
+        var _a, _b;
         return wrapOutput(node, (0, create_mitosis_node_1.createMitosisNode)({
             name: 'section',
-            properties: __assign(__assign(__assign({}, node.properties), { $name: 'section' }), (node.bindings.lazyLoad === 'true' && {
+            properties: __assign(__assign(__assign({}, node.properties), { $name: 'section' }), (((_a = node.bindings.lazyLoad) === null || _a === void 0 ? void 0 : _a.code) === 'true' && {
                 lazyLoad: 'true',
             })),
             bindings: {
-                css: JSON.stringify({
-                    width: '100%',
-                    alignSelf: 'stretch',
-                    flexGrow: '1',
-                    boxSizing: 'border-box',
-                    maxWidth: "".concat((node.bindings.maxWidth && Number(node.bindings.maxWidth)) || 1200, "px"),
-                    display: 'flex',
-                    flexDirection: 'column',
-                    alignItems: 'stretch',
-                    marginLeft: 'auto',
-                    marginRight: 'auto',
-                }),
+                css: {
+                    code: JSON.stringify({
+                        width: '100%',
+                        alignSelf: 'stretch',
+                        flexGrow: '1',
+                        boxSizing: 'border-box',
+                        maxWidth: "".concat((((_b = node.bindings.maxWidth) === null || _b === void 0 ? void 0 : _b.code) && Number(node.bindings.maxWidth.code)) || 1200, "px"),
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'stretch',
+                        marginLeft: 'auto',
+                        marginRight: 'auto',
+                    }),
+                },
             },
             children: node.children,
         }), components);
     },
     Columns: function (node, context, components) {
         var _a;
-        var columns = node.children.filter(filter_empty_text_nodes_1.filterEmptyTextNodes).map(function (item) { return ({
-            width: parseFloat(item.properties.width || item.bindings.width || '0') || 0,
-            children: item.children,
-        }); });
-        var gutterSize = (node.properties.getterSize && parseFloat(node.properties.getterSize)) ||
-            20;
+        var columns = node.children.filter(filter_empty_text_nodes_1.filterEmptyTextNodes).map(function (item) {
+            var _a;
+            return ({
+                width: parseFloat(item.properties.width || ((_a = item.bindings.width) === null || _a === void 0 ? void 0 : _a.code) || '0') || 0,
+                children: item.children,
+            });
+        });
+        var gutterSize = (node.properties.getterSize && parseFloat(node.properties.getterSize)) || 20;
         function getWidth(index) {
             return (columns[index] && columns[index].width) || 100 / columns.length;
         }
@@ -213,16 +219,18 @@ exports.components = {
                 class: 'builder-columns',
             },
             bindings: {
-                css: JSON.stringify(__assign({ display: 'flex' }, (properties.stackColumnsAt === 'never'
-                    ? {}
-                    : (_a = {},
-                        _a["@media (max-width: ".concat(properties.stackColumnsAt !== 'tablet' ? 639 : 999, "px)")] = {
-                            flexDirection: properties.reverseColumnsWhenStacked === 'true'
-                                ? 'column-reverse'
-                                : 'column',
-                            alignItems: 'stretch',
-                        },
-                        _a)))),
+                css: {
+                    code: JSON.stringify(__assign({ display: 'flex' }, (properties.stackColumnsAt === 'never'
+                        ? {}
+                        : (_a = {},
+                            _a["@media (max-width: ".concat(properties.stackColumnsAt !== 'tablet' ? 639 : 999, "px)")] = {
+                                flexDirection: properties.reverseColumnsWhenStacked === 'true'
+                                    ? 'column-reverse'
+                                    : 'column',
+                                alignItems: 'stretch',
+                            },
+                            _a)))),
+                },
             },
             children: columns.map(function (col, index) {
                 var _a;
@@ -233,14 +241,16 @@ exports.components = {
                         class: 'builder-column',
                     },
                     bindings: {
-                        css: JSON.stringify(__assign({ display: 'flex', flexDirection: 'column', alignItems: 'stretch', lineHeight: 'normal', width: "".concat(getColumnWidth(index)), marginLeft: "".concat(index === 0 ? 0 : gutterSize, "px") }, (properties.stackColumnsAt === 'never'
-                            ? {}
-                            : (_a = {},
-                                _a["@media (max-width: ".concat(properties.stackColumnsAt !== 'tablet' ? 639 : 999, "px)")] = {
-                                    width: '100%',
-                                    marginLeft: 0,
-                                },
-                                _a)))),
+                        css: {
+                            code: JSON.stringify(__assign({ display: 'flex', flexDirection: 'column', alignItems: 'stretch', lineHeight: 'normal', width: "".concat(getColumnWidth(index)), marginLeft: "".concat(index === 0 ? 0 : gutterSize, "px") }, (properties.stackColumnsAt === 'never'
+                                ? {}
+                                : (_a = {},
+                                    _a["@media (max-width: ".concat(properties.stackColumnsAt !== 'tablet' ? 639 : 999, "px)")] = {
+                                        width: '100%',
+                                        marginLeft: 0,
+                                    },
+                                    _a)))),
+                        },
                     },
                     children: col.children,
                 });
@@ -248,17 +258,18 @@ exports.components = {
         }), components);
     },
     Image: function (node, context, components) {
-        var _a = node.properties, backgroundSize = _a.backgroundSize, backgroundPosition = _a.backgroundPosition;
+        var _a, _b, _c, _d, _e, _f, _g;
+        var _h = node.properties, backgroundSize = _h.backgroundSize, backgroundPosition = _h.backgroundPosition;
         var srcset = node.properties.srcset;
-        var aspectRatio = node.bindings.aspectRatio
-            ? parseFloat(node.bindings.aspectRatio)
+        var aspectRatio = ((_a = node.bindings.aspectRatio) === null || _a === void 0 ? void 0 : _a.code)
+            ? parseFloat(node.bindings.aspectRatio.code)
             : null;
         if (typeof aspectRatio === 'number' && isNaN(aspectRatio)) {
             aspectRatio = null;
         }
         var image = node.properties.image;
         var srcSet = srcset || generateBuilderIoSrcSet(image);
-        var source = node.bindings.noWebp !== 'true' &&
+        var source = ((_b = node.bindings.noWebp) === null || _b === void 0 ? void 0 : _b.code) !== 'true' &&
             (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'source',
                 properties: {
@@ -270,24 +281,25 @@ exports.components = {
             name: 'img',
             properties: noUndefined({
                 $name: 'image',
-                loading: node.properties.lazy ? 'lazy' : undefined,
+                loading: 'lazy',
                 src: node.properties.image,
                 sizes: node.properties.sizes,
                 srcset: srcSet || null,
             }),
             bindings: noUndefined({
-                loading: node.bindings.lazy ? '"lazy"' : undefined,
-                src: node.bindings.image,
-                sizes: node.bindings.sizes,
-                css: JSON.stringify(__assign({ objectFit: backgroundSize || 'cover', objectPosition: backgroundPosition || 'cover' }, (aspectRatio
-                    ? {
-                        position: 'absolute',
-                        height: '100%',
-                        width: '100%',
-                        top: '0',
-                        left: '0',
-                    }
-                    : {}))),
+                src: ((_c = node.bindings.image) === null || _c === void 0 ? void 0 : _c.code) && { code: (_d = node.bindings.image) === null || _d === void 0 ? void 0 : _d.code },
+                sizes: ((_e = node.bindings.sizes) === null || _e === void 0 ? void 0 : _e.code) && { code: (_f = node.bindings.sizes) === null || _f === void 0 ? void 0 : _f.code },
+                css: {
+                    code: JSON.stringify(__assign({ objectFit: backgroundSize || 'cover', objectPosition: backgroundPosition || 'cover' }, (aspectRatio
+                        ? {
+                            position: 'absolute',
+                            height: '100%',
+                            width: '100%',
+                            top: '0',
+                            left: '0',
+                        }
+                        : {}))),
+                },
             }),
         });
         var picture = (0, create_mitosis_node_1.createMitosisNode)({
@@ -302,12 +314,14 @@ exports.components = {
                     class: 'builder-image-sizer',
                 },
                 bindings: {
-                    css: JSON.stringify({
-                        width: '100%',
-                        paddingTop: aspectRatio * 100 + '%',
-                        pointerEvents: 'none',
-                        fontSize: '0',
-                    }),
+                    css: {
+                        code: JSON.stringify({
+                            width: '100%',
+                            paddingTop: aspectRatio * 100 + '%',
+                            pointerEvents: 'none',
+                            fontSize: '0',
+                        }),
+                    },
                 },
             });
         var children = node.children &&
@@ -318,16 +332,18 @@ exports.components = {
                     $name: 'image-contents',
                 },
                 bindings: {
-                    css: JSON.stringify({
-                        display: 'flex',
-                        flexDirection: 'column',
-                        alignItems: 'stretch',
-                        position: 'absolute',
-                        top: '0',
-                        left: '0',
-                        width: '100%',
-                        height: '100%',
-                    }),
+                    css: {
+                        code: JSON.stringify({
+                            display: 'flex',
+                            flexDirection: 'column',
+                            alignItems: 'stretch',
+                            position: 'absolute',
+                            top: '0',
+                            left: '0',
+                            width: '100%',
+                            height: '100%',
+                        }),
+                    },
                 },
                 children: node.children,
             });
@@ -335,16 +351,18 @@ exports.components = {
         imgSizer && imageNodes.push(imgSizer);
         children && imageNodes.push(children);
         var href = node.properties.href;
-        var hrefBinding = node.bindings.href;
+        var hrefBinding = (_g = node.bindings.href) === null || _g === void 0 ? void 0 : _g.code;
         if (href || hrefBinding) {
             var aHref = (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'a',
                 properties: {
                     href: href,
                 },
-                bindings: {
-                    href: hrefBinding,
-                },
+                bindings: hrefBinding
+                    ? {
+                        href: { code: hrefBinding },
+                    }
+                    : undefined,
                 children: imageNodes,
             });
             return wrapOutput(node, aHref, components);
@@ -354,8 +372,9 @@ exports.components = {
         }
     },
     Video: function (node, context, components) {
-        var aspectRatio = node.bindings.aspectRatio
-            ? parseFloat(node.bindings.aspectRatio)
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        var aspectRatio = ((_a = node.bindings.aspectRatio) === null || _a === void 0 ? void 0 : _a.code)
+            ? parseFloat(node.bindings.aspectRatio.code)
             : null;
         if (typeof aspectRatio === 'number' && isNaN(aspectRatio)) {
             aspectRatio = null;
@@ -374,20 +393,32 @@ exports.components = {
                 preload: node.properties.lazy ? 'none' : undefined,
             }),
             bindings: noUndefined({
-                poster: node.bindings.posterImage,
-                autoplay: node.bindings.autoPlay,
-                muted: node.bindings.muted,
-                controls: node.bindings.controls,
-                playsinline: node.bindings.playsInline,
-                loop: node.bindings.loop,
-                css: JSON.stringify({
-                    width: '100%',
-                    height: '100%',
-                    objectFit: node.properties.fit,
-                    objectPosition: node.properties.position,
-                    borderRadius: '1',
-                    position: aspectRatio ? 'absolute' : '',
-                }),
+                poster: ((_b = node.bindings.posterImage) === null || _b === void 0 ? void 0 : _b.code) && {
+                    code: (_c = node.bindings.posterImage) === null || _c === void 0 ? void 0 : _c.code,
+                },
+                autoplay: ((_d = node.bindings.autoPlay) === null || _d === void 0 ? void 0 : _d.code) && {
+                    code: (_e = node.bindings.autoPlay) === null || _e === void 0 ? void 0 : _e.code,
+                },
+                muted: ((_f = node.bindings.muted) === null || _f === void 0 ? void 0 : _f.code) && {
+                    code: (_g = node.bindings.muted) === null || _g === void 0 ? void 0 : _g.code,
+                },
+                controls: ((_h = node.bindings.controls) === null || _h === void 0 ? void 0 : _h.code) && {
+                    code: (_j = node.bindings.controls) === null || _j === void 0 ? void 0 : _j.code,
+                },
+                playsinline: ((_k = node.bindings.playsInline) === null || _k === void 0 ? void 0 : _k.code) && {
+                    code: (_l = node.bindings.playsInline) === null || _l === void 0 ? void 0 : _l.code,
+                },
+                loop: ((_m = node.bindings.loop) === null || _m === void 0 ? void 0 : _m.code) && { code: (_o = node.bindings.loop) === null || _o === void 0 ? void 0 : _o.code },
+                css: {
+                    code: JSON.stringify({
+                        width: '100%',
+                        height: '100%',
+                        objectFit: node.properties.fit,
+                        objectPosition: node.properties.position,
+                        borderRadius: '1',
+                        position: aspectRatio ? 'absolute' : '',
+                    }),
+                },
             }),
             children: [
                 (0, create_mitosis_node_1.createMitosisNode)({
@@ -396,9 +427,11 @@ exports.components = {
                         type: 'video/mp4',
                         src: node.properties.video,
                     },
-                    bindings: {
-                        src: node.bindings.video,
-                    },
+                    bindings: noUndefined({
+                        src: ((_p = node.bindings.video) === null || _p === void 0 ? void 0 : _p.code) && {
+                            code: (_q = node.bindings.video) === null || _q === void 0 ? void 0 : _q.code,
+                        },
+                    }),
                 }),
             ],
         }));
@@ -409,12 +442,14 @@ exports.components = {
                     $name: 'builder-video-sizer',
                 },
                 bindings: {
-                    css: JSON.stringify({
-                        width: '100%',
-                        paddingTop: aspectRatio * 100 + '%',
-                        pointerEvents: 'none',
-                        fontSize: '0',
-                    }),
+                    css: {
+                        code: JSON.stringify({
+                            width: '100%',
+                            paddingTop: aspectRatio * 100 + '%',
+                            pointerEvents: 'none',
+                            fontSize: '0',
+                        }),
+                    },
                 },
             }));
         node.children &&
@@ -425,16 +460,18 @@ exports.components = {
                     $name: 'image-contents',
                 },
                 bindings: {
-                    css: JSON.stringify({
-                        display: 'flex',
-                        flexDirection: 'column',
-                        alignItems: 'stretch',
-                        position: 'absolute',
-                        top: '0',
-                        left: '0',
-                        width: '100%',
-                        height: '100%',
-                    }),
+                    css: {
+                        code: JSON.stringify({
+                            display: 'flex',
+                            flexDirection: 'column',
+                            alignItems: 'stretch',
+                            position: 'absolute',
+                            top: '0',
+                            left: '0',
+                            width: '100%',
+                            height: '100%',
+                        }),
+                    },
                 },
                 children: node.children,
             }));
@@ -444,7 +481,7 @@ exports.components = {
                 $name: 'video-container',
             },
             bindings: {
-                css: JSON.stringify({ position: 'relative' }),
+                css: { code: JSON.stringify({ position: 'relative' }) },
             },
             children: videoContainerNodes,
         });
@@ -496,9 +533,7 @@ function generateBuilderIoSrcSet(image) {
     var isBuilderIo = !!(image || '').match(/builder\.io/);
     return isBuilderIo
         ? [100, 200, 400, 800, 1200, 1600, 2000]
-            .map(function (size) {
-            return "".concat(updateQueryParam(image, 'width', String(size)), " ").concat(size, "w");
-        })
+            .map(function (size) { return "".concat(updateQueryParam(image, 'width', String(size)), " ").concat(size, "w"); })
             .concat([image])
             .join(', ')
         : '';
@@ -509,7 +544,15 @@ function noUndefined(obj) {
         if (Object.prototype.hasOwnProperty.call(obj, key)) {
             var value = obj[key];
             if (value != null) {
-                cleanObj[key] = value;
+                if (typeof value == 'object') {
+                    var ret = noUndefined(value);
+                    if (Object.keys(ret).length) {
+                        cleanObj[key] = ret;
+                    }
+                }
+                else {
+                    cleanObj[key] = value;
+                }
             }
         }
     }

package/dist/src/symbols/symbol-processor.js

@@ -28,9 +28,7 @@ function ensureAllSymbolsHaveIds(content) {
     var ids = new Set();
     (0, traverse_1.forEach)(content, function (el) {
         var _a, _b, _c;
-        if (this.key === 'jsCode' &&
-            isString(el) &&
-            el.endsWith('return _virtual_index')) {
+        if (this.key === 'jsCode' && isString(el) && el.endsWith('return _virtual_index')) {
             // Sometimes rollup adds a final `return _virtual_index` but that causes VM evaluation to fail.
             // Instead of a return on the last line, it needs a plain expression on the last line. Luckily
             // because the rollup compile behavior is consistent this works pretty reliably
@@ -63,7 +61,12 @@ exports.ensureAllSymbolsHaveIds = ensureAllSymbolsHaveIds;
 //TODO(misko): needs test
 function convertBuilderContentToSymbolHierarchy(content, _a) {
     var _b;
-    var _c = _a === void 0 ? {} : _a, collectComponentStyles = _c.collectComponentStyles, collectComponentState = _c.collectComponentState;
+    var _c, _d;
+    var _e = _a === void 0 ? {} : _a, collectComponentStyles = _e.collectComponentStyles, collectComponentState = _e.collectComponentState;
+    if (collectComponentState && ((_c = content.data) === null || _c === void 0 ? void 0 : _c.state)) {
+        var state = (_d = content.data) === null || _d === void 0 ? void 0 : _d.state;
+        collectComponentState['ROOT_COMPONENT_STATE'] = state;
+    }
     var path = [-1, content.id];
     var hierarchy = (_b = {
             depthFirstSymbols: []
@@ -76,7 +79,7 @@ function convertBuilderContentToSymbolHierarchy(content, _a) {
         if (cssCode) {
             collectComponentStyles && collectComponentStyles.push((0, minify_1.minify)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["", ""], ["", ""])), cssCode));
         }
-        while (path[0 /* DEPTH */] >= this.path.length) {
+        while (path[0 /* Path.DEPTH */] >= this.path.length) {
             path.shift();
             path.shift();
         }
@@ -92,10 +95,10 @@ function convertBuilderContentToSymbolHierarchy(content, _a) {
                         collectComponentState[id] = state;
                     }
                 }
-                if (path[0 /* DEPTH */] < this.path.length) {
+                if (path[0 /* Path.DEPTH */] < this.path.length) {
                     var id = getIdFromSymbol(el);
                     hierarchy[id] = [];
-                    addIfMissing(hierarchy[path[1 /* ID */]], id);
+                    addIfMissing(hierarchy[path[1 /* Path.ID */]], id);
                     path.unshift(this.path.length, id);
                 }
                 // TODO(misko): This should be `el.content` not `el`

package/dist/src/targets.d.ts

@@ -2,7 +2,7 @@ export declare const targets: {
     angular: (options?: import("./generators/angular").ToAngularOptions) => import(".").Transpiler;
     builder: (options?: import("./generators/builder").ToBuilderOptions) => ({ component }: import(".").TranspilerArgs) => {
         data: {
-            httpRequests: any;
+            httpRequests: import("./types/json").JSON;
             jsCode: string;
             tsCode: string;
             blocks: import("@builder.io/sdk").BuilderElement[];
@@ -15,11 +15,13 @@ export declare const targets: {
     react: (reactOptions?: import("./generators/react").ToReactOptions) => import(".").Transpiler;
     reactNative: (options?: import("./generators/react-native").ToReactNativeOptions) => import(".").Transpiler;
     solid: (options?: import("./generators/solid").ToSolidOptions) => import(".").Transpiler;
-    svelte: (options?: import("./generators/svelte").ToSvelteOptions) => import(".").Transpiler;
+    svelte: ({ plugins, ...options }?: import("./generators/svelte").ToSvelteOptions) => import(".").Transpiler;
     swift: (options?: import("./generators/swift-ui").ToSwiftOptions) => import(".").Transpiler;
     template: (options?: import("./generators/template").ToTemplateOptions) => import(".").Transpiler;
     webcomponent: (options?: import("./generators/html").ToHtmlOptions) => import(".").Transpiler;
-    vue: (userOptions?: import("./generators/vue").ToVueOptions) => ({ component, path }: import(".").TranspilerArgs & {
-        path: string;
-    }) => string;
+    vue: (vueOptions?: Omit<import("./generators/vue").ToVueOptions, "vueVersion"> | undefined) => import(".").Transpiler;
+    vue2: (vueOptions?: Omit<import("./generators/vue").ToVueOptions, "vueVersion"> | undefined) => import(".").Transpiler;
+    vue3: (vueOptions?: Omit<import("./generators/vue").ToVueOptions, "vueVersion"> | undefined) => import(".").Transpiler;
+    stencil: (options?: import("./generators/stencil").ToStencilOptions) => import(".").Transpiler;
+    qwik: (userOptions?: import("./generators/qwik/component-generator").ToQwikOptions) => import(".").Transpiler;
 };

package/dist/src/targets.js

@@ -13,6 +13,8 @@ var svelte_1 = require("./generators/svelte");
 var swift_ui_1 = require("./generators/swift-ui");
 var template_1 = require("./generators/template");
 var vue_1 = require("./generators/vue");
+var stencil_1 = require("./generators/stencil");
+var qwik_1 = require("./generators/qwik");
 exports.targets = {
     angular: angular_1.componentToAngular,
     builder: builder_1.componentToBuilder,
@@ -27,5 +29,9 @@ exports.targets = {
     swift: swift_ui_1.componentToSwift,
     template: template_1.componentToTemplate,
     webcomponent: html_1.componentToCustomElement,
-    vue: vue_1.componentToVue,
+    vue: vue_1.componentToVue3,
+    vue2: vue_1.componentToVue2,
+    vue3: vue_1.componentToVue3,
+    stencil: stencil_1.componentToStencil,
+    qwik: qwik_1.componentToQwik,
 };

package/dist/src/types/config.d.ts

@@ -1,25 +1,54 @@
-import { MitosisComponent } from '..';
-import { Plugin } from './plugins';
+export declare type Format = 'esm' | 'cjs';
+export declare type Language = 'js' | 'ts';
+interface TranspilerOptions {
+    format?: Format;
+    languages?: Language[];
+}
 declare type Targets = typeof import('../targets').targets;
 export declare type Target = keyof Targets;
 export declare type GeneratorOptions = {
-    [K in keyof Targets]: NonNullable<Parameters<Targets[K]>[0]>;
+    [K in Target]: NonNullable<Parameters<Targets[K]>[0]> & {
+        transpiler?: TranspilerOptions;
+    };
 };
-export interface TranspilerArgs {
-    path?: string;
-    component: MitosisComponent;
-}
-export declare type Transpiler = (args: TranspilerArgs) => string;
-export interface BaseTranspilerOptions {
-    prettier?: boolean;
-    plugins?: Plugin[];
-}
 export declare type MitosisConfig = {
-    type?: 'library';
+    /**
+     * List of targets to compile to.
+     */
     targets: Target[];
+    /**
+     * The output directory. Defaults to `output`.
+     */
     dest?: string;
+    /**
+     * globs of files to transpile. Defaults to `src/*`.
+     */
     files?: string | string[];
+    /**
+     * The directory where overrides are stored. The structure of the override directory must match that of the source code,
+     * with each target having its own sub-directory: `${overridesDir}/${target}/*`
+     * Defaults to `overrides`.
+     */
     overridesDir?: string;
+    /**
+     * Dictionary of per-target configuration. For each target, the available options can be inspected by going to
+     * `packages/core/src/targets.ts` and looking at the first argument of the desired generator.
+     *
+     * Example:
+     *
+     * ```js
+     * options: {
+     *   vue: {
+     *     prettier: false,
+     *     namePrefix: (path) => path + '-my-vue-code',
+     *   },
+     *   react: {
+     *     stateType: 'builder';
+     *     stylesType: 'styled-jsx'
+     *   }
+     * }
+     * ```
+     */
     options: Partial<GeneratorOptions>;
 };
 export {};

package/dist/src/types/mitosis-component.d.ts

@@ -27,9 +27,20 @@ export interface MitosisImport {
         [key: string]: string | undefined;
     };
 }
-declare type ContextInfo = {
+export interface ContextGetInfo {
     name: string;
     path: string;
+}
+export interface ContextSetInfo {
+    name: string;
+    value?: JSONObject;
+    ref?: string;
+}
+export declare type ContextGet = {
+    [key: string]: ContextGetInfo;
+};
+export declare type ContextSet = {
+    [key: string]: ContextSetInfo;
 };
 export declare type extendedHook = {
     code: string;
@@ -39,28 +50,36 @@ export declare type MitosisComponentInput = {
     name: string;
     defaultValue: any;
 };
+export declare type MitosisExport = {
+    [name: string]: {
+        code: string;
+        usedInLocal?: boolean;
+        isFunction?: boolean;
+    };
+};
 export declare type MitosisComponent = {
     '@type': '@builder.io/mitosis/component';
     name: string;
     imports: MitosisImport[];
+    exports?: MitosisExport;
     meta: JSONObject & {
         useMetadata?: JSONObject;
     };
     inputs: MitosisComponentInput[];
     state: JSONObject;
     context: {
-        get: {
-            [key: string]: ContextInfo;
-        };
-        set: {
-            [key: string]: {
-                name: string;
-                value?: JSONObject;
-            };
+        get: ContextGet;
+        set: ContextSet;
+    };
+    refs: {
+        [useRef: string]: {
+            typeParameter?: string;
+            argument: string;
         };
     };
     hooks: {
         init?: extendedHook;
+        onInit?: extendedHook;
         onMount?: extendedHook;
         onUnMount?: extendedHook;
         preComponent?: extendedHook;
@@ -69,5 +88,7 @@ export declare type MitosisComponent = {
     };
     children: MitosisNode[];
     subComponents: MitosisComponent[];
+    types?: string[];
+    interfaces?: string[];
+    propsTypeRef?: string;
 };
-export {};